First implementation with progressive enhancement form

.gitignore

@@ -8,3 +8,4 @@ node_modules
 !.env.example
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
+/static/tinymce

.prettierrc

@@ -3,8 +3,11 @@
   "singleQuote": true,
   "semi": false,
   "trailingComma": "es5",
-  "printWidth": 100,
+  "printWidth": 1000,
+  "bracketSameLine": true,
   "plugins": ["prettier-plugin-svelte"],
   "pluginSearchDirs": ["."],
-  "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+  "overrides": [
+    { "files": "*.svelte", "options": { "parser": "svelte" } }
+  ]
 }

.vscode/launch.json

@@ -16,6 +16,18 @@
       "name": "Firefox Attach",
       "type": "firefox",
       "request": "attach"
+    },
+    {
+      "name": "Server Launch",
+      "command": "npx vite dev",
+      "request": "launch",
+      "type": "node-terminal"
+    },
+    {
+      "name": "Server Launch (vavite)",
+      "command": "npx vavite-loader vite dev",
+      "request": "launch",
+      "type": "node-terminal"
     }
   ]
 }

package-lock.json

@@ -7,12 +7,25 @@
     "": {
       "name": "relevant-ab",
       "version": "0.0.1",
+      "dependencies": {
+        "@tinymce/tinymce-svelte": "^1.0.1",
+        "@vavite/node-loader": "^1.8.1",
+        "font-color-contrast": "^11.1.0",
+        "lodash": "^4.17.21",
+        "qs": "^6.11.2",
+        "rollup-plugin-copy": "^3.4.0",
+        "svelte-awesome-color-picker": "^2.4.4",
+        "tinymce": "^6.4.2"
+      },
       "devDependencies": {
         "@sveltejs/adapter-auto": "^2.0.0",
         "@sveltejs/kit": "^1.5.0",
+        "@types/lodash": "^4.14.195",
+        "@types/qs": "^6.9.7",
         "@typescript-eslint/eslint-plugin": "^5.45.0",
         "@typescript-eslint/parser": "^5.45.0",
         "autoprefixer": "^10.4.14",
+        "daisyui": "^3.1.0",
         "eslint": "^8.28.0",
         "eslint-config-prettier": "^8.5.0",
         "eslint-plugin-svelte": "^2.26.0",
@@ -48,7 +61,6 @@
       "cpu": [
         "arm"
       ],
-			"dev": true,
       "optional": true,
       "os": [
         "android"
@@ -64,7 +76,6 @@
       "cpu": [
         "arm64"
       ],
-			"dev": true,
       "optional": true,
       "os": [
         "android"
@@ -80,7 +91,6 @@
       "cpu": [
         "x64"
       ],
-			"dev": true,
       "optional": true,
       "os": [
         "android"
@@ -96,7 +106,6 @@
       "cpu": [
         "arm64"
       ],
-			"dev": true,
       "optional": true,
       "os": [
         "darwin"
@@ -112,7 +121,6 @@
       "cpu": [
         "x64"
       ],
-			"dev": true,
       "optional": true,
       "os": [
         "darwin"
@@ -128,7 +136,6 @@
       "cpu": [
         "arm64"
       ],
-			"dev": true,
       "optional": true,
       "os": [
         "freebsd"
@@ -144,7 +151,6 @@
       "cpu": [
         "x64"
       ],
-			"dev": true,
       "optional": true,
       "os": [
         "freebsd"
@@ -160,7 +166,6 @@
       "cpu": [
         "arm"
       ],
-			"dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -176,7 +181,6 @@
       "cpu": [
         "arm64"
       ],
-			"dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -192,7 +196,6 @@
       "cpu": [
         "ia32"
       ],
-			"dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -208,7 +211,6 @@
       "cpu": [
         "loong64"
       ],
-			"dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -224,7 +226,6 @@
       "cpu": [
         "mips64el"
       ],
-			"dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -240,7 +241,6 @@
       "cpu": [
         "ppc64"
       ],
-			"dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -256,7 +256,6 @@
       "cpu": [
         "riscv64"
       ],
-			"dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -272,7 +271,6 @@
       "cpu": [
         "s390x"
       ],
-			"dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -288,7 +286,6 @@
       "cpu": [
         "x64"
       ],
-			"dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -304,7 +301,6 @@
       "cpu": [
         "x64"
       ],
-			"dev": true,
       "optional": true,
       "os": [
         "netbsd"
@@ -320,7 +316,6 @@
       "cpu": [
         "x64"
       ],
-			"dev": true,
       "optional": true,
       "os": [
         "openbsd"
@@ -336,7 +331,6 @@
       "cpu": [
         "x64"
       ],
-			"dev": true,
       "optional": true,
       "os": [
         "sunos"
@@ -352,7 +346,6 @@
       "cpu": [
         "arm64"
       ],
-			"dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -368,7 +361,6 @@
       "cpu": [
         "ia32"
       ],
-			"dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -384,7 +376,6 @@
       "cpu": [
         "x64"
       ],
-			"dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -540,7 +531,6 @@
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
       "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-			"dev": true,
       "dependencies": {
         "@nodelib/fs.stat": "2.0.5",
         "run-parallel": "^1.1.9"
@@ -553,7 +543,6 @@
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
       "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-			"dev": true,
       "engines": {
         "node": ">= 8"
       }
@@ -562,7 +551,6 @@
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
       "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-			"dev": true,
       "dependencies": {
         "@nodelib/fs.scandir": "2.1.5",
         "fastq": "^1.6.0"
@@ -660,6 +648,14 @@
         "vite": "^4.0.0"
       }
     },
+    "node_modules/@tinymce/tinymce-svelte": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@tinymce/tinymce-svelte/-/tinymce-svelte-1.0.1.tgz",
+      "integrity": "sha512-mjso1Mx9FOPxwou528UmINIcE2hBbUpnC9AEInlvIXutydklfSGSGEeYJ57CBTxzgsMEJGw2LYHGC8R7KoEAeA==",
+      "dependencies": {
+        "rollup-plugin-execute": "^1.1.1"
+      }
+    },
     "node_modules/@types/chai": {
       "version": "4.3.5",
       "resolved": "https://registry.npmjs.org/@types/chai/-/chai-4.3.5.tgz",
@@ -681,17 +677,44 @@
       "integrity": "sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g==",
       "dev": true
     },
+    "node_modules/@types/fs-extra": {
+      "version": "8.1.2",
+      "resolved": "https://registry.npmjs.org/@types/fs-extra/-/fs-extra-8.1.2.tgz",
+      "integrity": "sha512-SvSrYXfWSc7R4eqnOzbQF4TZmfpNSM9FrSWLU3EUnWBuyZqNBOrv1B1JA3byUDPUl9z4Ab3jeZG2eDdySlgNMg==",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/glob": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.2.0.tgz",
+      "integrity": "sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA==",
+      "dependencies": {
+        "@types/minimatch": "*",
+        "@types/node": "*"
+      }
+    },
     "node_modules/@types/json-schema": {
       "version": "7.0.12",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz",
       "integrity": "sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==",
       "dev": true
     },
+    "node_modules/@types/lodash": {
+      "version": "4.14.195",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.195.tgz",
+      "integrity": "sha512-Hwx9EUgdwf2GLarOjQp5ZH8ZmblzcbTBC2wtQWNKARBSxM9ezRIAUpeDTgoQRAFB0+8CNWXVA9+MaSOzOF3nPg==",
+      "dev": true
+    },
+    "node_modules/@types/minimatch": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-5.1.2.tgz",
+      "integrity": "sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA=="
+    },
     "node_modules/@types/node": {
       "version": "20.2.6",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.2.6.tgz",
-			"integrity": "sha512-GQBWUtGoefMEOx/vu+emHEHU5aw6JdDoEtZhoBrHFPZbA/YNRFfN996XbBASEWdvmLSLyv9FKYppYGyZjCaq/g==",
+      "integrity": "sha512-GQBWUtGoefMEOx/vu+emHEHU5aw6JdDoEtZhoBrHFPZbA/YNRFfN996XbBASEWdvmLSLyv9FKYppYGyZjCaq/g=="
-			"dev": true
     },
     "node_modules/@types/pug": {
       "version": "2.0.6",
@@ -699,6 +722,12 @@
       "integrity": "sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==",
       "dev": true
     },
+    "node_modules/@types/qs": {
+      "version": "6.9.7",
+      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.7.tgz",
+      "integrity": "sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw==",
+      "dev": true
+    },
     "node_modules/@types/semver": {
       "version": "7.5.0",
       "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.0.tgz",
@@ -893,6 +922,17 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
+    "node_modules/@vavite/node-loader": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/@vavite/node-loader/-/node-loader-1.8.1.tgz",
+      "integrity": "sha512-TXXfZ96AwOnTIZhZgIlvzeQv3QZpc1Mc3RU41ADN1wxS5OEsXB2pxqYXjJKhnKigPJBH2OQBvTdRowHbGt7lZg==",
+      "bin": {
+        "vavite-loader": "cli.js"
+      },
+      "peerDependencies": {
+        "vite": ">=2.8.1"
+      }
+    },
     "node_modules/acorn": {
       "version": "8.8.2",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
@@ -998,7 +1038,6 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
       "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
-			"dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -1048,8 +1087,7 @@
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-			"integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
-			"dev": true
     },
     "node_modules/binary-extensions": {
       "version": "2.2.0",
@@ -1064,7 +1102,6 @@
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-			"dev": true,
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -1074,7 +1111,6 @@
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
       "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-			"dev": true,
       "dependencies": {
         "fill-range": "^7.0.1"
       },
@@ -1135,6 +1171,18 @@
         "node": ">=10.16.0"
       }
     },
+    "node_modules/call-bind": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
+      "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
+      "dependencies": {
+        "function-bind": "^1.1.1",
+        "get-intrinsic": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/callsites": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
@@ -1273,6 +1321,16 @@
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
       "dev": true
     },
+    "node_modules/colord": {
+      "version": "2.9.3",
+      "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz",
+      "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw=="
+    },
+    "node_modules/colorette": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.4.0.tgz",
+      "integrity": "sha512-Y2oEozpomLn7Q3HFP7dpww7AtMJplbM9lGZP6RDfHqmbeRjiwRg4n6VM6j4KLmRke85uWEI7JqF17f3pqdRA0g=="
+    },
     "node_modules/commander": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
@@ -1285,8 +1343,7 @@
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-			"integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
-			"dev": true
     },
     "node_modules/cookie": {
       "version": "0.5.0",
@@ -1311,6 +1368,16 @@
         "node": ">= 8"
       }
     },
+    "node_modules/css-selector-tokenizer": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/css-selector-tokenizer/-/css-selector-tokenizer-0.8.0.tgz",
+      "integrity": "sha512-Jd6Ig3/pe62/qe5SBPTN8h8LeUg/pT4lLgtavPf7updwwHpvFzxvOQBHYj2LZDMjUnBzgvIUSjRcf6oT5HzHFg==",
+      "dev": true,
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "fastparse": "^1.1.2"
+      }
+    },
     "node_modules/cssesc": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@@ -1323,6 +1390,28 @@
         "node": ">=4"
       }
     },
+    "node_modules/daisyui": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-3.1.0.tgz",
+      "integrity": "sha512-G4dz/bRZVvlhQ/FtezXSg0rXOXzDJ0PcnMqeLSwCYNWXxf46fNJ8LWeV5qwsYOdJbXiXoZLnwyy+BsNoWZ+Bjg==",
+      "dev": true,
+      "dependencies": {
+        "colord": "^2.9",
+        "css-selector-tokenizer": "^0.8",
+        "postcss-js": "^4",
+        "tailwindcss": "^3"
+      },
+      "engines": {
+        "node": ">=16.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/daisyui"
+      },
+      "peerDependencies": {
+        "postcss": "^8"
+      }
+    },
     "node_modules/debug": {
       "version": "4.3.4",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
@@ -1392,7 +1481,6 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
       "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
-			"dev": true,
       "dependencies": {
         "path-type": "^4.0.0"
       },
@@ -1434,7 +1522,6 @@
       "version": "0.17.19",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.17.19.tgz",
       "integrity": "sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==",
-			"dev": true,
       "hasInstallScript": true,
       "bin": {
         "esbuild": "bin/esbuild"
@@ -1731,7 +1818,6 @@
       "version": "3.2.12",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.12.tgz",
       "integrity": "sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==",
-			"dev": true,
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
         "@nodelib/fs.walk": "^1.2.3",
@@ -1747,7 +1833,6 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-			"dev": true,
       "dependencies": {
         "is-glob": "^4.0.1"
       },
@@ -1767,11 +1852,16 @@
       "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
       "dev": true
     },
+    "node_modules/fastparse": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/fastparse/-/fastparse-1.1.2.tgz",
+      "integrity": "sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==",
+      "dev": true
+    },
     "node_modules/fastq": {
       "version": "1.15.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
       "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
-			"dev": true,
       "dependencies": {
         "reusify": "^1.0.4"
       }
@@ -1792,7 +1882,6 @@
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
       "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-			"dev": true,
       "dependencies": {
         "to-regex-range": "^5.0.1"
       },
@@ -1835,6 +1924,11 @@
       "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==",
       "dev": true
     },
+    "node_modules/font-color-contrast": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/font-color-contrast/-/font-color-contrast-11.1.0.tgz",
+      "integrity": "sha512-PxpFaesCSsDwaciw7MF6B2thUkH7skqZlz4BzUnvapR6+Es2877q7ru/tqfsITuaraPz+TGfsOfdtU4D0qjqEw=="
+    },
     "node_modules/fraction.js": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
@@ -1848,17 +1942,28 @@
         "url": "https://www.patreon.com/infusion"
       }
     },
+    "node_modules/fs-extra": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+      "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=6 <7 || >=8"
+      }
+    },
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-			"integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
-			"dev": true
     },
     "node_modules/fsevents": {
       "version": "2.3.2",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
       "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-			"dev": true,
       "hasInstallScript": true,
       "optional": true,
       "os": [
@@ -1871,8 +1976,7 @@
     "node_modules/function-bind": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-			"integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
-			"dev": true
     },
     "node_modules/get-func-name": {
       "version": "2.0.0",
@@ -1883,11 +1987,24 @@
         "node": "*"
       }
     },
+    "node_modules/get-intrinsic": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
+      "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
+      "dependencies": {
+        "function-bind": "^1.1.1",
+        "has": "^1.0.3",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/glob": {
       "version": "7.2.3",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
       "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-			"dev": true,
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -1965,8 +2082,7 @@
     "node_modules/graceful-fs": {
       "version": "4.2.11",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-			"integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
-			"dev": true
     },
     "node_modules/grapheme-splitter": {
       "version": "1.0.4",
@@ -1984,7 +2100,6 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
       "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-			"dev": true,
       "dependencies": {
         "function-bind": "^1.1.1"
       },
@@ -2001,11 +2116,32 @@
         "node": ">=8"
       }
     },
+    "node_modules/has-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
+      "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/ignore": {
       "version": "5.2.4",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
       "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
-			"dev": true,
       "engines": {
         "node": ">= 4"
       }
@@ -2049,7 +2185,6 @@
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
       "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
-			"dev": true,
       "dependencies": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -2058,8 +2193,7 @@
     "node_modules/inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-			"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
-			"dev": true
     },
     "node_modules/is-binary-path": {
       "version": "2.1.0",
@@ -2089,7 +2223,6 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-			"dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -2098,7 +2231,6 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-			"dev": true,
       "dependencies": {
         "is-extglob": "^2.1.1"
       },
@@ -2110,7 +2242,6 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-			"dev": true,
       "engines": {
         "node": ">=0.12.0"
       }
@@ -2124,6 +2255,14 @@
         "node": ">=8"
       }
     },
+    "node_modules/is-plain-object": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-3.0.1.tgz",
+      "integrity": "sha512-Xnpx182SBMrr/aBik8y+GuR4U1L9FqMSojwDQwPMmxyC6bvEqly9UBCxhauBF5vNh2gwWJNX6oDV7O+OM4z34g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
@@ -2163,6 +2302,14 @@
       "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
       "dev": true
     },
+    "node_modules/jsonfile": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+      "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
     "node_modules/kleur": {
       "version": "4.1.5",
       "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
@@ -2233,6 +2380,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+    },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -2276,7 +2428,6 @@
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
       "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-			"dev": true,
       "engines": {
         "node": ">= 8"
       }
@@ -2285,7 +2436,6 @@
       "version": "4.0.5",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
       "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-			"dev": true,
       "dependencies": {
         "braces": "^3.0.2",
         "picomatch": "^2.3.1"
@@ -2319,7 +2469,6 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-			"dev": true,
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -2387,7 +2536,6 @@
       "version": "3.3.6",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
       "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
-			"dev": true,
       "funding": [
         {
           "type": "github",
@@ -2455,11 +2603,18 @@
         "node": ">= 6"
       }
     },
+    "node_modules/object-inspect": {
+      "version": "1.12.3",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
+      "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/once": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
       "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-			"dev": true,
       "dependencies": {
         "wrappy": "1"
       }
@@ -2536,7 +2691,6 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
       "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-			"dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -2560,7 +2714,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
       "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-			"dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -2577,14 +2730,12 @@
     "node_modules/picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-			"integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
-			"dev": true
     },
     "node_modules/picomatch": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-			"dev": true,
       "engines": {
         "node": ">=8.6"
       },
@@ -2614,7 +2765,6 @@
       "version": "8.4.24",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.24.tgz",
       "integrity": "sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==",
-			"dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -2874,11 +3024,24 @@
         "node": ">=6"
       }
     },
+    "node_modules/qs": {
+      "version": "6.11.2",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
+      "integrity": "sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==",
+      "dependencies": {
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
       "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-			"dev": true,
       "funding": [
         {
           "type": "github",
@@ -2945,7 +3108,6 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
       "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-			"dev": true,
       "engines": {
         "iojs": ">=1.0.0",
         "node": ">=0.10.0"
@@ -2970,7 +3132,6 @@
       "version": "3.24.1",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.24.1.tgz",
       "integrity": "sha512-REHe5dx30ERBRFS0iENPHy+t6wtSEYkjrhwNsLyh3qpRaZ1+aylvMUdMBUHWUD/RjjLmLzEvY8Z9XRlpcdIkHA==",
-			"dev": true,
       "bin": {
         "rollup": "dist/bin/rollup"
       },
@@ -2982,11 +3143,48 @@
         "fsevents": "~2.3.2"
       }
     },
+    "node_modules/rollup-plugin-copy": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-copy/-/rollup-plugin-copy-3.4.0.tgz",
+      "integrity": "sha512-rGUmYYsYsceRJRqLVlE9FivJMxJ7X6jDlP79fmFkL8sJs7VVMSVyA2yfyL+PGyO/vJs4A87hwhgVfz61njI+uQ==",
+      "dependencies": {
+        "@types/fs-extra": "^8.0.1",
+        "colorette": "^1.1.0",
+        "fs-extra": "^8.1.0",
+        "globby": "10.0.1",
+        "is-plain-object": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8.3"
+      }
+    },
+    "node_modules/rollup-plugin-copy/node_modules/globby": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-10.0.1.tgz",
+      "integrity": "sha512-sSs4inE1FB2YQiymcmTv6NWENryABjUNPeWhOvmn4SjtKybglsyPZxFB3U1/+L1bYi0rNZDqCLlHyLYDl1Pq5A==",
+      "dependencies": {
+        "@types/glob": "^7.1.1",
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.0.3",
+        "glob": "^7.1.3",
+        "ignore": "^5.1.1",
+        "merge2": "^1.2.3",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/rollup-plugin-execute": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-execute/-/rollup-plugin-execute-1.1.1.tgz",
+      "integrity": "sha512-isCNR/VrwlEfWJMwsnmt5TBRod8dW1IjVRxcXCBrxDmVTeA1IXjzeLSS3inFBmRD7KDPlo38KSb2mh5v5BoWgA=="
+    },
     "node_modules/run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
       "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-			"dev": true,
       "funding": [
         {
           "type": "github",
@@ -3083,6 +3281,19 @@
         "node": ">=8"
       }
     },
+    "node_modules/side-channel": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+      "dependencies": {
+        "call-bind": "^1.0.0",
+        "get-intrinsic": "^1.0.2",
+        "object-inspect": "^1.9.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/sirv": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/sirv/-/sirv-2.0.3.tgz",
@@ -3101,7 +3312,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
       "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
-			"dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -3134,7 +3344,6 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
       "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
-			"dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -3271,6 +3480,14 @@
         "node": ">= 8"
       }
     },
+    "node_modules/svelte-awesome-color-picker": {
+      "version": "2.4.4",
+      "resolved": "https://registry.npmjs.org/svelte-awesome-color-picker/-/svelte-awesome-color-picker-2.4.4.tgz",
+      "integrity": "sha512-TU2cAJ2VMXl8GEwbKg/U7MzJNwOkakULTslQ+8XTAQVny7wKjs22VrAaPGgPIIjGOBonoEFBiZ6QzE36nA+rJQ==",
+      "dependencies": {
+        "colord": "^2.9.3"
+      }
+    },
     "node_modules/svelte-check": {
       "version": "3.4.3",
       "resolved": "https://registry.npmjs.org/svelte-check/-/svelte-check-3.4.3.tgz",
@@ -3548,6 +3765,11 @@
       "integrity": "sha512-kRwSG8Zx4tjF9ZiyH4bhaebu+EDz1BOx9hOigYHlUW4xxI/wKIUQUqo018UlU4ar6ATPBsaMrdbKZ+tmPdohFA==",
       "dev": true
     },
+    "node_modules/tinymce": {
+      "version": "6.4.2",
+      "resolved": "https://registry.npmjs.org/tinymce/-/tinymce-6.4.2.tgz",
+      "integrity": "sha512-te+4c8PoAwTKPMBQtMQehnSZlOO9Ay5tDgaRFJKBehYb6SlX2PYZ0v3oe/cmiv5EfqdwZLkEMXk2MNOeApZZLg=="
+    },
     "node_modules/tinypool": {
       "version": "0.3.1",
       "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-0.3.1.tgz",
@@ -3570,7 +3792,6 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-			"dev": true,
       "dependencies": {
         "is-number": "^7.0.0"
       },
@@ -3678,6 +3899,14 @@
         "node": ">=14.0"
       }
     },
+    "node_modules/universalify": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
     "node_modules/update-browserslist-db": {
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz",
@@ -3727,7 +3956,6 @@
       "version": "4.3.9",
       "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.9.tgz",
       "integrity": "sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==",
-			"dev": true,
       "dependencies": {
         "esbuild": "^0.17.5",
         "postcss": "^8.4.23",
@@ -3867,8 +4095,7 @@
     "node_modules/wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-			"integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
-			"dev": true
     },
     "node_modules/yallist": {
       "version": "4.0.0",

package.json

@@ -15,9 +15,12 @@
   "devDependencies": {
     "@sveltejs/adapter-auto": "^2.0.0",
     "@sveltejs/kit": "^1.5.0",
+    "@types/lodash": "^4.14.195",
+    "@types/qs": "^6.9.7",
     "@typescript-eslint/eslint-plugin": "^5.45.0",
     "@typescript-eslint/parser": "^5.45.0",
     "autoprefixer": "^10.4.14",
+    "daisyui": "^3.1.0",
     "eslint": "^8.28.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-svelte": "^2.26.0",
@@ -33,5 +36,15 @@
     "vite": "^4.3.0",
     "vitest": "^0.25.3"
   },
-  "type": "module"
+  "type": "module",
+  "dependencies": {
+    "@tinymce/tinymce-svelte": "^1.0.1",
+    "@vavite/node-loader": "^1.8.1",
+    "font-color-contrast": "^11.1.0",
+    "lodash": "^4.17.21",
+    "qs": "^6.11.2",
+    "rollup-plugin-copy": "^3.4.0",
+    "svelte-awesome-color-picker": "^2.4.4",
+    "tinymce": "^6.4.2"
+  }
 }

src/lib/server/metrics.ts

@@ -0,0 +1,9 @@
+
+// Metrics database (in memory for simplicity)
+// Keyed by request ID: Stores the test ID, session ID, and duration of each request
+export const metricsDb = new Map<string, { 
+  testId: string,
+  sessionId: string,
+  start: Date,
+  end: Date,
+}>()

src/lib/server/tests.ts

@@ -0,0 +1,41 @@
+import { writable } from 'svelte/store'
+
+export type Test = {
+  id: string
+  enabled: boolean
+  chance: number
+  title: string
+  body: string
+  color: string
+}
+
+// Example data
+export const tests = writable<Test[]>([
+  {
+    id: Math.random().toString(36).slice(2),
+    enabled: false,
+    chance: 0.5,
+    title: 'Test 1',
+    body: 'This is the body of test 1',
+    color: 'red'
+  },
+  {
+    id: Math.random().toString(36).slice(2),
+    enabled: false,
+    chance: 0.5,
+    title: 'Test 2',
+    body: 'This is the body of test 2',
+    color: 'blue'
+  },
+  {
+    id: Math.random().toString(36).slice(2),
+    enabled: false,
+    chance: 0.5,
+    title: 'Test 3',
+    body: 'This is the body of test 3',
+    color: 'green'
+  },
+])
+
+// Maps session ID to test ID to keep track of which test each user is in
+export const userTests = new Map<string, string>()

src/routes/+layout.svelte

@@ -2,4 +2,32 @@
   import '../app.css'
 </script>
 
+<html lang="en" data-theme="retro">
+  <div class="navbar bg-base-100">
+    <div class="navbar-start">
+      <div class="dropdown">
+        <label tabindex="0" class="btn-ghost btn lg:hidden">
+          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16" /></svg>
+        </label>
+        <ul tabindex="0" class="dropdown-content menu rounded-box menu-sm mt-3 w-52 bg-base-100 p-2 shadow">
+          <li><a href="/">Home</a></li>
+          <li><a href="/dash">Dashboard</a></li>
+        </ul>
+      </div>
+      <a class="btn-ghost btn text-xl normal-case" href="/">Relevant A/B testing</a>
+    </div>
+    <div class="navbar-center hidden lg:flex">
+      <ul class="menu menu-horizontal px-1">
+        <li><a href="/">Home</a></li>
+        <li><a href="/dash">Dashboard</a></li>
+      </ul>
+    </div>
+    <div class="navbar-end">
+      <a class="btn-primary btn min-w-0" href="/logout">Clear session cookie</a>
+    </div>
+  </div>
+
   <slot />
+
+  <div class="block h-32"></div>
+</html>

src/routes/+page.server.ts

@@ -0,0 +1,46 @@
+import { metricsDb } from '$lib/server/metrics';
+import { tests as testsStore, type Test, userTests } from '$lib/server/tests'
+import { get } from 'svelte/store'
+
+
+export async function load({ cookies, params }) {
+  // Set a random session ID cookie if there is none, so we can uniquely
+  // identify the user and not randomly change their experience on every page load.
+  if (!cookies.get('sessionId')) {
+    cookies.set('sessionId', Math.random().toString(36).slice(2), { sameSite: 'strict' });
+  }
+
+  // Pick a test based on chance
+  let test: Test
+  const tests = get(testsStore).filter(test => test.enabled)
+  if (tests.length === 0) {
+    throw new Error('No tests enabled')
+  }
+  // If user already has a test assigned, use that
+  test = tests.find(test => test.id === userTests.get(cookies.get('sessionId')!)!)!
+  if (test === undefined || !test.enabled) { // If the assigned test was disabled after the fact, pick a new one anyways
+    const sum = tests.reduce((acc, test) => acc + test.chance, 0)
+    const rand = Math.random() * sum
+    let cumulative = 0
+    test = tests.find(test => {
+      cumulative += test.chance
+      return rand <= cumulative
+    })!
+    userTests.set(cookies.get('sessionId')!, test.id)
+  }
+
+  // Random request ID for metrics logging
+  const requestId = Math.random().toString(36).slice(2)
+  metricsDb.set(requestId, {
+    testId: test.id,
+    sessionId: cookies.get('sessionId')!,
+    start: new Date(),
+    end: new Date(),
+  })
+
+  return {
+    test,
+    requestId
+  }
+}
+

src/routes/+page.svelte

@@ -1,2 +1,30 @@
-<h1>Welcome to SvelteKit</h1>
+<script lang="ts">
-<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
+  import { browser } from '$app/environment'
+  import fontColorContrast from 'font-color-contrast'
+  import { onDestroy, onMount } from 'svelte'
+
+  export let data
+
+  // Auto-select a font color that contrasts with the background color ✨
+  let fontColor: string
+  $: data.test && (fontColor = fontColorContrast(data.test.color))
+
+  // Client-side metrics (visit duration etc)
+  // Sending metrics every second since I'm not sure if onbeforeunload is reliable?
+  if (browser) {
+    const interval = setInterval(() => {
+      fetch(`/dash/metrics/${data.requestId}`, {
+        method: 'POST',
+        body: JSON.stringify({
+          path: window.location.pathname,
+        }),
+      })
+    }, 1000)
+    onDestroy(() => clearInterval(interval))
+  }
+</script>
+
+<div class="container mx-auto mt-16 w-full max-w-screen-lg rounded-lg p-4 shadow-lg" style="background-color: {data.test?.color}; color: {fontColor}">
+  <h1 class="text-4xl font-bold">{@html data.test?.title}</h1>
+  <p class="text-lg">{@html data.test?.body}</p>
+</div>

src/routes/dash/+page.server.ts

@@ -0,0 +1,108 @@
+import { metricsDb } from '$lib/server/metrics.js'
+import { tests as testsStore, type Test } from '$lib/server/tests'
+import { get } from 'svelte/store'
+import _ from 'lodash'
+import qs from 'qs'
+import { fail } from '@sveltejs/kit'
+
+export const load = async ({ params }) => {
+  // Concatenate tests with analytics
+  const tests = get(testsStore).map(test => {
+    const testMetrics = [ ...metricsDb.values() ].filter(metrics => metrics.testId === test.id)
+    const views = testMetrics.length
+    const averageDuration = testMetrics.reduce((acc, metrics) => acc + (metrics.end.getTime() - metrics.start.getTime()), 0) / views
+    return { 
+      ...test,
+      analytics: {
+        views,
+        duration: averageDuration / 1000
+      }
+    }
+  }) as (Test & { analytics?: { views: number, duration: number } })[]
+
+  return { tests }
+}
+
+export const actions = {
+  default: async ({ request }) => {
+    const form = await request.formData()
+    // HACK: Sveltekit's progressive enhancement tends to send the form as
+    // multipart, so we convert it to a query string so we can parse it using qs
+    // and save time on trying to group the fields manually.
+    const formAsQueryString = Array.from(form.entries()).map(([key, value]) => `${key}=${value}`).join('&')
+    // Parse form body with qs
+    const parsed = qs.parse(formAsQueryString) as { test: { id: string, enabled: string[], chance: string, title: string, body: string, color: string }[] }
+
+    // Validate
+    for (const parsedTest of parsed.test) {
+      if (parsedTest.title.length === 0) {
+        return fail(400, { message: 'Title cannot be empty' })
+      } else if (parsedTest.body.length === 0) {
+        return fail(400, { message: 'Body cannot be empty' })
+      } else if (parsedTest.color.length === 0) {
+        return fail(400, { message: 'Color is required' })
+      } else if (parsedTest.chance.length === 0) {
+        return fail(400, { message: 'Chance is required' })
+      } else if (isNaN(parseFloat(parsedTest.chance.toString()))) {
+        return fail(400, { message: 'Chance must be a number' })
+      }
+    }
+    if (parsed.test.every(parsedTest => _.first(parsedTest.enabled) !== 'on')) {
+      return fail(400, { message: 'At least one test must be enabled' })
+    }
+
+    // Update tests in store
+    testsStore.update((tests) => {
+      // Delete missing IDs
+      tests = tests.filter(test => parsed.test.some(parsedTest => parsedTest.id === test.id))
+      // Update or create
+      for (const parsedTest of parsed.test) {
+        const test = tests.find(test => test.id === parsedTest.id)
+        if (test) {
+          test.enabled = _.first(parsedTest.enabled) === 'on'
+          test.chance = parseFloat(parsedTest.chance.toString())
+          test.title = parsedTest.title.toString()
+          test.body = parsedTest.body.toString()
+          test.color = parsedTest.color.toString()
+        } else {
+          tests.push({
+            id: Math.random().toString(36).slice(2),
+            enabled: _.first(parsedTest.enabled) === 'on',
+            chance: parseFloat(parsedTest.chance.toString()),
+            title: parsedTest.title.toString(),
+            body: parsedTest.body.toString(),
+            color: parsedTest.color.toString()
+          })
+        }
+      }
+      return tests
+    })
+
+    return { success: true }
+  }
+}
+
+type StructuredFormData =
+  | string
+  | boolean
+  | number
+  | File
+  | StructuredFormData[];
+
+function formBody(body: FormData) {
+  return [...body.entries()].reduce((data, [k, v]) => {
+    let value: StructuredFormData = v;
+    if (v === "true") value = true;
+    if (v === "false") value = false;
+    if (!isNaN(Number(v))) value = Number(v);
+
+    // For grouped fields like multi-selects and checkboxes, we need to
+    // store the values in an array.
+    if (k in data) {
+      const val = data[k];
+      value = Array.isArray(val) ? [...val, value] : [val, value];
+    }
+    data[k] = value;
+    return data;
+  }, {} as Record<string, StructuredFormData>);
+}

src/routes/dash/+page.svelte

@@ -0,0 +1,78 @@
+<script lang="ts">
+  import { enhance } from '$app/forms'
+  import { page } from '$app/stores'
+  import type { Test } from '$lib/server/tests'
+  import { tick } from 'svelte'
+  import AB from './AB.svelte'
+
+  export let data
+  export let form
+
+  function addNew() {
+    data.tests = [
+      ...data.tests,
+      {
+        id: Math.random().toString(36).slice(2),
+        enabled: true,
+        chance: 0.5,
+        title: 'New Test',
+        body: '',
+        color: '#ffffff',
+      },
+    ]
+  }
+
+  function deleteTest(index: number) {
+    data.tests.splice(index, 1)
+    data.tests = data.tests
+  }
+
+  function onChanceChanged(test: Test) {
+    // Adjust other enabled chances to make them add up to 1
+    const tests = data.tests.filter((t) => t.enabled)
+    const otherTests = tests.filter((t) => t.id !== test.id)
+    const totalChance = tests.reduce((acc, t) => acc + t.chance, 0)
+    const diff = 1 - totalChance
+    const diffPerTest = diff / otherTests.length
+    otherTests.forEach((t) => (t.chance = Math.round(Math.max(0, Math.min(t.chance + diffPerTest, 1) * 100)) / 100))
+  }
+
+  function preventSubmit(e: KeyboardEvent) {
+    if (e.key === 'Enter') {
+      e.preventDefault()
+    }
+  }
+</script>
+
+<div class="container mx-auto mt-16 w-full max-w-screen-lg">
+  <h1 class="text-4xl font-bold">Dashboard</h1>
+  <p class="mt-2">Manage your A/B tests here.</p>
+
+  <form method="POST" on:keydown={preventSubmit} use:enhance>
+    <div class="mt-6">
+      <div class="flex flex-col gap-6">
+        {#each data.tests as test, index (test.id)}
+          <AB i={index} bind:data={test} on:delete={() => deleteTest(index)} on:chanceChanged={() => onChanceChanged(test)} />
+        {/each}
+      </div>
+    </div>
+
+    {#if form?.success}
+      <div class="alert alert-success mt-4">
+        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 shrink-0 stroke-current" fill="none" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
+        <span>Changes saved successfully.</span>
+      </div>
+    {/if}
+    {#if $page.status === 400 && form?.message}
+      <div class="alert alert-warning mt-4">
+        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 shrink-0 stroke-current" fill="none" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" /></svg>
+        <span>{form?.message}</span>
+      </div>
+    {/if}
+
+    <div class="mt-6 flex justify-end">
+      <button class="btn-bordered btn-primary btn">Save</button>
+      <button class="btn-bordered btn-secondary btn ml-2" on:click|preventDefault={addNew}>Add New</button>
+    </div>
+  </form>
+</div>

src/routes/dash/AB.svelte

@@ -0,0 +1,111 @@
+<script lang="ts">
+  import ColorPicker from 'svelte-awesome-color-picker'
+  import Editor from '@tinymce/tinymce-svelte'
+  import { createEventDispatcher } from 'svelte'
+  import type { Test } from '$lib/server/tests'
+  import { tick } from 'svelte'
+
+  const dispatch = createEventDispatcher()
+
+  export let i: number
+  export let data: Test & { analytics?: { views: number; duration: number } }
+
+  function deleteSelf(this: HTMLButtonElement) {
+    if (this.innerHTML !== 'Delete?') {
+      this.innerHTML = 'Delete?'
+    } else {
+      this.disabled = true
+      dispatch('delete')
+    }
+  }
+
+  function chanceChanged(this: HTMLInputElement) {
+    if (data.enabled) {
+      dispatch('chanceChanged', data.chance)
+    }
+  }
+
+  let chancePercent: number
+  $: chancePercent = Math.round(data.chance * 100)
+  // On enable, send a chanceChanged event so that the parent can adjust other enabled chances to make them add up to 1
+  $: if (data.enabled) {
+    dispatch('chanceChanged', data.chance)
+  }
+
+  const enabled = data.enabled
+</script>
+
+<details class="collapse collapse-arrow rounded-lg" open={enabled} >
+  <summary class="collapse-title text-xl font-medium leading-tight bg-base-300 min-h-min">
+    <div class="flex items-center gap-2">
+      <input type="checkbox" name="test[{i}][enabled]" class="toggle toggle-accent" bind:checked={data.enabled} />
+      <input type="hidden" name="test[{i}][enabled]" value='off' />
+      <span style="color: {data.color}">{data.title}</span>
+      <!-- <span>{data.id}</span> -->
+      <input type="range" name="test[{i}][chance]" class="range max-w-xs ml-20" min="0" max="1" step="0.01" bind:value={data.chance} on:input={() => chancePercent = Math.round(data.chance * 100)} on:input={chanceChanged} />
+      <input type="text" class="input input-ghost w-16" bind:value={chancePercent} on:input={() => data.chance = chancePercent / 100} on:input={chanceChanged} />
+      <!-- <span>{Math.round(data.chance * 100)}%</span> -->
+      <!-- <span>{data.chance}</span> -->
+    </div>
+  </summary>
+  <div class="collapse-content flex w-full flex-col flex-wrap gap-4 bg-base-200">
+    <input type="hidden" name="test[{i}][id]" value={data.id} />
+    <div class="flex flex-row gap-4">
+      <div class="form-control">
+        <label class="label">
+          <span class="label-text">Background Colour</span>
+        </label>
+        <input type="hidden" name="test[{i}][color]" value={data.color} />
+        <ColorPicker bind:hex={data.color} isOpen={true} isPopup={false} isInput={false} />
+    </div>
+
+      <div class="grow">
+        <div class="form-control w-full">
+          <label class="label">
+            <span class="label-text">Title
+              {#if data.title.length == 0}
+                <span class="text-red-500"> (required)</span>
+              {/if}
+            </span>
+          </label>
+          <input type="text" name="test[{i}][title]" bind:value={data.title} class="input-bordered input" class:input-error={data.title.length === 0} />
+        </div>
+
+        <div class="form-control w-full">
+          <label class="label">
+            <span class="label-text">Body
+              {#if data.body.length == 0}
+                <span class="text-red-500"> (required)</span>
+              {/if}
+            </span>
+          </label>
+          <input type="hidden" name="test[{i}][body]" value={data.body} />
+          <Editor scriptSrc="tinymce/tinymce.min.js" conf={{}} bind:value={data.body} />
+        </div>
+
+        <div class="mt-4 flex justify-end">
+          <button
+            class="btn-error btn-sm btn"
+            on:click|preventDefault={deleteSelf}
+            on:blur={function () {
+              this.innerHTML = 'Delete'
+            }}>Delete</button>
+        </div>
+      </div>
+    </div>
+
+    {#if data.analytics}
+      <div>
+        <h1 class="text-2xl font-bold">Analytics</h1>
+        <p>Page views: {data.analytics.views}</p>
+        <p>Average duration: {isNaN(data.analytics.duration) ? '???' : Math.round(data.analytics.duration)} sec</p>
+      </div>
+    {/if}
+  </div>
+</details>
+
+<style>
+  :global(.color-picker .wrapper) {
+    margin: 0;
+  }
+</style>

src/routes/dash/metrics/[requestId]/+server.ts

@@ -0,0 +1,13 @@
+import { metricsDb } from "$lib/server/metrics";
+import { json } from "@sveltejs/kit";
+
+export async function POST({ params, cookies, request }) {
+  // Update metrics page view end time
+  const { requestId } = params
+  const metrics = metricsDb.get(requestId)
+  if (!metrics) {
+    throw new Error('No metrics found for request ID')
+  }
+  metrics.end = new Date()
+  return new Response(null, { status: 200 })
+}

src/routes/logout/+server.ts

@@ -0,0 +1,13 @@
+import { userTests } from '$lib/server/tests.js'
+
+export async function GET({ cookies }) {
+  userTests.delete(cookies.get('sessionId')!)
+  cookies.delete('sessionId')
+
+  return new Response(null, {
+    status: 302,
+    headers: {
+      Location: '/',
+    },
+  })
+}

tailwind.config.js

@@ -4,5 +4,8 @@ export default {
   theme: {
     extend: {},
   },
-  plugins: [],
+  plugins: [require('daisyui')],
+  daisyui: {
+    themes: ['light', 'dark', 'retro']
+  }
 }

vite.config.ts

@@ -1,8 +1,14 @@
 import { sveltekit } from '@sveltejs/kit/vite'
+import copy from 'rollup-plugin-copy'
 import { defineConfig } from 'vitest/config'
+import { nodeLoaderPlugin } from '@vavite/node-loader/plugin'
 
 export default defineConfig({
-  plugins: [sveltekit()],
+  plugins: [
+    // nodeLoaderPlugin(),
+    sveltekit(), 
+    copy({ targets: [{ src: 'node_modules/tinymce/*', dest: 'static/tinymce' }] }),
+  ],
   test: {
     include: ['src/**/*.{test,spec}.{js,ts}'],
   },