@qti-components/portable-custom-interaction 1.0.1

package/dist/qti-portable-custom-test-interaction.js

@@ -0,0 +1,492 @@
+import { QtiPortableCustomInteraction } from './qti-portable-custom-interaction';
+/**
+ * Test-specific extension of QtiPortableCustomInteraction that adds methods
+ * for interacting with the iframe content in tests.
+ */
+export class QtiPortableCustomInteractionTest extends QtiPortableCustomInteraction {
+    #recreatingIframe = false;
+    /**
+     * Gets the HTML content of the iframe for testing purposes
+     * @returns Promise that resolves with the HTML content string
+     */
+    async getIFrameContent() {
+        return new Promise(resolve => {
+            const messageId = `get-content-${Date.now()}`;
+            const messageHandler = (event) => {
+                const { data } = event;
+                if (data?.source === 'qti-pci-iframe' &&
+                    (!data?.responseIdentifier || data?.responseIdentifier === this.responseIdentifier) &&
+                    data?.method === 'getContentResponse' &&
+                    data?.messageId === messageId) {
+                    window.removeEventListener('message', messageHandler);
+                    resolve(data.content);
+                }
+            };
+            window.addEventListener('message', messageHandler);
+            this.sendMessageToIframe('getContent', { messageId });
+            // Set timeout to avoid hanging promises
+            setTimeout(() => {
+                window.removeEventListener('message', messageHandler);
+                resolve('');
+            }, 5000);
+        });
+    }
+    // Expose the protected context
+    setTestContext(newContext) {
+        this.context = newContext;
+        // If needed, force an update to push the context changes to the iframe
+        this.updateComplete.then(() => {
+            // const responseVal = this.responseVariablesToQtiVariableJSON(
+            //   (newContext?.variables?.find(v => v.identifier === this.responseIdentifier)?.value as string | string[]) ||
+            //     null,
+            //   newContext?.variables?.find(v => v.identifier === this.responseIdentifier)?.cardinality || 'single',
+            //   newContext?.variables?.find(v => v.identifier === this.responseIdentifier)?.baseType || 'string'
+            // );
+            this.value = newContext?.variables?.find(v => v.identifier === this.responseIdentifier).value;
+            // this.recreateIframe();
+        });
+    }
+    /**
+     * Recreates the iframe completely
+     * @returns Promise that resolves when the iframe is loaded
+     */
+    async recreateIframe() {
+        this.#recreatingIframe = true;
+        try {
+            // Remove existing iframe if it exists
+            if (this.iframe) {
+                this._iframeLoaded = false;
+                this.iframe.remove();
+            }
+            this._pendingMessages = [];
+            // Create a new iframe
+            this.createIframe();
+            // Wait for iframe to load
+            return new Promise(resolve => {
+                const loadHandler = () => {
+                    this.removeEventListener('qti-portable-custom-interaction-loaded', loadHandler);
+                    resolve();
+                };
+                this.addEventListener('qti-portable-custom-interaction-loaded', loadHandler);
+                // Add timeout to avoid hanging if the event never fires
+                setTimeout(() => {
+                    this.removeEventListener('qti-portable-custom-interaction-loaded', loadHandler);
+                    resolve();
+                }, 5000);
+            });
+        }
+        finally {
+            this.#recreatingIframe = false;
+        }
+    }
+    /**
+     * Override the original disconnectedCallback to handle iframe recreation
+     */
+    disconnectedCallback() {
+        // Only call super if we're not in the process of recreating the iframe
+        // This prevents removing event listeners that we still need
+        if (!this.#recreatingIframe) {
+            super.disconnectedCallback();
+        }
+    }
+    /**
+     * Simulates a mouse click at specific coordinates within the iframe
+     * @param x The x coordinate
+     * @param y The y coordinate
+     * @returns Promise that resolves when the click is performed
+     */
+    async iFrameMouseClick(x, y) {
+        return new Promise(resolve => {
+            const messageId = `click-${Date.now()}`;
+            const messageHandler = (event) => {
+                const { data } = event;
+                if (data?.source === 'qti-pci-iframe' &&
+                    (!data?.responseIdentifier || data?.responseIdentifier === this.responseIdentifier) &&
+                    data?.method === 'clickResponse' &&
+                    data?.messageId === messageId) {
+                    window.removeEventListener('message', messageHandler);
+                    resolve();
+                }
+            };
+            window.addEventListener('message', messageHandler);
+            this.sendMessageToIframe('simulateClick', { x, y, messageId });
+            // Set timeout to avoid hanging promises
+            setTimeout(() => {
+                window.removeEventListener('message', messageHandler);
+                resolve();
+            }, 5000);
+        });
+    }
+    /**
+     * Clicks on an element identified by a CSS selector
+     * @param selector The CSS selector string
+     * @returns Promise that resolves with boolean indicating if the element was found and clicked
+     */
+    async iFrameClickOnElement(selector) {
+        return new Promise(resolve => {
+            const messageId = `click-selector-${Date.now()}`;
+            const messageHandler = (event) => {
+                const { data } = event;
+                if (data?.source === 'qti-pci-iframe' &&
+                    (!data?.responseIdentifier || data?.responseIdentifier === this.responseIdentifier) &&
+                    data?.method === 'clickSelectorResponse' &&
+                    data?.messageId === messageId) {
+                    window.removeEventListener('message', messageHandler);
+                    resolve(data.success);
+                }
+            };
+            window.addEventListener('message', messageHandler);
+            this.sendMessageToIframe('clickOnSelector', { selector, messageId });
+            // Set timeout to avoid hanging promises
+            setTimeout(() => {
+                window.removeEventListener('message', messageHandler);
+                resolve(false);
+            }, 5000);
+        });
+    }
+    /**
+     * Clicks on an element containing the specified text
+     * @param text The text to search for within elements
+     * @returns Promise that resolves with boolean indicating if the element was found and clicked
+     */
+    async iFrameClickOnElementByText(text) {
+        return new Promise(resolve => {
+            const messageId = `click-text-${Date.now()}`;
+            const messageHandler = (event) => {
+                const { data } = event;
+                if (data?.source === 'qti-pci-iframe' &&
+                    (!data?.responseIdentifier || data?.responseIdentifier === this.responseIdentifier) &&
+                    data?.method === 'clickTextResponse' &&
+                    data?.messageId === messageId) {
+                    window.removeEventListener('message', messageHandler);
+                    resolve(data.success);
+                }
+            };
+            window.addEventListener('message', messageHandler);
+            this.sendMessageToIframe('clickOnElementByText', { text, messageId });
+            // Set timeout to avoid hanging promises
+            setTimeout(() => {
+                window.removeEventListener('message', messageHandler);
+                resolve(false);
+            }, 5000);
+        });
+    }
+    /**
+     * Sets the value of an input element identified by a CSS selector
+     * @param selector The CSS selector string
+     * @param value The value to set
+     * @returns Promise that resolves with boolean indicating if the element was found and value was set
+     */
+    async iFrameSetValueElement(selector, value) {
+        return new Promise(resolve => {
+            const messageId = `set-value-${Date.now()}`;
+            const messageHandler = (event) => {
+                const { data } = event;
+                if (data?.source === 'qti-pci-iframe' &&
+                    (!data?.responseIdentifier || data?.responseIdentifier === this.responseIdentifier) &&
+                    data?.method === 'setValueResponse' &&
+                    data?.messageId === messageId) {
+                    window.removeEventListener('message', messageHandler);
+                    resolve(data.success);
+                }
+            };
+            window.addEventListener('message', messageHandler);
+            this.sendMessageToIframe('setValueElement', { selector, value, messageId });
+            // Set timeout to avoid hanging promises
+            setTimeout(() => {
+                window.removeEventListener('message', messageHandler);
+                resolve(false);
+            }, 5000);
+        });
+    }
+    /**
+     * Gets the bounding client rect for an element inside the iframe
+     * @param selector The CSS selector string
+     * @returns Promise that resolves with the rect or null
+     */
+    async iFrameGetBoundingClientRect(selector) {
+        return new Promise(resolve => {
+            const messageId = `get-bounding-rect-${Date.now()}`;
+            const messageHandler = (event) => {
+                const { data } = event;
+                if (data?.source === 'qti-pci-iframe' &&
+                    (!data?.responseIdentifier || data?.responseIdentifier === this.responseIdentifier) &&
+                    data?.method === 'getBoundingRectResponse' &&
+                    data?.messageId === messageId) {
+                    window.removeEventListener('message', messageHandler);
+                    resolve(data.rect ?? null);
+                }
+            };
+            window.addEventListener('message', messageHandler);
+            this.sendMessageToIframe('getBoundingRect', { selector, messageId });
+            setTimeout(() => {
+                window.removeEventListener('message', messageHandler);
+                resolve(null);
+            }, 5000);
+        });
+    }
+    /**
+     * Sets the value of an input element containing the specified text
+     * @param text The text to search for within elements
+     * @param value The value to set
+     * @returns Promise that resolves with boolean indicating if the element was found and value was set
+     */
+    async iFrameSetValueElementByText(text, value) {
+        return new Promise(resolve => {
+            const messageId = `set-value-text-${Date.now()}`;
+            const messageHandler = (event) => {
+                const { data } = event;
+                if (data?.source === 'qti-pci-iframe' &&
+                    (!data?.responseIdentifier || data?.responseIdentifier === this.responseIdentifier) &&
+                    data?.method === 'setValueByTextResponse' &&
+                    data?.messageId === messageId) {
+                    window.removeEventListener('message', messageHandler);
+                    resolve(data.success);
+                }
+            };
+            window.addEventListener('message', messageHandler);
+            this.sendMessageToIframe('setValueElementByText', { text, value, messageId });
+            // Set timeout to avoid hanging promises
+            setTimeout(() => {
+                window.removeEventListener('message', messageHandler);
+                resolve(false);
+            }, 5000);
+        });
+    }
+    /**
+     * Performs a mousedown event on an element identified by a CSS selector
+     * @param selector The CSS selector string
+     * @returns Promise that resolves with boolean indicating if the element was found and mousedown was performed
+     */
+    async iFrameMousedownOnElement(selector) {
+        return new Promise(resolve => {
+            const messageId = `mousedown-selector-${Date.now()}`;
+            const messageHandler = (event) => {
+                const { data } = event;
+                if (data?.source === 'qti-pci-iframe' &&
+                    (!data?.responseIdentifier || data?.responseIdentifier === this.responseIdentifier) &&
+                    data?.method === 'mousedownSelectorResponse' &&
+                    data?.messageId === messageId) {
+                    window.removeEventListener('message', messageHandler);
+                    resolve(data.success);
+                }
+            };
+            window.addEventListener('message', messageHandler);
+            this.sendMessageToIframe('mousedownOnSelector', { selector, messageId });
+            // Set timeout to avoid hanging promises
+            setTimeout(() => {
+                window.removeEventListener('message', messageHandler);
+                resolve(false);
+            }, 5000);
+        });
+    }
+    /**
+     * Override the original generateIframeContent method to include
+     * the test message handlers in the iframe HTML
+     */
+    generateIframeContent() {
+        // Get the original iframe HTML from the parent class
+        const originalContent = super.generateIframeContent();
+        // Insert our test message handlers before the closing </script> tag
+        const testHandlers = `
+    // Test helper functions for QtiPortableCustomInteractionTest
+    // Base iframe implementation already provides PCIManager.getContent
+    
+    // Base iframe implementation already provides PCIManager.simulateClick
+    
+    // Base iframe implementation already provides PCIManager.clickOnSelector
+    
+    // Base iframe implementation already provides PCIManager.clickOnElementByText
+    
+    // Base iframe implementation already provides PCIManager.setValueElement
+    
+    function deepQuerySelector(root, selector) {
+      if (!root) return null;
+      try {
+        const direct = root.querySelector ? root.querySelector(selector) : null;
+        if (direct) return direct;
+      } catch (e) {
+        // ignore invalid selector for this root
+      }
+      if (!root.querySelectorAll) return null;
+      const nodes = root.querySelectorAll('*');
+      for (const node of nodes) {
+        if (node && node.shadowRoot) {
+          const found = deepQuerySelector(node.shadowRoot, selector);
+          if (found) return found;
+        }
+      }
+      return null;
+    }
+
+    function deepFindElementByExactText(root, text) {
+      if (!root || !text) return null;
+      if (root.querySelectorAll) {
+        const nodes = root.querySelectorAll('*');
+        for (const node of nodes) {
+          if ((node.textContent || '').trim() === text) return node;
+          if (node.shadowRoot) {
+            const found = deepFindElementByExactText(node.shadowRoot, text);
+            if (found) return found;
+          }
+        }
+      }
+      return null;
+    }
+
+    function escapeSelectorId(id) {
+      try {
+        if (window.CSS && typeof window.CSS.escape === 'function') return window.CSS.escape(id);
+      } catch (e) {
+        // ignore
+      }
+      return String(id).replace(/([ #;?%&,.+*~\\':"!^$[\\]()=>|\\/])/g, '\\\\$1');
+    }
+
+    PCIManager.setValueElementByText = function(params) {
+      const messageId = params && params.messageId;
+      try {
+        const text = params && params.text;
+        const value = params && params.value;
+
+        const textEl = text ? deepFindElementByExactText(document, text) : null;
+        let target = null;
+
+        if (textEl) {
+          const tag = (textEl.tagName || '').toUpperCase();
+          if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT') {
+            target = textEl;
+          } else if (tag === 'LABEL' && textEl.htmlFor) {
+            const id = escapeSelectorId(textEl.htmlFor);
+            target = deepQuerySelector(document, '#' + id);
+          }
+
+          if (!target) {
+            let parent = textEl.parentElement;
+            while (parent) {
+              const candidate = parent.querySelector ? parent.querySelector('input, textarea, select') : null;
+              if (candidate) {
+                target = candidate;
+                break;
+              }
+              parent = parent.parentElement;
+            }
+          }
+        }
+
+        const success = !!target && setValueOnElement(target, value);
+        window.parent.postMessage(
+          {
+            source: 'qti-pci-iframe',
+            responseIdentifier: PCIManager.responseIdentifier,
+            method: 'setValueByTextResponse',
+            messageId: messageId,
+            success: success
+          },
+          '*'
+        );
+      } catch (error) {
+        console.error('Error setting value by text:', error);
+        window.parent.postMessage(
+          {
+            source: 'qti-pci-iframe',
+            responseIdentifier: PCIManager.responseIdentifier,
+            method: 'setValueByTextResponse',
+            messageId: messageId,
+            success: false,
+            error: error.toString()
+          },
+          '*'
+        );
+      }
+    };
+    
+    PCIManager.mousedownOnSelector = function(params) {
+      try {
+        const element = params && params.selector ? deepQuerySelector(document, params.selector) : null;
+        
+        let success = false;
+        
+        if (element) {
+          const rect = element.getBoundingClientRect();
+          const mousedownEvent = new MouseEvent('mousedown', {
+            bubbles: true,
+            cancelable: true,
+            view: window,
+            clientX: rect.left + rect.width / 2,
+            clientY: rect.top + rect.height / 2
+          });
+          element.dispatchEvent(mousedownEvent);
+          success = true;
+        }
+        
+        window.parent.postMessage({
+          source: 'qti-pci-iframe',
+          responseIdentifier: PCIManager.responseIdentifier,
+          method: 'mousedownSelectorResponse',
+          messageId: params.messageId,
+          success
+        }, '*');
+      } catch (error) {
+        console.error('Error performing mousedown on selector:', error);
+        window.parent.postMessage({
+          source: 'qti-pci-iframe',
+          responseIdentifier: PCIManager.responseIdentifier,
+          method: 'mousedownSelectorResponse',
+          messageId: params.messageId,
+          success: false,
+          error: error.toString()
+        }, '*');
+      }
+    };
+    
+    // Helper function for setting values on elements
+    function setValueOnElement(element, value) {
+      if (element.tagName === 'INPUT' || element.tagName === 'TEXTAREA') {
+        element.value = value;
+        element.dispatchEvent(new Event('input', { bubbles: true }));
+        element.dispatchEvent(new Event('change', { bubbles: true }));
+        return true;
+      } else if (element.tagName === 'SELECT') {
+        element.value = value;
+        element.dispatchEvent(new Event('change', { bubbles: true }));
+        return true;
+      } else if (element.isContentEditable) {
+        element.textContent = value;
+        element.dispatchEvent(new Event('input', { bubbles: true }));
+        return true;
+      }
+      return false;
+    }
+    
+    // Add test-related message handlers (do not override global handlers)
+    let expectedParentOriginTest = null;
+    window.addEventListener(
+      'message',
+      function(event) {
+        const { data } = event;
+
+        if (event.source !== window.parent || !data || data.source !== 'qti-portable-custom-interaction') return;
+        if (expectedParentOriginTest === null) expectedParentOriginTest = event.origin;
+        else if (event.origin !== expectedParentOriginTest) return;
+        if (data.responseIdentifier && data.responseIdentifier !== PCIManager.responseIdentifier) return;
+
+        switch (data.method) {
+          case 'setValueElementByText':
+            PCIManager.setValueElementByText(data.params);
+            return;
+          case 'mousedownOnSelector':
+            PCIManager.mousedownOnSelector(data.params);
+            return;
+        }
+      },
+      true
+    );`;
+        // Find the position to insert our test handlers
+        const insertPosition = originalContent.lastIndexOf('</script>');
+        // Insert our handlers
+        const modifiedContent = originalContent.substring(0, insertPosition) + testHandlers + originalContent.substring(insertPosition);
+        return modifiedContent;
+    }
+}
+//# sourceMappingURL=qti-portable-custom-test-interaction.js.map

package/dist/qti-portable-custom-test-interaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qti-portable-custom-test-interaction.js","sourceRoot":"","sources":["../src/qti-portable-custom-test-interaction.ts"],"names":[],"mappings":"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","sourcesContent":["import { QtiPortableCustomInteraction } from './qti-portable-custom-interaction';\n\nimport type { ItemContext } from '@qti-components/base';\n\n/**\n * Test-specific extension of QtiPortableCustomInteraction that adds methods\n * for interacting with the iframe content in tests.\n */\nexport class QtiPortableCustomInteractionTest extends QtiPortableCustomInteraction {\n  #recreatingIframe = false;\n\n  /**\n   * Gets the HTML content of the iframe for testing purposes\n   * @returns Promise that resolves with the HTML content string\n   */\n  async getIFrameContent(): Promise<string> {\n    return new Promise(resolve => {\n      const messageId = `get-content-${Date.now()}`;\n\n      const messageHandler = (event: MessageEvent) => {\n        const { data } = event;\n        if (\n          data?.source === 'qti-pci-iframe' &&\n          (!data?.responseIdentifier || data?.responseIdentifier === this.responseIdentifier) &&\n          data?.method === 'getContentResponse' &&\n          data?.messageId === messageId\n        ) {\n          window.removeEventListener('message', messageHandler);\n          resolve(data.content);\n        }\n      };\n\n      window.addEventListener('message', messageHandler);\n\n      this.sendMessageToIframe('getContent', { messageId });\n\n      // Set timeout to avoid hanging promises\n      setTimeout(() => {\n        window.removeEventListener('message', messageHandler);\n        resolve('');\n      }, 5000);\n    });\n  }\n\n  // Expose the protected context\n  public setTestContext(newContext: ItemContext): void {\n    this.context = newContext;\n\n    // If needed, force an update to push the context changes to the iframe\n    this.updateComplete.then(() => {\n      // const responseVal = this.responseVariablesToQtiVariableJSON(\n      //   (newContext?.variables?.find(v => v.identifier === this.responseIdentifier)?.value as string | string[]) ||\n      //     null,\n      //   newContext?.variables?.find(v => v.identifier === this.responseIdentifier)?.cardinality || 'single',\n      //   newContext?.variables?.find(v => v.identifier === this.responseIdentifier)?.baseType || 'string'\n      // );\n      this.value = newContext?.variables?.find(v => v.identifier === this.responseIdentifier).value as string;\n      // this.recreateIframe();\n    });\n  }\n\n  /**\n   * Recreates the iframe completely\n   * @returns Promise that resolves when the iframe is loaded\n   */\n  public async recreateIframe(): Promise<void> {\n    this.#recreatingIframe = true;\n\n    try {\n      // Remove existing iframe if it exists\n      if (this.iframe) {\n        this._iframeLoaded = false;\n        this.iframe.remove();\n      }\n\n      this._pendingMessages = [];\n\n      // Create a new iframe\n      this.createIframe();\n\n      // Wait for iframe to load\n      return new Promise<void>(resolve => {\n        const loadHandler = () => {\n          this.removeEventListener('qti-portable-custom-interaction-loaded', loadHandler);\n          resolve();\n        };\n\n        this.addEventListener('qti-portable-custom-interaction-loaded', loadHandler);\n\n        // Add timeout to avoid hanging if the event never fires\n        setTimeout(() => {\n          this.removeEventListener('qti-portable-custom-interaction-loaded', loadHandler);\n          resolve();\n        }, 5000);\n      });\n    } finally {\n      this.#recreatingIframe = false;\n    }\n  }\n\n  /**\n   * Override the original disconnectedCallback to handle iframe recreation\n   */\n  override disconnectedCallback(): void {\n    // Only call super if we're not in the process of recreating the iframe\n    // This prevents removing event listeners that we still need\n    if (!this.#recreatingIframe) {\n      super.disconnectedCallback();\n    }\n  }\n\n  /**\n   * Simulates a mouse click at specific coordinates within the iframe\n   * @param x The x coordinate\n   * @param y The y coordinate\n   * @returns Promise that resolves when the click is performed\n   */\n  async iFrameMouseClick(x: number, y: number): Promise<void> {\n    return new Promise(resolve => {\n      const messageId = `click-${Date.now()}`;\n\n      const messageHandler = (event: MessageEvent) => {\n        const { data } = event;\n        if (\n          data?.source === 'qti-pci-iframe' &&\n          (!data?.responseIdentifier || data?.responseIdentifier === this.responseIdentifier) &&\n          data?.method === 'clickResponse' &&\n          data?.messageId === messageId\n        ) {\n          window.removeEventListener('message', messageHandler);\n          resolve();\n        }\n      };\n\n      window.addEventListener('message', messageHandler);\n\n      this.sendMessageToIframe('simulateClick', { x, y, messageId });\n\n      // Set timeout to avoid hanging promises\n      setTimeout(() => {\n        window.removeEventListener('message', messageHandler);\n        resolve();\n      }, 5000);\n    });\n  }\n\n  /**\n   * Clicks on an element identified by a CSS selector\n   * @param selector The CSS selector string\n   * @returns Promise that resolves with boolean indicating if the element was found and clicked\n   */\n  async iFrameClickOnElement(selector: string): Promise<boolean> {\n    return new Promise(resolve => {\n      const messageId = `click-selector-${Date.now()}`;\n\n      const messageHandler = (event: MessageEvent) => {\n        const { data } = event;\n        if (\n          data?.source === 'qti-pci-iframe' &&\n          (!data?.responseIdentifier || data?.responseIdentifier === this.responseIdentifier) &&\n          data?.method === 'clickSelectorResponse' &&\n          data?.messageId === messageId\n        ) {\n          window.removeEventListener('message', messageHandler);\n          resolve(data.success);\n        }\n      };\n\n      window.addEventListener('message', messageHandler);\n\n      this.sendMessageToIframe('clickOnSelector', { selector, messageId });\n\n      // Set timeout to avoid hanging promises\n      setTimeout(() => {\n        window.removeEventListener('message', messageHandler);\n        resolve(false);\n      }, 5000);\n    });\n  }\n\n  /**\n   * Clicks on an element containing the specified text\n   * @param text The text to search for within elements\n   * @returns Promise that resolves with boolean indicating if the element was found and clicked\n   */\n  async iFrameClickOnElementByText(text: string): Promise<boolean> {\n    return new Promise(resolve => {\n      const messageId = `click-text-${Date.now()}`;\n\n      const messageHandler = (event: MessageEvent) => {\n        const { data } = event;\n        if (\n          data?.source === 'qti-pci-iframe' &&\n          (!data?.responseIdentifier || data?.responseIdentifier === this.responseIdentifier) &&\n          data?.method === 'clickTextResponse' &&\n          data?.messageId === messageId\n        ) {\n          window.removeEventListener('message', messageHandler);\n          resolve(data.success);\n        }\n      };\n\n      window.addEventListener('message', messageHandler);\n\n      this.sendMessageToIframe('clickOnElementByText', { text, messageId });\n\n      // Set timeout to avoid hanging promises\n      setTimeout(() => {\n        window.removeEventListener('message', messageHandler);\n        resolve(false);\n      }, 5000);\n    });\n  }\n\n  /**\n   * Sets the value of an input element identified by a CSS selector\n   * @param selector The CSS selector string\n   * @param value The value to set\n   * @returns Promise that resolves with boolean indicating if the element was found and value was set\n   */\n  async iFrameSetValueElement(selector: string, value: string): Promise<boolean> {\n    return new Promise(resolve => {\n      const messageId = `set-value-${Date.now()}`;\n\n      const messageHandler = (event: MessageEvent) => {\n        const { data } = event;\n        if (\n          data?.source === 'qti-pci-iframe' &&\n          (!data?.responseIdentifier || data?.responseIdentifier === this.responseIdentifier) &&\n          data?.method === 'setValueResponse' &&\n          data?.messageId === messageId\n        ) {\n          window.removeEventListener('message', messageHandler);\n          resolve(data.success);\n        }\n      };\n\n      window.addEventListener('message', messageHandler);\n\n      this.sendMessageToIframe('setValueElement', { selector, value, messageId });\n\n      // Set timeout to avoid hanging promises\n      setTimeout(() => {\n        window.removeEventListener('message', messageHandler);\n        resolve(false);\n      }, 5000);\n    });\n  }\n\n  /**\n   * Gets the bounding client rect for an element inside the iframe\n   * @param selector The CSS selector string\n   * @returns Promise that resolves with the rect or null\n   */\n  async iFrameGetBoundingClientRect(\n    selector: string\n  ): Promise<{ left: number; top: number; width: number; height: number } | null> {\n    return new Promise(resolve => {\n      const messageId = `get-bounding-rect-${Date.now()}`;\n\n      const messageHandler = (event: MessageEvent) => {\n        const { data } = event;\n        if (\n          data?.source === 'qti-pci-iframe' &&\n          (!data?.responseIdentifier || data?.responseIdentifier === this.responseIdentifier) &&\n          data?.method === 'getBoundingRectResponse' &&\n          data?.messageId === messageId\n        ) {\n          window.removeEventListener('message', messageHandler);\n          resolve(data.rect ?? null);\n        }\n      };\n\n      window.addEventListener('message', messageHandler);\n\n      this.sendMessageToIframe('getBoundingRect', { selector, messageId });\n\n      setTimeout(() => {\n        window.removeEventListener('message', messageHandler);\n        resolve(null);\n      }, 5000);\n    });\n  }\n\n  /**\n   * Sets the value of an input element containing the specified text\n   * @param text The text to search for within elements\n   * @param value The value to set\n   * @returns Promise that resolves with boolean indicating if the element was found and value was set\n   */\n  async iFrameSetValueElementByText(text: string, value: string): Promise<boolean> {\n    return new Promise(resolve => {\n      const messageId = `set-value-text-${Date.now()}`;\n\n      const messageHandler = (event: MessageEvent) => {\n        const { data } = event;\n        if (\n          data?.source === 'qti-pci-iframe' &&\n          (!data?.responseIdentifier || data?.responseIdentifier === this.responseIdentifier) &&\n          data?.method === 'setValueByTextResponse' &&\n          data?.messageId === messageId\n        ) {\n          window.removeEventListener('message', messageHandler);\n          resolve(data.success);\n        }\n      };\n\n      window.addEventListener('message', messageHandler);\n\n      this.sendMessageToIframe('setValueElementByText', { text, value, messageId });\n\n      // Set timeout to avoid hanging promises\n      setTimeout(() => {\n        window.removeEventListener('message', messageHandler);\n        resolve(false);\n      }, 5000);\n    });\n  }\n\n  /**\n   * Performs a mousedown event on an element identified by a CSS selector\n   * @param selector The CSS selector string\n   * @returns Promise that resolves with boolean indicating if the element was found and mousedown was performed\n   */\n  async iFrameMousedownOnElement(selector: string): Promise<boolean> {\n    return new Promise(resolve => {\n      const messageId = `mousedown-selector-${Date.now()}`;\n\n      const messageHandler = (event: MessageEvent) => {\n        const { data } = event;\n        if (\n          data?.source === 'qti-pci-iframe' &&\n          (!data?.responseIdentifier || data?.responseIdentifier === this.responseIdentifier) &&\n          data?.method === 'mousedownSelectorResponse' &&\n          data?.messageId === messageId\n        ) {\n          window.removeEventListener('message', messageHandler);\n          resolve(data.success);\n        }\n      };\n\n      window.addEventListener('message', messageHandler);\n\n      this.sendMessageToIframe('mousedownOnSelector', { selector, messageId });\n\n      // Set timeout to avoid hanging promises\n      setTimeout(() => {\n        window.removeEventListener('message', messageHandler);\n        resolve(false);\n      }, 5000);\n    });\n  }\n\n  /**\n   * Override the original generateIframeContent method to include\n   * the test message handlers in the iframe HTML\n   */\n  override generateIframeContent(): string {\n    // Get the original iframe HTML from the parent class\n    const originalContent = super.generateIframeContent();\n\n    // Insert our test message handlers before the closing </script> tag\n    const testHandlers = `\n    // Test helper functions for QtiPortableCustomInteractionTest\n    // Base iframe implementation already provides PCIManager.getContent\n    \n    // Base iframe implementation already provides PCIManager.simulateClick\n    \n    // Base iframe implementation already provides PCIManager.clickOnSelector\n    \n    // Base iframe implementation already provides PCIManager.clickOnElementByText\n    \n    // Base iframe implementation already provides PCIManager.setValueElement\n    \n    function deepQuerySelector(root, selector) {\n      if (!root) return null;\n      try {\n        const direct = root.querySelector ? root.querySelector(selector) : null;\n        if (direct) return direct;\n      } catch (e) {\n        // ignore invalid selector for this root\n      }\n      if (!root.querySelectorAll) return null;\n      const nodes = root.querySelectorAll('*');\n      for (const node of nodes) {\n        if (node && node.shadowRoot) {\n          const found = deepQuerySelector(node.shadowRoot, selector);\n          if (found) return found;\n        }\n      }\n      return null;\n    }\n\n    function deepFindElementByExactText(root, text) {\n      if (!root || !text) return null;\n      if (root.querySelectorAll) {\n        const nodes = root.querySelectorAll('*');\n        for (const node of nodes) {\n          if ((node.textContent || '').trim() === text) return node;\n          if (node.shadowRoot) {\n            const found = deepFindElementByExactText(node.shadowRoot, text);\n            if (found) return found;\n          }\n        }\n      }\n      return null;\n    }\n\n    function escapeSelectorId(id) {\n      try {\n        if (window.CSS && typeof window.CSS.escape === 'function') return window.CSS.escape(id);\n      } catch (e) {\n        // ignore\n      }\n      return String(id).replace(/([ #;?%&,.+*~\\\\':\"!^$[\\\\]()=>|\\\\/])/g, '\\\\\\\\$1');\n    }\n\n    PCIManager.setValueElementByText = function(params) {\n      const messageId = params && params.messageId;\n      try {\n        const text = params && params.text;\n        const value = params && params.value;\n\n        const textEl = text ? deepFindElementByExactText(document, text) : null;\n        let target = null;\n\n        if (textEl) {\n          const tag = (textEl.tagName || '').toUpperCase();\n          if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT') {\n            target = textEl;\n          } else if (tag === 'LABEL' && textEl.htmlFor) {\n            const id = escapeSelectorId(textEl.htmlFor);\n            target = deepQuerySelector(document, '#' + id);\n          }\n\n          if (!target) {\n            let parent = textEl.parentElement;\n            while (parent) {\n              const candidate = parent.querySelector ? parent.querySelector('input, textarea, select') : null;\n              if (candidate) {\n                target = candidate;\n                break;\n              }\n              parent = parent.parentElement;\n            }\n          }\n        }\n\n        const success = !!target && setValueOnElement(target, value);\n        window.parent.postMessage(\n          {\n            source: 'qti-pci-iframe',\n            responseIdentifier: PCIManager.responseIdentifier,\n            method: 'setValueByTextResponse',\n            messageId: messageId,\n            success: success\n          },\n          '*'\n        );\n      } catch (error) {\n        console.error('Error setting value by text:', error);\n        window.parent.postMessage(\n          {\n            source: 'qti-pci-iframe',\n            responseIdentifier: PCIManager.responseIdentifier,\n            method: 'setValueByTextResponse',\n            messageId: messageId,\n            success: false,\n            error: error.toString()\n          },\n          '*'\n        );\n      }\n    };\n    \n    PCIManager.mousedownOnSelector = function(params) {\n      try {\n        const element = params && params.selector ? deepQuerySelector(document, params.selector) : null;\n        \n        let success = false;\n        \n        if (element) {\n          const rect = element.getBoundingClientRect();\n          const mousedownEvent = new MouseEvent('mousedown', {\n            bubbles: true,\n            cancelable: true,\n            view: window,\n            clientX: rect.left + rect.width / 2,\n            clientY: rect.top + rect.height / 2\n          });\n          element.dispatchEvent(mousedownEvent);\n          success = true;\n        }\n        \n        window.parent.postMessage({\n          source: 'qti-pci-iframe',\n          responseIdentifier: PCIManager.responseIdentifier,\n          method: 'mousedownSelectorResponse',\n          messageId: params.messageId,\n          success\n        }, '*');\n      } catch (error) {\n        console.error('Error performing mousedown on selector:', error);\n        window.parent.postMessage({\n          source: 'qti-pci-iframe',\n          responseIdentifier: PCIManager.responseIdentifier,\n          method: 'mousedownSelectorResponse',\n          messageId: params.messageId,\n          success: false,\n          error: error.toString()\n        }, '*');\n      }\n    };\n    \n    // Helper function for setting values on elements\n    function setValueOnElement(element, value) {\n      if (element.tagName === 'INPUT' || element.tagName === 'TEXTAREA') {\n        element.value = value;\n        element.dispatchEvent(new Event('input', { bubbles: true }));\n        element.dispatchEvent(new Event('change', { bubbles: true }));\n        return true;\n      } else if (element.tagName === 'SELECT') {\n        element.value = value;\n        element.dispatchEvent(new Event('change', { bubbles: true }));\n        return true;\n      } else if (element.isContentEditable) {\n        element.textContent = value;\n        element.dispatchEvent(new Event('input', { bubbles: true }));\n        return true;\n      }\n      return false;\n    }\n    \n    // Add test-related message handlers (do not override global handlers)\n    let expectedParentOriginTest = null;\n    window.addEventListener(\n      'message',\n      function(event) {\n        const { data } = event;\n\n        if (event.source !== window.parent || !data || data.source !== 'qti-portable-custom-interaction') return;\n        if (expectedParentOriginTest === null) expectedParentOriginTest = event.origin;\n        else if (event.origin !== expectedParentOriginTest) return;\n        if (data.responseIdentifier && data.responseIdentifier !== PCIManager.responseIdentifier) return;\n\n        switch (data.method) {\n          case 'setValueElementByText':\n            PCIManager.setValueElementByText(data.params);\n            return;\n          case 'mousedownOnSelector':\n            PCIManager.mousedownOnSelector(data.params);\n            return;\n        }\n      },\n      true\n    );`;\n\n    // Find the position to insert our test handlers\n    const insertPosition = originalContent.lastIndexOf('</script>');\n\n    // Insert our handlers\n    const modifiedContent =\n      originalContent.substring(0, insertPosition) + testHandlers + originalContent.substring(insertPosition);\n\n    return modifiedContent;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-portable-custom-interaction-test': QtiPortableCustomInteractionTest;\n  }\n}\n"]}

package/dist/register.d.ts

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

package/dist/register.js

@@ -0,0 +1,5 @@
+import { QtiPortableCustomInteraction } from './qti-portable-custom-interaction';
+import { QtiPortableCustomInteractionTest } from './qti-portable-custom-test-interaction';
+customElements.define('qti-portable-custom-interaction', QtiPortableCustomInteraction);
+customElements.define('qti-portable-custom-interaction-test', QtiPortableCustomInteractionTest);
+//# sourceMappingURL=register.js.map

package/dist/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sourceRoot":"","sources":["../src/register.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAE1F,cAAc,CAAC,MAAM,CAAC,iCAAiC,EAAE,4BAA4B,CAAC,CAAC;AACvF,cAAc,CAAC,MAAM,CAAC,sCAAsC,EAAE,gCAAgC,CAAC,CAAC","sourcesContent":["import { QtiPortableCustomInteraction } from './qti-portable-custom-interaction';\nimport { QtiPortableCustomInteractionTest } from './qti-portable-custom-test-interaction';\n\ncustomElements.define('qti-portable-custom-interaction', QtiPortableCustomInteraction);\ncustomElements.define('qti-portable-custom-interaction-test', QtiPortableCustomInteractionTest);\n"]}

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@qti-components/portable-custom-interaction",
+  "description": "QTI portable-custom-interaction interaction",
+  "version": "1.0.1",
+  "author": "",
+  "dependencies": {
+    "@qti-components/utilities": "^1.3.1",
+    "@qti-components/interactions-core": "^1.0.1",
+    "@qti-components/base": "^1.4.1"
+  },
+  "devDependencies": {
+    "@lit/context": "^1.1.6",
+    "lit": "^3.3.1"
+  },
+  "keywords": [
+    "interactions",
+    "qti",
+    "portable-custom-interaction"
+  ],
+  "license": "GPL-3.0-only",
+  "main": "dist/index.js",
+  "peerDependencies": {
+    "@lit/context": "^1.1.6",
+    "lit": "^3.3.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": true,
+  "type": "module",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./register": {
+      "types": "./dist/register.d.ts",
+      "import": "./dist/register.js"
+    },
+    "./*": "./dist/*",
+    "./styles": {
+      "types": "./dist/qti-portable-custom-interaction.styles.d.ts",
+      "import": "./dist/qti-portable-custom-interaction.styles.js"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Citolab/qti-components.git",
+    "directory": "packages/interactions/portable-custom-interaction"
+  },
+  "scripts": {
+    "attw": "attw --profile esm-only --pack",
+    "build": "tsc --paths null",
+    "clean": "rm -rf dist",
+    "release": "semantic-release --no-ci",
+    "release:semantic": "semantic-release --no-ci",
+    "release:semantic:dry-run": "semantic-release --dry-run --no-ci"
+  }
+}