Skip to content

Commit

Permalink
Zappar for React Three v2.0.0
Browse files Browse the repository at this point in the history
  • Loading branch information
Zappar committed Aug 23, 2022
1 parent c83d978 commit 3287433
Show file tree
Hide file tree
Showing 24 changed files with 629 additions and 230 deletions.
40 changes: 31 additions & 9 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,23 @@
# Changelog

## [2.0.0] - 2022-08-23

### Added

- Greatly improved instant tracking.
- Introduced `SequenceSource` and pipeline functions to record and playback sequences of camera+motion data.
- Added support for curved tracking.
- Added support for fetching image element containing target image's embedded preview image.
- Improved GL state management.

### Changed

- Migrated to Webpack 5 workers.

### **Breaking:**

- Dropped support for webpack 4.

## [1.2.7] - 2022-08-16

### Fixed
Expand Down Expand Up @@ -94,23 +112,27 @@

## [1.0.10] - 2022-02-09

### Fixed
- Introduced `SequenceSource` and pipeline functions to record and playback sequences of camera+motion data.
- Added instant tracker jest test.
- Added `start` prop to `ZapparCamera`, passing false will not automatically start the camera.

- Issue where `useInstantTracker` never gets called.
## [1.0.11] - 2022-02-10

## [1.0.9] - 2021-11-01
### Added

### Changed
- `enabled` prop to the tracker group components. This can be used to disable/enable the underling tracker.

- Pinned dependencies to exact versions.
## [1.0.10] - 2022-02-09

## [1.0.8] - 2021-10-04
## [1.1.0-beta.6] - 2022-02-09

- Audit fix.
### Fixed

## [1.0.7] - 2021-10-04
- Issue where `useInstantTracker` never gets called.

- Bump `@react-three/fiber` support to 7.0.7.
## [1.0.9] - 2021-11-01

- Updated dependencies.

## [1.0.6] - 2021-07-15

Expand Down
38 changes: 3 additions & 35 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,7 @@ You may also be interested in:
* [Integrating into an existing create-react-app project](#integrating-into-an-existing-create-react-app-project)
* [Links and Resources](#links-and-resources)

<!-- Added by: zapparadmin, at: Tue Aug 16 11:29:44 BST 2022 -->
<!-- Added by: zapparadmin, at: Tue Aug 23 14:26:17 BST 2022 -->

<!--te-->

Expand Down Expand Up @@ -127,24 +127,7 @@ Then import the library into your JavaScript or TypeScript files:
import { ZapparCamera /* ... */ } from "@zappar/zappar-react-three-fiber";
```

The final step is to add this necessary entry to your webpack `rules`:

```ts
module.exports = {
//...
module: {
rules: [
//...
{
test: /zcv\.wasm$/,
type: "javascript/auto",
loader: "file-loader",
},
//...
],
},
};
```
Please note - This library supports Webpack 5 and later.

## Overview

Expand Down Expand Up @@ -762,22 +745,7 @@ module.exports = {
webpack: function (config, env) {
config.module.rules = config.module.rules.map(rule => {
if (rule.oneOf instanceof Array) {
rule.oneOf[rule.oneOf.length - 1].exclude = [/\.(js|mjs|zbin|jsx|ts|tsx)$/, /\.html$/, /\.json$/];
return {
...rule,
oneOf: [{
test: /zcv\.wasm$/,
type: "javascript/auto",
loader: "file-loader",
options: {
outputPath: 'static/js',
publicPath: '.',
name: '[name].[ext]',
},
},
...rule.oneOf
]
};
rule.oneOf[rule.oneOf.length - 1].exclude = [/\.(js|mjs|cjs|zbin|jsx|ts|tsx)$/, /\.html$/, /\.json$/];
}
return rule;
});
Expand Down
Loading

0 comments on commit 3287433

Please sign in to comment.