create-medan-app 0.1.1 → 0.1.2

package/dist/index.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import { existsSync, mkdirSync, readdirSync, writeFileSync } from "node:fs";
 import { resolve } from "node:path";
-import { GITIGNORE, mainMedan, packageJson, readme } from "./templates.js";
+import { DEV_MJS, GITIGNORE, mainMedan, packageJson, readme } from "./templates.js";
 function isValidPackageName(name) {
     return /^(?:@[a-z0-9-*~][a-z0-9-*._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/.test(name);
 }
@@ -23,13 +23,15 @@ function main() {
     mkdirSync(targetDir, { recursive: true });
     writeFileSync(resolve(targetDir, "package.json"), packageJson(rawName));
     writeFileSync(resolve(targetDir, "main.medan"), mainMedan(rawName));
+    writeFileSync(resolve(targetDir, "dev.mjs"), DEV_MJS);
     writeFileSync(resolve(targetDir, "README.md"), readme(rawName));
     writeFileSync(resolve(targetDir, ".gitignore"), GITIGNORE);
     console.log(`mantap kali! project '${rawName}' udah jadi.\n`);
     console.log("langkah selanjutnya:\n");
     console.log(`  cd ${rawName}`);
     console.log("  npm install");
-    console.log("  npm start");
+    console.log("  npm run dev   # auto-regenerate tiap main.medan disave");
+    console.log("  # atau: npm start   # generate sekali doang");
     console.log("  # terus buka landing.html di browser");
 }
 main();

package/dist/templates.js

@@ -4,14 +4,39 @@ export function packageJson(name) {
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "start": "medan main.medan"
+    "start": "medan main.medan",
+    "dev": "node dev.mjs"
   },
   "dependencies": {
-    "medan-language": "^0.1.2"
+    "medan-language": "^0.1.3"
   }
 }
 `;
 }
+export const DEV_MJS = `// dev.mjs
+// "npm run dev" jalanin file ini: generate landing.html sekali, terus
+// nungguin main.medan berubah dan regenerate otomatis tiap disave.
+
+import { spawnSync } from "node:child_process";
+import { watch } from "node:fs";
+
+function build() {
+  console.log("\\n[medan] generate landing.html ...");
+  const result = spawnSync("medan", ["main.medan"], { stdio: "inherit" });
+  if (result.status !== 0) {
+    console.error("[medan] ada error di atas, benerin dulu terus save lagi.");
+  }
+}
+
+build();
+console.log("[medan] mantau main.medan, ctrl+c buat berhenti...");
+
+let timer;
+watch("main.medan", () => {
+  clearTimeout(timer);
+  timer = setTimeout(build, 100);
+});
+`;
 export function mainMedan(name) {
     return `// main.medan
 // Ini titik masuk project "${name}" kamu.
@@ -152,12 +177,14 @@ Project Medan-lang, di-scaffold pakai \`create-medan-app\`.
 
 \`\`\`bash
 npm install
-npm start
+npm run dev
 \`\`\`
 
-\`npm start\` jalanin \`main.medan\`, yang bakal nge-generate \`landing.html\`.
-Buka file itu di browser buat liat hasilnya. Edit \`main.medan\`, jalanin
-\`npm start\` lagi, refresh browser-nya.
+\`npm run dev\` generate \`landing.html\` terus mantau \`main.medan\` — tiap kamu
+save, otomatis di-generate ulang. Buka \`landing.html\` di browser, refresh
+manual tiap abis edit & save.
+
+Mau generate sekali doang tanpa watch mode, pakai \`npm start\`.
 
 ## Belajar lebih lanjut
 

package/package.json

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