feat: add chart.js v4 support (#86)

Author: dangreen

.storybook/main.js

@@ -1,15 +1,22 @@
 const path = require('path');
-const ResolveTypeScriptPlugin = require('resolve-typescript-plugin');
+const { mergeConfig } = require('vite');
+const preprocess = require('svelte-preprocess');
 
 module.exports = {
-  webpackFinal: async config => {
-    const svelteLoader = config.module.rules.find(
-      r => r.loader && r.loader.includes('svelte-loader')
-    );
-    svelteLoader.options.preprocess = require('svelte-preprocess')({});
-    config.resolve.alias['svelte-chartjs'] = path.resolve(__dirname, '../src');
-    config.resolve.plugins.push(new ResolveTypeScriptPlugin());
-    return config;
+  core: {
+    builder: '@storybook/builder-vite',
+  },
+  viteFinal(config) {
+    return mergeConfig(config, {
+      resolve: {
+        alias: {
+          'svelte-chartjs': path.resolve(__dirname, '../src'),
+        },
+      },
+    });
+  },
+  svelteOptions: {
+    preprocess: preprocess(),
   },
   stories: ['../stories/*.stories.(js|ts)'],
   addons: ['@storybook/addon-essentials'],

package.json

@@ -43,7 +43,7 @@
     "updateGitHooks": "simple-git-hooks"
   },
   "peerDependencies": {
-    "chart.js": "^3.5.0",
+    "chart.js": "^3.5.0 || ^4.0.0",
     "svelte": "^3.45.0"
   },
   "devDependencies": {
@@ -52,15 +52,22 @@
     "@commitlint/cz-commitlint": "^17.0.0",
     "@size-limit/preset-big-lib": "^8.0.0",
     "@storybook/addon-actions": "^6.5.9",
+    "@storybook/addon-backgrounds": "^6.5.13",
+    "@storybook/addon-docs": "^6.5.13",
     "@storybook/addon-essentials": "^6.5.9",
+    "@storybook/addon-measure": "^6.5.13",
+    "@storybook/addon-outline": "^6.5.13",
+    "@storybook/builder-vite": "^0.2.5",
+    "@storybook/client-api": "^6.5.13",
+    "@storybook/client-logger": "^6.5.13",
     "@storybook/svelte": "^6.5.9",
     "@sveltejs/package": "^1.0.0-next.3",
     "@sveltejs/vite-plugin-svelte": "^1.0.5",
     "@testing-library/svelte": "^3.2.1",
     "@typescript-eslint/eslint-plugin": "^5.30.6",
     "@typescript-eslint/parser": "^5.30.6",
     "@vitest/coverage-c8": "^0.25.0",
-    "chart.js": "^3.8.0",
+    "chart.js": "^4.0.0",
     "clean-publish": "^4.0.1",
     "commitizen": "^4.2.4",
     "cz-conventional-changelog": "^3.3.0",
@@ -72,7 +79,8 @@
     "nano-staged": "^0.8.0",
     "prettier": "^2.7.1",
     "prettier-plugin-svelte": "^2.7.0",
-    "resolve-typescript-plugin": "^1.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "simple-git-hooks": "^2.8.0",
     "simple-github-release": "^1.0.0",
     "size-limit": "^8.0.0",