testeranto 0.177.0 → 0.197.0

package/dist/module/design-editor/DesignEditor.js

@@ -0,0 +1,203 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import React, { useState, useEffect, useRef } from 'react';
+import { Canvas, Rect, Circle, Text } from 'fabric';
+import { toPng } from 'html-to-image';
+export const DesignEditor = React.forwardRef(({ projectId }, ref) => {
+    const canvasRef = useRef(null);
+    const [design, setDesign] = useState({
+        objects: [],
+        background: '#ffffff',
+        version: '1.0'
+    });
+    const [collaborators, setCollaborators] = useState([]);
+    const wsRef = useRef(null);
+    // Initialize canvas and WebSocket connection
+    useEffect(() => {
+        const canvas = new Canvas('design-canvas', {
+            width: 800,
+            height: 600
+        });
+        canvas.backgroundColor = design.background;
+        canvasRef.current = canvas;
+        const wsPort = window.location.port ? Number(window.location.port) + 1 : 3001;
+        const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
+        const host = window.location.hostname;
+        wsRef.current = new WebSocket(`${protocol}//${host}:${wsPort}/design?project=${projectId}`);
+        wsRef.current.onmessage = (event) => {
+            const message = JSON.parse(event.data);
+            if (message.type === 'design_update' && canvasRef.current) {
+                canvasRef.current.loadFromJSON(message.data, () => {
+                    var _a;
+                    (_a = canvasRef.current) === null || _a === void 0 ? void 0 : _a.renderAll();
+                });
+            }
+            else if (message.type === 'collaborators_update') {
+                setCollaborators(message.data);
+            }
+        };
+        return () => {
+            var _a;
+            (_a = wsRef.current) === null || _a === void 0 ? void 0 : _a.close();
+            canvas.dispose();
+        };
+    }, [projectId]);
+    const addShape = (shape) => {
+        if (!canvasRef.current)
+            return;
+        let object;
+        switch (shape) {
+            case 'rectangle':
+                object = new Rect({
+                    width: 100,
+                    height: 100,
+                    fill: 'red',
+                    left: 100,
+                    top: 100
+                });
+                break;
+            case 'circle':
+                object = new Circle({
+                    radius: 50,
+                    fill: 'blue',
+                    left: 200,
+                    top: 200
+                });
+                break;
+            case 'text':
+                object = new Text('Double click to edit', {
+                    fontFamily: 'Arial',
+                    fontSize: 20,
+                    left: 100,
+                    top: 300
+                });
+                break;
+            default:
+                return;
+        }
+        canvasRef.current.add(object);
+        canvasRef.current.renderAll();
+    };
+    const saveDesign = () => {
+        if (!canvasRef.current) {
+            console.warn('Canvas ref is null, cannot save design');
+            return null;
+        }
+        try {
+            // Get current canvas state
+            const json = canvasRef.current.toJSON();
+            setDesign(json);
+            // Send update to collaborators
+            if (wsRef.current) {
+                wsRef.current.send(JSON.stringify({
+                    type: 'design_update',
+                    data: json
+                }));
+            }
+            // Force re-render of all objects
+            canvasRef.current.getObjects().forEach(obj => {
+                obj.set('dirty', true);
+            });
+            canvasRef.current.renderAll();
+            console.log('Design saved:', json);
+            return json;
+        }
+        catch (err) {
+            console.error('Error saving design:', err);
+            return null;
+        }
+    };
+    const loadDesign = (design) => {
+        console.log('loadDesign called with:', design);
+        if (!canvasRef.current) {
+            console.warn('Canvas ref is null, cannot load design');
+            return;
+        }
+        try {
+            console.log('Loading design into canvas...');
+            // Clear existing canvas
+            canvasRef.current.clear();
+            // Set background color
+            if (design.background) {
+                canvasRef.current.backgroundColor = design.background;
+            }
+            // Load objects if they exist
+            if (design.objects && design.objects.length > 0) {
+                console.log('Loading objects:', design.objects.length);
+                canvasRef.current.loadFromJSON(design, () => {
+                    var _a, _b;
+                    console.log('Design loaded, rendering canvas...');
+                    // Force re-render of all objects
+                    (_a = canvasRef.current) === null || _a === void 0 ? void 0 : _a.getObjects().forEach(obj => {
+                        obj.set('dirty', true);
+                    });
+                    (_b = canvasRef.current) === null || _b === void 0 ? void 0 : _b.renderAll();
+                    console.log('Canvas rendered with new design');
+                });
+            }
+            else {
+                console.log('No objects to load, rendering empty canvas');
+                canvasRef.current.renderAll();
+            }
+            // Force immediate render
+            canvasRef.current.renderAll();
+        }
+        catch (err) {
+            console.error('Error loading design:', err);
+            if (err instanceof Error) {
+                console.error('Error details:', {
+                    name: err.name,
+                    message: err.message,
+                    stack: err.stack
+                });
+            }
+        }
+    };
+    // Expose methods via ref
+    React.useImperativeHandle(ref, () => ({
+        loadDesign,
+        saveDesign
+    }));
+    const exportAsPNG = async () => {
+        if (!canvasRef.current)
+            return;
+        try {
+            // Store current active object and hide controls
+            const activeObject = canvasRef.current.getActiveObject();
+            if (activeObject) {
+                canvasRef.current.discardActiveObject();
+            }
+            // Render once to clear controls
+            canvasRef.current.renderAll();
+            // Get canvas element and export
+            const canvasElement = document.getElementById('design-canvas');
+            if (!canvasElement)
+                return;
+            const dataUrl = await toPng(canvasElement);
+            const link = document.createElement('a');
+            link.download = `design-${projectId}.png`;
+            link.href = dataUrl;
+            link.click();
+            // Restore active object if there was one
+            if (activeObject) {
+                canvasRef.current.setActiveObject(activeObject);
+                canvasRef.current.renderAll();
+            }
+        }
+        catch (error) {
+            console.error('Error exporting PNG:', error);
+        }
+    };
+    return (React.createElement("div", { className: "design-editor" },
+        React.createElement("div", { className: "toolbar" },
+            React.createElement("button", { onClick: () => addShape('rectangle') }, "Add Rectangle"),
+            React.createElement("button", { onClick: () => addShape('circle') }, "Add Circle"),
+            React.createElement("button", { onClick: () => addShape('text') }, "Add Text"),
+            React.createElement("button", { onClick: exportAsPNG }, "Export PNG")),
+        React.createElement("canvas", { id: "design-canvas" }),
+        React.createElement("div", { className: "collaborators" },
+            React.createElement("h3", null,
+                "Collaborators (",
+                collaborators.length,
+                ")"),
+            React.createElement("ul", null, collaborators.map(user => (React.createElement("li", { key: user.id }, user.name)))))));
+});

package/dist/module/design-editor/index.js

@@ -0,0 +1,2 @@
+export * from './DesignEditor';
+export * from './server';

package/dist/module/design-editor/server.js

@@ -0,0 +1,92 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { WebSocketServer } from "ws";
+import fs from "fs";
+import path from "path";
+const projects = new Map();
+export function startDesignEditorServer(wssPort, httpPort) {
+    const wss = new WebSocketServer({ port: wssPort });
+    wss.on("connection", (ws, req) => {
+        // Create URL from request URL and host header
+        const url = new URL(req.url || "", `http://${req.headers.host}`);
+        const projectId = url.searchParams.get("project") || "default";
+        if (!projects.has(projectId)) {
+            projects.set(projectId, {
+                connections: new Set(),
+                design: loadDesign(projectId),
+            });
+        }
+        const project = projects.get(projectId);
+        project.connections.add(ws);
+        // Send current design to new collaborator
+        ws.send(JSON.stringify({
+            type: "design_update",
+            data: project.design,
+        }));
+        broadcastCollaborators(projectId);
+        ws.on("message", (message) => {
+            const data = JSON.parse(message);
+            if (data.type === "design_update") {
+                project.design = data.data;
+                saveDesign(projectId, data.data);
+                broadcastToProject(projectId, message.toString());
+            }
+        });
+        ws.on("close", (code, reason) => {
+            project.connections.delete(ws);
+            if (project.connections.size === 0) {
+                projects.delete(projectId);
+            }
+            else {
+                broadcastCollaborators(projectId);
+            }
+        });
+    });
+    console.log(`Design editor WebSocket server running on port ${wssPort}`);
+}
+function broadcastToProject(projectId, message) {
+    const project = projects.get(projectId);
+    if (project) {
+        project.connections.forEach((client) => {
+            if (client.readyState === client.OPEN) {
+                client.send(message);
+            }
+        });
+    }
+}
+function broadcastCollaborators(projectId) {
+    const project = projects.get(projectId);
+    if (project) {
+        const collaborators = Array.from(project.connections).map((_, i) => ({
+            id: `user-${i}`,
+            name: `Collaborator ${i + 1}`,
+        }));
+        broadcastToProject(projectId, JSON.stringify({
+            type: "collaborators_update",
+            data: collaborators,
+        }));
+    }
+}
+function loadDesign(projectId) {
+    const designsDir = path.join(process.cwd(), "designs");
+    const filePath = path.join(designsDir, `${projectId}.json`);
+    try {
+        const data = fs.readFileSync(filePath, "utf-8");
+        return JSON.parse(data);
+    }
+    catch (_a) {
+        return {
+            version: "1.0",
+            background: "#ffffff",
+            objects: [],
+        };
+    }
+}
+function saveDesign(projectId, design) {
+    const designsDir = path.join(process.cwd(), "designs");
+    if (!fs.existsSync(designsDir)) {
+        fs.mkdirSync(designsDir, { recursive: true });
+    }
+    const filePath = path.join(designsDir, `${projectId}.json`);
+    fs.writeFileSync(filePath, JSON.stringify(design, null, 2));
+}

package/dist/module/design-editor/types.js

@@ -0,0 +1 @@
+export {};

package/dist/module/src/App.js

@@ -1,28 +1,30 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 import React from 'react';
 import ReactDom from "react-dom/client";
 import { HashRouter as Router, Routes, Route } from 'react-router-dom';
 import { TestPage } from './components/stateful/TestPage';
-import { Container } from 'react-bootstrap';
-import { SettingsButton } from './SettingsButton';
 import { ProjectPage } from './components/stateful/ProjectPage';
 import { ProjectsPage } from './components/stateful/ProjectsPage';
+import { AppFrame } from './components/pure/AppFrame';
+import { FeaturesReporter } from './components/stateful/FeaturesReporter';
+import { DesignEditorPage } from './components/DesignEditorPage';
+import { TextEditorPage } from './components/stateful/TextEditorPage';
+import { ProcessManagerPage } from './components/stateful/ProcessManagerPage';
+import { SingleProcessPage } from './components/stateful/SingleProcessPage';
+import { SettingsPage } from './components/stateful/SettingsPage';
 export const App = () => {
     return (React.createElement(Router, null,
-        React.createElement("div", { className: "d-flex flex-column min-vh-100", key: window.location.pathname },
-            React.createElement("main", { className: "flex-grow-1 p-3" },
-                React.createElement(Container, { fluid: true },
-                    React.createElement(Routes, null,
-                        React.createElement(Route, { path: "/", element: React.createElement(ProjectsPage, null) }),
-                        React.createElement(Route, { path: "/projects/:projectName", element: React.createElement(ProjectPage, null) }),
-                        React.createElement(Route, { path: "/projects/:projectName/tests/*", element: React.createElement(TestPage, null) }),
-                        React.createElement(Route, { path: "/projects/:projectName#:tab", element: React.createElement(ProjectPage, null) })))),
-            React.createElement("footer", { className: "bg-light py-3 d-flex justify-content-between align-items-center" },
-                React.createElement("div", { className: "ms-3" },
-                    React.createElement(SettingsButton, null)),
-                React.createElement(Container, { className: "text-end", fluid: true },
-                    "made with \u2764\uFE0F and ",
-                    React.createElement("a", { href: "https://www.npmjs.com/package/testeranto" }, "testeranto"))))));
+        React.createElement(AppFrame, null,
+            React.createElement(Routes, null,
+                React.createElement(Route, { path: "/", element: React.createElement(ProjectsPage, null) }),
+                React.createElement(Route, { path: "/projects/:projectName", element: React.createElement(ProjectPage, null) }),
+                React.createElement(Route, { path: "/projects/:projectName/tests/*", element: React.createElement(TestPage, null) }),
+                React.createElement(Route, { path: "/projects/:projectName#:tab", element: React.createElement(ProjectPage, null) }),
+                React.createElement(Route, { path: "/features-reporter", element: React.createElement(FeaturesReporter, null) }),
+                React.createElement(Route, { path: "/design-editor", element: React.createElement(DesignEditorPage, null) }),
+                React.createElement(Route, { path: "/text-editor", element: React.createElement(TextEditorPage, null) }),
+                React.createElement(Route, { path: "/processes", element: React.createElement(ProcessManagerPage, null) }),
+                React.createElement(Route, { path: "/processes/:processId", element: React.createElement(SingleProcessPage, null) }),
+                React.createElement(Route, { path: "/settings", element: React.createElement(SettingsPage, null) })))));
 };
 // Export App to global scope
 function initApp() {

package/dist/module/src/Node.js

@@ -9,10 +9,7 @@ export class NodeTesteranto extends Testeranto {
         });
     }
     async receiveTestResourceConfig(partialTestResource) {
-        console.log("receiveTestResourceConfig", partialTestResource);
-        const t = JSON.parse(partialTestResource);
-        const pm = new PM_Node(t, ipcfile);
-        return await this.testJobs[0].receiveTestResourceConfig(pm);
+        return await this.testJobs[0].receiveTestResourceConfig(new PM_Node(JSON.parse(partialTestResource), ipcfile));
     }
 }
 const testeranto = async (input, testSpecification, testImplementation, testAdapter, testResourceRequirement = defaultTestResourceRequirement) => {
@@ -24,12 +21,11 @@ const testeranto = async (input, testSpecification, testImplementation, testAdap
             // t.registerUncaughtPromise(reason, promise);
         });
         ipcfile = process.argv[3];
-        const f = await t.receiveTestResourceConfig(process.argv[2]);
-        console.error("goodbye node with failures", f.fails);
-        process.exit(f.fails);
+        process.exit((await t.receiveTestResourceConfig(process.argv[2])).fails);
     }
     catch (e) {
-        console.error("goodbye node with caught error", e);
+        console.error(e);
+        console.error(e.stack);
         process.exit(-1);
     }
 };

package/dist/module/src/PM/PM_WithEslintAndTsc.js

@@ -4,12 +4,12 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import ts from "typescript";
 import fs from "fs";
-import path from "path";
 import ansiC from "ansi-colors";
 import { ESLint } from "eslint";
 import tsc from "tsc-prog";
-import { lintPather, promptPather, tscPather } from "../utils";
+import { lintPather, tscPather } from "../utils";
 import { PM_Base } from "./base.js";
+import { makePromptInternal } from "../utils/makePrompt";
 const eslint = new ESLint();
 const formatter = await eslint.loadFormatter("./node_modules/testeranto/dist/prebuild/esbuildConfigs/eslint-formatter-testeranto.mjs");
 export class PM_WithEslintAndTsc extends PM_Base {
@@ -85,38 +85,7 @@ export class PM_WithEslintAndTsc extends PM_Base {
             this.lintIsNowDone(entrypoint, results.length);
         };
         this.makePrompt = async (entryPoint, addableFiles, platform) => {
-            this.summary[entryPoint].prompt = "?";
-            const promptPath = promptPather(entryPoint, platform, this.name);
-            const testPaths = path.join("testeranto", "reports", this.name, entryPoint.split(".").slice(0, -1).join("."), platform, `tests.json`);
-            const featuresPath = path.join("testeranto", "reports", this.name, platform, entryPoint.split(".").slice(0, -1).join("."), `featurePrompt.txt`);
-            const logPath = path.join("testeranto", "reports", this.name, entryPoint.split(".").slice(0, -1).join("."), platform, `logs.txt`);
-            const lintPath = path.join("testeranto", "reports", this.name, entryPoint.split(".").slice(0, -1).join("."), platform, `lint_errors.txt`);
-            const typePath = path.join("testeranto", "reports", this.name, entryPoint.split(".").slice(0, -1).join("."), platform, `type_errors.txt`);
-            const messagePath = path.join("testeranto", "reports", this.name, entryPoint.split(".").slice(0, -1).join("."), platform, `message.txt`);
-            fs.writeFileSync(promptPath, `
-${addableFiles
-                .map((x) => {
-                return `/add ${x}`;
-            })
-                .join("\n")}
-
-/read node_modules/testeranto/docs/index.md
-/read node_modules/testeranto/docs/style.md
-/read node_modules/testeranto/docs/testing.ai.txt
-/read node_modules/testeranto/src/CoreTypes.ts
-
-/read ${testPaths}
-/read ${logPath}
-/read ${typePath}
-/read ${lintPath}
-`);
-            fs.writeFileSync(messagePath, `
-Fix the failing tests described in ${testPaths} and ${logPath}. Focus on the bdd tests before all other concerns. You may add any debugging you think is necessary.
-`);
-            this.summary[entryPoint].prompt = `aider --model deepseek/deepseek-chat --load testeranto/${this.name}/reports/${platform}/${entryPoint
-                .split(".")
-                .slice(0, -1)
-                .join(".")}/prompt.txt`;
+            await makePromptInternal(this.summary, this.name, entryPoint, addableFiles, platform);
             this.checkForShutdown();
         };
         this.typeCheckIsRunning = (src) => {
@@ -176,7 +145,14 @@ Fix the failing tests described in ${testPaths} and ${logPath}. Focus on the bdd
             this.checkForShutdown();
         };
         this.writeBigBoard = () => {
-            fs.writeFileSync(`./testeranto/reports/${this.name}/summary.json`, JSON.stringify(this.summary, null, 2));
+            const summaryPath = `./testeranto/reports/${this.name}/summary.json`;
+            const summaryData = JSON.stringify(this.summary, null, 2);
+            fs.writeFileSync(summaryPath, summaryData);
+            // Broadcast the update
+            this.broadcast({
+                type: 'summaryUpdate',
+                data: this.summary
+            });
         };
         this.name = name;
         this.mode = mode;

package/dist/module/src/PM/base.js

@@ -1,3 +1,4 @@
+/* eslint-disable no-async-promise-executor */
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import fs from "fs";
@@ -116,7 +117,6 @@ export class PM_Base {
         const filepath = x[0];
         const contents = x[1];
         const testName = x[2];
-        console.log("writing file", filepath);
         return new Promise(async (res) => {
             fs.mkdirSync(path.dirname(filepath), {
                 recursive: true,