.devcontainer/Dockerfile

@@ -0,0 +1,7 @@
+FROM node:23-alpine3.19
+RUN apk add --no-cache \
+                git \
+                nano\
+                openssh
+
+USER node

.devcontainer/devcontainer.json

@@ -0,0 +1,22 @@
+{
+  "name": "chartjs-plugin-zoom devcontainer",
+  "dockerFile": "Dockerfile",
+    // Use 'postCreateCommand' to run commands after the container is created.
+    "postCreateCommand": "npm install",
+    "customizations": {
+      // Configure properties specific to VS Code.
+        "vscode": {
+          "settings": {},
+          "extensions": [
+            "eamodio.gitlens",
+            "EditorConfig.EditorConfig"
+          ]
+        }
+    },
+  "containerEnv": {
+    "GIT_EDITOR": "nano"
+  },
+  "mounts": [
+    "type=bind,source=/home/${localEnv:USER}/.ssh,target=/home/node/.ssh,readonly"
+  ]
+}

.eslintignore

@@ -0,0 +1 @@
+dist/**/*

.eslintrc.yml

@@ -1,20 +1,36 @@
 extends:
   - chartjs
-  - plugin:es/no-new-in-es2019
+  - plugin:markdown/recommended
+  - plugin:@typescript-eslint/recommended
 
-env:
-  es6: true
-  browser: true
-  node: true
+parser: "@typescript-eslint/parser"
 
 parserOptions:
-  ecmaVersion: 2018
+  ecmaVersion: 2022
   sourceType: module
-  ecmaFeatures:
-    impliedStrict: true
-    modules: true
 
-plugins: ['html', 'es']
+env:
+  es2022: true
+  browser: true
+  node: true
+  jasmine: true
+
+plugins:
+  - "@typescript-eslint"
+  - prettier
+  - html
 
 rules:
+  prettier/prettier: "error"
+  semi: ["error", "never"]
   complexity: ["warn", 10]
+  max-statements: ["warn", 30]
+  no-var: "warn"
+  prefer-const: ["warn", {"destructuring": "all"}]
+  # turning off things conflicting with prettier
+  indent: "off"
+  comma-dangle: "off"
+  comma-spacing: "off"
+  comma-style: "off"
+  object-curly-spacing: "off"
+  space-before-function-paren: "off"

.github/dependabot.yml

@@ -0,0 +1,10 @@
+version: 2
+updates:
+  - package-ecosystem: "npm"
+    directory: "/"
+    schedule:
+      interval: "weekly"
+  - package-ecosystem: "github-actions"
+    directory: "/"
+    schedule:
+      interval: "weekly"

.github/workflows/ci.yml

@@ -7,8 +7,7 @@ on:
       - master
 
 jobs:
-  build:
-
+  ci:
     runs-on: ${{ matrix.os }}
 
     strategy:
@@ -17,39 +16,64 @@ jobs:
       fail-fast: false
 
     steps:
-    - uses: actions/checkout@v2
+    - uses: actions/checkout@v4
     - name: Use Node.js
-      uses: actions/setup-node@v1
-    - run: |
-        npm ci
-        npm run build
+      uses: actions/setup-node@v4
+      with:
+        node-version: 20
+
+    - name: install
+      run: npm ci
+
+    - name: lint
+      run: npm run lint
+
+    - name: typecheck
+      run: npm run typecheck
+
+    - name: build
+      run: npm run build
+
+    - name: test
+      run: |
         if [ "${{ runner.os }}" == "Windows" ]; then
           npm test
         else
           xvfb-run --auto-servernum npm test
         fi
       shell: bash
+
+    - name: Coveralls Paraller - Unit
+      if: matrix.os == 'ubuntu-latest'
+      uses: coverallsapp/github-action@v2
+      with:
+        github-token: ${{ secrets.github_token }}
+        file: './coverage/unit/lcov.info'
+        flag-name: unit
+        parallel: true
+
     - name: Coveralls Parallel - Chrome
-      uses: coverallsapp/github-action@master
+      uses: coverallsapp/github-action@v2
       with:
         github-token: ${{ secrets.github_token }}
-        path-to-lcov: './coverage/chrome/lcov.info'
+        file: './coverage/chrome/lcov.info'
         flag-name: ${{ matrix.os }}-chrome
         parallel: true
+
     - name: Coveralls Parallel - Firefox
-      uses: coverallsapp/github-action@master
+      uses: coverallsapp/github-action@v2
       with:
         github-token: ${{ secrets.github_token }}
-        path-to-lcov: './coverage/firefox/lcov.info'
+        file: './coverage/firefox/lcov.info'
         flag-name: ${{ matrix.os }}-firefox
         parallel: true
 
   finish:
-    needs: build
+    needs: ci
     runs-on: ubuntu-latest
     steps:
     - name: Coveralls Finished
-      uses: coverallsapp/github-action@master
+      uses: coverallsapp/github-action@v2
       with:
         github-token: ${{ secrets.github_token }}
         parallel-finished: true

.github/workflows/compressed-size.yml

@@ -8,7 +8,7 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-    - uses: actions/checkout@v2
+    - uses: actions/checkout@v4
     - uses: preactjs/compressed-size-action@v2
       with:
         repo-token: "${{ secrets.GITHUB_TOKEN }}"

.github/workflows/documentation.yml

@@ -0,0 +1,41 @@
+name: documentation
+
+on:
+  pull_request:
+    branches: [master]
+  push:
+    branches: [master]
+
+jobs:
+  checks:
+    if: github.event_name == 'pull_request'
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - name: Test Build
+        run: |
+          npm ci
+          ./scripts/docs-config.sh master
+          npm run docs
+  gh-release:
+    if: github.event_name == 'push'
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - name: Build
+        run: |
+          npm ci
+          ./scripts/docs-config.sh master
+          npm run docs
+      - name: Release to GitHub Pages
+        uses: peaceiris/actions-gh-pages@v4
+        with:
+          github_token: ${{ secrets.GH_AUTH_TOKEN }}
+          publish_dir: dist/docs
+          destination_dir: master

.github/workflows/publish-npm.yml

@@ -18,9 +18,11 @@ jobs:
   test:
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v2
+    - uses: actions/checkout@v4
     - name: Use Node.js
-      uses: actions/setup-node@v1
+      uses: actions/setup-node@v4
+      with:
+        node-version: 20
     - name: Test
       run: |
         npm ci
@@ -30,26 +32,29 @@ jobs:
     needs: [test, setup]
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v1
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
         with:
-          node-version: 12
+          node-version: 20
           registry-url: https://registry.npmjs.org/
       - name: Setup and build
         run: |
           npm ci
           npm run build
           npm pack
+
       - name: Publish @next
         run: npm publish --tag next
-        if: "github.event.release.prerelease"
+        if: github.event.release.prerelease == true
         env:
           NODE_AUTH_TOKEN: ${{secrets.NPM_AUTH_TOKEN}}
+
       - name: Publish @latest
-        run: npm publish --tag latest --dry-run
-        if: "!github.event.release.prerelease"
+        run: npm publish --tag latest
+        if: github.event.release.prerelease == false
         env:
           NODE_AUTH_TOKEN: ${{secrets.NPM_AUTH_TOKEN}}
+
       - name: Upload chartjs-plugin-zoom.tgz
         uses: actions/upload-release-asset@v1
         env:
@@ -59,6 +64,7 @@ jobs:
           asset_path: ${{ format('chartjs-plugin-zoom-{0}.tgz', needs.setup.outputs.version) }}
           asset_name: ${{ format('chartjs-plugin-zoom-{0}.tgz', needs.setup.outputs.version) }}
           asset_content_type: application/gzip
+
       - name: Upload chartjs-plugin-zoom.js
         uses: actions/upload-release-asset@v1
         env:
@@ -68,6 +74,7 @@ jobs:
           asset_path: dist/chartjs-plugin-zoom.js
           asset_name: chartjs-plugin-zoom.js
           asset_content_type: application/javascript
+
       - name: Upload chartjs-plugin-zoom.min.js
         uses: actions/upload-release-asset@v1
         env:
@@ -77,3 +84,52 @@ jobs:
           asset_path: dist/chartjs-plugin-zoom.min.js
           asset_name: chartjs-plugin-zoom.min.js
           asset_content_type: application/javascript
+
+      - name: Build docs (version)
+        run: |
+          ./scripts/docs-config.sh "$VERSION" release
+          npm run docs
+        env:
+          VERSION: ${{ needs.setup.outputs.version }}
+
+      - name: Release to GitHub Pages (version)
+        uses: peaceiris/actions-gh-pages@v4
+        with:
+          github_token: ${{ secrets.GH_AUTH_TOKEN }}
+          publish_dir: dist/docs
+          destination_dir: ${{ needs.setup.outputs.version }}
+
+  publish-docs:
+    needs: [test, setup]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          registry-url: https://registry.npmjs.org/
+
+      - name: Build docs (latest/next)
+        run: |
+          npm ci
+          npm run build
+          ./scripts/docs-config.sh "$VERSION"
+          npm run docs
+        env:
+          VERSION: ${{ needs.setup.outputs.version }}
+
+      - name: Release to GitHub Pages (latest)
+        if: github.event.release.prerelease == false
+        uses: peaceiris/actions-gh-pages@v4
+        with:
+          github_token: ${{ secrets.GH_AUTH_TOKEN }}
+          publish_dir: dist/docs
+          destination_dir: latest
+
+      - name: Release to GitHub Pages (next)
+        if: github.event.release.prerelease == true
+        uses: peaceiris/actions-gh-pages@v4
+        with:
+          github_token: ${{ secrets.GH_AUTH_TOKEN }}
+          publish_dir: dist/docs
+          destination_dir: next

.github/workflows/release-drafter.yml

@@ -17,6 +17,6 @@ jobs:
     needs: correct_repository
     runs-on: ubuntu-latest
     steps:
-      - uses: release-drafter/release-drafter@v5
+      - uses: release-drafter/release-drafter@v6
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -1,11 +1,30 @@
-.DS_Store
-
-node_modules/*
-custom/*
+# Deployment
+/build
+/coverage
+/custom
+/dist
+/gh-pages
 
-docs/index.md
+# Node.js
+node_modules/
+npm-debug.log*
 
-coverage/*
+# Docs
+.cache-loader
+build/
+# generated typedocs
+docs/api
 
-nbproject/*
-dist/
+# Development
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+.idea
+.project
+.settings
+.vscode
+*.log
+*.swp
+*.stackdump

.markdownlint.yml

@@ -0,0 +1,3 @@
+MD013: false # line-length
+MD033: false # inline HTML
+MD041: false # first line heading