@zappar/zappar-cv 2.0.0-beta.9 → 2.1.0-beta.0

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # Changelog
 
+## [2.1.0] - 2023-02-06
+
+### Added
+- Spanish, Portuguese and German translations for permissions screen
+
+### Changed
+
+- Improvements to curved tracking
+
+## [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.
+
 ## [0.3.17] - 2022-07-21
 
 ### Fixed

package/README.md

@@ -18,8 +18,8 @@ npm i @zappar/zappar-cv
 
 You can use our CDN from within your HTML:
 ```
-<script src="https://libs.zappar.com/zappar-cv/2.0.0-beta.9/zappar-cv.js"></script>
+<script src="https://libs.zappar.com/zappar-cv/2.1.0-beta.0/zappar-cv.js"></script>
 ```
 
 Or you can download and host our standalone JavaScript bundle:
-[https://libs.zappar.com/zappar-cv/2.0.0-beta.9/zappar-cv.zip](https://libs.zappar.com/zappar-cv/2.0.0-beta.9/zappar-cv.zip)
+[https://libs.zappar.com/zappar-cv/2.1.0-beta.0/zappar-cv.zip](https://libs.zappar.com/zappar-cv/2.1.0-beta.0/zappar-cv.zip)

package/lib/permission.js

@@ -8,6 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { UAParser } from "ua-parser-js";
+import { STRINGS, tr } from "./tr";
 let parser = new UAParser();
 let _permissionGrantedCamera = false;
 let _permissionGrantedMotion = false;
@@ -120,9 +121,9 @@ export function permissionRequestUI() {
         }
     </style>
     <div class="zappar-inner">
-        <div class="zappar-title">Almost there...</div>
-        <div class="zappar-text">In order to provide this augmented reality experience, we need access to your device's camera and motion sensors.</div>
-        <button id="zappar-permission-request-button">Grant Access</button>
+        <div class="zappar-title">${tr(STRINGS.PermissionTitle)}</div>
+        <div class="zappar-text">${tr(STRINGS.PermissionDescription)}</div>
+        <button id="zappar-permission-request-button">${tr(STRINGS.PermissionButton)}</button>
     </div>
 `;
         document.body.append(div);

package/lib/pipeline.d.ts

@@ -17,7 +17,7 @@ export declare class Pipeline {
     private cameraTokens;
     private nextCameraToken;
     private tokensInFlight;
-    glContext: WebGLRenderingContext | undefined;
+    glContext: WebGLRenderingContext | WebGL2RenderingContext | undefined;
     private videoTextures;
     cameraPixelArrays: ArrayBuffer[];
     private _cameraDraw;

package/lib/tr.d.ts

@@ -0,0 +1,6 @@
+export declare enum STRINGS {
+    PermissionTitle = 0,
+    PermissionDescription = 1,
+    PermissionButton = 2
+}
+export declare function tr(str: STRINGS): string;

package/lib/tr.js

@@ -0,0 +1,42 @@
+export var STRINGS;
+(function (STRINGS) {
+    STRINGS[STRINGS["PermissionTitle"] = 0] = "PermissionTitle";
+    STRINGS[STRINGS["PermissionDescription"] = 1] = "PermissionDescription";
+    STRINGS[STRINGS["PermissionButton"] = 2] = "PermissionButton";
+})(STRINGS || (STRINGS = {}));
+function parseLanguage(inp) {
+    const [lang, locale] = inp.toLowerCase().split("-");
+    return [lang, locale || ""];
+}
+const [lang, locale] = parseLanguage(navigator.language);
+export function tr(str) {
+    switch (lang) {
+        case "es":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "Ya casi...";
+                case STRINGS.PermissionDescription: return "Para brindar esta experiencia de realidad aumentada, necesitamos acceso a la cámara y los sensores de movimiento de su dispositivo.";
+                case STRINGS.PermissionButton: return "Permitir acceso";
+            }
+            break;
+        case "de":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "Fast am Ziel..";
+                case STRINGS.PermissionDescription: return "Um dir dieses Augmented Reality Erlebnis zu liefern, brauchen wir Zugriff auf die Kamera und Bewegungssensoren deines Gerätes.";
+                case STRINGS.PermissionButton: return "Gewähre Zugriff";
+            }
+            break;
+        case "pt":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "Está quase!";
+                case STRINGS.PermissionDescription: return "Esta experiência de realidade aumentada precisa de acesso à câmera e aos sensores de movimento deste dispositivo.";
+                case STRINGS.PermissionButton: return "Permitir acesso";
+            }
+            break;
+    }
+    switch (str) {
+        case STRINGS.PermissionTitle: return "Almost there...";
+        case STRINGS.PermissionDescription: return "In order to provide this augmented reality experience, we need access to your device's camera and motion sensors.";
+        case STRINGS.PermissionButton: return "Grant Access";
+    }
+    return "";
+}

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "2.0.0-beta.9";
+export declare const VERSION = "2.1.0-beta.0";

package/lib/version.js

@@ -1 +1 @@
-export const VERSION = "2.0.0-beta.9";
+export const VERSION = "2.1.0-beta.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zappar/zappar-cv",
-  "version": "2.0.0-beta.9",
+  "version": "2.1.0-beta.0",
   "description": "Zappar's core computer vision library, supporting image, face and world tracking.",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",