@twintag/twintag-core 0.2.284-fix-scanner-stream-visibility-a695ce585af24862ce02d73ace27e861e0e3e72f → 0.2.284-fix-scanner-stream-visibility-e1001dac4bbbb51970b19c08e9a5c830ae722924

package/dist/cjs/@worker-helper-fa4712a7.js

@@ -0,0 +1,240 @@
+'use strict';
+
+const index = require('./index-2c25b2e9.js');
+
+const appendToMap = (map, propName, value) => {
+    const items = map.get(propName);
+    if (!items) {
+        map.set(propName, [value]);
+    }
+    else if (!items.includes(value)) {
+        items.push(value);
+    }
+};
+const debounce = (fn, ms) => {
+    let timeoutId;
+    return (...args) => {
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+        }
+        timeoutId = setTimeout(() => {
+            timeoutId = 0;
+            fn(...args);
+        }, ms);
+    };
+};
+
+/**
+ * Check if a possible element isConnected.
+ * The property might not be there, so we check for it.
+ *
+ * We want it to return true if isConnected is not a property,
+ * otherwise we would remove these elements and would not update.
+ *
+ * Better leak in Edge than to be useless.
+ */
+const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
+const cleanupElements = debounce((map) => {
+    for (let key of map.keys()) {
+        map.set(key, map.get(key).filter(isConnected));
+    }
+}, 2000);
+const stencilSubscription = () => {
+    if (typeof index.getRenderingRef !== 'function') {
+        // If we are not in a stencil project, we do nothing.
+        // This function is not really exported by @stencil/core.
+        return {};
+    }
+    const elmsToUpdate = new Map();
+    return {
+        dispose: () => elmsToUpdate.clear(),
+        get: (propName) => {
+            const elm = index.getRenderingRef();
+            if (elm) {
+                appendToMap(elmsToUpdate, propName, elm);
+            }
+        },
+        set: (propName) => {
+            const elements = elmsToUpdate.get(propName);
+            if (elements) {
+                elmsToUpdate.set(propName, elements.filter(index.forceUpdate));
+            }
+            cleanupElements(elmsToUpdate);
+        },
+        reset: () => {
+            elmsToUpdate.forEach((elms) => elms.forEach(index.forceUpdate));
+            cleanupElements(elmsToUpdate);
+        },
+    };
+};
+
+const unwrap = (val) => (typeof val === 'function' ? val() : val);
+const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
+    const unwrappedState = unwrap(defaultState);
+    let states = new Map(Object.entries(unwrappedState !== null && unwrappedState !== void 0 ? unwrappedState : {}));
+    const handlers = {
+        dispose: [],
+        get: [],
+        set: [],
+        reset: [],
+    };
+    const reset = () => {
+        var _a;
+        // When resetting the state, the default state may be a function - unwrap it to invoke it.
+        // otherwise, the state won't be properly reset
+        states = new Map(Object.entries((_a = unwrap(defaultState)) !== null && _a !== void 0 ? _a : {}));
+        handlers.reset.forEach((cb) => cb());
+    };
+    const dispose = () => {
+        // Call first dispose as resetting the state would
+        // cause less updates ;)
+        handlers.dispose.forEach((cb) => cb());
+        reset();
+    };
+    const get = (propName) => {
+        handlers.get.forEach((cb) => cb(propName));
+        return states.get(propName);
+    };
+    const set = (propName, value) => {
+        const oldValue = states.get(propName);
+        if (shouldUpdate(value, oldValue, propName)) {
+            states.set(propName, value);
+            handlers.set.forEach((cb) => cb(propName, value, oldValue));
+        }
+    };
+    const state = (typeof Proxy === 'undefined'
+        ? {}
+        : new Proxy(unwrappedState, {
+            get(_, propName) {
+                return get(propName);
+            },
+            ownKeys(_) {
+                return Array.from(states.keys());
+            },
+            getOwnPropertyDescriptor() {
+                return {
+                    enumerable: true,
+                    configurable: true,
+                };
+            },
+            has(_, propName) {
+                return states.has(propName);
+            },
+            set(_, propName, value) {
+                set(propName, value);
+                return true;
+            },
+        }));
+    const on = (eventName, callback) => {
+        handlers[eventName].push(callback);
+        return () => {
+            removeFromArray(handlers[eventName], callback);
+        };
+    };
+    const onChange = (propName, cb) => {
+        const unSet = on('set', (key, newValue) => {
+            if (key === propName) {
+                cb(newValue);
+            }
+        });
+        // We need to unwrap the defaultState because it might be a function.
+        // Otherwise we might not be sending the right reset value.
+        const unReset = on('reset', () => cb(unwrap(defaultState)[propName]));
+        return () => {
+            unSet();
+            unReset();
+        };
+    };
+    const use = (...subscriptions) => {
+        const unsubs = subscriptions.reduce((unsubs, subscription) => {
+            if (subscription.set) {
+                unsubs.push(on('set', subscription.set));
+            }
+            if (subscription.get) {
+                unsubs.push(on('get', subscription.get));
+            }
+            if (subscription.reset) {
+                unsubs.push(on('reset', subscription.reset));
+            }
+            if (subscription.dispose) {
+                unsubs.push(on('dispose', subscription.dispose));
+            }
+            return unsubs;
+        }, []);
+        return () => unsubs.forEach((unsub) => unsub());
+    };
+    const forceUpdate = (key) => {
+        const oldValue = states.get(key);
+        handlers.set.forEach((cb) => cb(key, oldValue, oldValue));
+    };
+    return {
+        state,
+        get,
+        set,
+        on,
+        onChange,
+        use,
+        dispose,
+        reset,
+        forceUpdate,
+    };
+};
+const removeFromArray = (array, item) => {
+    const index = array.indexOf(item);
+    if (index >= 0) {
+        array[index] = array[array.length - 1];
+        array.length--;
+    }
+};
+
+const createStore = (defaultState, shouldUpdate) => {
+    const map = createObservableMap(defaultState, shouldUpdate);
+    map.use(stencilSubscription());
+    return map;
+};
+
+const pending = new Map();
+const callbacks = new Map();
+
+const createWorker = (workerPath, workerName, workerMsgId) => {
+  const worker = new Worker(workerPath, {name:workerName});
+
+  worker.addEventListener('message', ({data}) => {
+  if (data) {
+    const workerMsg = data[0];
+    const id = data[1];
+    const value = data[2];
+
+    if (workerMsg === workerMsgId) {
+    const err = data[3];
+    const [resolve, reject, callbackIds] = pending.get(id);
+    pending.delete(id);
+
+    if (err) {
+      const errObj = (err.isError)
+      ? Object.assign(new Error(err.value.message), err.value)
+      : err.value;
+
+      index.consoleError(errObj);
+      reject(errObj);
+    } else {
+      if (callbackIds) {
+      callbackIds.forEach(id => callbacks.delete(id));
+      }
+      resolve(value);
+    }
+    } else if (workerMsg === workerMsgId + '.cb') {
+    try {
+      callbacks.get(id)(...value);
+    } catch (e) {
+      index.consoleError(e);
+    }
+    }
+  }
+  });
+
+  return worker;
+};
+
+exports.createStore = createStore;
+exports.createWorker = createWorker;

package/dist/cjs/twintag-pdf-viewer.cjs.entry.js

@@ -3,205 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2c25b2e9.js');
-const _workerHelper = require('./@worker-helper-6877046e.js');
+const _workerHelper = require('./@worker-helper-fa4712a7.js');
 
 const workerName = 'pdf-viewer.worker';
 const workerMsgId = 'stencil.pdf-viewer.worker';
 const workerPath = /*@__PURE__*/(typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __dirname + '/pdf-viewer.worker-451433c3.js').href : new URL('pdf-viewer.worker-451433c3.js', document.currentScript && document.currentScript.src || document.baseURI).href);
 const worker = /*@__PURE__*/_workerHelper.createWorker(workerPath, workerName, workerMsgId);
 
-const appendToMap = (map, propName, value) => {
-    const items = map.get(propName);
-    if (!items) {
-        map.set(propName, [value]);
-    }
-    else if (!items.includes(value)) {
-        items.push(value);
-    }
-};
-const debounce = (fn, ms) => {
-    let timeoutId;
-    return (...args) => {
-        if (timeoutId) {
-            clearTimeout(timeoutId);
-        }
-        timeoutId = setTimeout(() => {
-            timeoutId = 0;
-            fn(...args);
-        }, ms);
-    };
-};
-
-/**
- * Check if a possible element isConnected.
- * The property might not be there, so we check for it.
- *
- * We want it to return true if isConnected is not a property,
- * otherwise we would remove these elements and would not update.
- *
- * Better leak in Edge than to be useless.
- */
-const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
-const cleanupElements = debounce((map) => {
-    for (let key of map.keys()) {
-        map.set(key, map.get(key).filter(isConnected));
-    }
-}, 2000);
-const stencilSubscription = () => {
-    if (typeof index.getRenderingRef !== 'function') {
-        // If we are not in a stencil project, we do nothing.
-        // This function is not really exported by @stencil/core.
-        return {};
-    }
-    const elmsToUpdate = new Map();
-    return {
-        dispose: () => elmsToUpdate.clear(),
-        get: (propName) => {
-            const elm = index.getRenderingRef();
-            if (elm) {
-                appendToMap(elmsToUpdate, propName, elm);
-            }
-        },
-        set: (propName) => {
-            const elements = elmsToUpdate.get(propName);
-            if (elements) {
-                elmsToUpdate.set(propName, elements.filter(index.forceUpdate));
-            }
-            cleanupElements(elmsToUpdate);
-        },
-        reset: () => {
-            elmsToUpdate.forEach((elms) => elms.forEach(index.forceUpdate));
-            cleanupElements(elmsToUpdate);
-        },
-    };
-};
-
-const unwrap = (val) => (typeof val === 'function' ? val() : val);
-const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
-    const unwrappedState = unwrap(defaultState);
-    let states = new Map(Object.entries(unwrappedState !== null && unwrappedState !== void 0 ? unwrappedState : {}));
-    const handlers = {
-        dispose: [],
-        get: [],
-        set: [],
-        reset: [],
-    };
-    const reset = () => {
-        var _a;
-        // When resetting the state, the default state may be a function - unwrap it to invoke it.
-        // otherwise, the state won't be properly reset
-        states = new Map(Object.entries((_a = unwrap(defaultState)) !== null && _a !== void 0 ? _a : {}));
-        handlers.reset.forEach((cb) => cb());
-    };
-    const dispose = () => {
-        // Call first dispose as resetting the state would
-        // cause less updates ;)
-        handlers.dispose.forEach((cb) => cb());
-        reset();
-    };
-    const get = (propName) => {
-        handlers.get.forEach((cb) => cb(propName));
-        return states.get(propName);
-    };
-    const set = (propName, value) => {
-        const oldValue = states.get(propName);
-        if (shouldUpdate(value, oldValue, propName)) {
-            states.set(propName, value);
-            handlers.set.forEach((cb) => cb(propName, value, oldValue));
-        }
-    };
-    const state = (typeof Proxy === 'undefined'
-        ? {}
-        : new Proxy(unwrappedState, {
-            get(_, propName) {
-                return get(propName);
-            },
-            ownKeys(_) {
-                return Array.from(states.keys());
-            },
-            getOwnPropertyDescriptor() {
-                return {
-                    enumerable: true,
-                    configurable: true,
-                };
-            },
-            has(_, propName) {
-                return states.has(propName);
-            },
-            set(_, propName, value) {
-                set(propName, value);
-                return true;
-            },
-        }));
-    const on = (eventName, callback) => {
-        handlers[eventName].push(callback);
-        return () => {
-            removeFromArray(handlers[eventName], callback);
-        };
-    };
-    const onChange = (propName, cb) => {
-        const unSet = on('set', (key, newValue) => {
-            if (key === propName) {
-                cb(newValue);
-            }
-        });
-        // We need to unwrap the defaultState because it might be a function.
-        // Otherwise we might not be sending the right reset value.
-        const unReset = on('reset', () => cb(unwrap(defaultState)[propName]));
-        return () => {
-            unSet();
-            unReset();
-        };
-    };
-    const use = (...subscriptions) => {
-        const unsubs = subscriptions.reduce((unsubs, subscription) => {
-            if (subscription.set) {
-                unsubs.push(on('set', subscription.set));
-            }
-            if (subscription.get) {
-                unsubs.push(on('get', subscription.get));
-            }
-            if (subscription.reset) {
-                unsubs.push(on('reset', subscription.reset));
-            }
-            if (subscription.dispose) {
-                unsubs.push(on('dispose', subscription.dispose));
-            }
-            return unsubs;
-        }, []);
-        return () => unsubs.forEach((unsub) => unsub());
-    };
-    const forceUpdate = (key) => {
-        const oldValue = states.get(key);
-        handlers.set.forEach((cb) => cb(key, oldValue, oldValue));
-    };
-    return {
-        state,
-        get,
-        set,
-        on,
-        onChange,
-        use,
-        dispose,
-        reset,
-        forceUpdate,
-    };
-};
-const removeFromArray = (array, item) => {
-    const index = array.indexOf(item);
-    if (index >= 0) {
-        array[index] = array[array.length - 1];
-        array.length--;
-    }
-};
-
-const createStore = (defaultState, shouldUpdate) => {
-    const map = createObservableMap(defaultState, shouldUpdate);
-    map.use(stencilSubscription());
-    return map;
-};
-
-const pdfStore = createStore({
+const pdfStore = _workerHelper.createStore({
   docs: new Map(),
 });
 

package/dist/cjs/twintag-qr-scanner.cjs.entry.js

@@ -4,13 +4,64 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2c25b2e9.js');
 const index$1 = require('./index-8407a91f.js');
-const _workerHelper = require('./@worker-helper-6877046e.js');
+const _workerHelper = require('./@worker-helper-fa4712a7.js');
+
+const safeRead = (storage, key) => {
+  try {
+    return JSON.parse(storage.getItem(key));
+  }
+  catch (_a) {
+    return null;
+  }
+};
+const debounce = (fn) => {
+  let called = false;
+  return () => {
+    if (called) {
+      return;
+    }
+    called = true;
+    setTimeout(() => {
+      fn();
+      called = false;
+    }, 0);
+  };
+};
+const createStorageStore = (storage, key, defaultValues, syncAcrossTabs = false) => {
+  var _a;
+  const store = _workerHelper.createStore((_a = safeRead(storage, key)) !== null && _a !== void 0 ? _a : defaultValues);
+  // Need to sync later or we would get ourselves in an infinite loop.
+  const write = debounce(() => storage.setItem(key, JSON.stringify(store.state)));
+  write();
+  if (syncAcrossTabs) {
+    window.addEventListener('storage', () => {
+      const currentState = safeRead(storage, key);
+      if (currentState === null) {
+        return;
+      }
+      for (const key in currentState) {
+        store.set(key, currentState[key]);
+      }
+    });
+  }
+  store.use({ set: write, reset: write });
+  return store;
+};
+const createLocalStore = (key, defaultValues, syncAcrossTabs = false) => createStorageStore(localStorage, key, defaultValues, syncAcrossTabs);
+
+const scannerStore = createLocalStore('twintag-barcode-scanner', {
+  deviceId: '',
+});
 
 const workerName = 'scanner.worker';
 const workerMsgId = 'stencil.scanner.worker';
 const workerPath = /*@__PURE__*/(typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __dirname + '/scanner.worker-02c80109.js').href : new URL('scanner.worker-02c80109.js', document.currentScript && document.currentScript.src || document.baseURI).href);
 const worker = /*@__PURE__*/_workerHelper.createWorker(workerPath, workerName, workerMsgId);
 
+function isEmpty(str) {
+  return !str || str.length === 0 || !str.trim();
+}
+
 const twintagScannerCss = ":host{--twintag-scanner-bg-select-cameras:white;--twintag-scanner-text-select-cameras:black;--twintag-scanner-radius-select-cameras:6px 0 0 0;--twintag-scanner-min-height:min-content;--twintag-scanner-corners-color:white;--twintag-scanner-corners-width:4px;--twintag-scanner-corners-length:36px;--twintag-scanner-corners-offset:24px;display:grid;place-items:center;position:relative;width:100%}:host .icon-container{display:grid;place-items:center;position:absolute;inset:0;z-index:-2222}:host .icon-container .check-icon{opacity:0;z-index:2222}:host .video-container{--crop:0;--crop-x:var(--crop);--crop-y:var(--crop);display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;opacity:0;overflow:hidden;z-index:1}:host .video-container::after{content:\"\";position:absolute;width:100%;height:100%;opacity:inherit;background:rgba(0, 0, 0, 0.5);-webkit-clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop-x) * 1%) 100%, calc(var(--crop-x) * 1%) calc(var(--crop-y) * 1%), calc(calc(100 - var(--crop-x)) * 1%) calc(var(--crop-y) * 1%), calc(calc(100 - var(--crop-x)) * 1%) calc(calc(100 - var(--crop-y)) * 1%), calc(var(--crop-x) * 1%) calc(calc(100 - var(--crop-y)) * 1%), calc(var(--crop-x) * 1%) 100%, 100% 100%, 100% 0%);clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop-x) * 1%) 100%, calc(var(--crop-x) * 1%) calc(var(--crop-y) * 1%), calc(calc(100 - var(--crop-x)) * 1%) calc(var(--crop-y) * 1%), calc(calc(100 - var(--crop-x)) * 1%) calc(calc(100 - var(--crop-y)) * 1%), calc(var(--crop-x) * 1%) calc(calc(100 - var(--crop-y)) * 1%), calc(var(--crop-x) * 1%) 100%, 100% 100%, 100% 0%)}:host .video-container:before{display:block;content:\"\";width:100%;padding-top:100%}:host .video-container .video-corners{position:absolute;width:calc((1 - var(--crop-x) / 50) * 100% + var(--twintag-scanner-corners-offset));height:calc((1 - var(--crop-y) / 50) * 100% + var(--twintag-scanner-corners-offset));opacity:inherit;background:linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%;background-size:var(--twintag-scanner-corners-length) var(--twintag-scanner-corners-length);background-repeat:no-repeat;z-index:2222}:host .video-container video{position:absolute;width:100% !important;object-fit:cover;object-position:center;aspect-ratio:1/1 !important;min-height:var(--twintag-scanner-min-height)}";
 
 const MAX_STAGE_VALUE = 400;
@@ -75,7 +126,7 @@ const TwintagQRScanner = class {
       // @ts-ignore - old typscript version
       signal: this.eventsController.signal,
     });
-    document.addEventListener("visibilitychange", async () => {
+    document.addEventListener('visibilitychange', async () => {
       if (document.hidden) {
         if (this.stream) {
           this.stopStream();
@@ -155,7 +206,7 @@ const TwintagQRScanner = class {
       }
     }
     catch (err) {
-      console.error(err);
+      throw new Error(err);
     }
   }
   async getTrackSettings(constraints) {
@@ -164,7 +215,7 @@ const TwintagQRScanner = class {
       return stream.getVideoTracks()[0].getSettings();
     }
     catch (err) {
-      console.error(err);
+      throw new Error(err);
     }
   }
   async getMedia(constraints) {
@@ -174,6 +225,19 @@ const TwintagQRScanner = class {
       max: 1920,
     };
     try {
+      if (!isEmpty(scannerStore.get('deviceId'))) {
+        try {
+          const device_constraints = JSON.parse(JSON.stringify(constraints));
+          device_constraints.video.deviceId = {
+            exact: scannerStore.get('deviceId'),
+          };
+          await this.updateStream(device_constraints);
+          return;
+        }
+        catch (_) {
+          console.warn('Invalid deviceId stored in localStorage. Resetting...');
+        }
+      }
       await this.updateStream(constraints);
       const raw_devices = await navigator.mediaDevices.enumerateDevices();
       const devices = raw_devices.filter((device) => device.kind.toLowerCase() === 'videoinput' &&
@@ -182,8 +246,10 @@ const TwintagQRScanner = class {
         return;
       }
       if (devices.length === 1) {
+        const deviceId = devices[0].deviceId;
+        scannerStore.set('deviceId', deviceId);
         constraints.video.deviceId = {
-          exact: devices[0].deviceId,
+          exact: deviceId,
         };
         await this.updateStream(constraints);
       }
@@ -201,8 +267,10 @@ const TwintagQRScanner = class {
       // back camera with the highest resolution
       const backCamera = devices[backCameraIndex];
       if (backCamera) {
+        const deviceId = backCamera.deviceId;
+        scannerStore.set('deviceId', deviceId);
         constraints.video.deviceId = {
-          exact: backCamera.deviceId,
+          exact: deviceId,
         };
         await this.updateStream(constraints);
         return;
@@ -217,10 +285,17 @@ const TwintagQRScanner = class {
       }
     }
     catch (err) {
-      console.error(err);
+      if (err instanceof Error) {
+        console.error(err.message);
+      }
+      else {
+        console.error(err);
+      }
     }
-    if (this.stream) {
-      this.streamIsActive.emit(true);
+    finally {
+      if (this.stream) {
+        this.streamIsActive.emit(true);
+      }
     }
   }
   async startStream() {
@@ -242,7 +317,8 @@ const TwintagQRScanner = class {
         opacity: 1,
         onComplete: () => {
           const currentStage = Math.min(this.video.videoWidth, this.video.videoHeight);
-          this.stageScale = Math.min(currentStage, MAX_STAGE_VALUE) / currentStage;
+          this.stageScale =
+            Math.min(currentStage, MAX_STAGE_VALUE) / currentStage;
           this.stage = currentStage * this.stageScale;
           this.canvas.width = this.stage;
           this.canvas.height = this.stage;