frame.simulator 1.0.4 → 1.0.5

package/dist/batch.js

@@ -1,33 +1,7 @@
-"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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Batch = void 0;
-const fs = __importStar(require("fs"));
-const path = __importStar(require("path"));
-const command_1 = require("./command");
-class Batch {
+import * as fs from 'fs';
+import * as path from 'path';
+import { Command } from './command';
+export class Batch {
     constructor(filename, port = 3010) {
         const batchFilePath = path.join(process.cwd(), filename);
         this.filename = batchFilePath;
@@ -172,7 +146,7 @@ class Batch {
                 if (attempt >= 1) {
                     console.log(`Attempt ${attempt}/${retries} to click button: ${testId}`);
                 }
-                const status = await this.sendRequest(command_1.Command.SimulateClick, {
+                const status = await this.sendRequest(Command.SimulateClick, {
                     testId,
                 });
                 if (status !== 'ok') {
@@ -187,7 +161,7 @@ class Batch {
         }
     }
     async selectInput(testId, value) {
-        const status = await this.sendRequest(command_1.Command.SimulateInput, {
+        const status = await this.sendRequest(Command.SimulateInput, {
             testId,
             value,
         });
@@ -197,7 +171,7 @@ class Batch {
     }
     async sampleClickCanvasDrawAt(testId, x, y) {
         console.log(`sampleClickCanvasDrawAt(${x}, ${y})`);
-        await this.sendRequest(command_1.Command.SimulateClickOnCanvas, {
+        await this.sendRequest(Command.SimulateClickOnCanvas, {
             testId,
             x,
             y,
@@ -206,4 +180,3 @@ class Batch {
         await new Promise((resolve) => setTimeout(resolve, 300));
     }
 }
-exports.Batch = Batch;

package/dist/command.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Command = void 0;
-var Command;
+export var Command;
 (function (Command) {
     Command["SimulateClick"] = "SimulateClick";
     Command["SimulateClickOnCanvas"] = "SimulateClickOnCanvas";
     Command["SimulateInput"] = "SimulateInput";
     Command["SimulateCheck"] = "SimulateCheck";
-})(Command || (exports.Command = Command = {}));
+})(Command || (Command = {}));

package/dist/commandHandler.js

@@ -1,19 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCommandHandler = useCommandHandler;
-const command_1 = require("./command");
-const simulator_1 = require("./simulator");
-function useCommandHandler() {
+import { Command } from './command';
+import { Simulator } from './simulator';
+export function useCommandHandler() {
     const handleCommand = async (command, data) => {
-        const simulator = new simulator_1.Simulator();
+        const simulator = new Simulator();
         switch (command) {
-            case command_1.Command.SimulateClick:
+            case Command.SimulateClick:
                 return simulator.simulateClick(data);
-            case command_1.Command.SimulateClickOnCanvas:
+            case Command.SimulateClickOnCanvas:
                 return simulator.simulateClickOnCanvas(data);
-            case command_1.Command.SimulateInput:
+            case Command.SimulateInput:
                 return simulator.simulateInput(data);
-            case command_1.Command.SimulateCheck:
+            case Command.SimulateCheck:
                 return simulator.simulateCheck(data);
             default:
                 console.warn('Unknown command:', command);

package/dist/frame-simulator.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("frame.constants");class o{constructor(){console.log("Simulator initialized")}findHTMLElement(n,i,t){t&&console.log(`${c.green}Simulating ${t} on element with testId: ${n}${c.reset}`);const e=document.querySelector(`[data-testid="${n}"]`);return e?e instanceof i||console.error(`Element found but not a ${i.name} for ${t} simulation: ${n}`):console.error(`Element not found for ${t} simulation: ${n}`),e}simulateClickOnCanvas(n){const{x:i,y:t}=n,e=this.findHTMLElement("canvas.draw",HTMLCanvasElement,"click");if(e){const s=e.getBoundingClientRect(),l=new MouseEvent("click",{clientX:s.left+s.width/2+i,clientY:s.top+s.height/2-t,bubbles:!0});l.isBatch=!0,l.batchX=i,l.batchY=t,e.dispatchEvent(l)}}simulateClick(n){const{testId:i}=n,t=this.findHTMLElement(i,HTMLButtonElement,"click");if(t){const e=new MouseEvent("click",{bubbles:!0});e.isBatch=!0,t.click()}}simulateCheck(n){const{testId:i}=n,t=this.findHTMLElement(i,HTMLInputElement,"check");if(t){const e=new MouseEvent("click",{bubbles:!0});e.isBatch=!0,t.dispatchEvent(e)}}simulateInput(n){const{testId:i,value:t}=n,e=this.findHTMLElement(i,HTMLDivElement,"input");if(e){if(e instanceof HTMLInputElement)return e.value=t.toString(),e.dispatchEvent(new Event("input",{bubbles:!0})),{status:"ok"};if(e instanceof HTMLDivElement){const s=e.firstChild;s instanceof HTMLInputElement&&(s.value=t||"",s.dispatchEvent(new Event("input",{bubbles:!0})))}}}}exports.Simulator=o;

package/dist/frame-simulator.js

@@ -0,0 +1,60 @@
+import { green as c, reset as o } from "frame.constants";
+class r {
+  constructor() {
+    console.log("Simulator initialized");
+  }
+  findHTMLElement(n, i, t) {
+    t && console.log(
+      `${c}Simulating ${t} on element with testId: ${n}${o}`
+    );
+    const e = document.querySelector(`[data-testid="${n}"]`);
+    return e ? e instanceof i || console.error(
+      `Element found but not a ${i.name} for ${t} simulation: ${n}`
+    ) : console.error(`Element not found for ${t} simulation: ${n}`), e;
+  }
+  simulateClickOnCanvas(n) {
+    const { x: i, y: t } = n, e = this.findHTMLElement(
+      "canvas.draw",
+      HTMLCanvasElement,
+      "click"
+    );
+    if (e) {
+      const s = e.getBoundingClientRect(), l = new MouseEvent("click", {
+        clientX: s.left + s.width / 2 + i,
+        // Convert canvas-relative to screen coordinates
+        clientY: s.top + s.height / 2 - t,
+        // Convert canvas-relative to screen coordinates (flip Y)
+        bubbles: !0
+      });
+      l.isBatch = !0, l.batchX = i, l.batchY = t, e.dispatchEvent(l);
+    }
+  }
+  simulateClick(n) {
+    const { testId: i } = n, t = this.findHTMLElement(i, HTMLButtonElement, "click");
+    if (t) {
+      const e = new MouseEvent("click", { bubbles: !0 });
+      e.isBatch = !0, t.click();
+    }
+  }
+  simulateCheck(n) {
+    const { testId: i } = n, t = this.findHTMLElement(i, HTMLInputElement, "check");
+    if (t) {
+      const e = new MouseEvent("click", { bubbles: !0 });
+      e.isBatch = !0, t.dispatchEvent(e);
+    }
+  }
+  simulateInput(n) {
+    const { testId: i, value: t } = n, e = this.findHTMLElement(i, HTMLDivElement, "input");
+    if (e) {
+      if (e instanceof HTMLInputElement)
+        return e.value = t.toString(), e.dispatchEvent(new Event("input", { bubbles: !0 })), { status: "ok" };
+      if (e instanceof HTMLDivElement) {
+        const s = e.firstChild;
+        s instanceof HTMLInputElement && (s.value = t || "", s.dispatchEvent(new Event("input", { bubbles: !0 })));
+      }
+    }
+  }
+}
+export {
+  r as Simulator
+};

package/dist/index.js

@@ -1,11 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Batch = exports.useCommandHandler = exports.Command = exports.Simulator = void 0;
-var simulator_1 = require("./simulator");
-Object.defineProperty(exports, "Simulator", { enumerable: true, get: function () { return simulator_1.Simulator; } });
-var command_1 = require("./command");
-Object.defineProperty(exports, "Command", { enumerable: true, get: function () { return command_1.Command; } });
-var commandHandler_1 = require("./commandHandler");
-Object.defineProperty(exports, "useCommandHandler", { enumerable: true, get: function () { return commandHandler_1.useCommandHandler; } });
-var batch_1 = require("./batch");
-Object.defineProperty(exports, "Batch", { enumerable: true, get: function () { return batch_1.Batch; } });
+export { Simulator } from './simulator';
+export { Command } from './command';
+export { useCommandHandler } from './commandHandler';
+export { Batch } from './batch';

package/dist/main.js

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const batch_1 = require("./batch");
+import { Batch } from './batch';
 async function handleDrawFrame(batch, item, index) {
     const coordinates = item.payload.coordinates;
     console.log(`  Command[${index}]: MainDrawFrame`);
@@ -55,7 +53,7 @@ async function handleCommand(batch, item, index) {
 }
 async function main(batchFile) {
     try {
-        const batch = new batch_1.Batch(batchFile);
+        const batch = new Batch(batchFile);
         await batch.run(handleCommand);
     }
     catch (error) {

package/dist/simulator.js

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Simulator = void 0;
-const frame_constants_1 = require("frame.constants");
-class Simulator {
+import { green, reset } from 'frame.constants';
+export class Simulator {
     constructor() {
         console.log('Simulator initialized');
     }
     findHTMLElement(testId, elementType, type) {
         if (type) {
-            console.log(`${frame_constants_1.green}Simulating ${type} on element with testId: ${testId}${frame_constants_1.reset}`);
+            console.log(`${green}Simulating ${type} on element with testId: ${testId}${reset}`);
         }
         const element = document.querySelector(`[data-testid="${testId}"]`);
         if (element) {
@@ -82,4 +79,3 @@ class Simulator {
         }
     }
 }
-exports.Simulator = Simulator;

package/dist/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["../batch.ts","../command-server.ts","../command.ts","../commandhandler.ts","../index.ts","../main.ts","../simulator.ts","../types.ts"],"version":"5.6.3"}
+{"root":["../batch.ts","../command-server.ts","../command.ts","../commandhandler.ts","../index.ts","../main.ts","../simulator.ts","../types.ts","../vite.config.ts"],"version":"5.6.3"}

package/dist/types.js

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

package/dist/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;

package/dist/vite.config.js

@@ -0,0 +1,21 @@
+import { defineConfig } from 'vite';
+import tsconfigPaths from 'vite-tsconfig-paths';
+export default defineConfig({
+    plugins: [tsconfigPaths()],
+    build: {
+        lib: {
+            entry: './simulator.ts',
+            name: 'FrameSimulator',
+            fileName: 'frame-simulator',
+            formats: ['es', 'cjs'],
+        },
+        rollupOptions: {
+            external: ['frame.constants'],
+            output: {
+                globals: {
+                    'frame.constants': 'frameConstants',
+                },
+            },
+        },
+    },
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frame.simulator",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "A simulator for testing form interactions in a controlled environment.",
   "license": "MIT",
   "type": "module",
@@ -27,6 +27,8 @@
     "cors": "^2.8.5",
     "express": "^5.2.1",
     "frame.constants": "^1.0.5",
-    "tsx": "^4.21.0"
+    "tsx": "^4.21.0",
+    "vite": "^7.3.1",
+    "vite-tsconfig-paths": "^6.1.1"
   }
 }

package/simulator.ts

@@ -1,4 +1,4 @@
-import { green, red, reset } from 'frame.constants';
+import { green, reset } from 'frame.constants';
 import { TClick, TClickOnCanvas, TInput } from './types';
 
 export class Simulator {

package/tsconfig.json

@@ -1,7 +1,8 @@
 {
   "compilerOptions": {
     "target": "ES2020",
-    "module": "commonjs",
+    "module": "ESNext",
+    "moduleResolution": "node",
     "declaration": true,
     "outDir": "dist",
     "strict": true,

package/vite.config.ts

@@ -0,0 +1,22 @@
+import { defineConfig } from 'vite';
+import tsconfigPaths from 'vite-tsconfig-paths';
+
+export default defineConfig({
+  plugins: [tsconfigPaths()],
+  build: {
+    lib: {
+      entry: './simulator.ts',
+      name: 'FrameSimulator',
+      fileName: 'frame-simulator',
+      formats: ['es', 'cjs'],
+    },
+    rollupOptions: {
+      external: ['frame.constants'],
+      output: {
+        globals: {
+          'frame.constants': 'frameConstants',
+        },
+      },
+    },
+  },
+});