create-lunet 0.0.0 → 0.0.2

package/bun/build.ts

@@ -0,0 +1,9 @@
+import { build } from "bun";
+import { bun_lunet } from "lunet-transpiler";
+
+await build({
+    entrypoints: ["./index.html"],
+    minify: true,
+    plugins: [bun_lunet()],
+    outdir: "./dist",
+});

package/bun/src/App.tsx

@@ -0,0 +1,15 @@
+import { createComponent, h } from "lunet";
+import { effect, signal } from "alien-signals";
+
+export const App = createComponent<{}>((render, init) => {
+    const counter = signal(0);
+
+    effect(() => {
+        render(<div class="app">
+            <h1>Hello, lunet!</h1>
+            <button $click={() => counter(counter() + 1)}>Count: {counter().toString()}</button>
+        </div>);
+    });
+
+    return init;
+});

package/bun/src/main.tsx

@@ -0,0 +1,4 @@
+import { render, h } from "lunet";
+import { App } from "./App";
+
+render(document.getElementById("root")!, <App />);

package/dist/index.mjs

@@ -39,10 +39,10 @@ switch (template) {
     });
     console.log(`
 To start development server:
-    npm run dev
+    bun dev
 
 To build page:
-    npm run build
+    bun run build
 
 Happy bunning! \uD83D\uDC07`);
     break;

package/node/src/App.jsx

@@ -0,0 +1,15 @@
+import { createComponent } from "lunet";
+import { effect, signal } from "alien-signals";
+
+export const App = createComponent((render, init) => {
+    const counter = signal(0);
+
+    effect(() => {
+        render(<div>
+            <h1>Hello, lunet!</h1>
+            <button $click={() => counter(counter() + 1)}>Count: {counter().toString()}</button>
+        </div>);
+    })
+
+    return init;
+});

package/node/src/main.jsx

@@ -0,0 +1,4 @@
+import { render } from "lunet";
+import { App } from "./App";
+
+render(document.getElementById("app"), <App />);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-lunet",
-  "version": "0.0.0",
+  "version": "0.0.2",
   "author": "TNTSuperMan",
   "license": "MIT",
   "description": "瞬時にlunetプロジェクトを立ち上げます。",