@vsceasy/cli 0.1.5 → 0.1.7

package/CHANGELOG.md

@@ -5,6 +5,7 @@ All notable changes follow [Keep a Changelog](https://keepachangelog.com/en/1.1.
 ## [Unreleased]
 
 ### Added
+- **`vsceasy create` post-scaffold setup** — after generating the project, `create` now offers to **initialize a git repository** (`git init`) and **install dependencies** (`bun`, falling back to `npm`). Both prompts default to yes in an interactive terminal. New `--git` / `--install` flags (and `--git=false` / `--install=false`) skip the prompts for scripting/CI. Non-interactive runs without the flags skip both, as before.
 - **`vsceasy job add`** — scaffold recurring / event-triggered jobs into `src/jobs/`. Schedules: `--every "60s"`, `--dailyAt "09:00"`, `--on startup|saveDocument|openDocument|changeActiveEditor|changeConfig`, `--onFile "**/*.md"`. Optional `--minIntervalMs` throttles re-runs via globalState. Runtime (`bootstrap`) auto-registers timers/listeners + cleanup on deactivate, catches errors so they don't crash the host.
 - **`command add --when <expr>`** — declare VS Code `when` clauses on commands. Auto-written to `contributes.commands[].enablement` and `contributes.menus.commandPalette` by `bun run gen`. Enables context-aware visibility (e.g. `editorTextFocus`, `resourceLangId == typescript`).
 - **`vsceasy helper add <kind>`** — generate typed runtime wrappers in `src/helpers/`:
@@ -40,6 +41,11 @@ All notable changes follow [Keep a Changelog](https://keepachangelog.com/en/1.1.
 - Bumped to **0.1.0** — first signed/tagged release.
 - Dropped Svelte/Vue/Vanilla mentions from docs and CLI options. Only React UI is supported in this release.
 
+### Fixed
+- **`crud add --menu` flag parsing** — passing a raw policy string (`--menu none`, `--menu new:<id>`, `--menu existing:<id>`) non-interactively was mis-mapped to `existing:<literal>`, so `--menu none` failed with `Menu not found: src/menus/none.ts`. The flag forms now work the same as the interactive choices (which was already the documented behavior).
+- **Generated CRUD form wiped on reveal** — the scaffolded form panel re-ran its loader on every focus/visibility change. With no row pending it reset to an empty "New" form, discarding whatever the user was typing (e.g. ticking a boolean then losing focus). The loader now only resets on the initial mount; later reveals adopt a newly-requested edit row but otherwise leave the in-progress form untouched. Re-run `crud add` (or pull the change into existing `*/App.tsx` form panels) to pick up the fix.
+- **Generated CRUD date fields didn't prefill when editing** — `<input type="date">` only accepts a `yyyy-MM-dd` value, but stored dates are ISO strings (or `Date` objects), so editing a row showed the date field blank. The generated form now normalizes through a `toDateInput()` helper. Re-run `crud add` (or add the helper to existing form panels) to pick up the fix.
+
 ## [0.0.1] — 2026-05-21
 
 - Initial MVP. React template, typed RPC bridge, file-based registry, CLI generators (`panel`, `command`, `menu`, `rpc`, `statusBar`, `subpanel`), `doctor`, `upgrade`.

package/README.md

@@ -1,6 +1,10 @@
-# vsceasy
+<p align="center">
+  <img src="assets/logo-mark.svg" alt="vsceasy octopus mascot" width="96" height="96" />
+</p>
 
-Build VS Code extensions fast. React UI + typed RPC bridge between extension and webview + zero-config build.
+<h1 align="center">vsceasy</h1>
+
+<p align="center">Build VS Code extensions fast. React UI + typed RPC bridge between extension and webview + zero-config build.</p>
 
 > Status: v0.1 — React UI. Typed RPC bridge + file-based registry + scaffolding for panels, commands, menus, tree views, subpanels, status bars.
 
@@ -20,13 +24,13 @@ vsceasy --version
 
 ```bash
 bunx @vsceasy/cli create my-extension
+# prompts to init git + install deps, then:
 cd my-extension
-bun install
 bun run dev
 # press F5 in VS Code to launch the Extension Development Host
 ```
 
-Or with flags:
+Or with flags — `--git` / `--install` skip the post-scaffold prompts:
 
 ```bash
 bunx @vsceasy/cli create \
@@ -34,7 +38,9 @@ bunx @vsceasy/cli create \
   --displayName "My Extension" \
   --description "Does cool things" \
   --publisher my-publisher \
-  --ui react
+  --ui react \
+  --git \
+  --install
 ```
 
 ## What you get

package/dist/bin/cli.js

@@ -3826,7 +3826,7 @@ var init_scaffold = __esm(() => {
 });
 
 // src/lib/templatesData.ts
-var TEMPLATES_VERSION = "0.1.5", TEMPLATE_FILES;
+var TEMPLATES_VERSION = "0.1.7", TEMPLATE_FILES;
 var init_templatesData = __esm(() => {
   TEMPLATE_FILES = {
     "_generators/command/command.ts.tpl": `import { defineCommand } from '../shared/vsceasy';
@@ -4025,21 +4025,35 @@ type FormState = Partial<{{Name}}>;
 
 const emptyForm: FormState = {{emptyFormLiteral}};
 
+// \`<input type="date">\` only accepts a \`yyyy-MM-dd\` value. Stored dates may be
+// ISO strings or Date objects, so normalize before binding to the input.
+function toDateInput(v: unknown): string {
+  if (v == null || v === '') return '';
+  const d = v instanceof Date ? v : new Date(v as string);
+  return Number.isNaN(d.getTime()) ? '' : d.toISOString().slice(0, 10);
+}
+
 export function App() {
   const [form, setForm] = useState<FormState>(emptyForm);
   const [editingId, setEditingId] = useState<{{Name}}['{{primaryKey}}'] | null>(null);
   const [error, setError] = useState<string | null>(null);
   const [saving, setSaving] = useState(false);
 
-  const load = useCallback(async () => {
-    // The list stashes the row id before revealing this panel. Pull it (the host
-    // clears it after handing it over) and pre-fill the form for editing.
+  const load = useCallback(async (initial: boolean) => {
+    // The list stashes a row id before revealing this panel. Pull it (the host
+    // clears it after handing it over).
     const id = await api.pendingId();
     if (id == null || id === '') {
-      setForm(emptyForm);
-      setEditingId(null);
+      // No row was requested. On the first mount, start with an empty "new" form.
+      // On later reveals (focus/visibility), DON'T reset — that would wipe a form
+      // the user is busy filling in. Just leave the current state as-is.
+      if (initial) {
+        setForm(emptyForm);
+        setEditingId(null);
+      }
       return;
     }
+    // The list asked to edit a specific row — load it, replacing the current form.
     const row = await api.get(id);
     if (row) {
       setForm(row);
@@ -4048,11 +4062,12 @@ export function App() {
   }, []);
 
   useEffect(() => {
-    void load();
-    // Webviews retain state when hidden, so re-load whenever the panel is
-    // revealed — the list may have asked to edit a different row.
-    const onFocus = () => { void load(); };
-    const onVisible = () => { if (document.visibilityState === 'visible') void load(); };
+    void load(true);
+    // Webviews retain state when hidden, so re-check on reveal: the list may have
+    // asked to edit a different row. When nothing is pending, \`load\` leaves the
+    // in-progress form untouched (see above).
+    const onFocus = () => { void load(false); };
+    const onVisible = () => { if (document.visibilityState === 'visible') void load(false); };
     window.addEventListener('focus', onFocus);
     document.addEventListener('visibilitychange', onVisible);
     return () => {
@@ -7692,65 +7707,6 @@ var init_findProject = __esm(() => {
   path3 = __toESM(require("path"));
 });
 
-// src/commands/create.ts
-function toTitle(s) {
-  return s.replace(/[-_]+/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
-}
-var import_cli_maker, path4, createCommand, create_default;
-var init_create = __esm(() => {
-  init_scaffold();
-  init_findProject();
-  import_cli_maker = __toESM(require_dist(), 1);
-  path4 = __toESM(require("path"));
-  createCommand = {
-    name: "create",
-    description: "Scaffold a new VS Code extension project",
-    params: [
-      { name: "name", description: "Extension package name (e.g. my-extension or @scope/my-ext)", required: true, type: import_cli_maker.ParamType.Text },
-      { name: "displayName", description: "Human-readable extension name", required: false, type: import_cli_maker.ParamType.Text },
-      { name: "description", description: "Short description", required: false, type: import_cli_maker.ParamType.Text },
-      { name: "publisher", description: "VS Code publisher id", required: false, type: import_cli_maker.ParamType.Text },
-      { name: "ui", description: "UI framework", required: false, type: import_cli_maker.ParamType.List, options: ["react"] },
-      { name: "preset", description: "Project preset (minimal = empty extension, full = panel + RPC sample)", required: false, type: import_cli_maker.ParamType.List, options: ["minimal", "full"] },
-      { name: "dir", description: "Target directory (defaults to ./<name>)", required: false, type: import_cli_maker.ParamType.Text }
-    ],
-    action: async (args) => {
-      const name = args.name;
-      const simpleName = name.replace(/^@[^/]+\//, "");
-      const ui = args.ui ?? "react";
-      const preset = args.preset ?? "full";
-      const targetDir = path4.resolve(process.cwd(), args.dir ?? simpleName);
-      try {
-        await scaffold({
-          name,
-          displayName: args.displayName ?? toTitle(simpleName),
-          description: args.description ?? `${simpleName} VS Code extension`,
-          publisher: args.publisher ?? "your-publisher",
-          ui,
-          preset,
-          targetDir,
-          templatesRoot: findTemplatesRoot()
-        });
-        const rel = path4.relative(process.cwd(), targetDir) || ".";
-        console.log(`
-✓ Created ${name} at ${rel}
-`);
-        console.log("Next steps:");
-        console.log(`  cd ${rel}`);
-        console.log("  bun install");
-        console.log("  bun run launch        # builds + opens Extension Development Host");
-        console.log("  # or `bun run dev` + F5 inside VS Code for watch mode\n");
-      } catch (err) {
-        console.error(`
-✗ Failed to scaffold: ${err.message}
-`);
-        process.exitCode = 1;
-      }
-    }
-  };
-  create_default = createCommand;
-});
-
 // src/lib/interactive.ts
 function rl() {
   return readline.createInterface({ input: process.stdin, output: process.stdout });
@@ -7758,11 +7714,11 @@ function rl() {
 async function askText(question, defaultValue) {
   const r = rl();
   const hint = defaultValue ? ` ${DIM}[${defaultValue}]${RST}` : "";
-  return new Promise((resolve3) => {
+  return new Promise((resolve2) => {
     r.question(`${CYAN}?${RST} ${question}${hint}: `, (ans) => {
       r.close();
       const v = (ans ?? "").trim();
-      resolve3(v.length ? v : defaultValue ?? "");
+      resolve2(v.length ? v : defaultValue ?? "");
     });
   });
 }
@@ -7803,7 +7759,7 @@ async function selectArrow(question, options, opts) {
     if (index >= v.length)
       index = Math.max(0, v.length - 1);
   };
-  return new Promise((resolve3, reject) => {
+  return new Promise((resolve2, reject) => {
     const stdin = process.stdin;
     const stdout = process.stdout;
     let lastLines = 0;
@@ -7880,7 +7836,7 @@ async function selectArrow(question, options, opts) {
         cleanup();
         stdout.write(`${CYAN}?${RST} ${BOLD}${question}${RST} ${GREEN}${v[index].label}${RST}
 `);
-        resolve3(v[index].value);
+        resolve2(v[index].value);
         return;
       }
       if (data === "" || data === "\b") {
@@ -7949,6 +7905,132 @@ var init_interactive = __esm(() => {
   style = { DIM, BOLD, CYAN, GREEN, YELLOW, INV, RST };
 });
 
+// src/commands/create.ts
+function toTitle(s) {
+  return s.replace(/[-_]+/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
+}
+function toBool(v) {
+  if (v === undefined || v === null || v === "")
+    return;
+  if (typeof v === "boolean")
+    return v;
+  const s = String(v).trim().toLowerCase();
+  if (["true", "1", "yes", "y"].includes(s))
+    return true;
+  if (["false", "0", "no", "n"].includes(s))
+    return false;
+  return;
+}
+function which(cmd) {
+  const r = import_child_process.spawnSync(process.platform === "win32" ? "where" : "which", [cmd], { stdio: "ignore" });
+  return r.status === 0;
+}
+function initGit(cwd) {
+  const r = import_child_process.spawnSync("git", ["init"], { cwd, stdio: "inherit" });
+  if (r.status === 0) {
+    console.log("✓ Initialized git repository");
+    return true;
+  }
+  console.warn("! Could not initialize git repository");
+  return false;
+}
+function runInstall(pm, cwd) {
+  console.log(`
+Installing dependencies with ${pm}...
+`);
+  const r = import_child_process.spawnSync(pm, ["install"], { cwd, stdio: "inherit" });
+  if (r.status === 0) {
+    console.log(`
+✓ Dependencies installed`);
+    return true;
+  }
+  console.warn(`
+! ${pm} install failed — run it manually`);
+  return false;
+}
+var import_cli_maker, path4, import_child_process, createCommand, create_default;
+var init_create = __esm(() => {
+  init_scaffold();
+  init_findProject();
+  init_interactive();
+  import_cli_maker = __toESM(require_dist(), 1);
+  path4 = __toESM(require("path"));
+  import_child_process = require("child_process");
+  createCommand = {
+    name: "create",
+    description: "Scaffold a new VS Code extension project",
+    params: [
+      { name: "name", description: "Extension package name (e.g. my-extension or @scope/my-ext)", required: true, type: import_cli_maker.ParamType.Text },
+      { name: "displayName", description: "Human-readable extension name", required: false, type: import_cli_maker.ParamType.Text },
+      { name: "description", description: "Short description", required: false, type: import_cli_maker.ParamType.Text },
+      { name: "publisher", description: "VS Code publisher id", required: false, type: import_cli_maker.ParamType.Text },
+      { name: "ui", description: "UI framework", required: false, type: import_cli_maker.ParamType.List, options: ["react"] },
+      { name: "preset", description: "Project preset (minimal = empty extension, full = panel + RPC sample)", required: false, type: import_cli_maker.ParamType.List, options: ["minimal", "full"] },
+      { name: "dir", description: "Target directory (defaults to ./<name>)", required: false, type: import_cli_maker.ParamType.Text },
+      { name: "git", description: "Initialize a git repository (skips the prompt)", required: false, type: import_cli_maker.ParamType.Boolean },
+      { name: "install", description: "Install dependencies after scaffolding (skips the prompt)", required: false, type: import_cli_maker.ParamType.Boolean }
+    ],
+    action: async (args) => {
+      const name = args.name;
+      const simpleName = name.replace(/^@[^/]+\//, "");
+      const ui = args.ui ?? "react";
+      const preset = args.preset ?? "full";
+      const targetDir = path4.resolve(process.cwd(), args.dir ?? simpleName);
+      try {
+        await scaffold({
+          name,
+          displayName: args.displayName ?? toTitle(simpleName),
+          description: args.description ?? `${simpleName} VS Code extension`,
+          publisher: args.publisher ?? "your-publisher",
+          ui,
+          preset,
+          targetDir,
+          templatesRoot: findTemplatesRoot()
+        });
+        const rel = path4.relative(process.cwd(), targetDir) || ".";
+        console.log(`
+✓ Created ${name} at ${rel}
+`);
+        const interactive = Boolean(process.stdin.isTTY && process.stdout.isTTY);
+        const gitFlag = toBool(args.git);
+        const installFlag = toBool(args.install);
+        const wantGit = gitFlag ?? (interactive ? await confirm("Initialize a git repository?", true) : false);
+        if (wantGit) {
+          if (which("git"))
+            initGit(targetDir);
+          else
+            console.warn("! git not found — skipping repository init");
+        }
+        let pm = null;
+        const wantInstall = installFlag ?? (interactive ? await confirm("Install dependencies?", true) : false);
+        let installed = false;
+        if (wantInstall) {
+          pm = which("bun") ? "bun" : which("npm") ? "npm" : null;
+          if (pm)
+            installed = runInstall(pm, targetDir);
+          else
+            console.warn("! No package manager (bun/npm) found — skipping install");
+        }
+        const run = pm ?? "bun";
+        console.log(`
+Next steps:`);
+        console.log(`  cd ${rel}`);
+        if (!installed)
+          console.log(`  ${run} install`);
+        console.log(`  ${run} run launch        # builds + opens Extension Development Host`);
+        console.log(`  # or \`${run} run dev\` + F5 inside VS Code for watch mode
+`);
+      } catch (err) {
+        console.error(`
+✗ Failed to scaffold: ${err.message}
+`);
+        process.exitCode = 1;
+      }
+    }
+  };
+  create_default = createCommand;
+});
+
 // src/lib/validate.ts
 function assertId(field, value) {
   const trimmed = (value ?? "").trim();
@@ -8116,18 +8198,18 @@ function appendApi(apiPath, apiName, body, created, modified, skipped) {
 }
 function runGen(cwd) {
   const tryRun = (cmd, args) => {
-    const r = import_child_process.spawnSync(cmd, args, { cwd, stdio: "inherit" });
+    const r = import_child_process2.spawnSync(cmd, args, { cwd, stdio: "inherit" });
     return r.status === 0;
   };
-  if (which("bun") && tryRun("bun", ["run", "gen"]))
+  if (which2("bun") && tryRun("bun", ["run", "gen"]))
     return true;
-  if (which("npm") && tryRun("npm", ["run", "gen"]))
+  if (which2("npm") && tryRun("npm", ["run", "gen"]))
     return true;
   console.warn('\n! Could not run "gen" automatically. Run `bun run gen` (or `npm run gen`) manually to wire up the new panel.\n');
   return false;
 }
-function which(cmd) {
-  const r = import_child_process.spawnSync(process.platform === "win32" ? "where" : "which", [cmd], { stdio: "ignore" });
+function which2(cmd) {
+  const r = import_child_process2.spawnSync(process.platform === "win32" ? "where" : "which", [cmd], { stdio: "ignore" });
   return r.status === 0;
 }
 function normalizeCamel(s) {
@@ -8136,14 +8218,14 @@ function normalizeCamel(s) {
     return "";
   return cleaned.charAt(0).toLowerCase() + cleaned.slice(1);
 }
-var fs6, path7, import_child_process, PANEL_TEMPLATES, API_BODY, TEMPLATE_VARS;
+var fs6, path7, import_child_process2, PANEL_TEMPLATES, API_BODY, TEMPLATE_VARS;
 var init_add2 = __esm(() => {
   init_scaffold();
   init_validate();
   init_add();
   fs6 = __toESM(require("fs"));
   path7 = __toESM(require("path"));
-  import_child_process = require("child_process");
+  import_child_process2 = require("child_process");
   PANEL_TEMPLATES = ["blank", "form", "list", "dashboard"];
   API_BODY = {
     blank: "",
@@ -8210,18 +8292,18 @@ function editMenu(opts) {
 }
 function runGen2(cwd) {
   const tryRun = (cmd, args) => {
-    const r = import_child_process2.spawnSync(cmd, args, { cwd, stdio: "inherit" });
+    const r = import_child_process3.spawnSync(cmd, args, { cwd, stdio: "inherit" });
     return r.status === 0;
   };
-  if (which2("bun") && tryRun("bun", ["run", "gen"]))
+  if (which3("bun") && tryRun("bun", ["run", "gen"]))
     return true;
-  if (which2("npm") && tryRun("npm", ["run", "gen"]))
+  if (which3("npm") && tryRun("npm", ["run", "gen"]))
     return true;
   console.warn('\n! Could not run "gen" automatically. Run `bun run gen` manually.\n');
   return false;
 }
-function which2(cmd) {
-  const r = import_child_process2.spawnSync(process.platform === "win32" ? "where" : "which", [cmd], { stdio: "ignore" });
+function which3(cmd) {
+  const r = import_child_process3.spawnSync(process.platform === "win32" ? "where" : "which", [cmd], { stdio: "ignore" });
   return r.status === 0;
 }
 function insertItem(src, item) {
@@ -8393,11 +8475,11 @@ function findMatching(src, openIdx) {
   }
   return -1;
 }
-var fs7, path8, import_child_process2;
+var fs7, path8, import_child_process3;
 var init_edit = __esm(() => {
   fs7 = __toESM(require("fs"));
   path8 = __toESM(require("path"));
-  import_child_process2 = require("child_process");
+  import_child_process3 = require("child_process");
 });
 
 // src/lib/command/add.ts
@@ -8453,18 +8535,18 @@ function addCommand(opts) {
 }
 function runGen3(cwd) {
   const tryRun = (cmd, args) => {
-    const r = import_child_process3.spawnSync(cmd, args, { cwd, stdio: "inherit" });
+    const r = import_child_process4.spawnSync(cmd, args, { cwd, stdio: "inherit" });
     return r.status === 0;
   };
-  if (which3("bun") && tryRun("bun", ["run", "gen"]))
+  if (which4("bun") && tryRun("bun", ["run", "gen"]))
     return true;
-  if (which3("npm") && tryRun("npm", ["run", "gen"]))
+  if (which4("npm") && tryRun("npm", ["run", "gen"]))
     return true;
   console.warn('\n! Could not run "gen" automatically. Run `bun run gen` manually.\n');
   return false;
 }
-function which3(cmd) {
-  const r = import_child_process3.spawnSync(process.platform === "win32" ? "where" : "which", [cmd], { stdio: "ignore" });
+function which4(cmd) {
+  const r = import_child_process4.spawnSync(process.platform === "win32" ? "where" : "which", [cmd], { stdio: "ignore" });
   return r.status === 0;
 }
 function escapeQuotes(s) {
@@ -8476,7 +8558,7 @@ function normalizeCamel2(s) {
     return "";
   return cleaned.charAt(0).toLowerCase() + cleaned.slice(1);
 }
-var fs8, path9, import_child_process3;
+var fs8, path9, import_child_process4;
 var init_add3 = __esm(() => {
   init_scaffold();
   init_edit();
@@ -8484,7 +8566,7 @@ var init_add3 = __esm(() => {
   init_config();
   fs8 = __toESM(require("fs"));
   path9 = __toESM(require("path"));
-  import_child_process3 = require("child_process");
+  import_child_process4 = require("child_process");
 });
 
 // src/lib/helper/add.ts
@@ -10013,24 +10095,24 @@ function filesEqual(a, b) {
 }
 function runGen4(cwd) {
   const tryRun = (cmd, args) => {
-    const r = import_child_process4.spawnSync(cmd, args, { cwd, stdio: "inherit" });
+    const r = import_child_process5.spawnSync(cmd, args, { cwd, stdio: "inherit" });
     return r.status === 0;
   };
-  if (which4("bun") && tryRun("bun", ["run", "gen"]))
+  if (which5("bun") && tryRun("bun", ["run", "gen"]))
     return true;
-  if (which4("npm") && tryRun("npm", ["run", "gen"]))
+  if (which5("npm") && tryRun("npm", ["run", "gen"]))
     return true;
   return false;
 }
-function which4(cmd) {
-  const r = import_child_process4.spawnSync(process.platform === "win32" ? "where" : "which", [cmd], { stdio: "ignore" });
+function which5(cmd) {
+  const r = import_child_process5.spawnSync(process.platform === "win32" ? "where" : "which", [cmd], { stdio: "ignore" });
   return r.status === 0;
 }
-var fs13, path15, import_child_process4, SYNC_PATHS;
+var fs13, path15, import_child_process5, SYNC_PATHS;
 var init_upgrade = __esm(() => {
   fs13 = __toESM(require("fs"));
   path15 = __toESM(require("path"));
-  import_child_process4 = require("child_process");
+  import_child_process5 = require("child_process");
   SYNC_PATHS = [
     "src/shared/vsceasy/define.ts",
     "src/shared/vsceasy/bootstrap.ts",
@@ -10257,18 +10339,18 @@ function addMenu(opts) {
 }
 function runGen5(cwd) {
   const tryRun = (cmd, args) => {
-    const r = import_child_process5.spawnSync(cmd, args, { cwd, stdio: "inherit" });
+    const r = import_child_process6.spawnSync(cmd, args, { cwd, stdio: "inherit" });
     return r.status === 0;
   };
-  if (which5("bun") && tryRun("bun", ["run", "gen"]))
+  if (which6("bun") && tryRun("bun", ["run", "gen"]))
     return true;
-  if (which5("npm") && tryRun("npm", ["run", "gen"]))
+  if (which6("npm") && tryRun("npm", ["run", "gen"]))
     return true;
   console.warn('\n! Could not run "gen" automatically. Run `bun run gen` manually.\n');
   return false;
 }
-function which5(cmd) {
-  const r = import_child_process5.spawnSync(process.platform === "win32" ? "where" : "which", [cmd], { stdio: "ignore" });
+function which6(cmd) {
+  const r = import_child_process6.spawnSync(process.platform === "win32" ? "where" : "which", [cmd], { stdio: "ignore" });
   return r.status === 0;
 }
 function normalizeCamel4(s) {
@@ -10277,14 +10359,14 @@ function normalizeCamel4(s) {
     return "";
   return cleaned.charAt(0).toLowerCase() + cleaned.slice(1);
 }
-var fs14, path17, import_child_process5;
+var fs14, path17, import_child_process6;
 var init_add7 = __esm(() => {
   init_scaffold();
   init_validate();
   init_config();
   fs14 = __toESM(require("fs"));
   path17 = __toESM(require("path"));
-  import_child_process5 = require("child_process");
+  import_child_process6 = require("child_process");
 });
 
 // src/commands/menu/add.ts
@@ -10828,25 +10910,25 @@ function buildSnippet(method, argNames) {
 }
 function runGen6(cwd) {
   const tryRun = (cmd, args) => {
-    const r = import_child_process6.spawnSync(cmd, args, { cwd, stdio: "inherit" });
+    const r = import_child_process7.spawnSync(cmd, args, { cwd, stdio: "inherit" });
     return r.status === 0;
   };
-  if (which6("bun") && tryRun("bun", ["run", "gen"]))
+  if (which7("bun") && tryRun("bun", ["run", "gen"]))
     return true;
-  if (which6("npm") && tryRun("npm", ["run", "gen"]))
+  if (which7("npm") && tryRun("npm", ["run", "gen"]))
     return true;
   return false;
 }
-function which6(cmd) {
-  const r = import_child_process6.spawnSync(process.platform === "win32" ? "where" : "which", [cmd], { stdio: "ignore" });
+function which7(cmd) {
+  const r = import_child_process7.spawnSync(process.platform === "win32" ? "where" : "which", [cmd], { stdio: "ignore" });
   return r.status === 0;
 }
-var fs17, path21, import_child_process6;
+var fs17, path21, import_child_process7;
 var init_add10 = __esm(() => {
   init_validate();
   fs17 = __toESM(require("fs"));
   path21 = __toESM(require("path"));
-  import_child_process6 = require("child_process");
+  import_child_process7 = require("child_process");
 });
 
 // src/commands/rpc/add.ts
@@ -11001,17 +11083,17 @@ function asBacktickString(s) {
 }
 function runGen7(cwd) {
   const tryRun = (cmd, args) => {
-    const r = import_child_process7.spawnSync(cmd, args, { cwd, stdio: "inherit" });
+    const r = import_child_process8.spawnSync(cmd, args, { cwd, stdio: "inherit" });
     return r.status === 0;
   };
-  if (which7("bun") && tryRun("bun", ["run", "gen"]))
+  if (which8("bun") && tryRun("bun", ["run", "gen"]))
     return true;
-  if (which7("npm") && tryRun("npm", ["run", "gen"]))
+  if (which8("npm") && tryRun("npm", ["run", "gen"]))
     return true;
   return false;
 }
-function which7(cmd) {
-  const r = import_child_process7.spawnSync(process.platform === "win32" ? "where" : "which", [cmd], { stdio: "ignore" });
+function which8(cmd) {
+  const r = import_child_process8.spawnSync(process.platform === "win32" ? "where" : "which", [cmd], { stdio: "ignore" });
   return r.status === 0;
 }
 function normalizeCamel5(s) {
@@ -11020,14 +11102,14 @@ function normalizeCamel5(s) {
     return "";
   return cleaned.charAt(0).toLowerCase() + cleaned.slice(1);
 }
-var fs18, path23, import_child_process7;
+var fs18, path23, import_child_process8;
 var init_add12 = __esm(() => {
   init_scaffold();
   init_add3();
   init_validate();
   fs18 = __toESM(require("fs"));
   path23 = __toESM(require("path"));
-  import_child_process7 = require("child_process");
+  import_child_process8 = require("child_process");
 });
 
 // src/commands/statusBar/add.ts
@@ -11304,18 +11386,18 @@ function appendApi2(apiPath, apiName, created, modified, skipped) {
 }
 function runGen8(cwd) {
   const tryRun = (cmd, args) => {
-    const r = import_child_process8.spawnSync(cmd, args, { cwd, stdio: "inherit" });
+    const r = import_child_process9.spawnSync(cmd, args, { cwd, stdio: "inherit" });
     return r.status === 0;
   };
-  if (which8("bun") && tryRun("bun", ["run", "gen"]))
+  if (which9("bun") && tryRun("bun", ["run", "gen"]))
     return true;
-  if (which8("npm") && tryRun("npm", ["run", "gen"]))
+  if (which9("npm") && tryRun("npm", ["run", "gen"]))
     return true;
   console.warn('\n! Could not run "gen" automatically. Run `bun run gen` manually.\n');
   return false;
 }
-function which8(cmd) {
-  const r = import_child_process8.spawnSync(process.platform === "win32" ? "where" : "which", [cmd], { stdio: "ignore" });
+function which9(cmd) {
+  const r = import_child_process9.spawnSync(process.platform === "win32" ? "where" : "which", [cmd], { stdio: "ignore" });
   return r.status === 0;
 }
 function normalizeCamel6(s) {
@@ -11324,13 +11406,13 @@ function normalizeCamel6(s) {
     return "";
   return cleaned.charAt(0).toLowerCase() + cleaned.slice(1);
 }
-var fs19, path25, import_child_process8;
+var fs19, path25, import_child_process9;
 var init_add14 = __esm(() => {
   init_scaffold();
   init_validate();
   fs19 = __toESM(require("fs"));
   path25 = __toESM(require("path"));
-  import_child_process8 = require("child_process");
+  import_child_process9 = require("child_process");
 });
 
 // src/commands/subpanel/add.ts
@@ -11436,16 +11518,16 @@ function addTreeView(opts) {
   return { created: [target], genRan };
 }
 function runGen9(cwd) {
-  const tryRun = (cmd, args) => import_child_process9.spawnSync(cmd, args, { cwd, stdio: "inherit" }).status === 0;
-  if (which9("bun") && tryRun("bun", ["run", "gen"]))
+  const tryRun = (cmd, args) => import_child_process10.spawnSync(cmd, args, { cwd, stdio: "inherit" }).status === 0;
+  if (which10("bun") && tryRun("bun", ["run", "gen"]))
     return true;
-  if (which9("npm") && tryRun("npm", ["run", "gen"]))
+  if (which10("npm") && tryRun("npm", ["run", "gen"]))
     return true;
   console.warn('\n! Could not run "gen" automatically. Run `bun run gen` manually.\n');
   return false;
 }
-function which9(cmd) {
-  return import_child_process9.spawnSync(process.platform === "win32" ? "where" : "which", [cmd], { stdio: "ignore" }).status === 0;
+function which10(cmd) {
+  return import_child_process10.spawnSync(process.platform === "win32" ? "where" : "which", [cmd], { stdio: "ignore" }).status === 0;
 }
 function normalizeCamel7(s) {
   const cleaned = s.trim().replace(/[^a-zA-Z0-9]+(.)/g, (_m, c) => c.toUpperCase()).replace(/[^a-zA-Z0-9]/g, "");
@@ -11456,13 +11538,13 @@ function normalizeCamel7(s) {
 function pascal3(s) {
   return s.charAt(0).toUpperCase() + s.slice(1);
 }
-var fs20, path27, import_child_process9;
+var fs20, path27, import_child_process10;
 var init_add16 = __esm(() => {
   init_scaffold();
   init_validate();
   fs20 = __toESM(require("fs"));
   path27 = __toESM(require("path"));
-  import_child_process9 = require("child_process");
+  import_child_process10 = require("child_process");
 });
 
 // src/commands/treeView/add.ts
@@ -11674,19 +11756,19 @@ function publishInit(opts) {
 `);
   let dryPackOk = null;
   if (opts.runDryPack !== false) {
-    const r = import_child_process10.spawnSync("npx", ["--yes", "@vscode/vsce", "ls"], { cwd: opts.projectRoot, stdio: "inherit" });
+    const r = import_child_process11.spawnSync("npx", ["--yes", "@vscode/vsce", "ls"], { cwd: opts.projectRoot, stdio: "inherit" });
     dryPackOk = r.status === 0;
     if (!dryPackOk)
       warnings.push("`vsce ls` exited non-zero — inspect output above.");
   }
   return { created, pkgUpdated, warnings, dryPackOk };
 }
-var fs22, path31, import_child_process10;
+var fs22, path31, import_child_process11;
 var init_init2 = __esm(() => {
   init_scaffold();
   fs22 = __toESM(require("fs"));
   path31 = __toESM(require("path"));
-  import_child_process10 = require("child_process");
+  import_child_process11 = require("child_process");
 });
 
 // src/commands/publish/init.ts
@@ -11850,16 +11932,16 @@ function escape(s) {
   return s.replace(/\\/g, "\\\\").replace(/'/g, "\\'");
 }
 function runGen10(cwd) {
-  const tryRun = (cmd, args) => import_child_process11.spawnSync(cmd, args, { cwd, stdio: "inherit" }).status === 0;
-  if (which10("bun") && tryRun("bun", ["run", "gen"]))
+  const tryRun = (cmd, args) => import_child_process12.spawnSync(cmd, args, { cwd, stdio: "inherit" }).status === 0;
+  if (which11("bun") && tryRun("bun", ["run", "gen"]))
     return true;
-  if (which10("npm") && tryRun("npm", ["run", "gen"]))
+  if (which11("npm") && tryRun("npm", ["run", "gen"]))
     return true;
   console.warn('\n! Could not run "gen" automatically. Run `bun run gen` manually.\n');
   return false;
 }
-function which10(cmd) {
-  return import_child_process11.spawnSync(process.platform === "win32" ? "where" : "which", [cmd], { stdio: "ignore" }).status === 0;
+function which11(cmd) {
+  return import_child_process12.spawnSync(process.platform === "win32" ? "where" : "which", [cmd], { stdio: "ignore" }).status === 0;
 }
 function normalizeCamel8(s) {
   const cleaned = s.trim().replace(/[^a-zA-Z0-9]+(.)/g, (_m, c) => c.toUpperCase()).replace(/[^a-zA-Z0-9]/g, "");
@@ -11867,13 +11949,13 @@ function normalizeCamel8(s) {
     return "";
   return cleaned.charAt(0).toLowerCase() + cleaned.slice(1);
 }
-var fs23, path34, import_child_process11;
+var fs23, path34, import_child_process12;
 var init_add19 = __esm(() => {
   init_scaffold();
   init_validate();
   fs23 = __toESM(require("fs"));
   path34 = __toESM(require("path"));
-  import_child_process11 = require("child_process");
+  import_child_process12 = require("child_process");
 });
 
 // src/commands/job/add.ts
@@ -12475,7 +12557,7 @@ function renderInput(field, override) {
     case "boolean":
       return wrap(`        <input type="checkbox" checked={!!form.${name}} onChange={(e) => onChange('${name}', e.target.checked as any)} />`);
     case "date":
-      return wrap(`        <input type="date"${required} value={(form.${name} as any) ?? ''} onChange={(e) => onChange('${name}', e.target.value as any)} />`);
+      return wrap(`        <input type="date"${required} value={toDateInput(form.${name})} onChange={(e) => onChange('${name}', e.target.value as any)} />`);
     case "select": {
       const opts = (spec.options ?? []).map((o) => `          <option value=${JSON.stringify(o)}>${escapeJsx(o)}</option>`).join(`
 `);
@@ -12602,18 +12684,18 @@ function camelLower(s) {
   return s.charAt(0).toLowerCase() + s.slice(1);
 }
 function runGen11(cwd) {
-  const tryRun = (cmd, args) => import_child_process12.spawnSync(cmd, args, { cwd, stdio: "inherit" }).status === 0;
-  if (which11("bun") && tryRun("bun", ["run", "gen"]))
+  const tryRun = (cmd, args) => import_child_process13.spawnSync(cmd, args, { cwd, stdio: "inherit" }).status === 0;
+  if (which12("bun") && tryRun("bun", ["run", "gen"]))
     return true;
-  if (which11("npm") && tryRun("npm", ["run", "gen"]))
+  if (which12("npm") && tryRun("npm", ["run", "gen"]))
     return true;
   console.warn('\n! Could not run "gen" automatically. Run `bun run gen` manually.\n');
   return false;
 }
-function which11(cmd) {
-  return import_child_process12.spawnSync(process.platform === "win32" ? "where" : "which", [cmd], { stdio: "ignore" }).status === 0;
+function which12(cmd) {
+  return import_child_process13.spawnSync(process.platform === "win32" ? "where" : "which", [cmd], { stdio: "ignore" }).status === 0;
 }
-var fs27, path41, import_child_process12;
+var fs27, path41, import_child_process13;
 var init_add22 = __esm(() => {
   init_scaffold();
   init_validate();
@@ -12623,7 +12705,7 @@ var init_add22 = __esm(() => {
   init_edit();
   fs27 = __toESM(require("fs"));
   path41 = __toESM(require("path"));
-  import_child_process12 = require("child_process");
+  import_child_process13 = require("child_process");
 });
 
 // src/commands/crud/add.ts
@@ -12680,14 +12762,16 @@ var init_add23 = __esm(() => {
         const projectRoot = findProjectRoot();
         const templatesRoot = findTemplatesRoot();
         let menuSpec;
-        const choice = String(args.menu ?? NONE_SENTINEL2);
-        if (choice === NONE_SENTINEL2) {
+        const choice = String(args.menu ?? NONE_SENTINEL2).trim();
+        if (choice === NONE_SENTINEL2 || choice === "none") {
           menuSpec = "none";
         } else if (choice === NEW_SENTINEL) {
           const id = args.newMenuId ? String(args.newMenuId).trim() : await import_cli_maker18.prompt("  new menu id: ");
           if (!id)
             throw new Error("New menu id required.");
           menuSpec = `new:${id}`;
+        } else if (choice.startsWith("new:") || choice.startsWith("existing:")) {
+          menuSpec = choice;
         } else {
           menuSpec = `existing:${choice}`;
         }
@@ -12835,12 +12919,21 @@ var init_cli = __esm(() => {
   import_cli_maker20 = __toESM(require_dist(), 1);
   cli = new import_cli_maker20.CLI("vsceasy", "Build VS Code extensions fast — React UI + typed RPC bridge + zero-config build.", {
     interactive: true,
-    version: "0.1.5",
+    version: "0.1.7",
     introAnimation: {
       enabled: true,
       preset: "retro-space",
       title: "vsceasy",
-      subtitle: "VS Code Extension Framework"
+      subtitle: "VS Code Extension Framework",
+      asciiArt: [
+        '      .-""""-.',
+        "     / o    o \\",
+        "    |    ..    |",
+        "     \\  '--'  /",
+        "     /`-.__.-`\\",
+        "   _/ /|/||\\|\\ \\_",
+        "  `--`-`-``-`-`--`"
+      ]
     },
     defaultCommands: {
       rotatePassphrase: false,

package/dist/index.js

@@ -2238,7 +2238,7 @@ var init_upgrade = __esm(() => {
 });
 
 // src/lib/templatesData.ts
-var TEMPLATES_VERSION = "0.1.5", TEMPLATE_FILES;
+var TEMPLATES_VERSION = "0.1.7", TEMPLATE_FILES;
 var init_templatesData = __esm(() => {
   TEMPLATE_FILES = {
     "_generators/command/command.ts.tpl": `import { defineCommand } from '../shared/vsceasy';
@@ -2437,21 +2437,35 @@ type FormState = Partial<{{Name}}>;
 
 const emptyForm: FormState = {{emptyFormLiteral}};
 
+// \`<input type="date">\` only accepts a \`yyyy-MM-dd\` value. Stored dates may be
+// ISO strings or Date objects, so normalize before binding to the input.
+function toDateInput(v: unknown): string {
+  if (v == null || v === '') return '';
+  const d = v instanceof Date ? v : new Date(v as string);
+  return Number.isNaN(d.getTime()) ? '' : d.toISOString().slice(0, 10);
+}
+
 export function App() {
   const [form, setForm] = useState<FormState>(emptyForm);
   const [editingId, setEditingId] = useState<{{Name}}['{{primaryKey}}'] | null>(null);
   const [error, setError] = useState<string | null>(null);
   const [saving, setSaving] = useState(false);
 
-  const load = useCallback(async () => {
-    // The list stashes the row id before revealing this panel. Pull it (the host
-    // clears it after handing it over) and pre-fill the form for editing.
+  const load = useCallback(async (initial: boolean) => {
+    // The list stashes a row id before revealing this panel. Pull it (the host
+    // clears it after handing it over).
     const id = await api.pendingId();
     if (id == null || id === '') {
-      setForm(emptyForm);
-      setEditingId(null);
+      // No row was requested. On the first mount, start with an empty "new" form.
+      // On later reveals (focus/visibility), DON'T reset — that would wipe a form
+      // the user is busy filling in. Just leave the current state as-is.
+      if (initial) {
+        setForm(emptyForm);
+        setEditingId(null);
+      }
       return;
     }
+    // The list asked to edit a specific row — load it, replacing the current form.
     const row = await api.get(id);
     if (row) {
       setForm(row);
@@ -2460,11 +2474,12 @@ export function App() {
   }, []);
 
   useEffect(() => {
-    void load();
-    // Webviews retain state when hidden, so re-load whenever the panel is
-    // revealed — the list may have asked to edit a different row.
-    const onFocus = () => { void load(); };
-    const onVisible = () => { if (document.visibilityState === 'visible') void load(); };
+    void load(true);
+    // Webviews retain state when hidden, so re-check on reveal: the list may have
+    // asked to edit a different row. When nothing is pending, \`load\` leaves the
+    // in-progress form untouched (see above).
+    const onFocus = () => { void load(false); };
+    const onVisible = () => { if (document.visibilityState === 'visible') void load(false); };
     window.addEventListener('focus', onFocus);
     document.addEventListener('visibilitychange', onVisible);
     return () => {
@@ -6723,7 +6738,7 @@ function renderInput(field, override) {
     case "boolean":
       return wrap(`        <input type="checkbox" checked={!!form.${name}} onChange={(e) => onChange('${name}', e.target.checked as any)} />`);
     case "date":
-      return wrap(`        <input type="date"${required} value={(form.${name} as any) ?? ''} onChange={(e) => onChange('${name}', e.target.value as any)} />`);
+      return wrap(`        <input type="date"${required} value={toDateInput(form.${name})} onChange={(e) => onChange('${name}', e.target.value as any)} />`);
     case "select": {
       const opts = (spec.options ?? []).map((o) => `          <option value=${JSON.stringify(o)}>${escapeJsx(o)}</option>`).join(`
 `);

package/dist/lib/templatesData.d.ts

@@ -1,2 +1,2 @@
-export declare const TEMPLATES_VERSION = "0.1.5";
+export declare const TEMPLATES_VERSION = "0.1.7";
 export declare const TEMPLATE_FILES: Record<string, string>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vsceasy/cli",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "Build VS Code extensions fast — React UI + typed RPC bridge between extension and webview + file-based routing for panels, commands, menus, tree views, and subpanels.",
   "main": "dist/index.js",
   "scripts": {

package/templates/_generators/crud/formApp.tsx.tpl

@@ -9,21 +9,35 @@ type FormState = Partial<{{Name}}>;
 
 const emptyForm: FormState = {{emptyFormLiteral}};
 
+// `<input type="date">` only accepts a `yyyy-MM-dd` value. Stored dates may be
+// ISO strings or Date objects, so normalize before binding to the input.
+function toDateInput(v: unknown): string {
+  if (v == null || v === '') return '';
+  const d = v instanceof Date ? v : new Date(v as string);
+  return Number.isNaN(d.getTime()) ? '' : d.toISOString().slice(0, 10);
+}
+
 export function App() {
   const [form, setForm] = useState<FormState>(emptyForm);
   const [editingId, setEditingId] = useState<{{Name}}['{{primaryKey}}'] | null>(null);
   const [error, setError] = useState<string | null>(null);
   const [saving, setSaving] = useState(false);
 
-  const load = useCallback(async () => {
-    // The list stashes the row id before revealing this panel. Pull it (the host
-    // clears it after handing it over) and pre-fill the form for editing.
+  const load = useCallback(async (initial: boolean) => {
+    // The list stashes a row id before revealing this panel. Pull it (the host
+    // clears it after handing it over).
     const id = await api.pendingId();
     if (id == null || id === '') {
-      setForm(emptyForm);
-      setEditingId(null);
+      // No row was requested. On the first mount, start with an empty "new" form.
+      // On later reveals (focus/visibility), DON'T reset — that would wipe a form
+      // the user is busy filling in. Just leave the current state as-is.
+      if (initial) {
+        setForm(emptyForm);
+        setEditingId(null);
+      }
       return;
     }
+    // The list asked to edit a specific row — load it, replacing the current form.
     const row = await api.get(id);
     if (row) {
       setForm(row);
@@ -32,11 +46,12 @@ export function App() {
   }, []);
 
   useEffect(() => {
-    void load();
-    // Webviews retain state when hidden, so re-load whenever the panel is
-    // revealed — the list may have asked to edit a different row.
-    const onFocus = () => { void load(); };
-    const onVisible = () => { if (document.visibilityState === 'visible') void load(); };
+    void load(true);
+    // Webviews retain state when hidden, so re-check on reveal: the list may have
+    // asked to edit a different row. When nothing is pending, `load` leaves the
+    // in-progress form untouched (see above).
+    const onFocus = () => { void load(false); };
+    const onVisible = () => { if (document.visibilityState === 'visible') void load(false); };
     window.addEventListener('focus', onFocus);
     document.addEventListener('visibilitychange', onVisible);
     return () => {