chore(rollup): configure rollup to work with svelte-preprocess

Author: Larry Botha

package-lock.json

@@ -14,11 +14,21 @@
     "format": "prettier --write lib/**/*.{js,svelte}",
     "commit": "git-cz"
   },
-  "files": ["build/*", "lib/*"],
+  "files": [
+    "build/*",
+    "lib/*"
+  ],
   "svelte": "./lib/index.js",
   "author": "Tjin Au Yeung",
-  "browserslist": ["last 1 chrome versions"],
-  "keywords": ["svelte", "forms", "validation", "form-validation"],
+  "browserslist": [
+    "last 1 chrome versions"
+  ],
+  "keywords": [
+    "svelte",
+    "forms",
+    "validation",
+    "form-validation"
+  ],
   "repository": {
     "type": "git",
     "url": "https://github.com/tjinauyeung/svelte-forms-lib"
@@ -35,6 +45,7 @@
     "@babel/preset-env": "^7.12.11",
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
+    "@rollup/plugin-typescript": "^8.2.0",
     "@testing-library/jest-dom": "^5.11.9",
     "@testing-library/svelte": "^3.0.3",
     "@types/chance": "1.1.1",
@@ -66,6 +77,8 @@
     "svelte-fragment-component": "^1.2.0",
     "svelte-jester": "^1.3.0",
     "svelte-jsx": "^2.0.0",
+    "svelte-preprocess": "^4.6.9",
+    "typescript": "^4.2.3",
     "yup": "0.32.8"
   },
   "config": {

package.json

@@ -1,20 +1,30 @@
-import commonjs from "rollup-plugin-commonjs";
-import resolve from "rollup-plugin-node-resolve";
-import svelte from "rollup-plugin-svelte";
+import commonjs from 'rollup-plugin-commonjs';
+import resolve from 'rollup-plugin-node-resolve';
+import svelte from 'rollup-plugin-svelte';
+import typescript from '@rollup/plugin-typescript';
+
+import svelteConfig from './svelte.config';
 
 export default {
-  input: "./lib/index.js",
+  input: './lib/index.js',
   output: [
     {
       file: `./build/index.mjs`,
-      format: "esm",
-      paths: id => id.startsWith("svelte/") && `${id.replace("svelte", ".")}`
+      format: 'esm',
+      paths: (id) => id.startsWith('svelte/') && `${id.replace('svelte', '.')}`,
     },
     {
       file: `./build/index.js`,
-      format: "cjs",
-      paths: id => id.startsWith("svelte/") && `${id.replace("svelte", ".")}`
-    }
+      format: 'cjs',
+      paths: (id) => id.startsWith('svelte/') && `${id.replace('svelte', '.')}`,
+    },
+  ],
+  plugins: [
+    typescript(),
+    svelte({
+      ...svelteConfig,
+    }),
+    resolve(),
+    commonjs(),
   ],
-  plugins: [svelte(), resolve(), commonjs()]
 };

rollup.config.js

@@ -0,0 +1,7 @@
+const preprocess = require('svelte-preprocess');
+
+const config = {
+  preprocess: preprocess(),
+};
+
+module.exports = config;