From d919b1a26d8c3c44c4d7a2e648a77e66e6318443 Mon Sep 17 00:00:00 2001
From: Alexandre <alexandre@bruyant.xyz>
Date: Tue, 23 Jan 2024 20:32:29 +0100
Subject: [PATCH] Removed wasm stuff

---
 palette-switcher-v2/index.html             |  2 +-
 palette-switcher-v2/src/lib/ditherer.ts    |  4 ++-
 palette-switcher-v2/src/pages/Switcher.tsx | 38 +++++++++++++---------
 palette-switcher-v2/tsconfig.json          |  1 +
 4 files changed, 27 insertions(+), 18 deletions(-)

diff --git a/palette-switcher-v2/index.html b/palette-switcher-v2/index.html
index aaad1b2..0763d1a 100644
--- a/palette-switcher-v2/index.html
+++ b/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>
diff --git a/palette-switcher-v2/src/lib/ditherer.ts b/palette-switcher-v2/src/lib/ditherer.ts
index 62ca4f1..fdcc2cf 100644
--- a/palette-switcher-v2/src/lib/ditherer.ts
+++ b/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;
   },
 });
 
diff --git a/palette-switcher-v2/src/pages/Switcher.tsx b/palette-switcher-v2/src/pages/Switcher.tsx
index ce7ae58..4206d41 100644
--- a/palette-switcher-v2/src/pages/Switcher.tsx
+++ b/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 >
   );
 };
 
diff --git a/palette-switcher-v2/tsconfig.json b/palette-switcher-v2/tsconfig.json
index 249b273..21c2feb 100644
--- a/palette-switcher-v2/tsconfig.json
+++ b/palette-switcher-v2/tsconfig.json
@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "allowJs": true,
     "strict": true,
     "target": "ESNext",
     "module": "ESNext",