neactor-cli 1.0.0

package/build.js

@@ -0,0 +1,29 @@
+// build.mjs
+import * as esbuild from "esbuild";
+import fs from "fs";
+import crypto from "crypto";
+
+export const build = async () => {
+  // 1. Bundle JS
+  const result = await esbuild.build({
+    entryPoints: ["./src/main.jsx"],
+    bundle: true,
+    outdir: "dist",
+    jsxFactory: "myCreateElement",
+    entryNames: "bundle",
+    write: true,
+    metafile: true,
+  });
+
+  // 2. Get the output filename
+  const outputFile = Object.keys(result.metafile.outputs)[0];
+
+  // 3. Rewrite index.html
+  let html = fs.readFileSync("index.html", "utf8");
+  html = html.replace(
+    /<script type="module" src="[^"]+"><\/script>/,
+    `<script src="./bundle.js"></script>`,
+  );
+  fs.mkdirSync("dist", { recursive: true });
+  fs.writeFileSync("dist/index.html", html);
+};

package/cli.js

@@ -0,0 +1,21 @@
+#!/usr/bin/env node
+
+const command = process.argv[2];
+
+if (command === "dev") {
+  const { dev } = await import("./dev.js");
+  await dev();
+} else if (command === "build") {
+  const { build } = await import("./build.js");
+  await build();
+} else if (command === "preview") {
+  const { preview } = await import("./preview.js");
+  await preview();
+} else {
+  console.log(`
+Usage:
+  mybundle dev      start dev server
+  mybundle build    production build
+  mybundle preview  preview production build
+  `);
+}

package/dev.js

@@ -0,0 +1,63 @@
+import * as esbuild from "esbuild";
+import fs from "fs";
+import http from "http";
+
+export const dev = async () => {
+  const clients = new Set();
+
+  const ctx = await esbuild.context({
+    entryPoints: ["./src/main.jsx"],
+    bundle: true,
+    outdir: "dist",
+    sourcemap: true,
+    jsxFactory: "myCreateElement",
+    plugins: [
+      {
+        name: "live-reload",
+        setup(build) {
+          build.onEnd(() => {
+            clients.forEach((res) => res.write("data: reload\n\n"));
+          });
+        },
+      },
+    ],
+  });
+
+  await ctx.watch();
+
+  let html = fs.readFileSync("index.html", "utf8");
+  html = html.replace(
+    /<script src="[^"]+"><\/script>/,
+    `<script src="./main.js"></script>`,
+  );
+  fs.mkdirSync("dist", { recursive: true });
+  fs.writeFileSync("dist/index.html", html);
+
+  // simple server that serves dist/ + SSE endpoint
+  http
+    .createServer((req, res) => {
+      if (req.url === "/__reload") {
+        res.writeHead(200, {
+          "Content-Type": "text/event-stream",
+          "Cache-Control": "no-cache",
+          Connection: "keep-alive",
+        });
+        clients.add(res);
+        req.on("close", () => clients.delete(res));
+        return;
+      }
+
+      // serve files from dist/
+      const filePath = `dist${req.url === "/" ? "/index.html" : req.url}`;
+      fs.readFile(filePath, (err, data) => {
+        if (err) {
+          res.writeHead(404);
+          res.end();
+          return;
+        }
+        res.writeHead(200);
+        res.end(data);
+      });
+    })
+    .listen(3000, () => console.log("http://localhost:3000"));
+};

package/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "neactor-cli",
+  "version": "1.0.0",
+  "description": "",
+  "license": "ISC",
+  "author": "",
+  "type": "module",
+  "main": "./cli.js",
+  "bin": {
+    "neactor": "./cli.js"
+  },
+  "dependencies": {
+    "esbuild": "^0.28.0"
+  }
+}

package/preview.js

@@ -0,0 +1,15 @@
+import { createServer } from "http";
+import { readFileSync } from "fs";
+
+export const preview = async () => {
+  createServer(async (req, res) => {
+    if (req.url === "/") {
+      res.writeHead(200, { "content-type": "text/html" });
+      res.end(readFileSync("./dist/index.html", "utf-8"));
+    }
+    if (req.url.endsWith(".js")) {
+      res.writeHead(200, { "content-type": "application/javascript" });
+      res.end(readFileSync("./dist/bundle.js", "utf-8"));
+    }
+  }).listen(4000, () => console.log("prod server is running on port: 4000"));
+};