.github/workflows/ci.yml

@@ -1,108 +0,0 @@
-name: CI
-
-env:
-  NODE_OPTIONS: --max-old-space-size=6144
-  # install playwright binary manually (because pnpm only runs install script once)
-  PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: "1"
-
-on:
-  push:
-    branches:
-      - main
-      - master
-      - release/*
-      - feat/*
-      - fix/*
-      - perf/*
-      - v1
-      - v2
-  pull_request:
-  workflow_dispatch:
-
-concurrency:
-  group: ${{ github.workflow }}-${{ github.event.number || github.sha }}
-  cancel-in-progress: true
-
-jobs:
-  build:
-    timeout-minutes: 20
-    runs-on: ${{ matrix.os }}
-    strategy:
-      matrix:
-        os: [ubuntu-latest]
-        node_version: [16]
-      fail-fast: false
-
-    name: "Build&Test: node-${{ matrix.node_version }}, ${{ matrix.os }}"
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v3
-
-      - name: Install pnpm
-        uses: pnpm/action-setup@v2.2.2
-
-      - name: Set node version to ${{ matrix.node_version }}
-        uses: actions/setup-node@v3
-        with:
-          node-version: ${{ matrix.node_version }}
-          cache: "pnpm"
-
-      - name: Install deps
-        run: pnpm install
-
-      - name: Build
-        run: pnpm run build
-
-  test:
-    timeout-minutes: 10
-    runs-on: ubuntu-latest
-    name: "Lint: node-16, ubuntu-latest"
-    steps:
-      - uses: actions/checkout@v3
-        with:
-          fetch-depth: 0
-
-      - name: Install pnpm
-        uses: pnpm/action-setup@v2.2.2
-
-      - name: Set node version to 16
-        uses: actions/setup-node@v3
-        with:
-          node-version: 16
-          cache: "pnpm"
-
-      - name: Install deps
-        run: pnpm install
-
-      - name: Build
-        run: pnpm run build
-
-      - name: Test
-        run: pnpm run test
-
-  lint:
-    timeout-minutes: 10
-    runs-on: ubuntu-latest
-    name: "Lint: node-16, ubuntu-latest"
-    steps:
-      - uses: actions/checkout@v3
-        with:
-          fetch-depth: 0
-
-      - name: Install pnpm
-        uses: pnpm/action-setup@v2.2.2
-
-      - name: Set node version to 16
-        uses: actions/setup-node@v3
-        with:
-          node-version: 16
-          cache: "pnpm"
-
-      - name: Install deps
-        run: pnpm install
-
-      - name: Build
-        run: pnpm run build
-
-      - name: Check formatting
-        run: pnpm run prettier

.gitignore

@@ -9,5 +9,3 @@ tsconfig.tsbuildinfo
 coverage
 yarn.lock
 .rpt2_cache
-
-demo/lib/index.min.js

.npmignore

@@ -20,10 +20,3 @@ tsconfig.json
 tsconfig.base.json
 .rpt2_cache
 .vscode
-/demo
-/doc
-/scripts
-tslint.json
-yarn-error.log
-.babelrc
-yarn.lock

.npmrc

@@ -1,3 +1 @@
-shamefully-hoist=true
-strict-peer-dependencies=true
-auto-install-peers=true
+package-lock=false

README.md

@@ -1,8 +1,7 @@
 # [qrcode-decoder](https://github.com/yugasun/qrcode-decoder)
 
-[![npm](https://img.shields.io/npm/v/qrcode-decoder)](http://www.npmtrends.com/qrcode-decoder)
-[![NPM downloads](http://img.shields.io/npm/dm/qrcode-decoder.svg?style=flat-square)](http://www.npmtrends.com/qrcode-decoder)
 [![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/yugasun/qrcode-decoder/blob/master/LICENSE)
+[![NPM downloads](http://img.shields.io/npm/dm/qrcode-decoder.svg?style=flat-square)](http://www.npmtrends.com/qrcode-decoder)
 
 [简体中文](./README.zh-CN.md) | English
 
@@ -23,10 +22,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:
@@ -38,7 +37,7 @@ import QrcodeDecoder from 'qrcode-decoder';
 Using in browser:
 
 ```html
-<script src="https://unpkg.com/qrcode-decoder@0.3.1/dist/index.min.js"></script>
+<script src="https://unpkg.com/qrcode-decoder"></script>
 ```
 
 ## Demo
@@ -96,31 +95,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

@@ -1,8 +1,7 @@
 # [qrcode-decoder](https://github.com/yugasun/qrcode-decoder)
 
-[![npm](https://img.shields.io/npm/v/qrcode-decoder)](http://www.npmtrends.com/qrcode-decoder)
-[![NPM downloads](http://img.shields.io/npm/dm/qrcode-decoder.svg?style=flat-square)](http://www.npmtrends.com/qrcode-decoder)
 [![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/yugasun/qrcode-decoder/blob/master/LICENSE)
+[![NPM downloads](http://img.shields.io/npm/dm/qrcode-decoder.svg?style=flat-square)](http://www.npmtrends.com/qrcode-decoder)
 
 简体中文 | [English](./README.md)
 
@@ -23,10 +22,10 @@
 
 ## 使用者指南
 
-通过 pnpm 下载安装代码
+通过 npm 下载安装代码
 
 ```bash
-$ pnpm install --save qrcode-decoder
+$ npm install --save qrcode-decoder
 ```
 
 如果你是 webpack 等环境
@@ -38,7 +37,7 @@ import QrcodeDecoder from 'qrcode-decoder';
 如果你是浏览器环境
 
 ```html
-<script src="https://unpkg.com/qrcode-decoder@0.3.1/dist/index.min.js"></script>
+<script src="https://unpkg.com/qrcode-decoder"></script>
 ```
 
 ## 示例
@@ -96,31 +95,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.

__tests__/index.test.ts

@@ -1,26 +0,0 @@
-import QrcodeDecoder from '../';
-
-describe('QrcodeDecoder', () => {
-  test('use', async () => {
-    const res = await import('../dist');
-
-    expect(res.default).toEqual(QrcodeDecoder);
-  });
-
-  test('new QrcodeDecoder()', async () => {
-    const qr = new QrcodeDecoder();
-
-    expect(qr).toBeDefined();
-    expect(qr.videoConstraints).toEqual({
-      video: {
-        width: { min: 360, ideal: 720, max: 1080 },
-        height: { min: 360, ideal: 720, max: 1080 },
-        facingMode: { exact: 'environment' },
-      },
-      audio: false,
-    });
-    expect(qr.decodeFromImage).toBeDefined();
-    expect(qr.decodeFromCamera).toBeDefined();
-    expect(qr.decodeFromVideo).toBeDefined();
-  });
-});

demo/camera.html

@@ -1,13 +1,11 @@
 <!DOCTYPE html>
 <html>
-
   <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>
-
   <body>
     <button id="start">Start</button> <button id="stop">Stop</button><br />
     <span id="result">Click start to scan qrcode.</span><br />
@@ -15,12 +13,12 @@
     <video id="video" autoplay></video>
 
     <script src="./lib/vconsole.min.js"></script>
-  <script src="./lib/index.min.js"></script>
+    <script src="./index.min.js"></script>
     <script type="text/javascript">
       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');
@@ -31,13 +29,7 @@
             throw new Error('Canvas and getUserMedia are required');
           }
 
-        let code = await qr.decodeFromCamera(video,
-          // you can customize your camera size like below
-          // {
-          //   width: 400,
-          //   height: 400,
-          // }
-        );
+          let code = await qr.decodeFromCamera(video);
           console.log('code', code);
           result.innerText = 'Result: ' + code.data;
         }
@@ -50,5 +42,4 @@
       main();
     </script>
   </body>
-
 </html>

demo/image.html

@@ -1,48 +1,43 @@
 <!DOCTYPE html>
 <html lang="en">
-
   <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>
-
   <body>
     <section>
       <h3>Same domain image</h3>
-    <img id="img1" src="./assets/qrcode.png" alt="qr code" /><br />
+      <img src="./assets/qrcode.png" alt="qr code" /><br />
       <button id="decode1">Decode!</button><br />
       <span id="result1"></span><br />
     </section>
     <hr />
     <section>
       <h3>Different domain image</h3>
-    <input
-      id="img2"
-      value="https://yugasun.com/static/wechat.jpg"
-      style="width: 400px" /><br />
       <button id="decode2">Decode!</button><br />
       <span id="result2"></span><br />
     </section>
     <script src="./lib/vconsole.min.js"></script>
-  <script src="./lib/index.min.js"></script>
+    <script src="./index.min.js"></script>
+    <script src="./index.min.js"></script>
     <script type="module">
       var vConsole = new VConsole();
+      console.log('Hello world');
       function main() {
-      var qr = new QrcodeDecoder.default();
+        var qr = new QrcodeDecoder();
 
         var btn1 = document.querySelector('button#decode1');
         var btn2 = document.querySelector('button#decode2');
         var result1 = document.querySelector('#result1');
         var result2 = document.querySelector('#result2');
-      var img1 = document.querySelector('#img1');
-      var img2 = document.querySelector('#img2');
+        var img = document.querySelector('img');
 
         btn1.onclick = async () => {
           // you can also decode from image path
           // const code = await qr.decodeFromImage('./assets/qrcode.png');
-        const code = await qr.decodeFromImage(img1);
+          const code = await qr.decodeFromImage(img);
           console.log(code);
           result1.innerText = code.data;
         };
@@ -50,17 +45,17 @@
         btn2.onclick = async () => {
           // you can also decode from image path
           // const code = await qr.decodeFromImage('./assets/qrcode.png');
-        const code = await qr.decodeFromImage(img2.value, {
+          const code = await qr.decodeFromImage(
+            'https://yugasun.com/static/wechat.jpg',
+            {
               crossOrigin: 'anonymous',
-        });
+            },
+          );
           console.log(code);
           result2.innerText = code.data;
         };
       }
-    window.onload = () => {
       main();
-    };
     </script>
   </body>
-
 </html>

demo/video.html

@@ -1,28 +1,27 @@
 <!DOCTYPE html>
 <html lang="en">
-
   <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>
-
   <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="./lib/index.min.js"></script>
+    <script src="./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');
         var start = document.querySelector('#start');
         var stop = document.querySelector('#stop');
-      var qr = new QrcodeDecoder.default();
+        var qr = new QrcodeDecoder();
 
         start.onclick = startScan;
 
@@ -41,5 +40,4 @@
       main();
     </script>
   </body>
-
 </html>

jest.config.js

@@ -1,11 +1,5 @@
-const isDebug = process.env.DEBUG === 'true';
-
 module.exports = {
   verbose: true,
-  silent: !isDebug,
-  transform: {
-    '^.+\\.tsx?$': 'ts-jest',
-  },
   testTimeout: 60000,
   transform: {
     '^.+\\.tsx?$': 'ts-jest',

package.json

@@ -1,25 +1,18 @@
 {
   "name": "qrcode-decoder",
-  "version": "0.3.4",
+  "version": "0.1.3",
   "description": "Tool for decoding qrcode",
   "main": "dist/index.js",
-  "browser": "dist/index.min.js",
-  "unpkg": "dist/index.min.js",
-  "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'",
+    "build": "ts-node -P scripts/tsconfig.json scripts/bundle.ts umd,esm,aio && npm run copy-file",
     "prettier": "prettier --check '**/*.{ts,tsx,md}' --config .prettierrc",
     "prettier:fix": "prettier --write '**/*.{ts,tsx,md}' --config .prettierrc",
     "test": "jest",
     "codecov": "jest --coverage && codecov",
-    "copy-file": "cp dist/index.min.js demo/lib",
+    "copy-file": "cp dist/index.min.js demo/",
     "release": "git commit -am $npm_package_version && git tag $npm_package_version && git push && git push --tags",
-    "pages": "gh-pages -d demo --remote origin",
-    "demo": "http-server demo -c-1"
+    "deploy": "gh-pages -d demo --remote origin"
   },
   "husky": {
     "hooks": {
@@ -28,7 +21,7 @@
   },
   "lint-staged": {
     "*.{ts,tsx,md}": [
-      "pnpm run prettier:fix",
+      "npm run prettier:fix",
       "git add ."
     ]
   },
@@ -61,13 +54,11 @@
     "codecov": "^3.8.1",
     "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",
     "prettier": "^1.18.2",
-    "rollup": "^2.38.1",
+    "rolllup": "^2.38.1",
     "rollup-plugin-commonjs": "^8.3.0",
     "rollup-plugin-json": "^3.1.0",
     "rollup-plugin-node-builtins": "^2.1.2",
@@ -79,7 +70,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": {
@@ -95,6 +86,6 @@
   },
   "homepage": "https://github.com/yugasun/qrcode-decoder#readme",
   "dependencies": {
-    "jsqr": "^1.4.0"
+    "jsqr": "^1.3.1"
   }
 }

scripts/bundle.ts

@@ -20,6 +20,16 @@ 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,
+    },
   }),
 ];
 
@@ -59,25 +69,6 @@ async function bundleUmd() {
   });
 }
 
-async function bundleCommonjs() {
-  const bundle = await rollup.rollup({
-    input: path.join(process.cwd(), 'src/index.ts'),
-    plugins: [...plugins],
-    external: ['jsqr'],
-  });
-  await bundle.write({
-    file: 'dist/index.js',
-    exports: 'named',
-    name: 'QrcodeDecoder',
-    format: 'commonjs',
-    sourcemap: false,
-    globals: {
-      jsqr: 'jsqr',
-      tslib: 'tslib',
-    },
-  });
-}
-
 async function bundleAio() {
   const bundle = await rollup.rollup({
     input: path.join(process.cwd(), 'src/index.ts'),
@@ -86,7 +77,7 @@ async function bundleAio() {
       uglify({
         compress: {
           drop_debugger: true,
-          drop_console: false,
+          drop_console: true,
         },
       }),
     ],
@@ -95,7 +86,7 @@ async function bundleAio() {
     file: 'dist/index.min.js',
     name: 'QrcodeDecoder',
     format: 'iife',
-    sourcemap: true,
+    sourcemap: false,
   });
 }
 
@@ -119,14 +110,6 @@ async function bundle() {
       await bundleUmd();
     }
 
-    if (outputs.indexOf('commonjs') === -1) {
-      logBundle(`Skipping commonjs`);
-    } else {
-      logBundle(`Creating commonjs`);
-
-      await bundleCommonjs();
-    }
-
     if (outputs.indexOf('aio') === -1) {
       logBundle(`Skipping umd aio`);
     } else {

src/index.ts

@@ -1,13 +1,7 @@
-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;
@@ -25,8 +19,7 @@ export class QrcodeDecoder {
     this.videoElem = null;
     this.getUserMediaHandler = null;
     this.videoConstraints = {
-      // default use rear camera
-      video: { ...videoSize, facingMode: { exact: 'environment' } },
+      video: true,
       audio: false,
     };
 
@@ -101,10 +94,7 @@ export class QrcodeDecoder {
    *  inversionAttempts - (attemptBoth (default), dontInvert, onlyInvert, or invertFirst)
    *  refer to jsqr options: https://github.com/cozmo/jsQR
    */
-  async _captureToCanvas(
-    videoElem: HTMLVideoElement,
-    options: Options,
-  ): Promise<CodeResult> {
+  async _captureToCanvas(videoElem: HTMLVideoElement, options: Options) {
     if (this.timerCapture) {
       clearTimeout(this.timerCapture);
     }
@@ -146,7 +136,7 @@ export class QrcodeDecoder {
 
     const result = await proms();
 
-    return result as CodeResult;
+    return result;
   }
 
   /**
@@ -159,10 +149,7 @@ export class QrcodeDecoder {
    *  inversionAttempts - (attemptBoth (default), dontInvert, onlyInvert, or invertFirst)
    *  refer to jsqr options: https://github.com/cozmo/jsQR
    */
-  async decodeFromCamera(
-    videoElem: HTMLVideoElement,
-    options: any = {},
-  ): Promise<CodeResult> {
+  async decodeFromCamera(videoElem: HTMLVideoElement, options = {}) {
     const opts = {
       ...this.defaultOption,
       ...options,
@@ -173,29 +160,10 @@ export class QrcodeDecoder {
       throw new Error("Couldn't get video from camera");
     }
 
-    let stream: MediaStream;
     try {
-      stream = await navigator.mediaDevices.getUserMedia(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) {
+      const stream = await navigator.mediaDevices.getUserMedia(
+        this.videoConstraints,
+      );
       videoElem.srcObject = stream;
       // videoElem.src = window.URL.createObjectURL(stream);
       this.videoElem = videoElem;
@@ -203,9 +171,9 @@ export class QrcodeDecoder {
 
       const code = await this.decodeFromVideo(videoElem, opts);
       return code;
+    } catch (e) {
+      throw e;
     }
-
-    return null;
   }
 
   /**
@@ -216,10 +184,7 @@ export class QrcodeDecoder {
    *  inversionAttempts - (attemptBoth (default), dontInvert, onlyInvert, or invertFirst)
    *  refer to jsqr options: https://github.com/cozmo/jsQR
    */
-  async decodeFromVideo(
-    videoElem: HTMLVideoElement,
-    options = {},
-  ): Promise<CodeResult> {
+  async decodeFromVideo(videoElem: HTMLVideoElement, options = {}) {
     const opts = {
       ...this.defaultOption,
       ...options,
@@ -241,31 +206,30 @@ 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 (typeof img === 'string') {
+    if (+img.nodeType > 0) {
+      if (!img.src) {
+        throw new Error('The ImageElement must contain a src');
+      }
+      imgDom = img;
+    } else if (typeof img === 'string') {
       imgDom = document.createElement('img');
+      imgDom.src = img;
       if (options.crossOrigin) {
         imgDom.crossOrigin = options.crossOrigin;
       }
-      imgDom.src = img;
       const proms = () =>
         new Promise((resolve) => {
           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 +256,7 @@ export class QrcodeDecoder {
       return code;
     }
 
-    return null;
+    return false;
   }
 
   /**

src/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "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
+  }
+}

tsconfig.json

@@ -1,6 +1,5 @@
 {
   "compilerOptions": {
-    "outDir": "dist",
     "baseUrl": ".",
     "composite": true,
     "declaration": true,
@@ -11,13 +10,13 @@
     "experimentalDecorators": true,
     "preserveConstEnums": true,
     "importHelpers": false,
-    "lib": [
-      "esnext",
-      "dom"
-    ],
+    "lib": ["esnext", "dom"],
     "module": "ESNext",
     "moduleResolution": "node",
     "sourceMap": false,
+    "paths": {
+      "*": ["typings/*", "includes/*"]
+    },
     "resolveJsonModule": true,
     "noUnusedLocals": true,
     "strict": true,