@vsceasy/cli 0.1.6 → 0.1.7

package/CHANGELOG.md

@@ -41,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.
 

package/dist/bin/cli.js

@@ -3826,7 +3826,7 @@ var init_scaffold = __esm(() => {
 });
 
 // src/lib/templatesData.ts
-var TEMPLATES_VERSION = "0.1.6", 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 () => {
@@ -12542,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(`
 `);
@@ -12747,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}`;
         }
@@ -12902,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.6",
+    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.6", 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.6";
+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.6",
+  "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 () => {