Merge pull request #7 from sgratzl/release/v3.7.0

Release v3.7.0

Author: sgratzl

.eslintrc.js

@@ -4,11 +4,14 @@
 const pkg = require('./package.json');
 
 module.exports = {
-  plugins: ['@typescript-eslint', 'prettier'],
+  plugins: [
+    // '@typescript-eslint',
+    'prettier',
+  ],
   extends: [
-    'airbnb-typescript',
+    // 'airbnb-typescript',
     'react-app',
-    'plugin:@typescript-eslint/recommended',
+    // 'plugin:@typescript-eslint/recommended',
     'plugin:prettier/recommended',
     'prettier',
   ],

.github/workflows/ci.yml

@@ -25,6 +25,7 @@ jobs:
       - run: yarn build
       - run: yarn lint
       - run: yarn test
+      - run: yarn samples
       - uses: actions/upload-artifact@v2
         if: failure()
         with:

.gitignore

@@ -21,4 +21,5 @@ npm-debug.log*
 /.vscode/extensions.json
 /docs
 *.tsbuildinfo
-__diff_output__
+__diff_output__
+/samples/type_test.js

.prettierignore

@@ -11,4 +11,5 @@
 /yarn.lock
 /.vscode
 *.png
-*.tsbuildinfo
+*.tsbuildinfo
+/samples/type_test.js

.yarn/releases/yarn-3.1.0.cjs renamed to .yarn/releases/yarn-3.1.1.cjs

@@ -3,4 +3,4 @@ packageExtensions:
     dependencies:
       eslint-import-resolver-node: "*"
 
-yarnPath: .yarn/releases/yarn-3.1.0.cjs
+yarnPath: .yarn/releases/yarn-3.1.1.cjs

.yarnrc.yml

@@ -1,7 +1,7 @@
 {
   "name": "chartjs-chart-pcp",
   "description": "Chart.js module for charting parallel coordinate plots",
-  "version": "3.6.0",
+  "version": "3.7.0",
   "author": {
     "name": "Samuel Gratzl",
     "email": "sam@sgratzl.com",
@@ -33,7 +33,7 @@
     "src/**/*.ts"
   ],
   "peerDependencies": {
-    "chart.js": "^3.6.0"
+    "chart.js": "^3.7.0"
   },
   "browserslist": [
     "Firefox ESR",
@@ -42,40 +42,40 @@
   ],
   "devDependencies": {
     "@rollup/plugin-commonjs": "^21.0.1",
-    "@rollup/plugin-node-resolve": "^13.0.6",
-    "@rollup/plugin-replace": "^3.0.0",
+    "@rollup/plugin-node-resolve": "^13.1.3",
+    "@rollup/plugin-replace": "^3.0.1",
     "@rollup/plugin-typescript": "^8.3.0",
-    "@types/jest": "^27.0.2",
+    "@types/jest": "^27.4.0",
     "@types/jest-image-snapshot": "^4.3.1",
-    "@types/node": "^16.11.6",
-    "@typescript-eslint/eslint-plugin": "^5.3.0",
-    "@typescript-eslint/parser": "^5.3.0",
+    "@types/node": "^17.0.16",
+    "@typescript-eslint/eslint-plugin": "^5.11.0",
+    "@typescript-eslint/parser": "^5.11.0",
     "@yarnpkg/sdks": "^2.5.0",
-    "canvas": "^2.8.0",
+    "canvas": "^2.9.0",
     "canvas-5-polyfill": "^0.1.5",
-    "chart.js": "^3.6.0",
-    "eslint": "^8.1.0",
-    "eslint-config-airbnb-typescript": "^14.0.1",
+    "chart.js": "^3.7.0",
+    "eslint": "^8.8.0",
+    "eslint-config-airbnb-typescript": "^16.1.0",
     "eslint-config-prettier": "^8.3.0",
-    "eslint-config-react-app": "^6.0.0",
+    "eslint-config-react-app": "^7.0.0",
     "eslint-plugin-flowtype": "^8.0.3",
-    "eslint-plugin-import": "^2.25.2",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-import": "^2.25.4",
+    "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.26.1",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "jest": "^27.3.1",
+    "eslint-plugin-react": "^7.28.0",
+    "eslint-plugin-react-hooks": "^4.3.0",
+    "jest": "^27.5.1",
     "jest-image-snapshot": "^4.5.1",
-    "prettier": "^2.4.1",
+    "prettier": "^2.5.1",
     "rimraf": "^3.0.2",
-    "rollup": "^2.59.0",
+    "rollup": "^2.67.1",
     "rollup-plugin-cleanup": "^3.2.1",
-    "rollup-plugin-dts": "^4.0.0",
+    "rollup-plugin-dts": "^4.1.0",
     "rollup-plugin-terser": "^7.0.2",
-    "ts-jest": "^27.0.7",
+    "ts-jest": "^27.1.3",
     "tslib": "^2.3.1",
-    "typedoc": "^0.22.7",
-    "typescript": "^4.4.4"
+    "typedoc": "^0.22.11",
+    "typescript": "^4.5.5"
   },
   "scripts": {
     "clean": "rimraf build docs node_modules \"*.tgz\" \"*.tsbuildinfo\"",
@@ -87,6 +87,7 @@
     "test": "jest --passWithNoTests",
     "test:watch": "jest --passWithNoTests --watch",
     "test:coverage": "jest --passWithNoTests --coverage",
+    "samples": "yarn tsc samples/type_test.ts",
     "lint": "yarn run eslint && yarn run prettier",
     "fix": "yarn run eslint:fix && yarn run prettier:write",
     "prettier:write": "prettier \"*\" \"*/**\" --write",
@@ -96,5 +97,5 @@
     "docs": "typedoc src/index.ts",
     "prepare": "yarn run build"
   },
-  "packageManager": "yarn@3.1.0"
+  "packageManager": "yarn@3.1.1"
 }

package.json

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/chart.js@3.6.0/dist/chart.js"></script>
+    <script src="https://unpkg.com/chart.js@3.7.0/dist/chart.js"></script>
     <script src="../build/index.umd.js"></script>
   </head>
 

samples/basic.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/chart.js@3.6.0"></script>
+    <script src="https://unpkg.com/chart.js@3.7.0"></script>
     <script src="../build/index.umd.js"></script>
   </head>
 

samples/basicLog.html

@@ -11,8 +11,8 @@
     <script type="importmap-shim">
       {
         "imports": {
-          "chart.js": "https://unpkg.com/chart.js@3.6.0?module",
-          "chart.js/helpers": "https://unpkg.com/chart.js@3.6.0/helpers/helpers.esm.js?module",
+          "chart.js": "https://unpkg.com/chart.js@3.7.0?module",
+          "chart.js/helpers": "https://unpkg.com/chart.js@3.7.0/helpers/helpers.esm.js?module",
           "chartjs-chart-pcp": "../build/index.js"
         }
       }

samples/default_esm.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/chart.js@3.6.0"></script>
+    <script src="https://unpkg.com/chart.js@3.7.0"></script>
     <script src="../build/index.umd.js"></script>
   </head>
 

samples/tension.html

@@ -0,0 +1,36 @@
+import { Chart } from 'chart.js';
+import { ParallelCoordinatesController, LinearAxis, LineSegment, PCPScale } from '../build';
+
+Chart.register(ParallelCoordinatesController, PCPScale, LineSegment);
+Chart.registry.addElements(LinearAxis);
+
+const ctx = document.querySelector('canvas').getContext('2d');
+
+const objs = [
+  { label: 'A', f1: 5, f2: 3, f4: 3 },
+  { label: 'B', f1: 2, f2: 1, f4: 8 },
+  { label: 'C', f1: 10, f2: 6, f4: 2 },
+];
+const attrs = ['f1', 'f2', 'f3'];
+
+const chart = new Chart(ctx, {
+  type: 'pcp',
+  data: {
+    labels: objs.map((obj) => obj.label),
+    datasets: attrs.map((attr) => ({
+      label: attr,
+      data: objs.map((obj) => obj[attr]),
+      axisWidth: 20,
+    })),
+  },
+  options: {
+    elements: {
+      linearAxis: {
+        axisWidth: 20,
+      },
+      lineSegment: {
+        tension: 10,
+      },
+    },
+  },
+});

samples/type_test.ts

@@ -123,3 +123,9 @@ export class LineSegment extends Element<ILineSegmentProps & AnyObject, ILineSeg
 
   static readonly descriptors = (LineElement as any).descriptors;
 }
+
+declare module 'chart.js' {
+  export interface ElementOptionsByType<TType extends ChartType> {
+    lineSegment: ScriptableAndArrayOptions<ILineSegmentOptions, ScriptableContext<TType>>;
+  }
+}