testeranto 0.189.0 → 0.197.0

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

@@ -0,0 +1,239 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DesignEditor = void 0;
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const react_1 = __importStar(require("react"));
+const fabric_1 = require("fabric");
+const html_to_image_1 = require("html-to-image");
+exports.DesignEditor = react_1.default.forwardRef(({ projectId }, ref) => {
+    const canvasRef = (0, react_1.useRef)(null);
+    const [design, setDesign] = (0, react_1.useState)({
+        objects: [],
+        background: '#ffffff',
+        version: '1.0'
+    });
+    const [collaborators, setCollaborators] = (0, react_1.useState)([]);
+    const wsRef = (0, react_1.useRef)(null);
+    // Initialize canvas and WebSocket connection
+    (0, react_1.useEffect)(() => {
+        const canvas = new fabric_1.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 fabric_1.Rect({
+                    width: 100,
+                    height: 100,
+                    fill: 'red',
+                    left: 100,
+                    top: 100
+                });
+                break;
+            case 'circle':
+                object = new fabric_1.Circle({
+                    radius: 50,
+                    fill: 'blue',
+                    left: 200,
+                    top: 200
+                });
+                break;
+            case 'text':
+                object = new fabric_1.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_1.default.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 (0, html_to_image_1.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_1.default.createElement("div", { className: "design-editor" },
+        react_1.default.createElement("div", { className: "toolbar" },
+            react_1.default.createElement("button", { onClick: () => addShape('rectangle') }, "Add Rectangle"),
+            react_1.default.createElement("button", { onClick: () => addShape('circle') }, "Add Circle"),
+            react_1.default.createElement("button", { onClick: () => addShape('text') }, "Add Text"),
+            react_1.default.createElement("button", { onClick: exportAsPNG }, "Export PNG")),
+        react_1.default.createElement("canvas", { id: "design-canvas" }),
+        react_1.default.createElement("div", { className: "collaborators" },
+            react_1.default.createElement("h3", null,
+                "Collaborators (",
+                collaborators.length,
+                ")"),
+            react_1.default.createElement("ul", null, collaborators.map(user => (react_1.default.createElement("li", { key: user.id }, user.name)))))));
+});

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

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./DesignEditor"), exports);
+__exportStar(require("./server"), exports);

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

@@ -0,0 +1,98 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.startDesignEditorServer = startDesignEditorServer;
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const ws_1 = require("ws");
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const projects = new Map();
+function startDesignEditorServer(wssPort, httpPort) {
+    const wss = new ws_1.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_1.default.join(process.cwd(), "designs");
+    const filePath = path_1.default.join(designsDir, `${projectId}.json`);
+    try {
+        const data = fs_1.default.readFileSync(filePath, "utf-8");
+        return JSON.parse(data);
+    }
+    catch (_a) {
+        return {
+            version: "1.0",
+            background: "#ffffff",
+            objects: [],
+        };
+    }
+}
+function saveDesign(projectId, design) {
+    const designsDir = path_1.default.join(process.cwd(), "designs");
+    if (!fs_1.default.existsSync(designsDir)) {
+        fs_1.default.mkdirSync(designsDir, { recursive: true });
+    }
+    const filePath = path_1.default.join(designsDir, `${projectId}.json`);
+    fs_1.default.writeFileSync(filePath, JSON.stringify(design, null, 2));
+}

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/common/src/App.js

@@ -12,6 +12,11 @@ const ProjectPage_1 = require("./components/stateful/ProjectPage");
 const ProjectsPage_1 = require("./components/stateful/ProjectsPage");
 const AppFrame_1 = require("./components/pure/AppFrame");
 const FeaturesReporter_1 = require("./components/stateful/FeaturesReporter");
+const DesignEditorPage_1 = require("./components/DesignEditorPage");
+const TextEditorPage_1 = require("./components/stateful/TextEditorPage");
+const ProcessManagerPage_1 = require("./components/stateful/ProcessManagerPage");
+const SingleProcessPage_1 = require("./components/stateful/SingleProcessPage");
+const SettingsPage_1 = require("./components/stateful/SettingsPage");
 const App = () => {
     return (react_1.default.createElement(react_router_dom_1.HashRouter, null,
         react_1.default.createElement(AppFrame_1.AppFrame, null,
@@ -20,7 +25,12 @@ const App = () => {
                 react_1.default.createElement(react_router_dom_1.Route, { path: "/projects/:projectName", element: react_1.default.createElement(ProjectPage_1.ProjectPage, null) }),
                 react_1.default.createElement(react_router_dom_1.Route, { path: "/projects/:projectName/tests/*", element: react_1.default.createElement(TestPage_1.TestPage, null) }),
                 react_1.default.createElement(react_router_dom_1.Route, { path: "/projects/:projectName#:tab", element: react_1.default.createElement(ProjectPage_1.ProjectPage, null) }),
-                react_1.default.createElement(react_router_dom_1.Route, { path: "/features-reporter", element: react_1.default.createElement(FeaturesReporter_1.FeaturesReporter, null) })))));
+                react_1.default.createElement(react_router_dom_1.Route, { path: "/features-reporter", element: react_1.default.createElement(FeaturesReporter_1.FeaturesReporter, null) }),
+                react_1.default.createElement(react_router_dom_1.Route, { path: "/design-editor", element: react_1.default.createElement(DesignEditorPage_1.DesignEditorPage, null) }),
+                react_1.default.createElement(react_router_dom_1.Route, { path: "/text-editor", element: react_1.default.createElement(TextEditorPage_1.TextEditorPage, null) }),
+                react_1.default.createElement(react_router_dom_1.Route, { path: "/processes", element: react_1.default.createElement(ProcessManagerPage_1.ProcessManagerPage, null) }),
+                react_1.default.createElement(react_router_dom_1.Route, { path: "/processes/:processId", element: react_1.default.createElement(SingleProcessPage_1.SingleProcessPage, null) }),
+                react_1.default.createElement(react_router_dom_1.Route, { path: "/settings", element: react_1.default.createElement(SettingsPage_1.SettingsPage, null) })))));
 };
 exports.App = App;
 // Export App to global scope

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

@@ -151,7 +151,14 @@ class PM_WithEslintAndTsc extends base_js_1.PM_Base {
             this.checkForShutdown();
         };
         this.writeBigBoard = () => {
-            fs_1.default.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_1.default.writeFileSync(summaryPath, summaryData);
+            // Broadcast the update
+            this.broadcast({
+                type: 'summaryUpdate',
+                data: this.summary
+            });
         };
         this.name = name;
         this.mode = mode;

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

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PM_Base = void 0;
+/* eslint-disable no-async-promise-executor */
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 const fs_1 = __importDefault(require("fs"));