Removed wasm stuff

This commit is contained in:
Alexandre Bruyant 2024-01-23 20:32:29 +01:00
parent e719223d3b
commit d919b1a26d
4 changed files with 27 additions and 18 deletions

View File

@ -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>

View File

@ -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;
},
});

View File

@ -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,13 +33,8 @@ 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>
<DefaultButton onClick={handler}>Trigger</DefaultButton>
<span>{image()}</span>
</div >
);
};

View File

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