add clicker and client example to create-hwy template & cleanup

sjc5 · Oct 24, 2023 · ada88af · ada88af
1 parent d483cd6
commit ada88af
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 12 deletions.
diff --git a/packages/create-hwy/__common/pages/_index.client.ts b/packages/create-hwy/__common/pages/_index.client.ts
@@ -0,0 +1,12 @@
+/// <reference lib="dom" />
+
+const el = document.getElementById("increment-button");
+
+if (el) {
+  let count = 0;
+
+  el.addEventListener("click", () => {
+    count++;
+    el.innerHTML = count.toString();
+  });
+}
diff --git a/packages/create-hwy/__common/pages/_index.page.tsx b/packages/create-hwy/__common/pages/_index.page.tsx
@@ -10,6 +10,15 @@ export default function () {
         The nav bar above is being rendered from <code>src/main.tsx</code>,
         which is your site's main server "entry point".
       </p>
+
+      <p>
+        Click the button below to increment the number (my click handler is in{" "}
+        <code>src/pages/_index.client.tsx</code>):
+      </p>
+
+      <button id="increment-button" class="btn">
+        0
+      </button>
     </>
   );
 }
diff --git a/packages/create-hwy/index.ts b/packages/create-hwy/index.ts
@@ -355,8 +355,8 @@ async function main() {
       is_jsx: false,
     });
 
-    // pages
-    const pages_to_copy = [
+    // pages dir in __common
+    const tsx_list = [
       "about.page",
       "$.page",
       "_index.page",
@@ -365,15 +365,24 @@ async function main() {
       "__auth/login.page",
     ];
 
+    const ts_list = ["_index.client"];
+
+    const files_to_copy = [...tsx_list, ...ts_list];
+
     await Promise.all(
-      pages_to_copy.map(async (page) => {
+      files_to_copy.map(async (file) => {
+        const is_jsx = tsx_list.includes(file);
+
         return handle_ts_or_js_file_copy({
           code: fs.readFileSync(
-            path.join(root_dir_path, "__common/pages/" + page + ".tsx"),
+            path.join(
+              root_dir_path,
+              "__common/pages/" + file + (is_jsx ? ".tsx" : ".ts"),
+            ),
             "utf8",
           ),
-          destination_without_extension: "src/pages/" + page,
-          is_jsx: true,
+          destination_without_extension: "src/pages/" + file,
+          is_jsx,
         });
       }),
     );

diff --git a/packages/create-hwy/src/get-main.ts b/packages/create-hwy/src/get-main.ts
@@ -65,11 +65,7 @@ ${
     : `await hwyInit({
   app,
   importMetaUrl: import.meta.url,
-  serveStatic,${
-    options.css_preference === "tailwind"
-      ? `\n  watchExclusions: ["src/styles/tw-output.bundle.css"],`
-      : ""
-  }
+  serveStatic,
 });`
 }
 

diff --git a/packages/create-hwy/src/get-readme.ts b/packages/create-hwy/src/get-readme.ts
@@ -40,7 +40,6 @@ await hwyInit({
   * to add a publicUrlPrefix.
   */
   publicUrlPrefix: process.env.NODE_ENV === "production" ? "docs/" : undefined,
-  watchExclusions: ["src/styles/tw-output.bundle.css"],
 });
 \`\`\`
 `.trim() +