@kapeta/local-cluster-service 0.57.0 → 0.58.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [0.58.1](https://github.com/kapetacom/local-cluster-service/compare/v0.58.0...v0.58.1) (2024-07-24)
+
+
+### Bug Fixes
+
+* Make each page its own conversation ([#201](https://github.com/kapetacom/local-cluster-service/issues/201)) ([13173a8](https://github.com/kapetacom/local-cluster-service/commit/13173a8871178dc9c0e00075e829a86095709f8f))
+
+# [0.58.0](https://github.com/kapetacom/local-cluster-service/compare/v0.57.0...v0.58.0) (2024-07-24)
+
+
+### Features
+
+* add /ui/edit endpoint for Page edits ([#200](https://github.com/kapetacom/local-cluster-service/issues/200)) ([9ac81df](https://github.com/kapetacom/local-cluster-service/commit/9ac81dfaa200976a865a9d9387dc6d2ed58891b2))
+
 # [0.57.0](https://github.com/kapetacom/local-cluster-service/compare/v0.56.2...v0.57.0) (2024-07-22)
 
 

package/dist/cjs/src/storm/events.d.ts

@@ -272,6 +272,7 @@ export interface Page {
     content: string;
     path: string;
     method: string;
+    conversationId: string;
 }
 export interface StormEventPage {
     type: 'PAGE';

package/dist/cjs/src/storm/routes.js

@@ -18,9 +18,36 @@ const events_1 = require("./events");
 const event_parser_1 = require("./event-parser");
 const codegen_1 = require("./codegen");
 const assetManager_1 = require("../assetManager");
+const node_uuid_1 = __importDefault(require("node-uuid"));
 const router = (0, express_promise_router_1.default)();
 router.use('/', cors_1.corsHandler);
 router.use('/', stringBody_1.stringBody);
+router.post('/:handle/ui/screen', async (req, res) => {
+    const handle = req.params.handle;
+    try {
+        const conversationId = req.headers[stormClient_1.ConversationIdHeader.toLowerCase()];
+        const aiRequest = JSON.parse(req.stringBody ?? '{}');
+        const screenStream = await stormClient_1.stormClient.createUIPage(aiRequest, conversationId);
+        onRequestAborted(req, res, () => {
+            screenStream.abort();
+        });
+        res.set('Content-Type', 'application/x-ndjson');
+        res.set('Access-Control-Expose-Headers', stormClient_1.ConversationIdHeader);
+        res.set(stormClient_1.ConversationIdHeader, screenStream.getConversationId());
+        screenStream.on('data', (data) => {
+            console.log('Processing screen event', data);
+            sendEvent(res, data);
+        });
+        await waitForStormStream(screenStream);
+        sendDone(res);
+    }
+    catch (err) {
+        sendError(err, res);
+        if (!res.closed) {
+            res.end();
+        }
+    }
+});
 router.post('/:handle/ui', async (req, res) => {
     const handle = req.params.handle;
     try {
@@ -47,6 +74,7 @@ router.post('/:handle/ui', async (req, res) => {
                     }
                     promises[screen.name] = new Promise(async (resolve, reject) => {
                         try {
+                            const innerConversationId = node_uuid_1.default.v4();
                             const screenStream = await stormClient_1.stormClient.createUIPage({
                                 prompt: screen.requirements,
                                 method: screen.method,
@@ -54,8 +82,11 @@ router.post('/:handle/ui', async (req, res) => {
                                 description: screen.requirements,
                                 name: screen.name,
                                 filename: screen.filename,
-                            }, conversationId);
+                            }, innerConversationId);
                             screenStream.on('data', (screenData) => {
+                                if (screenData.type === 'PAGE') {
+                                    screenData.payload.conversationId = innerConversationId;
+                                }
                                 console.log('Processing screen event', screenData);
                                 sendEvent(res, screenData);
                             });
@@ -87,6 +118,38 @@ router.post('/:handle/ui', async (req, res) => {
         }
     }
 });
+router.post('/ui/edit', async (req, res) => {
+    try {
+        const conversationId = req.headers[stormClient_1.ConversationIdHeader.toLowerCase()];
+        const aiRequest = JSON.parse(req.stringBody ?? '{}');
+        const editStream = await stormClient_1.stormClient.editPages(aiRequest.prompt, conversationId);
+        onRequestAborted(req, res, () => {
+            editStream.abort();
+        });
+        res.set('Content-Type', 'application/x-ndjson');
+        res.set('Access-Control-Expose-Headers', stormClient_1.ConversationIdHeader);
+        res.set(stormClient_1.ConversationIdHeader, editStream.getConversationId());
+        editStream.on('data', (data) => {
+            try {
+                sendEvent(res, data);
+            }
+            catch (e) {
+                console.error('Failed to process event', e);
+            }
+        });
+        await waitForStormStream(editStream);
+        if (editStream.isAborted()) {
+            return;
+        }
+        sendDone(res);
+    }
+    catch (err) {
+        sendError(err, res);
+        if (!res.closed) {
+            res.end();
+        }
+    }
+});
 router.post('/:handle/all', async (req, res) => {
     const handle = req.params.handle;
     try {

package/dist/cjs/src/storm/stormClient.d.ts

@@ -1,7 +1,7 @@
 import { ConversationItem, StormFileImplementationPrompt, StormStream, StormUIImplementationPrompt, StormUIListPrompt } from './stream';
 export declare const STORM_ID = "storm";
 export declare const ConversationIdHeader = "Conversation-Id";
-interface UIPagePrompt {
+export interface UIPagePrompt {
     name: string;
     filename: string;
     prompt: string;
@@ -9,6 +9,15 @@ interface UIPagePrompt {
     method: string;
     description: string;
 }
+export interface UIPageEditPrompt {
+    planDescription: string;
+    blockDescription: string;
+    pages: {
+        filename: string;
+        content: string;
+    }[];
+    prompt: string;
+}
 declare class StormClient {
     private readonly _baseUrl;
     constructor();
@@ -18,6 +27,7 @@ declare class StormClient {
     createUIPages(prompt: string, conversationId?: string): Promise<StormStream>;
     createUIUserJourneys(prompt: string, conversationId?: string): Promise<StormStream>;
     createUIPage(prompt: UIPagePrompt, conversationId?: string): Promise<StormStream>;
+    editPages(prompt: UIPageEditPrompt, conversationId?: string): Promise<StormStream>;
     listScreens(prompt: StormUIListPrompt, conversationId?: string): Promise<StormStream>;
     createUIImplementation(prompt: StormUIImplementationPrompt, conversationId?: string): Promise<StormStream>;
     createServiceImplementation(prompt: StormFileImplementationPrompt, conversationId?: string): Promise<StormStream>;

package/dist/cjs/src/storm/stormClient.js

@@ -98,6 +98,12 @@ class StormClient {
             conversationId,
         });
     }
+    editPages(prompt, conversationId) {
+        return this.send('/v2/ui/edit', {
+            prompt: JSON.stringify(prompt),
+            conversationId,
+        });
+    }
     listScreens(prompt, conversationId) {
         return this.send('/v2/ui/list', {
             prompt,

package/dist/esm/src/storm/events.d.ts

@@ -272,6 +272,7 @@ export interface Page {
     content: string;
     path: string;
     method: string;
+    conversationId: string;
 }
 export interface StormEventPage {
     type: 'PAGE';

package/dist/esm/src/storm/routes.js

@@ -18,9 +18,36 @@ const events_1 = require("./events");
 const event_parser_1 = require("./event-parser");
 const codegen_1 = require("./codegen");
 const assetManager_1 = require("../assetManager");
+const node_uuid_1 = __importDefault(require("node-uuid"));
 const router = (0, express_promise_router_1.default)();
 router.use('/', cors_1.corsHandler);
 router.use('/', stringBody_1.stringBody);
+router.post('/:handle/ui/screen', async (req, res) => {
+    const handle = req.params.handle;
+    try {
+        const conversationId = req.headers[stormClient_1.ConversationIdHeader.toLowerCase()];
+        const aiRequest = JSON.parse(req.stringBody ?? '{}');
+        const screenStream = await stormClient_1.stormClient.createUIPage(aiRequest, conversationId);
+        onRequestAborted(req, res, () => {
+            screenStream.abort();
+        });
+        res.set('Content-Type', 'application/x-ndjson');
+        res.set('Access-Control-Expose-Headers', stormClient_1.ConversationIdHeader);
+        res.set(stormClient_1.ConversationIdHeader, screenStream.getConversationId());
+        screenStream.on('data', (data) => {
+            console.log('Processing screen event', data);
+            sendEvent(res, data);
+        });
+        await waitForStormStream(screenStream);
+        sendDone(res);
+    }
+    catch (err) {
+        sendError(err, res);
+        if (!res.closed) {
+            res.end();
+        }
+    }
+});
 router.post('/:handle/ui', async (req, res) => {
     const handle = req.params.handle;
     try {
@@ -47,6 +74,7 @@ router.post('/:handle/ui', async (req, res) => {
                     }
                     promises[screen.name] = new Promise(async (resolve, reject) => {
                         try {
+                            const innerConversationId = node_uuid_1.default.v4();
                             const screenStream = await stormClient_1.stormClient.createUIPage({
                                 prompt: screen.requirements,
                                 method: screen.method,
@@ -54,8 +82,11 @@ router.post('/:handle/ui', async (req, res) => {
                                 description: screen.requirements,
                                 name: screen.name,
                                 filename: screen.filename,
-                            }, conversationId);
+                            }, innerConversationId);
                             screenStream.on('data', (screenData) => {
+                                if (screenData.type === 'PAGE') {
+                                    screenData.payload.conversationId = innerConversationId;
+                                }
                                 console.log('Processing screen event', screenData);
                                 sendEvent(res, screenData);
                             });
@@ -87,6 +118,38 @@ router.post('/:handle/ui', async (req, res) => {
         }
     }
 });
+router.post('/ui/edit', async (req, res) => {
+    try {
+        const conversationId = req.headers[stormClient_1.ConversationIdHeader.toLowerCase()];
+        const aiRequest = JSON.parse(req.stringBody ?? '{}');
+        const editStream = await stormClient_1.stormClient.editPages(aiRequest.prompt, conversationId);
+        onRequestAborted(req, res, () => {
+            editStream.abort();
+        });
+        res.set('Content-Type', 'application/x-ndjson');
+        res.set('Access-Control-Expose-Headers', stormClient_1.ConversationIdHeader);
+        res.set(stormClient_1.ConversationIdHeader, editStream.getConversationId());
+        editStream.on('data', (data) => {
+            try {
+                sendEvent(res, data);
+            }
+            catch (e) {
+                console.error('Failed to process event', e);
+            }
+        });
+        await waitForStormStream(editStream);
+        if (editStream.isAborted()) {
+            return;
+        }
+        sendDone(res);
+    }
+    catch (err) {
+        sendError(err, res);
+        if (!res.closed) {
+            res.end();
+        }
+    }
+});
 router.post('/:handle/all', async (req, res) => {
     const handle = req.params.handle;
     try {

package/dist/esm/src/storm/stormClient.d.ts

@@ -1,7 +1,7 @@
 import { ConversationItem, StormFileImplementationPrompt, StormStream, StormUIImplementationPrompt, StormUIListPrompt } from './stream';
 export declare const STORM_ID = "storm";
 export declare const ConversationIdHeader = "Conversation-Id";
-interface UIPagePrompt {
+export interface UIPagePrompt {
     name: string;
     filename: string;
     prompt: string;
@@ -9,6 +9,15 @@ interface UIPagePrompt {
     method: string;
     description: string;
 }
+export interface UIPageEditPrompt {
+    planDescription: string;
+    blockDescription: string;
+    pages: {
+        filename: string;
+        content: string;
+    }[];
+    prompt: string;
+}
 declare class StormClient {
     private readonly _baseUrl;
     constructor();
@@ -18,6 +27,7 @@ declare class StormClient {
     createUIPages(prompt: string, conversationId?: string): Promise<StormStream>;
     createUIUserJourneys(prompt: string, conversationId?: string): Promise<StormStream>;
     createUIPage(prompt: UIPagePrompt, conversationId?: string): Promise<StormStream>;
+    editPages(prompt: UIPageEditPrompt, conversationId?: string): Promise<StormStream>;
     listScreens(prompt: StormUIListPrompt, conversationId?: string): Promise<StormStream>;
     createUIImplementation(prompt: StormUIImplementationPrompt, conversationId?: string): Promise<StormStream>;
     createServiceImplementation(prompt: StormFileImplementationPrompt, conversationId?: string): Promise<StormStream>;

package/dist/esm/src/storm/stormClient.js

@@ -98,6 +98,12 @@ class StormClient {
             conversationId,
         });
     }
+    editPages(prompt, conversationId) {
+        return this.send('/v2/ui/edit', {
+            prompt: JSON.stringify(prompt),
+            conversationId,
+        });
+    }
     listScreens(prompt, conversationId) {
         return this.send('/v2/ui/list', {
             prompt,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kapeta/local-cluster-service",
-    "version": "0.57.0",
+    "version": "0.58.1",
     "description": "Manages configuration, ports and service discovery for locally running Kapeta systems",
     "type": "commonjs",
     "exports": {

package/src/storm/events.ts

@@ -322,6 +322,7 @@ export interface Page {
     content: string;
     path: string;
     method: string;
+    conversationId: string;
 }
 
 // Event for creating a page

package/src/storm/routes.ts

@@ -12,7 +12,7 @@ import { corsHandler } from '../middleware/cors';
 import { stringBody } from '../middleware/stringBody';
 import { KapetaBodyRequest } from '../types';
 import { StormCodegenRequest, StormContextRequest, StormCreateBlockRequest, StormStream } from './stream';
-import { ConversationIdHeader, stormClient } from './stormClient';
+import { ConversationIdHeader, stormClient, UIPagePrompt, UIPageEditPrompt } from './stormClient';
 import { StormEvent, StormEventPhaseType } from './events';
 import {
     createPhaseEndEvent,
@@ -23,12 +23,46 @@ import {
 } from './event-parser';
 import { StormCodegen } from './codegen';
 import { assetManager } from '../assetManager';
+import uuid from 'node-uuid';
 
 const router = Router();
 
 router.use('/', corsHandler);
 router.use('/', stringBody);
 
+router.post('/:handle/ui/screen', async (req: KapetaBodyRequest, res: Response) => {
+    const handle = req.params.handle as string;
+    try {
+        const conversationId = req.headers[ConversationIdHeader.toLowerCase()] as string | undefined;
+
+        const aiRequest: UIPagePrompt = JSON.parse(req.stringBody ?? '{}');
+
+        const screenStream = await stormClient.createUIPage(aiRequest, conversationId);
+
+        onRequestAborted(req, res, () => {
+            screenStream.abort();
+        });
+
+        res.set('Content-Type', 'application/x-ndjson');
+        res.set('Access-Control-Expose-Headers', ConversationIdHeader);
+        res.set(ConversationIdHeader, screenStream.getConversationId());
+
+        screenStream.on('data', (data: StormEvent) => {
+            console.log('Processing screen event', data);
+            sendEvent(res, data);
+        });
+
+        await waitForStormStream(screenStream);
+
+        sendDone(res);
+    } catch (err: any) {
+        sendError(err, res);
+        if (!res.closed) {
+            res.end();
+        }
+    }
+});
+
 router.post('/:handle/ui', async (req: KapetaBodyRequest, res: Response) => {
     const handle = req.params.handle as string;
     try {
@@ -62,6 +96,7 @@ router.post('/:handle/ui', async (req: KapetaBodyRequest, res: Response) => {
                     }
                     promises[screen.name] = new Promise(async (resolve, reject) => {
                         try {
+                            const innerConversationId = uuid.v4();
                             const screenStream = await stormClient.createUIPage(
                                 {
                                     prompt: screen.requirements,
@@ -71,9 +106,12 @@ router.post('/:handle/ui', async (req: KapetaBodyRequest, res: Response) => {
                                     name: screen.name,
                                     filename: screen.filename,
                                 },
-                                conversationId
+                                innerConversationId
                             );
                             screenStream.on('data', (screenData: StormEvent) => {
+                                if (screenData.type === 'PAGE') {
+                                    screenData.payload.conversationId = innerConversationId;
+                                }
                                 console.log('Processing screen event', screenData);
                                 sendEvent(res, screenData);
                             });
@@ -107,6 +145,45 @@ router.post('/:handle/ui', async (req: KapetaBodyRequest, res: Response) => {
     }
 });
 
+router.post('/ui/edit', async (req: KapetaBodyRequest, res: Response) => {
+    try {
+        const conversationId = req.headers[ConversationIdHeader.toLowerCase()] as string | undefined;
+
+        const aiRequest: StormContextRequest<UIPageEditPrompt> = JSON.parse(req.stringBody ?? '{}');
+
+        const editStream = await stormClient.editPages(aiRequest.prompt, conversationId);
+
+        onRequestAborted(req, res, () => {
+            editStream.abort();
+        });
+
+        res.set('Content-Type', 'application/x-ndjson');
+        res.set('Access-Control-Expose-Headers', ConversationIdHeader);
+        res.set(ConversationIdHeader, editStream.getConversationId());
+
+        editStream.on('data', (data: StormEvent) => {
+            try {
+                sendEvent(res, data);
+            } catch (e) {
+                console.error('Failed to process event', e);
+            }
+        });
+
+        await waitForStormStream(editStream);
+
+        if (editStream.isAborted()) {
+            return;
+        }
+
+        sendDone(res);
+    } catch (err: any) {
+        sendError(err, res);
+        if (!res.closed) {
+            res.end();
+        }
+    }
+});
+
 router.post('/:handle/all', async (req: KapetaBodyRequest, res: Response) => {
     const handle = req.params.handle as string;
 

package/src/storm/stormClient.ts

@@ -20,7 +20,7 @@ export const STORM_ID = 'storm';
 
 export const ConversationIdHeader = 'Conversation-Id';
 
-interface UIPagePrompt {
+export interface UIPagePrompt {
     name: string;
     filename: string;
     prompt: string;
@@ -29,6 +29,16 @@ interface UIPagePrompt {
     description: string;
 }
 
+export interface UIPageEditPrompt {
+    planDescription: string;
+    blockDescription: string;
+    pages: {
+        filename: string;
+        content: string;
+    }[];
+    prompt: string;
+}
+
 class StormClient {
     private readonly _baseUrl: string;
 
@@ -143,6 +153,13 @@ class StormClient {
         });
     }
 
+    public editPages(prompt: UIPageEditPrompt, conversationId?: string) {
+        return this.send('/v2/ui/edit', {
+            prompt: JSON.stringify(prompt),
+            conversationId,
+        });
+    }
+
     public listScreens(prompt: StormUIListPrompt, conversationId?: string) {
         return this.send('/v2/ui/list', {
             prompt,