Merge pull request #55 from Namide/feature/web-workers

Feature/web workers
Namide · Oct 11, 2024 · bfcac4e · bfcac4e
2 parents 012f065 + a3df8ca
commit bfcac4e
Show file tree

Hide file tree

Showing 16 changed files with 915 additions and 393 deletions.
diff --git a/conf/tsconfig.type.json b/conf/tsconfig.type.json
@@ -5,7 +5,8 @@
     "allowJs": true,
     "declaration": true,
     "emitDeclarationOnly": true,
-    "isolatedModules": false
+    "isolatedModules": false,
+    "types": ["vite/client"]
   },
-  "files": ["../src/extractColors.ts"]
+  "files": ["../src/extractColors.ts", "../src/workerWrapper.ts"]
 }
diff --git a/conf/tsconfig.vite.json b/conf/tsconfig.vite.json
@@ -4,6 +4,6 @@
     "lib": ["ESNext", "DOM"],
     "noEmit": true
   },
-  "files": ["../src/extractColors.ts"],
+  "files": ["../src/extractColors.ts", "../src/workerWrapper.ts"],
   "include": ["../src/**/*", "../tests/**/*"]
 }
diff --git a/conf/vite.config.ts b/conf/vite.config.ts
@@ -1,54 +1,54 @@
 import path from "path";
-import { defineConfig } from "vite";
+import { UserConfig } from "vite";
 
-export default () => {
-  return defineConfig({
-    define: {
-      // __DEV__: JSON.stringify(`process.env.NODE_ENV !== "production"`)
+export default {
+  define: {
+    // __DEV__: JSON.stringify(`process.env.NODE_ENV !== "production"`)
+  },
+  build: {
+    sourcemap: true,
+    lib: {
+      entry: path.resolve(__dirname, "../src/extractColors.ts"),
+      name: "ExtractColors",
+      fileName: (format) =>
+        `extract-colors.${format === "es" ? "mjs" : format}`,
+      formats: ["cjs", "es"],
     },
-    build: {
-      sourcemap: true,
-      lib: {
-        entry: path.resolve(__dirname, "../src/extractColors.ts"),
-        name: "ExtractColors",
-        fileName: (format) =>
-          `extract-colors.${format === "es" ? "mjs" : format}`,
-        formats: ["cjs", "es"],
-      },
-      minify: "terser",
-      terserOptions: {
-        mangle: {
-          properties: {
-            reserved: [
-              "pixels",
-              "distance",
-              "colorValidator",
-              "hueDistance",
-              "saturationDistance",
-              "lightnessDistance",
-              "crossOrigin",
-              "hex",
-              "red",
-              "green",
-              "blue",
-              "area",
-              "hue",
-              "saturation",
-              "lightness",
-              "intensity",
-              "extractColors",
-              "extractColorsFromImage",
-              "extractColorsFromImageData",
-              "extractColorsFromSrc",
-            ],
-          },
+    minify: "terser",
+    terserOptions: {
+      mangle: {
+        properties: {
+          reserved: [
+            "pixels",
+            "distance",
+            "colorValidator",
+            "hueDistance",
+            "saturationDistance",
+            "lightnessDistance",
+            "crossOrigin",
+            "requestMode",
+            "hex",
+            "red",
+            "green",
+            "blue",
+            "area",
+            "hue",
+            "saturation",
+            "lightness",
+            "intensity",
+            "extractColors",
+            "extractColorsFromImage",
+            "extractColorsFromImageData",
+            "extractColorsFromImageBitmap",
+            "extractColorsFromSrc",
+          ],
         },
       },
-      rollupOptions: {
-        output: {
-          dir: "./lib",
-        },
+    },
+    rollupOptions: {
+      output: {
+        dir: "./lib",
       },
     },
-  });
-};
+  },
+} satisfies UserConfig;
diff --git a/conf/vite.config.worker.ts b/conf/vite.config.worker.ts
@@ -0,0 +1,21 @@
+import path from "path";
+import { UserConfig } from "vite";
+import conf from "./vite.config";
+
+export default {
+  ...conf,
+  // define: {
+  //   __DEV__: JSON.stringify(`process.env.NODE_ENV !== "production"`),
+  // },
+  build: {
+    ...conf.build,
+    emptyOutDir: false,
+    lib: {
+      entry: path.resolve(__dirname, "../src/workerWrapper.ts"),
+      name: "ExtractColors",
+      fileName: (format) =>
+        `worker-wrapper.${format === "es" ? "mjs" : format}`,
+      formats: ["cjs", "es"],
+    },
+  },
+} satisfies UserConfig;