fix: bundle minify css

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "altcha",
-  "version": "1.4.4",
+  "version": "1.5.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "altcha",
-      "version": "1.4.4",
+      "version": "1.5.1",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
@@ -16,8 +16,10 @@
         "@playwright/test": "^1.49.1",
         "@sveltejs/vite-plugin-svelte": "^5.0.3",
         "@tsconfig/svelte": "^5.0.4",
+        "@types/csso": "^5.0.4",
         "@types/node": "^20.16.3",
         "@types/react": "^19.0.12",
+        "csso": "^5.0.5",
         "husky": "^9.1.5",
         "prettier": "3.2.5",
         "prettier-plugin-svelte": "^3.2.6",
@@ -1222,6 +1224,23 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/css-tree": {
+      "version": "2.3.10",
+      "resolved": "https://registry.npmjs.org/@types/css-tree/-/css-tree-2.3.10.tgz",
+      "integrity": "sha512-WcaBazJ84RxABvRttQjjFWgTcHvZR9jGr0Y3hccPkHjFyk/a3N8EuxjKr+QfrwjoM5b1yI1Uj1i7EzOAAwBwag==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/csso": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/@types/csso/-/csso-5.0.4.tgz",
+      "integrity": "sha512-W/FsRkm/9c04x9ON+bj+HQ0cSgNkG1LvcfuBCpkP7cpikM7+RkrNFLGtiofb++xBG6KGMUycLoDbi9/K621ZCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/css-tree": "*"
+      }
+    },
     "node_modules/@types/estree": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
@@ -1569,6 +1588,35 @@
         "node": ">= 8"
       }
     },
+    "node_modules/css-tree": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.2.1.tgz",
+      "integrity": "sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.0.28",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
+        "npm": ">=7.0.0"
+      }
+    },
+    "node_modules/csso": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/csso/-/csso-5.0.5.tgz",
+      "integrity": "sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "css-tree": "~2.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
+        "npm": ">=7.0.0"
+      }
+    },
     "node_modules/csstype": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
@@ -1954,6 +2002,13 @@
         "@jridgewell/sourcemap-codec": "^1.5.0"
       }
     },
+    "node_modules/mdn-data": {
+      "version": "2.0.28",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.28.tgz",
+      "integrity": "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
     "node_modules/micromatch": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",

package.json

@@ -83,8 +83,10 @@
     "@playwright/test": "^1.49.1",
     "@sveltejs/vite-plugin-svelte": "^5.0.3",
     "@tsconfig/svelte": "^5.0.4",
+    "@types/csso": "^5.0.4",
     "@types/node": "^20.16.3",
     "@types/react": "^19.0.12",
+    "csso": "^5.0.5",
     "husky": "^9.1.5",
     "prettier": "3.2.5",
     "prettier-plugin-svelte": "^3.2.6",

vite.config.ts

@@ -1,10 +1,24 @@
 /// <reference types="vitest" />
 import { defineConfig } from 'vite';
 import { svelte } from '@sveltejs/vite-plugin-svelte';
+import { readFileSync } from 'node:fs';
+import { minify } from 'csso';
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
+    {
+      name: 'minify-raw-css',
+      enforce: 'pre',
+      transform(code, id) {
+        if (id.endsWith('.css?raw') || id.endsWith('.css&raw')) {
+          const filePath = id.split('?')[0];
+          const fileContents = readFileSync(filePath, 'utf-8');
+          const minified = minify(fileContents).css;
+          return `export default ${JSON.stringify(minified)}`;
+        }
+      },
+    },
     svelte({
       compilerOptions: {
         customElement: true,