init

src/lib/api-calls.ts

@@ -1,6 +1,19 @@
 import { Color } from "./Color";
 import type { Palette } from "../stores/color-store";
 
+// import using `?worker` suffix
+import ViteWorker from "./heavy-computation.worker?worker";
+
+// instantiate the worker
+const tsWorker = new ViteWorker();
+
+// send and receive messages from the worker
+tsWorker.postMessage({ type: "test", content: "hellow" });
+
+tsWorker.addEventListener("message", (msg: MessageEvent<string>) => {
+  console.log(msg.data); // how now, brown cow?
+});
+
 type Engine = "openai" | "google";
 type SimplePal = { background: string; colors: string[] };
 const palToString = (pal: Palette) => ({

src/lib/heavy-computation.worker.ts

@@ -0,0 +1,17 @@
+type Command = { type: "load-data"; content: "" };
+
+async function dispatch(cmd: Command) {
+  switch (cmd.type) {
+    case "load-data":
+      await loadData();
+      break;
+  }
+}
+
+self.onmessage = (event: MessageEvent<string>) => {
+  let response = "";
+  console.log("here", event.data);
+  self.postMessage(event.data);
+};
+
+export {}; // this is to make typescript happy