0.3.1

chore: add unpkg browser field
0.3.0
2026-08-13 12:41:37 +08:00 · 2022-05-29 12:07:49 +08:00 · 2022-05-29 12:07:37 +08:00 · 2022-05-29 11:23:48 +08:00 · 2022-05-29 11:23:04 +08:00 · 2022-05-29 11:04:57 +08:00
11 changed files with 192 additions and 179 deletions
@@ -9,3 +9,5 @@ tsconfig.tsbuildinfo
 coverage
 yarn.lock
 .rpt2_cache
 demo/lib/index.min.js
@@ -20,3 +20,10 @@ tsconfig.json
 tsconfig.base.json
 .rpt2_cache
 .vscode
 /demo
 /doc
 /scripts
 tslint.json
 yarn-error.log
 .babelrc
 yarn.lock
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
 <html>
-  <head>
+
 <head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <title>QrcodeDecoder - Camera</title>
-  </head>
+</head>
-  <body>
+
 <body>
  <button id="start">Start</button> <button id="stop">Stop</button><br />
  <span id="result">Click start to scan qrcode.</span><br />
  <hr />
  <video id="video" autoplay></video>
  <script src="./lib/vconsole.min.js"></script>
-    <script src="./index.min.js"></script>
+  <script src="./lib/index.min.js"></script>
  <script type="text/javascript">
    var vConsole = new VConsole();
    console.log('Hello world');
@@ -29,17 +31,24 @@
          throw new Error('Canvas and getUserMedia are required');
        }
-          let code = await qr.decodeFromCamera(video);
+        let code = await qr.decodeFromCamera(video,
          // you can customize your camera size like below
          // {
          //   width: 400,
          //   height: 400,
          // }
        );
        console.log('code', code);
        result.innerText = 'Result: ' + code.data;
      }
      start.onclick = startScan;
-        stop.onclick = function() {
+      stop.onclick = function () {
        qr.stop();
      };
    }
    main();
  </script>
-  </body>
+</body>
 </html>
@@ -1,12 +1,14 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+
 <head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <title>QrcodeDecoder - Image</title>
-  </head>
+</head>
-  <body>
+
 <body>
  <section>
    <h3>Same domain image</h3>
    <img id="img1" src="./assets/qrcode.png" alt="qr code" /><br />
@@ -19,13 +21,12 @@
    <input
      id="img2"
      value="https://yugasun.com/static/wechat.jpg"
-        style="width: 400px"
+      style="width: 400px" /><br />
      /><br />
    <button id="decode2">Decode!</button><br />
    <span id="result2"></span><br />
  </section>
  <script src="./lib/vconsole.min.js"></script>
-    <script src="./index.min.js"></script>
+  <script src="./lib/index.min.js"></script>
  <script type="module">
    var vConsole = new VConsole();
    function main() {
@@ -60,5 +61,6 @@
      main();
    };
  </script>
-  </body>
+</body>
 </html>
@@ -1,21 +1,22 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+
 <head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <title>QrcodeDecoder - Video</title>
-  </head>
+</head>
-  <body>
+
 <body>
  <button id="start">Start</button> <button id="stop">Stop</button><br />
  <span id="result">Click start to scan qrcode.</span><br />
  <video src="./assets/qrcode-video.mp4"></video>
  <script src="./lib/vconsole.min.js"></script>
-    <script src="./index.min.js"></script>
+  <script src="./lib/index.min.js"></script>
  <script type="text/javascript">
    var vConsole = new VConsole();
      console.log('Hello world');
    function main() {
      var video = document.querySelector('video');
      var result = document.querySelector('#result');
@@ -25,7 +26,7 @@
      start.onclick = startScan;
-        stop.onclick = function() {
+      stop.onclick = function () {
        qr.stop();
        video.pause();
      };
@@ -39,5 +40,6 @@
    }
    main();
  </script>
-  </body>
+</body>
 </html>
@@ -1,8 +1,11 @@
 {
  "name": "qrcode-decoder",
-  "version": "0.2.0",
+  "version": "0.3.1",
  "description": "Tool for decoding qrcode",
  "main": "dist/index.js",
  "browser": "dist/index.min.js",
  "unpkg": "dist/index.min.js",
  "module": "dist/index.esm.js",
  "sideEffects": false,
  "scripts": {
    "build": "ts-node -P scripts/tsconfig.json scripts/bundle.ts umd,esm,aio && npm run copy-file",
@@ -10,9 +13,10 @@
    "prettier:fix": "prettier --write '**/*.{ts,tsx,md}' --config .prettierrc",
    "test": "jest",
    "codecov": "jest --coverage && codecov",
-    "copy-file": "cp dist/index.min.js demo/",
+    "copy-file": "cp dist/index.min.js demo/lib",
    "release": "git commit -am $npm_package_version && git tag $npm_package_version && git push && git push --tags",
-    "pages": "gh-pages -d demo --remote origin"
+    "pages": "gh-pages -d demo --remote origin",
    "demo": "http-server demo -c-1"
  },
  "husky": {
    "hooks": {
@@ -55,6 +59,7 @@
    "cross-env": "^6.0.3",
    "fancy-log": "^1.3.3",
    "gh-pages": "^3.1.0",
    "http-server": "^14.1.0",
    "husky": "^3.0.9",
    "jest": "^24.9.0",
    "lint-staged": "^9.5.0",
@@ -20,16 +20,6 @@ const plugins: rollup.Plugin[] = [
  commonjs(),
  typescript2({
    tsconfig: path.join(__dirname, '..', 'tsconfig.json'),
    typescript: ts, // ensure we're using the same typescript (3.x) for rollup as for regular builds etc
    tsconfigOverride: {
      module: 'esnext',
      stripInternal: true,
      emitDeclarationOnly: false,
      composite: false,
      declaration: false,
      declarationMap: false,
      sourceMap: false,
    },
  }),
 ];
@@ -77,7 +67,7 @@ async function bundleAio() {
      uglify({
        compress: {
          drop_debugger: true,
-          drop_console: true,
+          drop_console: false,
        },
      }),
    ],
@@ -86,7 +76,7 @@ async function bundleAio() {
    file: 'dist/index.min.js',
    name: 'QrcodeDecoder',
    format: 'iife',
-    sourcemap: false,
+    sourcemap: true,
  });
 }
@@ -1,6 +1,11 @@
 import { Options } from 'jsqr';
 import jsQR from 'jsqr';
 const videoSize = {
  width: { min: 360, ideal: 720, max: 1080 },
  height: { min: 360, ideal: 720, max: 1080 },
 };
 class QrcodeDecoder {
  timerCapture: null | NodeJS.Timeout;
  canvasElem: null | HTMLCanvasElement;
@@ -19,7 +24,8 @@ class QrcodeDecoder {
    this.videoElem = null;
    this.getUserMediaHandler = null;
    this.videoConstraints = {
-      video: true,
+      // default use rear camera
      video: { ...videoSize, facingMode: { exact: 'environment' } },
      audio: false,
    };
@@ -149,7 +155,7 @@ class QrcodeDecoder {
   *  inversionAttempts - (attemptBoth (default), dontInvert, onlyInvert, or invertFirst)
   *  refer to jsqr options: https://github.com/cozmo/jsQR
   */
-  async decodeFromCamera(videoElem: HTMLVideoElement, options = {}) {
+  async decodeFromCamera(videoElem: HTMLVideoElement, options: any = {}) {
    const opts = {
      ...this.defaultOption,
      ...options,
@@ -160,10 +166,29 @@ class QrcodeDecoder {
      throw new Error("Couldn't get video from camera");
    }
    let stream: MediaStream;
    try {
-      const stream = await navigator.mediaDevices.getUserMedia(
+      stream = await navigator.mediaDevices.getUserMedia(this.videoConstraints);
-        this.videoConstraints,
+    } catch (e) {
-      );
+      if ((e as OverconstrainedError).name === 'OverconstrainedError') {
        console.log('[OverconstrainedError] Can not use rear camera.');
        stream = await navigator.mediaDevices.getUserMedia({
          video: {
            ...videoSize,
            ...{
              width: opts.width,
              height: opts.height,
            },
          },
          audio: false,
        });
      } else {
        throw e;
      }
    }
    if (stream) {
      videoElem.srcObject = stream;
      // videoElem.src = window.URL.createObjectURL(stream);
      this.videoElem = videoElem;
@@ -171,8 +196,6 @@ class QrcodeDecoder {
      const code = await this.decodeFromVideo(videoElem, opts);
      return code;
    } catch (e) {
      throw e;
    }
  }
@@ -1,24 +0,0 @@
 {
  "compilerOptions": {
    "rootDir": "src",
    "outDir": "dist",
    "baseUrl": ".",
    "downlevelIteration": true,
    "emitDecoratorMetadata": true,
    "esModuleInterop": true,
    "experimentalDecorators": true,
    "preserveConstEnums": true,
    "importHelpers": false,
    "target": "es5",
    "module": "commonjs",
    "lib": ["es5", "es6", "dom"],
    "moduleResolution": "node",
    "sourceMap": false,
    "paths": {
      "*": ["typings/*", "includes/*"]
    },
    "resolveJsonModule": true,
    "noUnusedLocals": true,
    "strict": true
  }
 }
@@ -1,5 +1,6 @@
 {
  "compilerOptions": {
    "outDir": "dist",
    "baseUrl": ".",
    "composite": true,
    "declaration": true,
@@ -14,9 +15,6 @@
    "module": "ESNext",
    "moduleResolution": "node",
    "sourceMap": false,
    "paths": {
      "*": ["typings/*", "includes/*"]
    },
    "resolveJsonModule": true,
    "noUnusedLocals": true,
    "strict": true,
Author	SHA1	Message	Date
yugasun	b9d89e0545	0.3.1	2022-05-29 12:07:49 +08:00
yugasun	aeee33ee6c	chore: add unpkg browser field	2022-05-29 12:07:37 +08:00
yugasun	a5cd17b951	0.3.0	2022-05-29 11:23:48 +08:00
yugasun	615081cc95	fix: support customize camera size	2022-05-29 11:23:04 +08:00
yugasun	7d77236fc0	fix: try to use rear camera by default	2022-05-29 11:04:57 +08:00
yugasun	8c80e312b3	0.2.2	2021-07-06 15:42:41 +08:00
yugasun	6ab5e80028	fix: remove unuse file	2021-07-06 15:42:28 +08:00
yugasun	05b1c0d310	0.2.1	2021-07-06 15:40:23 +08:00
Lőrik LeventeandGitHub	4161b77272	fix: re add module property (#16 ) * Fix typo * Fix require * Remove deprecated nextjs * Update package.json * Update package.json	2021-07-06 15:36:25 +08:00
yugasun	be1f6a980b	chore: fix tsconfig	2021-06-30 14:45:00 +08:00