testeranto 0.177.0 → 0.197.0

package/designs/default-project.json

@@ -0,0 +1,210 @@
+{
+  "version": "6.7.1",
+  "objects": [
+    {
+      "fontSize": 20,
+      "fontWeight": "normal",
+      "fontFamily": "Arial",
+      "fontStyle": "normal",
+      "lineHeight": 1.16,
+      "text": "Double click to edit",
+      "charSpacing": 0,
+      "textAlign": "left",
+      "styles": [],
+      "pathStartOffset": 0,
+      "pathSide": "left",
+      "pathAlign": "baseline",
+      "underline": false,
+      "overline": false,
+      "linethrough": false,
+      "textBackgroundColor": "",
+      "direction": "ltr",
+      "textDecorationThickness": 66.667,
+      "type": "Text",
+      "version": "6.7.1",
+      "originX": "left",
+      "originY": "top",
+      "left": 401.3864,
+      "top": 91.2657,
+      "width": 167.8613,
+      "height": 22.6,
+      "fill": "rgb(0,0,0)",
+      "stroke": null,
+      "strokeWidth": 1,
+      "strokeDashArray": null,
+      "strokeLineCap": "butt",
+      "strokeDashOffset": 0,
+      "strokeLineJoin": "miter",
+      "strokeUniform": false,
+      "strokeMiterLimit": 4,
+      "scaleX": 1.2509,
+      "scaleY": 1.2509,
+      "angle": 0,
+      "flipX": false,
+      "flipY": false,
+      "opacity": 1,
+      "shadow": null,
+      "visible": true,
+      "backgroundColor": "",
+      "fillRule": "nonzero",
+      "paintFirst": "fill",
+      "globalCompositeOperation": "source-over",
+      "skewX": 0,
+      "skewY": 0
+    },
+    {
+      "fontSize": 20,
+      "fontWeight": "normal",
+      "fontFamily": "Arial",
+      "fontStyle": "normal",
+      "lineHeight": 1.16,
+      "text": "Double click to edit",
+      "charSpacing": 0,
+      "textAlign": "left",
+      "styles": [],
+      "pathStartOffset": 0,
+      "pathSide": "left",
+      "pathAlign": "baseline",
+      "underline": false,
+      "overline": false,
+      "linethrough": false,
+      "textBackgroundColor": "",
+      "direction": "ltr",
+      "textDecorationThickness": 66.667,
+      "type": "Text",
+      "version": "6.7.1",
+      "originX": "left",
+      "originY": "top",
+      "left": 403.5925,
+      "top": 498.2463,
+      "width": 167.8613,
+      "height": 22.6,
+      "fill": "rgb(0,0,0)",
+      "stroke": null,
+      "strokeWidth": 1,
+      "strokeDashArray": null,
+      "strokeLineCap": "butt",
+      "strokeDashOffset": 0,
+      "strokeLineJoin": "miter",
+      "strokeUniform": false,
+      "strokeMiterLimit": 4,
+      "scaleX": 1,
+      "scaleY": 1,
+      "angle": 283.1254,
+      "flipX": false,
+      "flipY": false,
+      "opacity": 1,
+      "shadow": null,
+      "visible": true,
+      "backgroundColor": "",
+      "fillRule": "nonzero",
+      "paintFirst": "fill",
+      "globalCompositeOperation": "source-over",
+      "skewX": 0,
+      "skewY": 0
+    },
+    {
+      "fontSize": 20,
+      "fontWeight": "normal",
+      "fontFamily": "Arial",
+      "fontStyle": "normal",
+      "lineHeight": 1.16,
+      "text": "Double click to edit",
+      "charSpacing": 0,
+      "textAlign": "left",
+      "styles": [],
+      "pathStartOffset": 0,
+      "pathSide": "left",
+      "pathAlign": "baseline",
+      "underline": false,
+      "overline": false,
+      "linethrough": false,
+      "textBackgroundColor": "",
+      "direction": "ltr",
+      "textDecorationThickness": 66.667,
+      "type": "Text",
+      "version": "6.7.1",
+      "originX": "left",
+      "originY": "top",
+      "left": 335.8361,
+      "top": 191.1009,
+      "width": 167.8613,
+      "height": 22.6,
+      "fill": "rgb(0,0,0)",
+      "stroke": null,
+      "strokeWidth": 1,
+      "strokeDashArray": null,
+      "strokeLineCap": "butt",
+      "strokeDashOffset": 0,
+      "strokeLineJoin": "miter",
+      "strokeUniform": false,
+      "strokeMiterLimit": 4,
+      "scaleX": 1,
+      "scaleY": 1,
+      "angle": 0,
+      "flipX": false,
+      "flipY": false,
+      "opacity": 1,
+      "shadow": null,
+      "visible": true,
+      "backgroundColor": "",
+      "fillRule": "nonzero",
+      "paintFirst": "fill",
+      "globalCompositeOperation": "source-over",
+      "skewX": 0,
+      "skewY": 0
+    },
+    {
+      "fontSize": 20,
+      "fontWeight": "normal",
+      "fontFamily": "Arial",
+      "fontStyle": "normal",
+      "lineHeight": 1.16,
+      "text": "Double click to edit",
+      "charSpacing": 0,
+      "textAlign": "left",
+      "styles": [],
+      "pathStartOffset": 0,
+      "pathSide": "left",
+      "pathAlign": "baseline",
+      "underline": false,
+      "overline": false,
+      "linethrough": false,
+      "textBackgroundColor": "",
+      "direction": "ltr",
+      "textDecorationThickness": 66.667,
+      "type": "Text",
+      "version": "6.7.1",
+      "originX": "left",
+      "originY": "top",
+      "left": 107.9944,
+      "top": 64.2185,
+      "width": 167.8613,
+      "height": 22.6,
+      "fill": "rgb(0,0,0)",
+      "stroke": null,
+      "strokeWidth": 1,
+      "strokeDashArray": null,
+      "strokeLineCap": "butt",
+      "strokeDashOffset": 0,
+      "strokeLineJoin": "miter",
+      "strokeUniform": false,
+      "strokeMiterLimit": 4,
+      "scaleX": 1,
+      "scaleY": 1,
+      "angle": 0,
+      "flipX": false,
+      "flipY": false,
+      "opacity": 1,
+      "shadow": null,
+      "visible": true,
+      "backgroundColor": "",
+      "fillRule": "nonzero",
+      "paintFirst": "fill",
+      "globalCompositeOperation": "source-over",
+      "skewX": 0,
+      "skewY": 0
+    }
+  ],
+  "background": "#ffffff"
+}

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

@@ -0,0 +1,53 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.App = void 0;
+const react_1 = __importDefault(require("react"));
+const client_1 = __importDefault(require("react-dom/client"));
+const react_router_dom_1 = require("react-router-dom");
+const TestPage_1 = require("./components/stateful/TestPage");
+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,
+            react_1.default.createElement(react_router_dom_1.Routes, null,
+                react_1.default.createElement(react_router_dom_1.Route, { path: "/", element: react_1.default.createElement(ProjectsPage_1.ProjectsPage, null) }),
+                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: "/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
+function initApp() {
+    const rootElement = document.getElementById('root');
+    if (rootElement && window.React && window.ReactDOM) {
+        const root = window.ReactDOM.createRoot(rootElement);
+        root.render(window.React.createElement(exports.App));
+    }
+    else {
+        // Retry if React isn't loaded yet
+        setTimeout(initApp, 100);
+    }
+}
+// Export App to global scope
+if (typeof window !== 'undefined') {
+    window.App = exports.App;
+    window.React = react_1.default;
+    window.ReactDOM = client_1.default;
+}

package/dist/common/src/Node.js

@@ -15,10 +15,7 @@ class NodeTesteranto extends core_js_1.default {
         });
     }
     async receiveTestResourceConfig(partialTestResource) {
-        console.log("receiveTestResourceConfig", partialTestResource);
-        const t = JSON.parse(partialTestResource);
-        const pm = new node_js_1.PM_Node(t, ipcfile);
-        return await this.testJobs[0].receiveTestResourceConfig(pm);
+        return await this.testJobs[0].receiveTestResourceConfig(new node_js_1.PM_Node(JSON.parse(partialTestResource), ipcfile));
     }
 }
 exports.NodeTesteranto = NodeTesteranto;
@@ -31,12 +28,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);
     }
 };