@tpitre/story-ui 3.4.0 → 3.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (282) hide show
  1. package/dist/cli/index.js +0 -0
  2. package/dist/mcp-server/index.js +32 -0
  3. package/package.json +2 -1
  4. package/dist/cli/index.js.map +0 -1
  5. package/dist/cli/setup.js.map +0 -1
  6. package/dist/cloudflare-edge/src/mcp-session.js +0 -462
  7. package/dist/cloudflare-edge/src/types.js +0 -4
  8. package/dist/cloudflare-edge/src/worker.js +0 -106
  9. package/dist/cloudflare-pages/vite.config.js +0 -14
  10. package/dist/index.d.ts +0 -13
  11. package/dist/index.d.ts.map +0 -1
  12. package/dist/index.js +0 -12
  13. package/dist/index.js.map +0 -1
  14. package/dist/mcp-server/index.js.map +0 -1
  15. package/dist/mcp-server/mcp-stdio-server.js.map +0 -1
  16. package/dist/mcp-server/routes/claude.js.map +0 -1
  17. package/dist/mcp-server/routes/components.js.map +0 -1
  18. package/dist/mcp-server/routes/generateStory.js.map +0 -1
  19. package/dist/mcp-server/routes/hybridStories.d.ts +0 -18
  20. package/dist/mcp-server/routes/hybridStories.d.ts.map +0 -1
  21. package/dist/mcp-server/routes/hybridStories.js +0 -216
  22. package/dist/mcp-server/routes/hybridStories.js.map +0 -1
  23. package/dist/mcp-server/routes/memoryStories.d.ts +0 -26
  24. package/dist/mcp-server/routes/memoryStories.d.ts.map +0 -1
  25. package/dist/mcp-server/routes/memoryStories.js +0 -158
  26. package/dist/mcp-server/routes/memoryStories.js.map +0 -1
  27. package/dist/mcp-server/routes/storySync.d.ts +0 -26
  28. package/dist/mcp-server/routes/storySync.d.ts.map +0 -1
  29. package/dist/mcp-server/routes/storySync.js +0 -147
  30. package/dist/mcp-server/routes/storySync.js.map +0 -1
  31. package/dist/mcp-server/routes/updateStory.js +0 -246
  32. package/dist/mcp-server/sessionManager.d.ts +0 -50
  33. package/dist/mcp-server/sessionManager.d.ts.map +0 -1
  34. package/dist/mcp-server/sessionManager.js +0 -125
  35. package/dist/mcp-server/sessionManager.js.map +0 -1
  36. package/dist/playground/components/AIAssistant/AIAssistant.d.ts +0 -6
  37. package/dist/playground/components/AIAssistant/AIAssistant.d.ts.map +0 -1
  38. package/dist/playground/components/AIAssistant/AIAssistant.js +0 -109
  39. package/dist/playground/components/AIAssistant/AIAssistant.js.map +0 -1
  40. package/dist/playground/components/AIAssistant/AIAssistant.module.css +0 -166
  41. package/dist/playground/components/Canvas/Canvas.d.ts +0 -9
  42. package/dist/playground/components/Canvas/Canvas.d.ts.map +0 -1
  43. package/dist/playground/components/Canvas/Canvas.js +0 -58
  44. package/dist/playground/components/Canvas/Canvas.js.map +0 -1
  45. package/dist/playground/components/Canvas/Canvas.module.css +0 -189
  46. package/dist/playground/components/Canvas/CanvasWithDnd.d.ts +0 -9
  47. package/dist/playground/components/Canvas/CanvasWithDnd.d.ts.map +0 -1
  48. package/dist/playground/components/Canvas/CanvasWithDnd.js +0 -158
  49. package/dist/playground/components/Canvas/CanvasWithDnd.js.map +0 -1
  50. package/dist/playground/components/Canvas/ComponentRenderer.d.ts +0 -15
  51. package/dist/playground/components/Canvas/ComponentRenderer.d.ts.map +0 -1
  52. package/dist/playground/components/Canvas/ComponentRenderer.js +0 -177
  53. package/dist/playground/components/Canvas/ComponentRenderer.js.map +0 -1
  54. package/dist/playground/components/Canvas/DraggableComponent.d.ts +0 -15
  55. package/dist/playground/components/Canvas/DraggableComponent.d.ts.map +0 -1
  56. package/dist/playground/components/Canvas/DraggableComponent.js +0 -49
  57. package/dist/playground/components/Canvas/DraggableComponent.js.map +0 -1
  58. package/dist/playground/components/Canvas/index.d.ts +0 -9
  59. package/dist/playground/components/Canvas/index.d.ts.map +0 -1
  60. package/dist/playground/components/Canvas/index.js +0 -5
  61. package/dist/playground/components/Canvas/index.js.map +0 -1
  62. package/dist/playground/components/CodeView/CodeView.d.ts +0 -12
  63. package/dist/playground/components/CodeView/CodeView.d.ts.map +0 -1
  64. package/dist/playground/components/CodeView/CodeView.js +0 -77
  65. package/dist/playground/components/CodeView/CodeView.js.map +0 -1
  66. package/dist/playground/components/CodeView/CodeView.module.css +0 -178
  67. package/dist/playground/components/ComponentPalette/ComponentPalette.d.ts +0 -17
  68. package/dist/playground/components/ComponentPalette/ComponentPalette.d.ts.map +0 -1
  69. package/dist/playground/components/ComponentPalette/ComponentPalette.js +0 -138
  70. package/dist/playground/components/ComponentPalette/ComponentPalette.js.map +0 -1
  71. package/dist/playground/components/ComponentPalette/ComponentPalette.module.css +0 -217
  72. package/dist/playground/components/ComponentPalette/index.d.ts +0 -3
  73. package/dist/playground/components/ComponentPalette/index.d.ts.map +0 -1
  74. package/dist/playground/components/ComponentPalette/index.js +0 -2
  75. package/dist/playground/components/ComponentPalette/index.js.map +0 -1
  76. package/dist/playground/components/DropZone/DropZone.d.ts +0 -17
  77. package/dist/playground/components/DropZone/DropZone.d.ts.map +0 -1
  78. package/dist/playground/components/DropZone/DropZone.js +0 -73
  79. package/dist/playground/components/DropZone/DropZone.js.map +0 -1
  80. package/dist/playground/components/DropZone/DropZone.module.css +0 -86
  81. package/dist/playground/components/ExportDialog/ExportDialog.d.ts +0 -10
  82. package/dist/playground/components/ExportDialog/ExportDialog.d.ts.map +0 -1
  83. package/dist/playground/components/ExportDialog/ExportDialog.js +0 -57
  84. package/dist/playground/components/ExportDialog/ExportDialog.js.map +0 -1
  85. package/dist/playground/components/ExportDialog/ExportDialog.module.css +0 -328
  86. package/dist/playground/components/LayoutHelpers/LayoutHelpers.d.ts +0 -134
  87. package/dist/playground/components/LayoutHelpers/LayoutHelpers.d.ts.map +0 -1
  88. package/dist/playground/components/LayoutHelpers/LayoutHelpers.js +0 -254
  89. package/dist/playground/components/LayoutHelpers/LayoutHelpers.js.map +0 -1
  90. package/dist/playground/components/LayoutHelpers/index.d.ts +0 -3
  91. package/dist/playground/components/LayoutHelpers/index.d.ts.map +0 -1
  92. package/dist/playground/components/LayoutHelpers/index.js +0 -2
  93. package/dist/playground/components/LayoutHelpers/index.js.map +0 -1
  94. package/dist/playground/components/Playground/Playground.d.ts +0 -10
  95. package/dist/playground/components/Playground/Playground.d.ts.map +0 -1
  96. package/dist/playground/components/Playground/Playground.js +0 -128
  97. package/dist/playground/components/Playground/Playground.js.map +0 -1
  98. package/dist/playground/components/Playground/Playground.module.css +0 -308
  99. package/dist/playground/components/PropertiesPanel/PropertiesPanel.d.ts +0 -10
  100. package/dist/playground/components/PropertiesPanel/PropertiesPanel.d.ts.map +0 -1
  101. package/dist/playground/components/PropertiesPanel/PropertiesPanel.js +0 -150
  102. package/dist/playground/components/PropertiesPanel/PropertiesPanel.js.map +0 -1
  103. package/dist/playground/components/PropertiesPanel/PropertiesPanel.module.css +0 -155
  104. package/dist/playground/components/PropertiesPanel/index.d.ts +0 -3
  105. package/dist/playground/components/PropertiesPanel/index.d.ts.map +0 -1
  106. package/dist/playground/components/PropertiesPanel/index.js +0 -2
  107. package/dist/playground/components/PropertiesPanel/index.js.map +0 -1
  108. package/dist/playground/components/PropertyEditors/BooleanEditor.d.ts +0 -12
  109. package/dist/playground/components/PropertyEditors/BooleanEditor.d.ts.map +0 -1
  110. package/dist/playground/components/PropertyEditors/BooleanEditor.js +0 -14
  111. package/dist/playground/components/PropertyEditors/BooleanEditor.js.map +0 -1
  112. package/dist/playground/components/PropertyEditors/ColorEditor.d.ts +0 -12
  113. package/dist/playground/components/PropertyEditors/ColorEditor.d.ts.map +0 -1
  114. package/dist/playground/components/PropertyEditors/ColorEditor.js +0 -62
  115. package/dist/playground/components/PropertyEditors/ColorEditor.js.map +0 -1
  116. package/dist/playground/components/PropertyEditors/IconEditor.d.ts +0 -12
  117. package/dist/playground/components/PropertyEditors/IconEditor.d.ts.map +0 -1
  118. package/dist/playground/components/PropertyEditors/IconEditor.js +0 -123
  119. package/dist/playground/components/PropertyEditors/IconEditor.js.map +0 -1
  120. package/dist/playground/components/PropertyEditors/NumberEditor.d.ts +0 -15
  121. package/dist/playground/components/PropertyEditors/NumberEditor.d.ts.map +0 -1
  122. package/dist/playground/components/PropertyEditors/NumberEditor.js +0 -46
  123. package/dist/playground/components/PropertyEditors/NumberEditor.js.map +0 -1
  124. package/dist/playground/components/PropertyEditors/PropertyEditors.module.css +0 -432
  125. package/dist/playground/components/PropertyEditors/SelectEditor.d.ts +0 -19
  126. package/dist/playground/components/PropertyEditors/SelectEditor.d.ts.map +0 -1
  127. package/dist/playground/components/PropertyEditors/SelectEditor.js +0 -17
  128. package/dist/playground/components/PropertyEditors/SelectEditor.js.map +0 -1
  129. package/dist/playground/components/PropertyEditors/SpacingEditor.d.ts +0 -19
  130. package/dist/playground/components/PropertyEditors/SpacingEditor.d.ts.map +0 -1
  131. package/dist/playground/components/PropertyEditors/SpacingEditor.js +0 -162
  132. package/dist/playground/components/PropertyEditors/SpacingEditor.js.map +0 -1
  133. package/dist/playground/components/PropertyEditors/SpacingEditor.module.css +0 -214
  134. package/dist/playground/components/PropertyEditors/TextEditor.d.ts +0 -14
  135. package/dist/playground/components/PropertyEditors/TextEditor.d.ts.map +0 -1
  136. package/dist/playground/components/PropertyEditors/TextEditor.js +0 -38
  137. package/dist/playground/components/PropertyEditors/TextEditor.js.map +0 -1
  138. package/dist/playground/components/PropertyEditors/TokenEditor.d.ts +0 -23
  139. package/dist/playground/components/PropertyEditors/TokenEditor.d.ts.map +0 -1
  140. package/dist/playground/components/PropertyEditors/TokenEditor.js +0 -50
  141. package/dist/playground/components/PropertyEditors/TokenEditor.js.map +0 -1
  142. package/dist/playground/components/PropertyEditors/index.d.ts +0 -20
  143. package/dist/playground/components/PropertyEditors/index.d.ts.map +0 -1
  144. package/dist/playground/components/PropertyEditors/index.js +0 -12
  145. package/dist/playground/components/PropertyEditors/index.js.map +0 -1
  146. package/dist/playground/components/TreeView/TreeView.d.ts +0 -10
  147. package/dist/playground/components/TreeView/TreeView.d.ts.map +0 -1
  148. package/dist/playground/components/TreeView/TreeView.js +0 -146
  149. package/dist/playground/components/TreeView/TreeView.js.map +0 -1
  150. package/dist/playground/components/TreeView/TreeView.module.css +0 -214
  151. package/dist/playground/components/TreeView/index.d.ts +0 -3
  152. package/dist/playground/components/TreeView/index.d.ts.map +0 -1
  153. package/dist/playground/components/TreeView/index.js +0 -2
  154. package/dist/playground/components/TreeView/index.js.map +0 -1
  155. package/dist/playground/config/propertyDefinitions.d.ts +0 -73
  156. package/dist/playground/config/propertyDefinitions.d.ts.map +0 -1
  157. package/dist/playground/config/propertyDefinitions.js +0 -809
  158. package/dist/playground/config/propertyDefinitions.js.map +0 -1
  159. package/dist/playground/hooks/useKeyboardShortcuts.d.ts +0 -38
  160. package/dist/playground/hooks/useKeyboardShortcuts.d.ts.map +0 -1
  161. package/dist/playground/hooks/useKeyboardShortcuts.js +0 -191
  162. package/dist/playground/hooks/useKeyboardShortcuts.js.map +0 -1
  163. package/dist/playground/index.d.ts +0 -21
  164. package/dist/playground/index.d.ts.map +0 -1
  165. package/dist/playground/index.js +0 -23
  166. package/dist/playground/index.js.map +0 -1
  167. package/dist/playground/services/CodeGenerator.d.ts +0 -73
  168. package/dist/playground/services/CodeGenerator.d.ts.map +0 -1
  169. package/dist/playground/services/CodeGenerator.js +0 -359
  170. package/dist/playground/services/CodeGenerator.js.map +0 -1
  171. package/dist/playground/services/DragDropManager.d.ts +0 -95
  172. package/dist/playground/services/DragDropManager.d.ts.map +0 -1
  173. package/dist/playground/services/DragDropManager.js +0 -408
  174. package/dist/playground/services/DragDropManager.js.map +0 -1
  175. package/dist/playground/services/StoryParser.d.ts +0 -73
  176. package/dist/playground/services/StoryParser.d.ts.map +0 -1
  177. package/dist/playground/services/StoryParser.js +0 -419
  178. package/dist/playground/services/StoryParser.js.map +0 -1
  179. package/dist/playground/store/playgroundStore.d.ts +0 -86
  180. package/dist/playground/store/playgroundStore.d.ts.map +0 -1
  181. package/dist/playground/store/playgroundStore.js +0 -337
  182. package/dist/playground/store/playgroundStore.js.map +0 -1
  183. package/dist/playground/stories/PlaygroundDragDrop.stories.d.ts +0 -13
  184. package/dist/playground/stories/PlaygroundDragDrop.stories.d.ts.map +0 -1
  185. package/dist/playground/stories/PlaygroundDragDrop.stories.js +0 -227
  186. package/dist/playground/stories/PlaygroundDragDrop.stories.js.map +0 -1
  187. package/dist/playground/stories/PlaygroundPhase4.stories.d.ts +0 -13
  188. package/dist/playground/stories/PlaygroundPhase4.stories.d.ts.map +0 -1
  189. package/dist/playground/stories/PlaygroundPhase4.stories.js +0 -334
  190. package/dist/playground/stories/PlaygroundPhase4.stories.js.map +0 -1
  191. package/dist/playground/stories/PlaygroundPhase5.stories.d.ts +0 -14
  192. package/dist/playground/stories/PlaygroundPhase5.stories.d.ts.map +0 -1
  193. package/dist/playground/stories/PlaygroundPhase5.stories.js +0 -512
  194. package/dist/playground/stories/PlaygroundPhase5.stories.js.map +0 -1
  195. package/dist/playground/stories/PlaygroundProperties.stories.d.ts +0 -13
  196. package/dist/playground/stories/PlaygroundProperties.stories.d.ts.map +0 -1
  197. package/dist/playground/stories/PlaygroundProperties.stories.js +0 -342
  198. package/dist/playground/stories/PlaygroundProperties.stories.js.map +0 -1
  199. package/dist/playground/types/index.d.ts +0 -251
  200. package/dist/playground/types/index.d.ts.map +0 -1
  201. package/dist/playground/types/index.js +0 -5
  202. package/dist/playground/types/index.js.map +0 -1
  203. package/dist/scripts/verify-framework-adapters.js +0 -105
  204. package/dist/story-generator/componentBlacklist.js.map +0 -1
  205. package/dist/story-generator/componentDiscovery.js.map +0 -1
  206. package/dist/story-generator/configLoader.js.map +0 -1
  207. package/dist/story-generator/considerationsLoader.js.map +0 -1
  208. package/dist/story-generator/documentation-sources.js.map +0 -1
  209. package/dist/story-generator/documentationLoader.js.map +0 -1
  210. package/dist/story-generator/dynamicPackageDiscovery.js.map +0 -1
  211. package/dist/story-generator/enhancedComponentDiscovery.js.map +0 -1
  212. package/dist/story-generator/generateStory.js.map +0 -1
  213. package/dist/story-generator/gitignoreManager.js.map +0 -1
  214. package/dist/story-generator/inMemoryStoryService.d.ts +0 -89
  215. package/dist/story-generator/inMemoryStoryService.d.ts.map +0 -1
  216. package/dist/story-generator/inMemoryStoryService.js +0 -128
  217. package/dist/story-generator/inMemoryStoryService.js.map +0 -1
  218. package/dist/story-generator/logger.js.map +0 -1
  219. package/dist/story-generator/postProcessStory.js.map +0 -1
  220. package/dist/story-generator/postgresStoryService.d.ts +0 -56
  221. package/dist/story-generator/postgresStoryService.d.ts.map +0 -1
  222. package/dist/story-generator/postgresStoryService.js +0 -240
  223. package/dist/story-generator/productionGitignoreManager.d.ts +0 -91
  224. package/dist/story-generator/productionGitignoreManager.d.ts.map +0 -1
  225. package/dist/story-generator/productionGitignoreManager.js +0 -340
  226. package/dist/story-generator/productionGitignoreManager.js.map +0 -1
  227. package/dist/story-generator/promptGenerator.js.map +0 -1
  228. package/dist/story-generator/providerPresets.d.ts +0 -54
  229. package/dist/story-generator/providerPresets.d.ts.map +0 -1
  230. package/dist/story-generator/providerPresets.js +0 -214
  231. package/dist/story-generator/storyHistory.js.map +0 -1
  232. package/dist/story-generator/storyServiceFactory.d.ts +0 -22
  233. package/dist/story-generator/storyServiceFactory.d.ts.map +0 -1
  234. package/dist/story-generator/storyServiceFactory.js +0 -97
  235. package/dist/story-generator/storyServiceInterface.d.ts +0 -85
  236. package/dist/story-generator/storyServiceInterface.d.ts.map +0 -1
  237. package/dist/story-generator/storyServiceInterface.js +0 -5
  238. package/dist/story-generator/storySync.d.ts +0 -68
  239. package/dist/story-generator/storySync.d.ts.map +0 -1
  240. package/dist/story-generator/storySync.js +0 -201
  241. package/dist/story-generator/storySync.js.map +0 -1
  242. package/dist/story-generator/storyTracker.js.map +0 -1
  243. package/dist/story-generator/storyValidator.js.map +0 -1
  244. package/dist/story-generator/test_validation.d.ts +0 -2
  245. package/dist/story-generator/test_validation.d.ts.map +0 -1
  246. package/dist/story-generator/test_validation.js +0 -51
  247. package/dist/story-generator/universalDesignSystemAdapter.js.map +0 -1
  248. package/dist/story-generator/urlRedirectService.js.map +0 -1
  249. package/dist/story-generator/validateStory.js.map +0 -1
  250. package/dist/story-ui.config.js.map +0 -1
  251. package/dist/story-ui.config.loader.d.ts +0 -36
  252. package/dist/story-ui.config.loader.d.ts.map +0 -1
  253. package/dist/story-ui.config.loader.js +0 -205
  254. package/dist/story-ui.config.loader.js.map +0 -1
  255. package/dist/temp/package/templates/StoryUI/StoryUIPanel.js +0 -807
  256. package/dist/temp/package/templates/StoryUI/StoryUIPanel.stories.js +0 -37
  257. package/dist/temp/package/templates/StoryUI/index.js +0 -2
  258. package/dist/templates/StoryUI/StoryUIPanel.js.map +0 -1
  259. package/dist/templates/StoryUI/StoryUIPanel.stories.js.map +0 -1
  260. package/dist/templates/StoryUI/index.js.map +0 -1
  261. package/dist/templates/StoryUI/manager.d.ts +0 -14
  262. package/dist/templates/StoryUI/manager.d.ts.map +0 -1
  263. package/dist/templates/production-app/src/App.d.ts +0 -10
  264. package/dist/templates/production-app/src/App.d.ts.map +0 -1
  265. package/dist/templates/production-app/src/App.js +0 -653
  266. package/dist/templates/production-app/src/LivePreviewRenderer.d.ts +0 -24
  267. package/dist/templates/production-app/src/LivePreviewRenderer.d.ts.map +0 -1
  268. package/dist/templates/production-app/src/LivePreviewRenderer.js +0 -199
  269. package/dist/templates/production-app/src/componentRegistry.d.ts +0 -20
  270. package/dist/templates/production-app/src/componentRegistry.d.ts.map +0 -1
  271. package/dist/templates/production-app/src/componentRegistry.js +0 -316
  272. package/dist/templates/production-app/src/main.d.ts +0 -9
  273. package/dist/templates/production-app/src/main.d.ts.map +0 -1
  274. package/dist/templates/production-app/src/main.js +0 -18
  275. package/dist/templates/production-app/vite.config.d.ts +0 -3
  276. package/dist/templates/production-app/vite.config.d.ts.map +0 -1
  277. package/dist/templates/production-app/vite.config.js +0 -71
  278. package/dist/test-storybooks/angular-material-storybook/src/main.js +0 -66
  279. package/dist/test-storybooks/chakra-storybook/vite.config.js +0 -6
  280. package/dist/test-storybooks/mantine-storybook/vite.config.js +0 -93
  281. package/dist/test-storybooks/web-components-shoelace/vite.config.js +0 -9
  282. package/dist/tsconfig.tsbuildinfo +0 -1
@@ -1,125 +0,0 @@
1
- export class SessionManager {
2
- constructor() {
3
- this.sessions = new Map();
4
- this.currentStoryId = null;
5
- }
6
- static getInstance() {
7
- if (!SessionManager.instance) {
8
- SessionManager.instance = new SessionManager();
9
- }
10
- return SessionManager.instance;
11
- }
12
- /**
13
- * Track a newly generated story in the current session
14
- */
15
- trackStory(sessionId, story) {
16
- const sessionStories = this.sessions.get(sessionId) || [];
17
- // Extract keywords from prompt and title for smart matching
18
- const keywords = this.extractKeywords(story.prompt + ' ' + story.title);
19
- const sessionStory = {
20
- ...story,
21
- timestamp: new Date(),
22
- keywords
23
- };
24
- sessionStories.push(sessionStory);
25
- this.sessions.set(sessionId, sessionStories);
26
- this.currentStoryId = story.id;
27
- console.error(`[SessionManager] Tracked story: ${story.title} (${story.id}) for session ${sessionId}`);
28
- }
29
- /**
30
- * Get the current story being discussed
31
- */
32
- getCurrentStory(sessionId) {
33
- const stories = this.sessions.get(sessionId) || [];
34
- if (this.currentStoryId) {
35
- return stories.find(s => s.id === this.currentStoryId) || null;
36
- }
37
- // Return the most recent story if no current story is set
38
- return stories[stories.length - 1] || null;
39
- }
40
- /**
41
- * Find a story by context (keywords in the user's message)
42
- */
43
- findStoryByContext(sessionId, userMessage) {
44
- const stories = this.sessions.get(sessionId) || [];
45
- if (stories.length === 0)
46
- return null;
47
- const messageKeywords = this.extractKeywords(userMessage.toLowerCase());
48
- // Score each story based on keyword matches
49
- const scoredStories = stories.map(story => {
50
- const score = story.keywords.filter(keyword => messageKeywords.some(msgKeyword => msgKeyword.includes(keyword) || keyword.includes(msgKeyword))).length;
51
- return { story, score };
52
- });
53
- // Sort by score and recency
54
- scoredStories.sort((a, b) => {
55
- if (a.score !== b.score)
56
- return b.score - a.score;
57
- return b.story.timestamp.getTime() - a.story.timestamp.getTime();
58
- });
59
- // Return the best match if it has any keyword matches
60
- if (scoredStories[0].score > 0) {
61
- this.currentStoryId = scoredStories[0].story.id;
62
- console.error(`[SessionManager] Found story by context: ${scoredStories[0].story.title} (score: ${scoredStories[0].score})`);
63
- return scoredStories[0].story;
64
- }
65
- return null;
66
- }
67
- /**
68
- * Get all stories in the current session
69
- */
70
- getSessionStories(sessionId) {
71
- return this.sessions.get(sessionId) || [];
72
- }
73
- /**
74
- * Set the current story being discussed
75
- */
76
- setCurrentStory(sessionId, storyId) {
77
- const stories = this.sessions.get(sessionId) || [];
78
- if (stories.some(s => s.id === storyId)) {
79
- this.currentStoryId = storyId;
80
- console.error(`[SessionManager] Set current story to: ${storyId}`);
81
- }
82
- }
83
- /**
84
- * Clear session data (for cleanup)
85
- */
86
- clearSession(sessionId) {
87
- this.sessions.delete(sessionId);
88
- if (this.currentStoryId) {
89
- this.currentStoryId = null;
90
- }
91
- }
92
- /**
93
- * Extract meaningful keywords from text
94
- */
95
- extractKeywords(text) {
96
- // Remove common words and extract meaningful terms
97
- const commonWords = new Set([
98
- 'a', 'an', 'the', 'and', 'or', 'but', 'in', 'on', 'at', 'to', 'for',
99
- 'of', 'with', 'by', 'from', 'up', 'about', 'into', 'through', 'during',
100
- 'before', 'after', 'above', 'below', 'between', 'under', 'again', 'further',
101
- 'then', 'once', 'create', 'make', 'generate', 'build', 'add', 'update',
102
- 'component', 'story', 'please', 'should', 'would', 'could'
103
- ]);
104
- const words = text.toLowerCase()
105
- .replace(/[^a-z0-9\s]/g, ' ')
106
- .split(/\s+/)
107
- .filter(word => word.length > 2 && !commonWords.has(word));
108
- // Also extract compound terms (like "toast notification")
109
- const phrases = [];
110
- const importantPhrases = [
111
- 'toast notification', 'banner notification', 'success message',
112
- 'error message', 'warning message', 'info message',
113
- 'dark mode', 'light mode', 'switch', 'toggle', 'button',
114
- 'card', 'alert', 'modal', 'dialog', 'form', 'input',
115
- 'table', 'list', 'grid', 'layout', 'navigation', 'menu'
116
- ];
117
- const lowerText = text.toLowerCase();
118
- for (const phrase of importantPhrases) {
119
- if (lowerText.includes(phrase)) {
120
- phrases.push(phrase);
121
- }
122
- }
123
- return [...new Set([...words, ...phrases])];
124
- }
125
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"sessionManager.js","sourceRoot":"","sources":["../../mcp-server/sessionManager.ts"],"names":[],"mappings":"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"}
@@ -1,6 +0,0 @@
1
- /**
2
- * AIAssistant - Connects to existing Story UI generation and enables visual editing
3
- */
4
- import React from 'react';
5
- export declare const AIAssistant: React.FC;
6
- //# sourceMappingURL=AIAssistant.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AIAssistant.d.ts","sourceRoot":"","sources":["../../../../playground/components/AIAssistant/AIAssistant.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAwC,MAAM,OAAO,CAAC;AAqB7D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAsM/B,CAAC"}
@@ -1,109 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
- /**
3
- * AIAssistant - Connects to existing Story UI generation and enables visual editing
4
- */
5
- import { useState, useCallback, useRef } from 'react';
6
- import { usePlaygroundStore } from '../../store/playgroundStore';
7
- import { StoryParser } from '../../services/StoryParser';
8
- import styles from './AIAssistant.module.css';
9
- // Get the MCP API port (same as StoryUIPanel)
10
- const getApiPort = () => {
11
- const vitePort = import.meta.env?.VITE_STORY_UI_PORT;
12
- if (vitePort)
13
- return String(vitePort);
14
- const windowOverride = window.__STORY_UI_PORT__;
15
- if (windowOverride)
16
- return String(windowOverride);
17
- const mcpOverride = window.STORY_UI_MCP_PORT;
18
- if (mcpOverride)
19
- return String(mcpOverride);
20
- return '4001';
21
- };
22
- const MCP_API = `http://localhost:${getApiPort()}/story-ui/generate`;
23
- export const AIAssistant = () => {
24
- const [prompt, setPrompt] = useState('');
25
- const [isGenerating, setIsGenerating] = useState(false);
26
- const [error, setError] = useState(null);
27
- const [hasGenerated, setHasGenerated] = useState(false);
28
- const textareaRef = useRef(null);
29
- const { setGeneratedStoryCode, setIsParsingStory, setParseError, loadComponentsFromStory, setMode } = usePlaygroundStore();
30
- const parser = useRef(new StoryParser());
31
- // Generate layout using existing Story UI API
32
- const handleGenerate = useCallback(async () => {
33
- if (!prompt.trim() || isGenerating)
34
- return;
35
- setIsGenerating(true);
36
- setError(null);
37
- try {
38
- // Call existing Story UI generation API
39
- const response = await fetch(MCP_API, {
40
- method: 'POST',
41
- headers: { 'Content-Type': 'application/json' },
42
- body: JSON.stringify({
43
- prompt,
44
- // Add hint for playground-optimized generation
45
- conversation: [{
46
- role: 'system',
47
- content: 'Generate a layout with clear component structure suitable for visual editing.'
48
- }, {
49
- role: 'user',
50
- content: prompt
51
- }]
52
- })
53
- });
54
- if (!response.ok) {
55
- throw new Error(`Generation failed: ${response.statusText}`);
56
- }
57
- const data = await response.json();
58
- if (!data.success) {
59
- throw new Error(data.error || 'Story generation failed');
60
- }
61
- // Store the generated code
62
- setGeneratedStoryCode(data.code || data.story);
63
- // Parse the generated story into playground components
64
- setIsParsingStory(true);
65
- const parseResult = await parser.current.parseStoryToComponents(data.code || data.story);
66
- if (parseResult.success) {
67
- loadComponentsFromStory(parseResult.components);
68
- setHasGenerated(true);
69
- // Show any warnings
70
- if (parseResult.warnings && parseResult.warnings.length > 0) {
71
- console.warn('Parse warnings:', parseResult.warnings);
72
- }
73
- }
74
- else {
75
- throw new Error(parseResult.error || 'Failed to parse story');
76
- }
77
- }
78
- catch (err) {
79
- const errorMessage = err instanceof Error ? err.message : 'Unknown error';
80
- setError(errorMessage);
81
- setParseError(errorMessage);
82
- }
83
- finally {
84
- setIsGenerating(false);
85
- setIsParsingStory(false);
86
- }
87
- }, [
88
- prompt,
89
- isGenerating,
90
- setGeneratedStoryCode,
91
- setIsParsingStory,
92
- setParseError,
93
- loadComponentsFromStory
94
- ]);
95
- // Switch to edit mode
96
- const handleEditLayout = useCallback(() => {
97
- setMode('edit');
98
- // Additional edit mode setup could go here
99
- }, [setMode]);
100
- // Handle Enter key
101
- const handleKeyDown = useCallback((e) => {
102
- if (e.key === 'Enter' && e.metaKey) {
103
- e.preventDefault();
104
- handleGenerate();
105
- }
106
- }, [handleGenerate]);
107
- return (_jsxs("div", { className: styles.container, children: [_jsxs("div", { className: styles.section, children: [_jsx("label", { className: styles.label, children: "Describe your layout" }), _jsx("textarea", { ref: textareaRef, className: styles.textarea, value: prompt, onChange: (e) => setPrompt(e.target.value), onKeyDown: handleKeyDown, placeholder: "Create a dashboard with a header, sidebar navigation, and main content area with cards...", rows: 4, disabled: isGenerating }), _jsxs("div", { className: styles.buttonGroup, children: [_jsx("button", { className: `${styles.button} ${styles.primaryButton}`, onClick: handleGenerate, disabled: !prompt.trim() || isGenerating, children: isGenerating ? (_jsxs(_Fragment, { children: [_jsx("span", { className: styles.spinner }), "Generating..."] })) : (_jsxs(_Fragment, { children: [_jsx("span", { className: styles.icon, children: "\u2728" }), "Generate Layout"] })) }), hasGenerated && (_jsxs("button", { className: `${styles.button} ${styles.secondaryButton}`, onClick: handleEditLayout, children: [_jsx("span", { className: styles.icon, children: "\u270F\uFE0F" }), "Edit Layout"] }))] }), error && (_jsxs("div", { className: styles.error, children: [_jsx("span", { className: styles.errorIcon, children: "\u26A0\uFE0F" }), error] }))] }), _jsxs("div", { className: styles.section, children: [_jsx("h3", { className: styles.sectionTitle, children: "Suggestions" }), _jsxs("div", { className: styles.suggestions, children: [_jsx("button", { className: styles.suggestion, onClick: () => setPrompt('Create a blog post layout with header, content, and sidebar'), children: "Blog Layout" }), _jsx("button", { className: styles.suggestion, onClick: () => setPrompt('Build a product card grid with filters'), children: "Product Grid" }), _jsx("button", { className: styles.suggestion, onClick: () => setPrompt('Design a user profile page with stats and activity feed'), children: "Profile Page" }), _jsx("button", { className: styles.suggestion, onClick: () => setPrompt('Create a dashboard with charts and metrics'), children: "Dashboard" })] })] }), _jsxs("div", { className: styles.section, children: [_jsx("h3", { className: styles.sectionTitle, children: "Tips" }), _jsxs("ul", { className: styles.tips, children: [_jsx("li", { children: "Be specific about layout structure and components" }), _jsx("li", { children: "Mention spacing and alignment preferences" }), _jsx("li", { children: "After generation, click \"Edit Layout\" to refine visually" }), _jsx("li", { children: "Use Cmd+Enter to generate quickly" })] })] })] }));
108
- };
109
- //# sourceMappingURL=AIAssistant.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AIAssistant.js","sourceRoot":"","sources":["../../../../playground/components/AIAssistant/AIAssistant.tsx"],"names":[],"mappings":"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"}
@@ -1,166 +0,0 @@
1
- /* AI Assistant styles */
2
-
3
- .container {
4
- padding: 16px;
5
- height: 100%;
6
- overflow-y: auto;
7
- }
8
-
9
- .section {
10
- margin-bottom: 24px;
11
- }
12
-
13
- .label {
14
- display: block;
15
- font-size: 14px;
16
- font-weight: 500;
17
- color: #374151;
18
- margin-bottom: 8px;
19
- }
20
-
21
- .textarea {
22
- width: 100%;
23
- padding: 12px;
24
- border: 1px solid #d1d5db;
25
- border-radius: 8px;
26
- font-size: 14px;
27
- font-family: inherit;
28
- resize: vertical;
29
- transition: border-color 0.2s;
30
- box-sizing: border-box;
31
- }
32
-
33
- .textarea:focus {
34
- outline: none;
35
- border-color: #3b82f6;
36
- box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
37
- }
38
-
39
- .textarea:disabled {
40
- background: #f3f4f6;
41
- cursor: not-allowed;
42
- }
43
-
44
- .buttonGroup {
45
- display: flex;
46
- gap: 8px;
47
- margin-top: 12px;
48
- }
49
-
50
- .button {
51
- flex: 1;
52
- padding: 10px 16px;
53
- border-radius: 8px;
54
- font-size: 14px;
55
- font-weight: 500;
56
- font-family: inherit;
57
- cursor: pointer;
58
- transition: all 0.2s;
59
- display: flex;
60
- align-items: center;
61
- justify-content: center;
62
- gap: 8px;
63
- border: none;
64
- }
65
-
66
- .button:disabled {
67
- opacity: 0.5;
68
- cursor: not-allowed;
69
- }
70
-
71
- .primaryButton {
72
- background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
73
- color: white;
74
- box-shadow: 0 2px 8px rgba(59, 130, 246, 0.2);
75
- }
76
-
77
- .primaryButton:hover:not(:disabled) {
78
- transform: translateY(-1px);
79
- box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
80
- }
81
-
82
- .secondaryButton {
83
- background: white;
84
- color: #3b82f6;
85
- border: 1px solid #3b82f6;
86
- }
87
-
88
- .secondaryButton:hover:not(:disabled) {
89
- background: #eff6ff;
90
- }
91
-
92
- .icon {
93
- font-size: 16px;
94
- }
95
-
96
- .spinner {
97
- width: 14px;
98
- height: 14px;
99
- border: 2px solid rgba(255, 255, 255, 0.3);
100
- border-top-color: white;
101
- border-radius: 50%;
102
- animation: spin 0.6s linear infinite;
103
- }
104
-
105
- @keyframes spin {
106
- to { transform: rotate(360deg); }
107
- }
108
-
109
- .error {
110
- margin-top: 12px;
111
- padding: 12px;
112
- background: #fee2e2;
113
- border: 1px solid #fecaca;
114
- border-radius: 8px;
115
- color: #dc2626;
116
- font-size: 14px;
117
- display: flex;
118
- align-items: flex-start;
119
- gap: 8px;
120
- }
121
-
122
- .errorIcon {
123
- flex-shrink: 0;
124
- }
125
-
126
- .sectionTitle {
127
- font-size: 14px;
128
- font-weight: 600;
129
- color: #1f2937;
130
- margin: 0 0 12px 0;
131
- }
132
-
133
- .suggestions {
134
- display: flex;
135
- flex-wrap: wrap;
136
- gap: 8px;
137
- }
138
-
139
- .suggestion {
140
- padding: 6px 12px;
141
- background: #f3f4f6;
142
- border: 1px solid #e5e7eb;
143
- border-radius: 6px;
144
- font-size: 13px;
145
- color: #4b5563;
146
- cursor: pointer;
147
- transition: all 0.2s;
148
- font-family: inherit;
149
- }
150
-
151
- .suggestion:hover {
152
- background: #e5e7eb;
153
- color: #1f2937;
154
- }
155
-
156
- .tips {
157
- margin: 0;
158
- padding-left: 20px;
159
- color: #6b7280;
160
- font-size: 13px;
161
- line-height: 1.6;
162
- }
163
-
164
- .tips li {
165
- margin-bottom: 6px;
166
- }
@@ -1,9 +0,0 @@
1
- /**
2
- * Canvas - Main rendering surface for visual components
3
- */
4
- import React from 'react';
5
- export interface CanvasProps {
6
- onReady?: () => void;
7
- }
8
- export declare const Canvas: React.FC<CanvasProps>;
9
- //# sourceMappingURL=Canvas.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Canvas.d.ts","sourceRoot":"","sources":["../../../../playground/components/Canvas/Canvas.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA6HxC,CAAC"}
@@ -1,58 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- /**
3
- * Canvas - Main rendering surface for visual components
4
- */
5
- import { useEffect, useRef, useCallback } from 'react';
6
- import { usePlaygroundStore } from '../../store/playgroundStore';
7
- import { DropZone } from '../DropZone/DropZone';
8
- import { DraggableComponent } from './DraggableComponent';
9
- import styles from './Canvas.module.css';
10
- export const Canvas = ({ onReady }) => {
11
- const canvasRef = useRef(null);
12
- const { components, rootId, selectedIds, hoveredId, canvasZoom, canvasOffset, showGrid, gridSize, mode, selectComponent, deselectAll, setHoveredComponent } = usePlaygroundStore();
13
- // Notify when canvas is ready
14
- useEffect(() => {
15
- onReady?.();
16
- }, [onReady]);
17
- // Handle canvas click for deselection
18
- const handleCanvasClick = useCallback((e) => {
19
- // Only deselect if clicking directly on canvas
20
- if (e.target === e.currentTarget) {
21
- deselectAll();
22
- }
23
- }, [deselectAll]);
24
- // Handle keyboard shortcuts
25
- useEffect(() => {
26
- const handleKeyDown = (e) => {
27
- // Delete selected components
28
- if ((e.key === 'Delete' || e.key === 'Backspace') && selectedIds.size > 0) {
29
- e.preventDefault();
30
- // Implementation would go here
31
- }
32
- // Select all
33
- if (e.metaKey && e.key === 'a') {
34
- e.preventDefault();
35
- // Implementation would go here
36
- }
37
- // Deselect all
38
- if (e.key === 'Escape') {
39
- e.preventDefault();
40
- deselectAll();
41
- }
42
- };
43
- window.addEventListener('keydown', handleKeyDown);
44
- return () => window.removeEventListener('keydown', handleKeyDown);
45
- }, [selectedIds, deselectAll]);
46
- // Get root component
47
- const rootComponent = components.get(rootId);
48
- if (!rootComponent) {
49
- return (_jsx("div", { className: styles.canvas, children: _jsxs("div", { className: styles.emptyState, children: [_jsx("p", { children: "No components to display" }), _jsx("p", { className: styles.hint, children: "Use the AI Assistant to generate a layout or drag components from the palette" })] }) }));
50
- }
51
- return (_jsx("div", { ref: canvasRef, className: styles.canvas, onClick: handleCanvasClick, "data-mode": mode, "data-canvas": true, children: _jsxs("div", { className: styles.viewport, style: {
52
- transform: `scale(${canvasZoom}) translate(${canvasOffset.x}px, ${canvasOffset.y}px)`,
53
- transformOrigin: 'top left'
54
- }, children: [showGrid && (_jsx("div", { className: styles.grid, style: {
55
- backgroundSize: `${gridSize}px ${gridSize}px`
56
- } })), _jsx("div", { className: styles.componentContainer, children: _jsx(DropZone, { id: "root-drop-zone", componentId: rootId, accepts: ['all'], showIndicator: mode === 'edit', children: _jsx(DraggableComponent, { component: rootComponent, isRoot: true, isSelected: selectedIds.has(rootId), isHovered: hoveredId === rootId, onSelect: (id) => selectComponent(id), onHover: (id) => setHoveredComponent(id) }) }) }), selectedIds.size > 0 && (_jsx("div", { className: styles.selectionOverlay }))] }) }));
57
- };
58
- //# sourceMappingURL=Canvas.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Canvas.js","sourceRoot":"","sources":["../../../../playground/components/Canvas/Canvas.tsx"],"names":[],"mappings":"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"}