donobu 2.15.0 → 2.16.0

package/dist/apis/FlowsFilesApi.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlowsFilesApi.d.ts","sourceRoot":"","sources":["../../src/apis/FlowsFilesApi.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AAIjF,qBAAa,aAAa;IAEtB,OAAO,CAAC,QAAQ,CAAC,uBAAuB;gBAAvB,uBAAuB,EAAE,uBAAuB;IAGtD,YAAY,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC;IA2BxD,YAAY,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC;CAmEtE"}
+{"version":3,"file":"FlowsFilesApi.d.ts","sourceRoot":"","sources":["../../src/apis/FlowsFilesApi.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AAKjF,qBAAa,aAAa;IAEtB,OAAO,CAAC,QAAQ,CAAC,uBAAuB;gBAAvB,uBAAuB,EAAE,uBAAuB;IAGtD,YAAY,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC;IA6BxD,YAAY,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC;CAmEtE"}

package/dist/apis/FlowsFilesApi.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FlowsFilesApi = void 0;
 const FlowNotFoundException_1 = require("../exceptions/FlowNotFoundException");
 const Logger_1 = require("../utils/Logger");
+const MiscUtils_1 = require("../utils/MiscUtils");
 class FlowsFilesApi {
     constructor(flowsPersistenceFactory) {
         this.flowsPersistenceFactory = flowsPersistenceFactory;
@@ -12,11 +13,13 @@ class FlowsFilesApi {
         const imageId = req.params.imageId;
         for (const flowsPersistence of await this.flowsPersistenceFactory.createPersistenceLayers()) {
             try {
-                const image = await flowsPersistence.getPngScreenShot(flowId, imageId);
+                const image = await flowsPersistence.getScreenShot(flowId, imageId);
                 if (!image) {
                     continue;
                 }
-                res.contentType('image/png');
+                const imageType = MiscUtils_1.MiscUtils.detectImageType(image);
+                const mimeType = `image/${imageType}`;
+                res.contentType(mimeType);
                 res.send(image);
                 return;
             }

package/dist/apis/FlowsFilesApi.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlowsFilesApi.js","sourceRoot":"","sources":["../../src/apis/FlowsFilesApi.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"FlowsFilesApi.js","sourceRoot":"","sources":["../../src/apis/FlowsFilesApi.ts"],"names":[],"mappings":"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"}

package/dist/assets/control-panel.js

@@ -1,4 +1,31 @@
 (() => {
+  if (!window.__donobu) {
+    Object.defineProperty(window, '__donobu', {
+      value: {},
+      enumerable: false,
+      writable: true,
+      configurable: false,
+    });
+  }
+
+  if (!window.__donobu.controlPanelRegistered) {
+    Object.defineProperty(window.__donobu, 'controlPanelRegistered', {
+      value: true,
+      enumerable: false,
+      writable: false,
+      configurable: false,
+    });
+  }
+
+  if (!window.__donobu.nextState) {
+    Object.defineProperty(window.__donobu, 'nextState', {
+      value: null,
+      enumerable: false,
+      writable: true,
+      configurable: false,
+    });
+  }
+
   /**
    * Wait until document.body is available, then call `init()`.
    */
@@ -358,7 +385,7 @@
         isTransitioningToPause = false;
 
         // Expose next state so external script can pick it up
-        window.donobuNextState = 'RESUMING';
+        window.__donobu.nextState = 'RESUMING';
 
         updateButtonStates();
       }
@@ -371,7 +398,7 @@
         isTransitioningToPause = true;
 
         // Expose next state
-        window.donobuNextState = 'PAUSED';
+        window.__donobu.nextState = 'PAUSED';
 
         updateButtonStates();
       }
@@ -384,7 +411,7 @@
         isTransitioningToEnd = true;
 
         // Expose next state
-        window.donobuNextState = 'SUCCESS';
+        window.__donobu.nextState = 'SUCCESS';
 
         updateButtonStates();
       }

package/dist/assets/generated/parameter-schemas.json

@@ -26,6 +26,124 @@
     "additionalProperties": false,
     "required": ["rationale"]
   },
+  "RunAccessibilityTestToolCoreParameters": {
+    "type": "object",
+    "additionalProperties": false,
+    "required": [],
+    "properties": {}
+  },
+  "RunAccessibilityTestToolGptParameters": {
+    "type": "object",
+    "properties": {
+      "rationale": {
+        "description": "The reason why this particular action is being taken. It MUST relate to the overall objective.",
+        "type": "string"
+      }
+    },
+    "additionalProperties": false,
+    "required": ["rationale"]
+  },
+  "ToolParameters": {
+    "anyOf": [
+      {
+        "type": "object",
+        "properties": {
+          "_type": {},
+          "_output": {},
+          "_input": {},
+          "_def": {},
+          "description": {
+            "type": "string"
+          },
+          "~standard": {
+            "description": "The Standard Schema properties interface.",
+            "type": "object",
+            "properties": {
+              "version": {
+                "description": "The version number of the standard.",
+                "type": "number",
+                "const": 1
+              },
+              "vendor": {
+                "description": "The vendor name of the schema library.",
+                "type": "string"
+              },
+              "validate": {
+                "description": "Validates unknown input values.",
+                "type": "object",
+                "additionalProperties": false
+              },
+              "types": {
+                "description": "Inferred types associated with the schema.",
+                "type": "object",
+                "properties": {
+                  "input": {
+                    "description": "The input type of the schema."
+                  },
+                  "output": {
+                    "description": "The output type of the schema."
+                  }
+                },
+                "additionalProperties": false,
+                "required": ["input", "output"]
+              }
+            },
+            "additionalProperties": false,
+            "required": ["validate", "vendor", "version"]
+          },
+          "spa": {
+            "description": "Alias of safeParseAsync",
+            "type": "object",
+            "additionalProperties": false
+          }
+        },
+        "additionalProperties": false,
+        "required": [
+          "_def",
+          "_input",
+          "_output",
+          "_type",
+          "description",
+          "spa",
+          "~standard"
+        ]
+      },
+      {
+        "additionalProperties": false,
+        "type": "object",
+        "properties": {
+          "validate": {
+            "description": "Optional. Validates that the structure of a value matches this schema,\nand returns a typed version of the value if it does.",
+            "type": "object",
+            "additionalProperties": false
+          },
+          "__@validatorSymbol@9578": {
+            "description": "Used to mark validator functions so we can support both Zod and custom schemas.",
+            "type": "boolean",
+            "const": true
+          },
+          "_type": {
+            "description": "Schema type for inference."
+          },
+          "jsonSchema": {
+            "$ref": "#/definitions/JSONSchema7",
+            "description": "The JSON Schema for the schema. It is passed to the providers."
+          },
+          "__@schemaSymbol@9583": {
+            "description": "Used to mark schemas so we can support both Zod and custom schemas.",
+            "type": "boolean",
+            "const": true
+          }
+        },
+        "required": [
+          "__@schemaSymbol@9583",
+          "__@validatorSymbol@9578",
+          "_type",
+          "jsonSchema"
+        ]
+      }
+    ]
+  },
   "ChooseSelectOptionToolCoreParameters": {
     "type": "object",
     "properties": {
@@ -454,23 +572,6 @@
     "additionalProperties": false,
     "required": ["rationale", "url"]
   },
-  "RunAccessibilityTestToolCoreParameters": {
-    "type": "object",
-    "additionalProperties": false,
-    "required": [],
-    "properties": {}
-  },
-  "RunAccessibilityTestToolGptParameters": {
-    "type": "object",
-    "properties": {
-      "rationale": {
-        "description": "The reason why this particular action is being taken. It MUST relate to the overall objective.",
-        "type": "string"
-      }
-    },
-    "additionalProperties": false,
-    "required": ["rationale"]
-  },
   "ScrollPageToolCoreParameters": {
     "type": "object",
     "properties": {

package/dist/assets/generated/version

@@ -1 +1 @@
-1107
+1131

package/dist/assets/interactive-elements-tracker.js

@@ -0,0 +1,351 @@
+// interactive-elements-tracker.js
+(() => {
+  // Store all elements deemed to be interactive
+  const interactiveElements = new Set();
+
+  // Original method references for monkey patching
+  const originalAddEventListener = EventTarget.prototype.addEventListener;
+  const originalRemoveEventListener = EventTarget.prototype.removeEventListener;
+
+  // Events that indicate interactivity
+  const pointerEvents = [
+    'click',
+    'mousedown',
+    'pointerdown',
+    'mouseup',
+    'pointerup',
+    'touchstart',
+    'focus',
+    'blur',
+    'change',
+    'input',
+    'submit',
+  ];
+
+  // Helper function to check if an element is in shadow DOM
+  const isInShadowDOM = (element) => {
+    return (
+      element instanceof Element && element.getRootNode() instanceof ShadowRoot
+    );
+  };
+
+  // Function to check if an element has interactive CSS properties
+  const hasInteractiveStyling = (element) => {
+    if (!(element instanceof Element)) return false;
+
+    try {
+      const computedStyle = window.getComputedStyle(element);
+
+      // Check for style properties that suggest interactivity
+      return (
+        computedStyle.cursor === 'pointer' ||
+        computedStyle.cursor === 'hand' ||
+        element.getAttribute('role') === 'button' ||
+        element.getAttribute('role') === 'link' ||
+        element.getAttribute('aria-haspopup') === 'true' ||
+        element.getAttribute('tabindex') === '0' ||
+        element.getAttribute('contenteditable') === 'true'
+      );
+    } catch (error) {
+      return false; // Handle potential errors in computed style
+    }
+  };
+
+  // Function to check for React-specific attributes that suggest interactivity
+  const hasReactInteractiveProps = (element) => {
+    if (!(element instanceof Element)) return false;
+
+    try {
+      // Check for React event handler attributes and data attributes
+      const reactEventAttrs = [
+        'data-donobu-interactable',
+        'onClick',
+        'onMouseDown',
+        'onMouseUp',
+        'onPointerDown',
+        'onPointerUp',
+        'onTouchStart',
+        'onChange',
+        'onInput',
+        'onFocus',
+        'onBlur',
+        'onSubmit',
+      ];
+
+      // Check for React component CSS classes that suggest interactivity
+      const interactiveClasses = [
+        'cursor-pointer',
+        'hover:bg-', // Common Tailwind hover classes
+        'active:bg-',
+        'focus:outline-',
+        'hover:text-',
+      ];
+
+      // Check for attributes
+      for (const attr of reactEventAttrs) {
+        if (
+          element.hasAttribute(attr) ||
+          element.getAttribute(attr.toLowerCase()) !== null ||
+          (element.dataset && attr in element.dataset)
+        ) {
+          return true;
+        }
+      }
+
+      // Check for class names suggesting interactivity
+      const className = element.className || '';
+      if (typeof className === 'string') {
+        for (const cls of interactiveClasses) {
+          if (className.includes(cls)) {
+            return true;
+          }
+        }
+      }
+
+      return false;
+    } catch (error) {
+      return false; // Handle any potential errors
+    }
+  };
+
+  // Monkey patch addEventListener to track elements with event listeners
+  EventTarget.prototype.addEventListener = function (type, listener, options) {
+    if (pointerEvents.includes(type) && this !== window && this !== document) {
+      interactiveElements.add(this);
+
+      // If this element is in shadow DOM, ensure it's accessible
+      if (isInShadowDOM(this)) {
+        try {
+          const shadowRoot = this.getRootNode();
+          if (shadowRoot.host) {
+            interactiveElements.add(shadowRoot.host);
+          }
+        } catch (error) {
+          // Ignore errors if getRootNode fails
+        }
+      }
+    }
+    return originalAddEventListener.call(this, type, listener, options);
+  };
+
+  // Restore original removeEventListener behavior
+  EventTarget.prototype.removeEventListener = function (
+    type,
+    listener,
+    options,
+  ) {
+    if (pointerEvents.includes(type) && this !== window && this !== document) {
+      interactiveElements.delete(this);
+    }
+    return originalRemoveEventListener.call(this, type, listener, options);
+  };
+
+  // Scan DOM for potentially interactive elements
+  const scanForInteractiveElements = () => {
+    try {
+      // Common interactive element selectors
+      const interactiveSelectors = [
+        'a',
+        'button',
+        'input',
+        'select',
+        'textarea',
+        'summary',
+        '[role="button"]',
+        '[role="link"]',
+        '[role="menuitem"]',
+        '[role="tab"]',
+        '[tabindex]',
+        '[contenteditable="true"]',
+        '[data-donobu-interactable]',
+        '.cursor-pointer',
+      ];
+
+      // Only proceed if document is available
+      if (document && document.body) {
+        // Query for potential interactive elements
+        const potentialElements = document.querySelectorAll(
+          interactiveSelectors.join(','),
+        );
+
+        potentialElements.forEach((element) => {
+          // Add element if it has interactive styling or React props
+          if (
+            hasInteractiveStyling(element) ||
+            hasReactInteractiveProps(element)
+          ) {
+            interactiveElements.add(element);
+          }
+        });
+
+        // Handle shadow DOM
+        document.querySelectorAll('*').forEach((element) => {
+          if (element.shadowRoot) {
+            try {
+              const shadowElements = element.shadowRoot.querySelectorAll(
+                interactiveSelectors.join(','),
+              );
+              shadowElements.forEach((shadowEl) => {
+                if (
+                  hasInteractiveStyling(shadowEl) ||
+                  hasReactInteractiveProps(shadowEl)
+                ) {
+                  interactiveElements.add(shadowEl);
+                  interactiveElements.add(element); // Add the host element as well
+                }
+              });
+            } catch (error) {
+              // Continue if there's an error with a particular shadow root
+            }
+          }
+        });
+      }
+    } catch (error) {
+      console.error('Error scanning for interactive elements:', error);
+    }
+  };
+
+  // Initialize MutationObserver safely
+  let observer = null;
+
+  const initializeMutationObserver = () => {
+    if (!document || !document.body) return;
+
+    try {
+      observer = new MutationObserver((mutations) => {
+        let shouldRescan = false;
+
+        for (const mutation of mutations) {
+          if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
+            shouldRescan = true;
+            break;
+          }
+        }
+
+        if (shouldRescan) {
+          scanForInteractiveElements();
+        }
+      });
+
+      // Start observing the document body
+      observer.observe(document.body, {
+        childList: true,
+        subtree: true,
+      });
+    } catch (error) {
+      console.error('Error initializing MutationObserver:', error);
+    }
+  };
+
+  if (!window.__donobu) {
+    Object.defineProperty(window, '__donobu', {
+      value: {},
+      enumerable: false,
+      writable: true,
+      configurable: false,
+    });
+  }
+
+  // Add components without overwriting the namespace
+  if (!window.__donobu.getInteractiveElements) {
+    Object.defineProperty(window.__donobu, 'getInteractiveElements', {
+      value: () => {
+        // Trigger a scan to ensure we have the latest elements
+        scanForInteractiveElements();
+
+        const allInteractiveElements = [];
+
+        interactiveElements.forEach((element) => {
+          if (element instanceof Element) {
+            allInteractiveElements.push(element);
+
+            // Include shadow DOM elements
+            if (element.shadowRoot) {
+              try {
+                const shadowElements = Array.from(
+                  element.shadowRoot.querySelectorAll('*'),
+                ).filter((el) => interactiveElements.has(el));
+
+                allInteractiveElements.push(...shadowElements);
+              } catch (error) {
+                // Continue if there's an error with a particular shadow element
+              }
+            }
+          }
+        });
+
+        return allInteractiveElements;
+      },
+      enumerable: false,
+      writable: false,
+      configurable: false,
+    });
+  }
+
+  if (!window.__donobu.debugInteractiveElement) {
+    Object.defineProperty(window.__donobu, 'debugInteractiveElement', {
+      value: (element) => {
+        if (!(element instanceof Element)) {
+          return { isInteractive: false, reason: 'Not a DOM element' };
+        }
+
+        const reasons = [];
+
+        if (hasInteractiveStyling(element)) {
+          reasons.push('Has interactive CSS styling');
+        }
+
+        if (hasReactInteractiveProps(element)) {
+          reasons.push('Has React interactive props or classes');
+        }
+
+        // Check common interactive elements
+        if (
+          element.tagName === 'A' ||
+          element.tagName === 'BUTTON' ||
+          element.tagName === 'INPUT' ||
+          element.tagName === 'SELECT'
+        ) {
+          reasons.push(`Is a ${element.tagName} element`);
+        }
+
+        // Check if element has an explicit event listener
+        if (interactiveElements.has(element)) {
+          reasons.push('Has registered event listener');
+        }
+
+        return {
+          isInteractive: reasons.length > 0,
+          reasons: reasons,
+        };
+      },
+      enumerable: false,
+      writable: false,
+      configurable: false,
+    });
+  }
+
+  // Initialize things safely after DOM content is loaded
+  const initialize = () => {
+    scanForInteractiveElements();
+    initializeMutationObserver();
+  };
+
+  // Set up a safer initialization approach
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', initialize);
+  } else {
+    // DOM already ready, initialize now
+    initialize();
+  }
+
+  // Periodically scan for interactive elements (React/SPA behavior)
+  const rescanInterval = 2000; // milliseconds
+  setInterval(() => {
+    try {
+      scanForInteractiveElements();
+    } catch (error) {
+      console.error('Error during periodic scan:', error);
+    }
+  }, rescanInterval);
+})();