create-medan-app 0.1.3 → 0.1.5

package/dist/templates.js

@@ -22,44 +22,64 @@ export const DEV_MJS = `// dev.mjs
 import { spawnSync } from "node:child_process";
 import { watch, readFileSync, existsSync } from "node:fs";
 import { createServer } from "node:http";
+import { networkInterfaces } from "node:os";
 
 const PORT = ${DEV_PORT};
-let version = 0;
+const clients = new Set();
 
-function build() {
-  console.log("\\n[medan] generate landing.html ...");
+function fmtMs(ms) {
+  return ms >= 1000 ? (ms / 1000).toFixed(1) + "s" : Math.round(ms) + "ms";
+}
+
+function localIp() {
+  const nets = networkInterfaces();
+  for (const name of Object.keys(nets)) {
+    for (const net of nets[name] ?? []) {
+      if (net.family === "IPv4" && !net.internal) return net.address;
+    }
+  }
+  return null;
+}
+
+function build(quiet) {
+  const start = Date.now();
+  if (!quiet) console.log("○ compiling main.medan ...");
   const result = spawnSync("medan", ["main.medan"], { stdio: "inherit" });
   if (result.status !== 0) {
-    console.error("[medan] ada error di atas, benerin dulu terus save lagi.");
+    console.error("\\n✗ gagal compile, benerin dulu terus save lagi.\\n");
     return;
   }
-  version++;
+  console.log(\`✓ Compiled in \${fmtMs(Date.now() - start)}\`);
+  for (const res of clients) res.write("data: reload\\n\\n");
 }
 
 const RELOAD_SCRIPT = \`
 <script>
   (function () {
-    var current = null;
-    setInterval(function () {
-      fetch("/__medan-version")
-        .then(function (r) { return r.text(); })
-        .then(function (v) {
-          if (current === null) current = v;
-          else if (v !== current) location.reload();
-        })
-        .catch(function () {});
-    }, 400);
+    var es = new EventSource("/__medan-events");
+    es.onmessage = function () { location.reload(); };
   })();
 </script>
 \`;
 
 const server = createServer((req, res) => {
-  if (req.url === "/__medan-version") {
-    res.writeHead(200, { "content-type": "text/plain" });
-    res.end(String(version));
+  if (req.url === "/__medan-events") {
+    res.writeHead(200, {
+      "content-type": "text/event-stream",
+      "cache-control": "no-cache",
+      "connection": "keep-alive",
+    });
+    res.write(\`retry: 500\\n\\n\`);
+    clients.add(res);
+    req.on("close", () => clients.delete(res));
     return;
   }
 
+  const start = Date.now();
+  res.on("finish", () => {
+    console.log(\` \${req.method} \${req.url} \${res.statusCode} in \${fmtMs(Date.now() - start)}\`);
+  });
+
   if (!existsSync("landing.html")) {
     res.writeHead(200, { "content-type": "text/html" });
     res.end("<p>lagi nge-generate landing.html, tunggu bentar terus refresh...</p>");
@@ -71,16 +91,21 @@ const server = createServer((req, res) => {
   res.end(html);
 });
 
-build();
+const bootStart = Date.now();
+build(true);
+
 server.listen(PORT, () => {
-  console.log(\`\\n[medan] jalan di http://localhost:\${PORT}\`);
-  console.log("[medan] mantau main.medan, ctrl+c buat berhenti...");
+  const ip = localIp();
+  console.log("\\n▲ Medan-lang dev");
+  console.log(\`  - Local:    http://localhost:\${PORT}\`);
+  if (ip) console.log(\`  - Network:  http://\${ip}:\${PORT}\`);
+  console.log(\`\\n✓ Ready in \${fmtMs(Date.now() - bootStart)}\\n\`);
 });
 
 let timer;
 watch("main.medan", () => {
   clearTimeout(timer);
-  timer = setTimeout(build, 100);
+  timer = setTimeout(() => build(false), 100);
 });
 `;
 export function mainMedan(name) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-medan-app",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "Scaffold project Medan-lang baru, kayak 'npx create-next-app'.",
   "author": "Wilbert Law",
   "license": "MIT",