chore: update twind import map defaults in init.ts (#291)

Author: lucacasonato

.vscode/import_map.json

@@ -2,8 +2,10 @@
   ".": "THIS FILE EXISTS ONLY FOR VSCODE! IT IS NOT USED AT RUNTIME.",
   "imports": {
     "$fresh/": "../",
-    "$twind": "https://esm.sh/twind@0.16.16",
-    "$twind/": "https://esm.sh/twind@0.16.16/",
+
+    "@twind": "../www/utils/twind.ts",
+    "twind": "https://esm.sh/twind@0.16.16",
+    "twind/": "https://esm.sh/twind@0.16.16/",
 
     "preact": "https://esm.sh/preact@10.8.1",
     "preact/": "https://esm.sh/preact@10.8.1/",

init.ts

@@ -91,16 +91,16 @@ const importMap = {
   } as Record<string, string>,
 };
 if (useTwind) {
-  importMap.imports["$twind"] = "https://esm.sh/twind@0.16.17";
-  importMap.imports["$twind/"] = "https://esm.sh/twind@0.16.17/";
-  importMap.imports["twind"] = "./utils/twind.ts";
+  importMap.imports["@twind"] = "./utils/twind.ts";
+  importMap.imports["twind"] = "https://esm.sh/twind@0.16.17";
+  importMap.imports["twind/"] = "https://esm.sh/twind@0.16.17/";
 }
 const IMPORT_MAP_JSON = JSON.stringify(importMap, null, 2) + "\n";
 await Deno.writeTextFile(join(directory, "import_map.json"), IMPORT_MAP_JSON);
 
 let ROUTES_INDEX_TSX = `/** @jsx h */
 import { h } from "preact";\n`;
-if (useTwind) ROUTES_INDEX_TSX += `import { tw } from "twind";\n`;
+if (useTwind) ROUTES_INDEX_TSX += `import { tw } from "@twind";\n`;
 ROUTES_INDEX_TSX += `import Counter from "../islands/Counter.tsx";
 
 export default function Home() {
@@ -129,7 +129,7 @@ let ISLANDS_COUNTER_TSX = `/** @jsx h */
 import { h } from "preact";
 import { useState } from "preact/hooks";
 import { IS_BROWSER } from "$fresh/runtime.ts";
-${useTwind ? 'import { tw } from "twind";\n' : ""}
+${useTwind ? 'import { tw } from "@twind";\n' : ""}
 interface CounterProps {
   start: number;
 }
@@ -222,8 +222,8 @@ await Deno.writeTextFile(
 );
 
 const UTILS_TWIND_TS = `import { IS_BROWSER } from "$fresh/runtime.ts";
-import { Configuration, setup } from "$twind";
-export * from "$twind";
+import { Configuration, setup } from "twind";
+export * from "twind";
 export const config: Configuration = {
   darkMode: "class",
   mode: "silent",
@@ -275,8 +275,8 @@ import manifest from "./fresh.gen.ts";
 
 if (useTwind) {
   MAIN_TS += `
-import { virtualSheet } from "$twind/sheets";
-import { config, setup } from "twind";
+import { config, setup } from "@twind";
+import { virtualSheet } from "twind/sheets";
 
 const sheet = virtualSheet();
 sheet.reset();

www/components/Button.tsx

@@ -1,6 +1,6 @@
 /** @jsx h */
 import { h } from "preact";
-import { tw } from "../utils/twind.ts";
+import { tw } from "@twind";
 
 export function RoundedButton(props: h.JSX.HTMLAttributes<HTMLButtonElement>) {
   return (

www/components/DocsSidebar.tsx

@@ -1,6 +1,6 @@
 /** @jsx h */
 import { h } from "preact";
-import { apply, tw } from "../utils/twind.ts";
+import { apply, tw } from "@twind";
 
 import {
   CATEGORIES,

www/components/Footer.tsx

@@ -1,6 +1,6 @@
 /** @jsx h */
 import { h } from "preact";
-import { tw } from "../utils/twind.ts";
+import { tw } from "@twind";
 
 const LINKS = [
   {

www/components/Icons.tsx

@@ -1,6 +1,6 @@
 /** @jsx h */
 import { h } from "preact";
-import { tw } from "../utils/twind.ts";
+import { tw } from "@twind";
 
 export function IconMinus() {
   return (

www/components/NavigationBar.tsx

@@ -1,6 +1,6 @@
 /** @jsx h */
 import { h } from "preact";
-import { tw } from "../utils/twind.ts";
+import { tw } from "@twind";
 
 export default function NavigationBar(props: { active: string }) {
   const items = [

www/components/WarningBanner.tsx

@@ -1,6 +1,6 @@
 /** @jsx h */
 import { h } from "preact";
-import { tw } from "../utils/twind.ts";
+import { tw } from "@twind";
 
 export default function WarningBanner() {
   const warning = tw`bg-yellow-100 border(1 yellow-200) p-4 mb-4`;

www/import_map.json

@@ -1,11 +1,15 @@
 {
   "imports": {
     "$fresh/": "../",
-    "$twind": "https://esm.sh/twind@0.16.16",
-    "$twind/": "https://esm.sh/twind@0.16.16/",
+
+    "@twind": "./utils/twind.ts",
+    "twind": "https://esm.sh/twind@0.16.16",
+    "twind/": "https://esm.sh/twind@0.16.16/",
+
     "preact": "https://esm.sh/preact@10.8.1",
     "preact/": "https://esm.sh/preact@10.8.1/",
     "preact-render-to-string": "https://esm.sh/preact-render-to-string@5.2.0?deps=preact@10.8.1",
+
     "$semver/": "https://deno.land/x/semver@v1.4.0/"
   }
 }

www/islands/Counter.tsx

@@ -2,7 +2,7 @@
 import { h } from "preact";
 import { useState } from "preact/hooks";
 import { IS_BROWSER } from "$fresh/runtime.ts";
-import { tw } from "../utils/twind.ts";
+import { tw } from "@twind";
 import { RoundedButton } from "../components/Button.tsx";
 import { IconMinus, IconPlus } from "../components/Icons.tsx";