.gitignore

@@ -0,0 +1 @@
+deno.lock

deno.json

@@ -1,9 +1,15 @@
 {
-    "compilerOptions": {"types":["./store"], "checkJs": true},
+  "compilerOptions": { "types": ["./store"], "checkJs": true },
-    "tasks":
+  "importMap": "./deno.map.json",
-    {
+  "fmt": {
-        "fs": "deno run -A --no-lock https://deno.land/std@0.166.0/http/file_server.ts",
+    "options": {
-        "test": "deno test --no-lock --no-check --watch store.test.ts",
+      "lineWidth": 256
-        "test-debug": "deno test --no-lock --no-check --inspect-brk store.test.ts"
     }
-}
+  },
+  "tasks": {
+    "dev": "deno task serve & deno task test",
+    "fmt": "deno fmt --watch",
+    "serve": "deno run -A --unstable --no-check https://deno.land/std@0.167.0/http/file_server.ts",
+    "test": "deno test store.test.ts --watch --no-lock --no-check"
+  }
+}

deno.map.json

@@ -0,0 +1,8 @@
+{
+  "imports": {
+    "@twind/": "https://esm.sh/@twind/",
+    "react": "https://esm.sh/preact@10.11.3/compat",
+    "htm": "https://esm.sh/htm@3.1.1/preact",
+    "app": "./src/app.js"
+  }
+}

index.html

@@ -1,4 +1,7 @@
-<meta charset="utf-8">
+<meta charset="utf-8"/>
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1"/>
+<!---->
 <div id="app"></div>
-<script type="module" src="src/app.js"></script>
+<script type="importmap-shim" src="./deno.map.json"></script>
+<script type="module-shim">import "app";</script>
+<script async src="https://unpkg.com/es-module-shims@0.13.1/dist/es-module-shims.min.js"></script>

src/app.js

@@ -1,8 +1,8 @@
+import React from "react";
+import {html} from "htm";
 import * as TW from "./twind.js";
 import * as UI from "./ui.js";
 import * as Store from "./store.js";
-import React from "https://esm.sh/preact@10.11.3/compat";
-import {html} from "https://esm.sh/htm@3.1.1/preact";
 
 const ShadowDOM = document.querySelector("#app").attachShadow({mode: "open"});
 const ShadowDiv = document.createElement("div");

src/store.js

@@ -1,4 +1,4 @@
-import React from "https://esm.sh/preact@10.11.3/compat";
+import React from "react";
 
 const size = 1/6;
 /** @type {Array<Store.ColumnMapping>} */

src/twind.js

@@ -1,6 +1,6 @@
-import * as TW   from "https://esm.sh/@twind/core@1.0.1";
+import * as TW   from "@twind/core@1.0.1";
-import TWPreTail from "https://esm.sh/@twind/preset-tailwind@1.0.1";
+import TWPreTail from "@twind/preset-tailwind@1.0.1";
-import TWPreAuto from "https://esm.sh/@twind/preset-autoprefix@1.0.1";
+import TWPreAuto from "@twind/preset-autoprefix@1.0.1";
 
 /** @type {TW.TwindConfig} */
 export const Configure = {

src/ui.js

@@ -1,5 +1,5 @@
-import React from "https://esm.sh/preact@10.11.3/compat";
+import React from "react";
-import { html } from "https://esm.sh/htm@3.1.1/preact";
+import { html } from "htm";
 import * as Store from "./store.js";
 
 /** @typedef {({children}:{children?:preact.ComponentChildren})=>preact.VNode} BasicElement */