.github/workflows/ci.yml

@@ -9,7 +9,6 @@ on:
   push:
     branches:
       - main
-      - master
       - release/*
       - feat/*
       - fix/*
@@ -74,9 +73,6 @@ jobs:
       - name: Install deps
         run: pnpm install
 
-      - name: Build
-        run: pnpm run build
-
       - name: Test
         run: pnpm run test
 

README.md

@@ -23,10 +23,10 @@ A tool for decoding qrcode.
 
 ## Guide
 
-Use `pnpm` to install.
+Use `npm` to install.
 
 ```bash
-$ pnpm install --save qrcode-decoder
+$ npm install --save qrcode-decoder
 ```
 
 Using in webpack:
@@ -96,31 +96,31 @@ Stops the current `qr` from searching for a QRCode.
 Install dependencies:
 
 ```bash
-$ pnpm install
+$ npm install
 ```
 
 Build code:
 
 ```bash
-$ pnpm run build
+$ npm run build
 ```
 
 Run unit test:
 
 ```bash
-$ pnpm test
+$ npm test
 ```
 
 Modify version in `package.json`, run `release` script:
 
 ```bash
-$ pnpm run release
+$ npm run release
 ```
 
 Publish
 
 ```bash
-$ pnpm publish
+$ npm publish
 ```
 
 ## License

README.zh-CN.md

@@ -23,10 +23,10 @@
 
 ## 使用者指南
 
-通过 pnpm 下载安装代码
+通过 npm 下载安装代码
 
 ```bash
-$ pnpm install --save qrcode-decoder
+$ npm install --save qrcode-decoder
 ```
 
 如果你是 webpack 等环境
@@ -96,31 +96,31 @@ qr.decodeFromCamera(videoElem).then((res) => {
 首次运行需要先安装依赖
 
 ```bash
-$ pnpm install
+$ npm install
 ```
 
 一键打包生成生产代码
 
 ```bash
-$ pnpm run build
+$ npm run build
 ```
 
 运行单元测试，浏览器环境需要手动测试，位于`test/browser`
 
 ```bash
-$ pnpm test
+$ npm test
 ```
 
 修改 package.json 中的版本号，修改 README.md 中的版本号，修改 CHANGELOG.md，然后发布新版
 
 ```bash
-$ pnpm run release
+$ npm run release
 ```
 
-将新版本发布到 pnpm
+将新版本发布到 npm
 
 ```bash
-$ pnpm publish
+$ npm publish
 ```
 
 ## License

TODO.md

@@ -2,4 +2,4 @@
 
 Rewrite unit test.
 
-- [x] Rewrite unit test.
+- [] Rewrite unit test.

demo/camera.html

@@ -20,7 +20,7 @@
     var vConsole = new VConsole();
     console.log('Hello world');
     function main() {
-      var qr = new QrcodeDecoder.default();
+      var qr = new QrcodeDecoder();
       var video = document.querySelector('#video');
       var start = document.querySelector('#start');
       var stop = document.querySelector('#stop');

demo/image.html

@@ -30,7 +30,7 @@
   <script type="module">
     var vConsole = new VConsole();
     function main() {
-      var qr = new QrcodeDecoder.default();
+      var qr = new QrcodeDecoder();
 
       var btn1 = document.querySelector('button#decode1');
       var btn2 = document.querySelector('button#decode2');

demo/video.html

@@ -22,7 +22,7 @@
       var result = document.querySelector('#result');
       var start = document.querySelector('#start');
       var stop = document.querySelector('#stop');
-      var qr = new QrcodeDecoder.default();
+      var qr = new QrcodeDecoder();
 
       start.onclick = startScan;
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "qrcode-decoder",
-  "version": "0.3.4",
+  "version": "0.3.2",
   "description": "Tool for decoding qrcode",
   "main": "dist/index.js",
   "browser": "dist/index.min.js",
@@ -8,7 +8,6 @@
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "sideEffects": false,
-  "packageManager": "pnpm@7.11.0",
   "scripts": {
     "build": "ts-node -P scripts/tsconfig.json scripts/bundle.ts commonjs,esm,aio && pnpm run dts && pnpm run copy-file",
     "dts": "tsc src/index.ts --declaration --emitDeclarationOnly --outDir './dist'",
@@ -28,7 +27,7 @@
   },
   "lint-staged": {
     "*.{ts,tsx,md}": [
-      "pnpm run prettier:fix",
+      "npm run prettier:fix",
       "git add ."
     ]
   },
@@ -79,7 +78,7 @@
     "ts-node": "^8.4.1",
     "tslint": "^5.20.1",
     "tslint-config-prettier": "^1.18.0",
-    "typescript": "^4.4.3"
+    "typescript": "^3.7.5"
   },
   "license": "MIT",
   "repository": {

src/index.ts

@@ -1,13 +1,12 @@
-import jsQR, { QRCode, Options } from 'jsqr';
+import { Options } from 'jsqr';
-
+import jsQR from 'jsqr';
-export type CodeResult = QRCode | null;
 
 const videoSize = {
   width: { min: 360, ideal: 720, max: 1080 },
   height: { min: 360, ideal: 720, max: 1080 },
 };
 
-export class QrcodeDecoder {
+class QrcodeDecoder {
   timerCapture: null | NodeJS.Timeout;
   canvasElem: null | HTMLCanvasElement;
   gCtx: null | CanvasRenderingContext2D;
@@ -101,10 +100,7 @@ export class QrcodeDecoder {
    *  inversionAttempts - (attemptBoth (default), dontInvert, onlyInvert, or invertFirst)
    *  refer to jsqr options: https://github.com/cozmo/jsQR
    */
-  async _captureToCanvas(
+  async _captureToCanvas(videoElem: HTMLVideoElement, options: Options) {
-    videoElem: HTMLVideoElement,
-    options: Options,
-  ): Promise<CodeResult> {
     if (this.timerCapture) {
       clearTimeout(this.timerCapture);
     }
@@ -146,7 +142,7 @@ export class QrcodeDecoder {
 
     const result = await proms();
 
-    return result as CodeResult;
+    return result;
   }
 
   /**
@@ -159,10 +155,7 @@ export class QrcodeDecoder {
    *  inversionAttempts - (attemptBoth (default), dontInvert, onlyInvert, or invertFirst)
    *  refer to jsqr options: https://github.com/cozmo/jsQR
    */
-  async decodeFromCamera(
+  async decodeFromCamera(videoElem: HTMLVideoElement, options: any = {}) {
-    videoElem: HTMLVideoElement,
-    options: any = {},
-  ): Promise<CodeResult> {
     const opts = {
       ...this.defaultOption,
       ...options,
@@ -204,8 +197,6 @@ export class QrcodeDecoder {
       const code = await this.decodeFromVideo(videoElem, opts);
       return code;
     }
-
-    return null;
   }
 
   /**
@@ -216,10 +207,7 @@ export class QrcodeDecoder {
    *  inversionAttempts - (attemptBoth (default), dontInvert, onlyInvert, or invertFirst)
    *  refer to jsqr options: https://github.com/cozmo/jsQR
    */
-  async decodeFromVideo(
+  async decodeFromVideo(videoElem: HTMLVideoElement, options = {}) {
-    videoElem: HTMLVideoElement,
-    options = {},
-  ): Promise<CodeResult> {
     const opts = {
       ...this.defaultOption,
       ...options,
@@ -241,16 +229,20 @@ export class QrcodeDecoder {
    *  refer to jsqr options: https://github.com/cozmo/jsQR
    */
   async decodeFromImage(
-    img: HTMLImageElement | string,
+    img: HTMLImageElement,
     options: { crossOrigin?: string } = {},
-  ): Promise<CodeResult> {
+  ) {
     let imgDom: HTMLImageElement | null = null;
     const opts = {
       ...this.defaultOption,
       ...options,
     };
-
+    if (+img.nodeType > 0) {
-    if (typeof img === 'string') {
+      if (!img.src) {
+        throw new Error('The ImageElement must contain a src');
+      }
+      imgDom = img;
+    } else if (typeof img === 'string') {
       imgDom = document.createElement('img');
       if (options.crossOrigin) {
         imgDom.crossOrigin = options.crossOrigin;
@@ -261,11 +253,6 @@ export class QrcodeDecoder {
           imgDom!.onload = () => resolve(true);
         });
       await proms();
-    } else if (+img.nodeType > 0) {
-      if (!img.src) {
-        throw new Error('The ImageElement must contain a src');
-      }
-      imgDom = img;
     }
 
     let code = null;
@@ -292,7 +279,7 @@ export class QrcodeDecoder {
       return code;
     }
 
-    return null;
+    return false;
   }
 
   /**

tsconfig.json

@@ -11,10 +11,7 @@
     "experimentalDecorators": true,
     "preserveConstEnums": true,
     "importHelpers": false,
-    "lib": [
+    "lib": ["esnext", "dom"],
-      "esnext",
-      "dom"
-    ],
     "module": "ESNext",
     "moduleResolution": "node",
     "sourceMap": false,