build: use svelte-package (#75)

migrate to svelte-package and vitest

BREAKING CHANGE: now package is module type, new exports in package.json

Author: dangreen

.babelrc

@@ -0,0 +1,29 @@
+function modifyWebpackConfig(config) {
+  config.module.rules.push({
+    test: /\.svelte$/,
+    use: 'svelte-loader'
+  });
+
+  return config;
+}
+
+module.exports = [
+  {
+    path: 'package/index.js',
+    limit: '840 B',
+    import: '{ Chart }',
+    modifyWebpackConfig
+  },
+  {
+    path: 'package/index.js',
+    limit: '1.2 KB',
+    import: '{ Bar }',
+    modifyWebpackConfig
+  },
+  {
+    path: 'package/index.js',
+    limit: '1.55 KB',
+    import: '{ Bar, Bubble, Chart, Doughnut, Line, Pie, PolarArea, Radar, Scatter }',
+    modifyWebpackConfig
+  }
+];

.clean-publish

@@ -1,15 +1,14 @@
 const path = require('path');
+const ResolveTypeScriptPlugin = require('resolve-typescript-plugin');
 
 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.alias['svelte-chartjs'] = path.resolve(__dirname, '../src');
+    config.resolve.plugins.push(new ResolveTypeScriptPlugin());
     return config;
   },
   stories: ['../stories/*.stories.(js|ts)'],

.size-limit.cjs

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}

.size-limit.json

@@ -1,18 +1,18 @@
 {
   "name": "svelte-chartjs",
+  "type": "module",
   "version": "2.1.1",
   "author": "Saurav Kanchan",
   "homepage": "https://saurav.tech/mdbsvelte/?path=/story/charts--examples",
   "license": "MIT",
-  "main": "src/index.ts",
-  "types": "./dist/index.d.ts",
   "publishConfig": {
-    "main": "./dist/index.cjs",
-    "module": "./dist/index.js",
     "directory": "package"
   },
   "files": [
-    "dist"
+    "**/*.js",
+    "**/*.ts",
+    "**/*.svelte",
+    "**/*.map"
   ],
   "keywords": [
     "svelte",
@@ -26,15 +26,14 @@
     "url": "https://github.com/SauravKanchan/svelte-chartjs"
   },
   "scripts": {
-    "emitDeclarations": "node scripts/emitSvelteDeclarations.cjs",
-    "build": "rollup -c && pnpm emitDeclarations",
-    "prepublishOnly": "pnpm test && pnpm build && del ./package && clean-publish",
+    "build": "del ./package && svelte-package && clear-package-json package/package.json -o package/package.json",
+    "prepublishOnly": "pnpm test && pnpm build",
     "postpublish": "del ./package",
     "commit": "cz",
     "format": "prettier --write 'src/**/*.{js,ts,svelte}'",
     "test:lint": "eslint src --ext .js,.svelte",
     "test:size": "size-limit",
-    "test:unit": "jest -c jest.config.json",
+    "test:unit": "vitest run --coverage",
     "test": "pnpm test:lint && pnpm test:unit",
     "start:storybook": "start-storybook -p 6006 --ci",
     "build:storybook": "del ./storybook-static; NODE_ENV=production build-storybook",
@@ -48,22 +47,19 @@
     "svelte": "^3.45.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.18.6",
-    "@babel/preset-env": "^7.18.6",
     "@commitlint/cli": "^17.0.2",
     "@commitlint/config-conventional": "^17.0.2",
     "@commitlint/cz-commitlint": "^17.0.0",
-    "@rollup/plugin-node-resolve": "^13.3.0",
     "@size-limit/preset-big-lib": "^7.0.8",
     "@storybook/addon-actions": "^6.5.9",
     "@storybook/addon-essentials": "^6.5.9",
     "@storybook/svelte": "^6.5.9",
-    "@swc/core": "^1.2.207",
-    "@swc/jest": "^0.2.21",
-    "@testing-library/svelte": "^3.1.3",
-    "@types/jest": "^28.1.5",
+    "@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.23.2",
     "chart.js": "^3.8.0",
     "clean-publish": "^4.0.1",
     "commitizen": "^4.2.4",
@@ -72,24 +68,21 @@
     "eslint": "^8.18.0",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-svelte3": "^4.0.0",
-    "jest": "^28.1.2",
-    "jest-canvas-mock": "^2.4.0",
-    "jest-environment-jsdom": "^28.1.2",
+    "jsdom": "^20.0.0",
     "nano-staged": "^0.8.0",
     "prettier": "^2.7.1",
     "prettier-plugin-svelte": "^2.7.0",
-    "rollup": "^2.75.7",
-    "rollup-plugin-svelte": "^7.1.0",
-    "rollup-plugin-swc": "^0.2.1",
+    "resolve-typescript-plugin": "^1.2.0",
     "simple-git-hooks": "^2.8.0",
     "simple-github-release": "^1.0.0",
     "size-limit": "^7.0.8",
     "standard-version": "^9.5.0",
     "svelte": "^3.45.0",
-    "svelte-jester": "^2.3.2",
     "svelte-loader": "^3.1.3",
     "svelte-preprocess": "^4.10.7",
-    "svelte2tsx": "^0.5.11",
-    "typescript": "^4.7.4"
+    "typescript": "^4.7.4",
+    "vite": "^3.1.1",
+    "vitest": "^0.23.2",
+    "vitest-canvas-mock": "^0.2.0"
   }
 }