@tpitre/story-ui 4.14.0 → 4.15.0

package/dist/mcp-server/routes/canvasGenerate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"canvasGenerate.d.ts","sourceRoot":"","sources":["../../../mcp-server/routes/canvasGenerate.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAW5C,eAAO,MAAM,qBAAqB,oCAAoC,CAAC;AAmIvE,wBAAgB,eAAe,IAAI,IAAI,CAuBtC;AAID;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAU/D;AAuBD,wBAAsB,qBAAqB,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,+CAwEtE"}
+{"version":3,"file":"canvasGenerate.d.ts","sourceRoot":"","sources":["../../../mcp-server/routes/canvasGenerate.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAW5C,eAAO,MAAM,qBAAqB,oCAAoC,CAAC;AAmIvE,wBAAgB,eAAe,IAAI,IAAI,CAuBtC;AAID;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAU/D;AAyCD,wBAAsB,qBAAqB,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,+CAwEtE"}

package/dist/mcp-server/routes/canvasGenerate.js

@@ -192,21 +192,37 @@ export function ensureVoiceCanvasStory(storiesDir) {
     }
 }
 // ── Code extraction ───────────────────────────────────────────
+/**
+ * If the LLM forgot to add a render() call (required by react-live noInline mode),
+ * detect the last defined PascalCase component and append render(<ComponentName />).
+ * This prevents the "No-Inline evaluations must call render" error when voice input
+ * is ambiguous or short and the LLM skips the final line.
+ */
+function ensureRenderCall(code) {
+    if (/\brender\s*\(/.test(code))
+        return code;
+    // Find the last PascalCase component/const defined in the code
+    const matches = [...code.matchAll(/(?:const|function)\s+([A-Z][A-Za-z0-9]*)/g)];
+    const componentName = matches.at(-1)?.[1] ?? 'Canvas';
+    return `${code}\nrender(<${componentName} />);`;
+}
 /**
  * Extract the canvas component code from the LLM response.
  * Handles markdown code fences and stray text.
  */
 function extractCanvasCode(response) {
+    let code;
     // Prefer explicit code fence
     const fenceMatch = response.match(/```(?:jsx|tsx|js|ts)?\n([\s\S]+?)\n```/);
-    if (fenceMatch)
-        return fenceMatch[1].trim();
-    // Fall back: find the Canvas component block
-    const canvasMatch = response.match(/(const Canvas\s*=[\s\S]+?render\s*\(<Canvas\s*\/>?\);?\s*$)/m);
-    if (canvasMatch)
-        return canvasMatch[1].trim();
-    // Last resort: return the whole response trimmed
-    return response.trim();
+    if (fenceMatch) {
+        code = fenceMatch[1].trim();
+    }
+    else {
+        // Fall back: find the Canvas component block
+        const canvasMatch = response.match(/(const Canvas\s*=[\s\S]+?render\s*\(<Canvas\s*\/>?\);?\s*$)/m);
+        code = canvasMatch ? canvasMatch[1].trim() : response.trim();
+    }
+    return ensureRenderCall(code);
 }
 // ── Handler ───────────────────────────────────────────────────
 export async function canvasGenerateHandler(req, res) {

package/dist/templates/StoryUI/voice/VoiceCanvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoiceCanvas.d.ts","sourceRoot":"","sources":["../../../../templates/StoryUI/voice/VoiceCanvas.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,KAAwE,MAAM,OAAO,CAAC;AAW7F,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,8EAA8E;AAC9E,MAAM,WAAW,iBAAiB;IAChC,4EAA4E;IAC5E,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAID,eAAO,MAAM,WAAW,4FAktBtB,CAAC"}
+{"version":3,"file":"VoiceCanvas.d.ts","sourceRoot":"","sources":["../../../../templates/StoryUI/voice/VoiceCanvas.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,KAAwE,MAAM,OAAO,CAAC;AAY7F,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,8EAA8E;AAC9E,MAAM,WAAW,iBAAiB;IAChC,4EAA4E;IAC5E,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAID,eAAO,MAAM,WAAW,4FAytBtB,CAAC"}

package/dist/templates/StoryUI/voice/VoiceCanvas.js

@@ -15,6 +15,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * StoryUIPanel is never accidentally reset.
  */
 import React, { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { parseVoiceCommand } from './voiceCommands.js';
 // ── Constants ─────────────────────────────────────────────────
 const STORY_ID = 'generated-voice-canvas--default';
 const LS_KEY = '__voice_canvas_code__';
@@ -317,30 +318,43 @@ export const VoiceCanvas = React.forwardRef(function VoiceCanvas({ apiBase, prov
                 pendingTranscriptRef.current = accumulated;
                 setPendingTranscript(accumulated);
                 setInterimText('');
-                const trimmed = final.trim().toLowerCase();
-                if (trimmed.split(/\s+/).length <= 3) {
-                    if (trimmed === 'clear' || trimmed === 'start over') {
+                const command = parseVoiceCommand(final);
+                if (command) {
+                    if (command.type === 'clear') {
                         clear();
                         pendingTranscriptRef.current = '';
                         setPendingTranscript('');
                         return;
                     }
-                    if (trimmed === 'undo') {
+                    if (command.type === 'undo') {
                         undo();
                         pendingTranscriptRef.current = '';
                         setPendingTranscript('');
                         return;
                     }
-                    if (trimmed === 'redo') {
+                    if (command.type === 'redo') {
                         redo();
                         pendingTranscriptRef.current = '';
                         setPendingTranscript('');
                         return;
                     }
-                    if (trimmed === 'stop' || trimmed === 'stop listening') {
+                    if (command.type === 'stop') {
                         stopListeningRef.current();
                         return;
                     }
+                    if (command.type === 'save') {
+                        saveStory();
+                        pendingTranscriptRef.current = '';
+                        setPendingTranscript('');
+                        return;
+                    }
+                    if (command.type === 'new-chat') {
+                        clear();
+                        pendingTranscriptRef.current = '';
+                        setPendingTranscript('');
+                        return;
+                    }
+                    // 'submit' falls through to schedule an LLM generation below
                 }
                 if (abortRef.current)
                     abortRef.current.abort();
@@ -418,7 +432,7 @@ export const VoiceCanvas = React.forwardRef(function VoiceCanvas({ apiBase, prov
             isListeningRef.current = false;
             setIsListening(false);
         }
-    }, [clear, undo, redo, scheduleIntent]);
+    }, [clear, undo, redo, scheduleIntent, saveStory]);
     // ── Voice: stop ────────────────────────────────────────────────
     const stopListening = useCallback(() => {
         isListeningRef.current = false;

package/dist/templates/StoryUI/voice/VoiceCanvas.tsx

@@ -14,6 +14,7 @@
  * StoryUIPanel is never accidentally reset.
  */
 import React, { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { parseVoiceCommand } from './voiceCommands.js';
 
 // ── Constants ─────────────────────────────────────────────────
 
@@ -374,20 +375,27 @@ function VoiceCanvas({
         setPendingTranscript(accumulated);
         setInterimText('');
 
-        const trimmed = final.trim().toLowerCase();
-        if (trimmed.split(/\s+/).length <= 3) {
-          if (trimmed === 'clear' || trimmed === 'start over') {
+        const command = parseVoiceCommand(final);
+        if (command) {
+          if (command.type === 'clear') {
             clear(); pendingTranscriptRef.current = ''; setPendingTranscript(''); return;
           }
-          if (trimmed === 'undo') {
+          if (command.type === 'undo') {
             undo(); pendingTranscriptRef.current = ''; setPendingTranscript(''); return;
           }
-          if (trimmed === 'redo') {
+          if (command.type === 'redo') {
             redo(); pendingTranscriptRef.current = ''; setPendingTranscript(''); return;
           }
-          if (trimmed === 'stop' || trimmed === 'stop listening') {
+          if (command.type === 'stop') {
             stopListeningRef.current(); return;
           }
+          if (command.type === 'save') {
+            saveStory(); pendingTranscriptRef.current = ''; setPendingTranscript(''); return;
+          }
+          if (command.type === 'new-chat') {
+            clear(); pendingTranscriptRef.current = ''; setPendingTranscript(''); return;
+          }
+          // 'submit' falls through to schedule an LLM generation below
         }
 
         if (abortRef.current) abortRef.current.abort();
@@ -461,7 +469,7 @@ function VoiceCanvas({
       isListeningRef.current = false;
       setIsListening(false);
     }
-  }, [clear, undo, redo, scheduleIntent]);
+  }, [clear, undo, redo, scheduleIntent, saveStory]);
 
   // ── Voice: stop ────────────────────────────────────────────────
 

package/dist/templates/StoryUI/voice/types.d.ts

@@ -30,7 +30,7 @@ export interface UseVoiceInputReturn {
     stop: () => void;
     toggle: () => void;
 }
-export type VoiceCommandType = 'undo' | 'redo' | 'clear' | 'stop' | 'new-chat' | 'submit';
+export type VoiceCommandType = 'undo' | 'redo' | 'clear' | 'stop' | 'new-chat' | 'submit' | 'save';
 export interface VoiceCommand {
     type: VoiceCommandType;
     raw: string;

package/dist/templates/StoryUI/voice/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../templates/StoryUI/voice/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../templates/StoryUI/voice/types.ts"],"names":[],"mappings":"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"}

package/dist/templates/StoryUI/voice/types.ts

@@ -52,7 +52,8 @@ export type VoiceCommandType =
   | 'clear'
   | 'stop'
   | 'new-chat'
-  | 'submit';
+  | 'submit'
+  | 'save';
 
 export interface VoiceCommand {
   type: VoiceCommandType;

package/dist/templates/StoryUI/voice/voiceCommands.d.ts

@@ -2,7 +2,10 @@ import type { VoiceCommand } from './types.js';
 /**
  * Checks if a transcript matches a known voice command.
  * Returns the command if matched, null otherwise.
- * Only matches short, exact phrases — longer utterances are descriptions.
+ *
+ * Short utterances (≤4 words) use exact matching against COMMAND_MAP.
+ * Any-length utterances are also checked for save-intent substrings so natural
+ * phrases like "this is good, save it, stop listening" still trigger a save.
  */
 export declare function parseVoiceCommand(transcript: string): VoiceCommand | null;
 //# sourceMappingURL=voiceCommands.d.ts.map

package/dist/templates/StoryUI/voice/voiceCommands.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"voiceCommands.d.ts","sourceRoot":"","sources":["../../../../templates/StoryUI/voice/voiceCommands.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAoB,MAAM,YAAY,CAAC;AAoCjE;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI,CAYzE"}
+{"version":3,"file":"voiceCommands.d.ts","sourceRoot":"","sources":["../../../../templates/StoryUI/voice/voiceCommands.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAoB,MAAM,YAAY,CAAC;AA8DjE;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI,CAmBzE"}

package/dist/templates/StoryUI/voice/voiceCommands.js

@@ -27,20 +27,53 @@ const COMMAND_MAP = {
     'go': 'submit',
     'send it': 'submit',
     'generate that': 'submit',
+    // Save — short exact phrases
+    'save': 'save',
+    'save this': 'save',
+    'save it': 'save',
+    'save story': 'save',
+    'save the story': 'save',
+    'looks good': 'save',
+    'that looks good': 'save',
+    'this looks good': 'save',
+    'this is good': 'save',
+    'all good': 'save',
+    'all done': 'save',
+    'go ahead and save': 'save',
+    'save and stop': 'save',
 };
+// Save-intent phrases detected anywhere in a longer utterance.
+// Lets natural speech like "this is good, save it, stop listening" trigger a
+// save without the user needing to say an exact short phrase.
+const SAVE_INTENT_PHRASES = [
+    'save it',
+    'save this',
+    'save the story',
+    'go ahead and save',
+    'save and stop',
+];
 /**
  * Checks if a transcript matches a known voice command.
  * Returns the command if matched, null otherwise.
- * Only matches short, exact phrases — longer utterances are descriptions.
+ *
+ * Short utterances (≤4 words) use exact matching against COMMAND_MAP.
+ * Any-length utterances are also checked for save-intent substrings so natural
+ * phrases like "this is good, save it, stop listening" still trigger a save.
  */
 export function parseVoiceCommand(transcript) {
     const normalized = transcript.trim().toLowerCase().replace(/[.,!?]/g, '');
-    // Only check short utterances (commands are 1-3 words)
-    if (normalized.split(/\s+/).length > 4)
-        return null;
-    const commandType = COMMAND_MAP[normalized];
-    if (commandType) {
-        return { type: commandType, raw: transcript };
+    // Short exact-match commands (1-4 words)
+    if (normalized.split(/\s+/).length <= 4) {
+        const commandType = COMMAND_MAP[normalized];
+        if (commandType) {
+            return { type: commandType, raw: transcript };
+        }
+    }
+    // Save-intent phrases can appear anywhere in a longer utterance
+    for (const phrase of SAVE_INTENT_PHRASES) {
+        if (normalized.includes(phrase)) {
+            return { type: 'save', raw: transcript };
+        }
     }
     return null;
 }

package/dist/templates/StoryUI/voice/voiceCommands.ts

@@ -32,22 +32,58 @@ const COMMAND_MAP: Record<string, VoiceCommandType> = {
   'go': 'submit',
   'send it': 'submit',
   'generate that': 'submit',
+
+  // Save — short exact phrases
+  'save': 'save',
+  'save this': 'save',
+  'save it': 'save',
+  'save story': 'save',
+  'save the story': 'save',
+  'looks good': 'save',
+  'that looks good': 'save',
+  'this looks good': 'save',
+  'this is good': 'save',
+  'all good': 'save',
+  'all done': 'save',
+  'go ahead and save': 'save',
+  'save and stop': 'save',
 };
 
+// Save-intent phrases detected anywhere in a longer utterance.
+// Lets natural speech like "this is good, save it, stop listening" trigger a
+// save without the user needing to say an exact short phrase.
+const SAVE_INTENT_PHRASES = [
+  'save it',
+  'save this',
+  'save the story',
+  'go ahead and save',
+  'save and stop',
+];
+
 /**
  * Checks if a transcript matches a known voice command.
  * Returns the command if matched, null otherwise.
- * Only matches short, exact phrases — longer utterances are descriptions.
+ *
+ * Short utterances (≤4 words) use exact matching against COMMAND_MAP.
+ * Any-length utterances are also checked for save-intent substrings so natural
+ * phrases like "this is good, save it, stop listening" still trigger a save.
  */
 export function parseVoiceCommand(transcript: string): VoiceCommand | null {
   const normalized = transcript.trim().toLowerCase().replace(/[.,!?]/g, '');
 
-  // Only check short utterances (commands are 1-3 words)
-  if (normalized.split(/\s+/).length > 4) return null;
+  // Short exact-match commands (1-4 words)
+  if (normalized.split(/\s+/).length <= 4) {
+    const commandType = COMMAND_MAP[normalized];
+    if (commandType) {
+      return { type: commandType, raw: transcript };
+    }
+  }
 
-  const commandType = COMMAND_MAP[normalized];
-  if (commandType) {
-    return { type: commandType, raw: transcript };
+  // Save-intent phrases can appear anywhere in a longer utterance
+  for (const phrase of SAVE_INTENT_PHRASES) {
+    if (normalized.includes(phrase)) {
+      return { type: 'save', raw: transcript };
+    }
   }
 
   return null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tpitre/story-ui",
-  "version": "4.14.0",
+  "version": "4.15.0",
   "description": "AI-powered Storybook story generator with dynamic component discovery",
   "type": "module",
   "main": "dist/index.js",

package/templates/StoryUI/voice/VoiceCanvas.tsx

@@ -14,6 +14,7 @@
  * StoryUIPanel is never accidentally reset.
  */
 import React, { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { parseVoiceCommand } from './voiceCommands.js';
 
 // ── Constants ─────────────────────────────────────────────────
 
@@ -374,20 +375,27 @@ function VoiceCanvas({
         setPendingTranscript(accumulated);
         setInterimText('');
 
-        const trimmed = final.trim().toLowerCase();
-        if (trimmed.split(/\s+/).length <= 3) {
-          if (trimmed === 'clear' || trimmed === 'start over') {
+        const command = parseVoiceCommand(final);
+        if (command) {
+          if (command.type === 'clear') {
             clear(); pendingTranscriptRef.current = ''; setPendingTranscript(''); return;
           }
-          if (trimmed === 'undo') {
+          if (command.type === 'undo') {
             undo(); pendingTranscriptRef.current = ''; setPendingTranscript(''); return;
           }
-          if (trimmed === 'redo') {
+          if (command.type === 'redo') {
             redo(); pendingTranscriptRef.current = ''; setPendingTranscript(''); return;
           }
-          if (trimmed === 'stop' || trimmed === 'stop listening') {
+          if (command.type === 'stop') {
             stopListeningRef.current(); return;
           }
+          if (command.type === 'save') {
+            saveStory(); pendingTranscriptRef.current = ''; setPendingTranscript(''); return;
+          }
+          if (command.type === 'new-chat') {
+            clear(); pendingTranscriptRef.current = ''; setPendingTranscript(''); return;
+          }
+          // 'submit' falls through to schedule an LLM generation below
         }
 
         if (abortRef.current) abortRef.current.abort();
@@ -461,7 +469,7 @@ function VoiceCanvas({
       isListeningRef.current = false;
       setIsListening(false);
     }
-  }, [clear, undo, redo, scheduleIntent]);
+  }, [clear, undo, redo, scheduleIntent, saveStory]);
 
   // ── Voice: stop ────────────────────────────────────────────────
 

package/templates/StoryUI/voice/types.ts

@@ -52,7 +52,8 @@ export type VoiceCommandType =
   | 'clear'
   | 'stop'
   | 'new-chat'
-  | 'submit';
+  | 'submit'
+  | 'save';
 
 export interface VoiceCommand {
   type: VoiceCommandType;

package/templates/StoryUI/voice/voiceCommands.ts

@@ -32,22 +32,58 @@ const COMMAND_MAP: Record<string, VoiceCommandType> = {
   'go': 'submit',
   'send it': 'submit',
   'generate that': 'submit',
+
+  // Save — short exact phrases
+  'save': 'save',
+  'save this': 'save',
+  'save it': 'save',
+  'save story': 'save',
+  'save the story': 'save',
+  'looks good': 'save',
+  'that looks good': 'save',
+  'this looks good': 'save',
+  'this is good': 'save',
+  'all good': 'save',
+  'all done': 'save',
+  'go ahead and save': 'save',
+  'save and stop': 'save',
 };
 
+// Save-intent phrases detected anywhere in a longer utterance.
+// Lets natural speech like "this is good, save it, stop listening" trigger a
+// save without the user needing to say an exact short phrase.
+const SAVE_INTENT_PHRASES = [
+  'save it',
+  'save this',
+  'save the story',
+  'go ahead and save',
+  'save and stop',
+];
+
 /**
  * Checks if a transcript matches a known voice command.
  * Returns the command if matched, null otherwise.
- * Only matches short, exact phrases — longer utterances are descriptions.
+ *
+ * Short utterances (≤4 words) use exact matching against COMMAND_MAP.
+ * Any-length utterances are also checked for save-intent substrings so natural
+ * phrases like "this is good, save it, stop listening" still trigger a save.
  */
 export function parseVoiceCommand(transcript: string): VoiceCommand | null {
   const normalized = transcript.trim().toLowerCase().replace(/[.,!?]/g, '');
 
-  // Only check short utterances (commands are 1-3 words)
-  if (normalized.split(/\s+/).length > 4) return null;
+  // Short exact-match commands (1-4 words)
+  if (normalized.split(/\s+/).length <= 4) {
+    const commandType = COMMAND_MAP[normalized];
+    if (commandType) {
+      return { type: commandType, raw: transcript };
+    }
+  }
 
-  const commandType = COMMAND_MAP[normalized];
-  if (commandType) {
-    return { type: commandType, raw: transcript };
+  // Save-intent phrases can appear anywhere in a longer utterance
+  for (const phrase of SAVE_INTENT_PHRASES) {
+    if (normalized.includes(phrase)) {
+      return { type: 'save', raw: transcript };
+    }
   }
 
   return null;