Removed wasm stuff

palette-switcher-v2/index.html

@@ -11,7 +11,7 @@
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
 
-    <script src="/src/wasm-exec.js"></script>
+    <!-- <script src="/src/wasm-exec.js"></script> -->
     <script src="/src/index.tsx" type="module"></script>
   </body>
 </html>

palette-switcher-v2/src/lib/ditherer.ts

@@ -9,7 +9,9 @@ const [start, stop] = createSignaledWorker({
   input: job,
   output: setImage,
   func: function process(job: Job) {
-    return "OK ?";
+    console.log("Job triggered");
+
+    return job.kind;
   },
 });
 

palette-switcher-v2/src/pages/Switcher.tsx

@@ -1,19 +1,30 @@
-import { Component } from "solid-js";
-import { setJob, image } from "../lib/ditherer";
-import { Job } from "../lib/job";
+import { Component, JSX, splitProps } from "solid-js";
+import { image, setJob } from "../lib/ditherer";
+
+type DefaultButtonProps = { children?: JSX.Element } & JSX.HTMLAttributes<HTMLButtonElement>;
+
+const DefaultButton: Component<DefaultButtonProps> = (props) => {
+  const [, rest] = splitProps(props, ["children"]);
+
+  return <button
+    {...rest}
+    type="button"
+    class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800"
+  >
+    {props.children}
+  </button>
+}
 
 const Switcher: Component = () => {
   const handler = () => {
-    const job: Job = {
+    setJob({
       kind: "FLOYD_STEINBERG",
       image: new ArrayBuffer(1),
       palette: ["FFFFFF"],
-    };
-
-    setJob(job);
+    });
   };
   return (
-    <div class="mx-auto max-w-7xl py-6 sm:px-6 lg:px-8" onClick={handler}>
+    <div class="mx-auto max-w-7xl py-6 sm:px-6 lg:px-8">
       <main class="p-4 h-auto">
         <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-4">
           <div class="border-2 border-dashed border-gray-300 rounded-lg dark:border-gray-600 h-32 md:h-64"></div>
@@ -22,14 +33,9 @@ const Switcher: Component = () => {
           <div class="border-2 border-dashed rounded-lg border-gray-300 dark:border-gray-600 h-32 md:h-64"></div>
         </div>
       </main>
-      <button
-        onClick={handler}
-        type="button"
-        class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800"
-      >
-        Trigger
-      </button>
-    </div>
+      <DefaultButton onClick={handler}>Trigger</DefaultButton>
+      <span>{image()}</span>
+    </div >
   );
 };
 

palette-switcher-v2/tsconfig.json

@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "allowJs": true,
     "strict": true,
     "target": "ESNext",
     "module": "ESNext",