react-native-webview-stream-chunks 0.1.0 → 0.2.0

package/README.md

@@ -22,10 +22,10 @@ pnpm add react-native-webview-stream-chunks
 ### 1) Generate the preload script (receiver side)
 
 ```ts
-import { getWebViewStreamChunksPreloadScript } from 'react-native-webview-stream-chunks';
+import { createWebViewStreamChunksPreloadScript } from 'react-native-webview-stream-chunks';
 
-const preloadScript = getWebViewStreamChunksPreloadScript({
-  receiverReadyCallbackPath: 'myApp.onReady', // Optional
+const preloadScript = createWebViewStreamChunksPreloadScript({
+  receiverReadyCallbackPath: 'window.onReady', // Optional
 });
 ```
 

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { WebViewStreamSender } from './sender';
 export type { WebViewStreamTransport } from './sender';
-export { createWebViewStreamChunksPreloadScript, getWebViewStreamChunksPreloadScript } from './streamChunksPreloadScript';
+export { createWebViewStreamChunksPreloadScript } from './streamChunksPreloadScript';
 export type { PayloadScriptInjectionOptions, WebViewStreamPreloadScriptOptions } from './streamChunksPreloadScript';
 export { WebViewStreamEventTypes } from './streamChunksPreloadScript';
 export type { WebViewStreamEventType, WebViewStreamReceiverEvent } from './streamChunksPreloadScript';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC/C,YAAY,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAGvD,OAAO,EAAE,sCAAsC,EAAE,mCAAmC,EAAE,MAAM,6BAA6B,CAAC;AAC1H,YAAY,EAAE,6BAA6B,EAAE,iCAAiC,EAAE,MAAM,6BAA6B,CAAC;AAGpH,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,YAAY,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC/C,YAAY,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAGvD,OAAO,EAAE,sCAAsC,EAAE,MAAM,6BAA6B,CAAC;AACrF,YAAY,EAAE,6BAA6B,EAAE,iCAAiC,EAAE,MAAM,6BAA6B,CAAC;AAGpH,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,YAAY,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/index.js

@@ -1,6 +1,6 @@
 // High-level API (preferred)
 export { WebViewStreamSender } from './sender';
 // Preload script generators
-export { createWebViewStreamChunksPreloadScript, getWebViewStreamChunksPreloadScript } from './streamChunksPreloadScript';
+export { createWebViewStreamChunksPreloadScript } from './streamChunksPreloadScript';
 // Low-level event protocol (advanced usage)
 export { WebViewStreamEventTypes } from './streamChunksPreloadScript';

package/dist/streamChunksPreloadScript.d.ts

@@ -25,5 +25,4 @@ export interface PayloadScriptInjectionOptions {
     anchorSelector?: string;
 }
 export declare const createWebViewStreamChunksPreloadScript: (options?: WebViewStreamPreloadScriptOptions) => string;
-export declare const getWebViewStreamChunksPreloadScript: (options?: WebViewStreamPreloadScriptOptions) => string;
 //# sourceMappingURL=streamChunksPreloadScript.d.ts.map

package/dist/streamChunksPreloadScript.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"streamChunksPreloadScript.d.ts","sourceRoot":"","sources":["../src/streamChunksPreloadScript.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,uBAAuB;;;;;;CAM1B,CAAC;AAEX,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,OAAO,uBAAuB,CAAC,CAAC;AAE5G,MAAM,MAAM,0BAA0B,GAAG;IACvC,IAAI,EAAE,sBAAsB,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,iCAAiC;IAChD,yGAAyG;IACzG,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC;AAED,MAAM,WAAW,6BAA6B;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAoMD,eAAO,MAAM,sCAAsC,GAAI,UAAS,iCAAsC,WAGrG,CAAC;AAEF,eAAO,MAAM,mCAAmC,GAAI,UAAU,iCAAiC,WAE9F,CAAC"}
+{"version":3,"file":"streamChunksPreloadScript.d.ts","sourceRoot":"","sources":["../src/streamChunksPreloadScript.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,uBAAuB;;;;;;CAM1B,CAAC;AAEX,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,OAAO,uBAAuB,CAAC,CAAC;AAE5G,MAAM,MAAM,0BAA0B,GAAG;IACvC,IAAI,EAAE,sBAAsB,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,iCAAiC;IAChD,yGAAyG;IACzG,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC;AAED,MAAM,WAAW,6BAA6B;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AA2BD,eAAO,MAAM,sCAAsC,GAAI,UAAS,iCAAsC,WAGrG,CAAC"}

package/dist/streamChunksPreloadScript.js

@@ -9,173 +9,18 @@ export const WebViewStreamEventTypes = {
     FINALIZE_PAYLOAD: 'FINALIZE_PAYLOAD',
     REEXECUTE_SCRIPTS: 'REEXECUTE_SCRIPTS',
 };
-// ---------------------------------------------------------------------------
-// Receiver IIFE — serialised via `.toString()` and injected into the WebView.
-// ---------------------------------------------------------------------------
-function webViewStreamReceiverIIFE(options, eventTypes) {
-    let payloadChunks = [];
-    let contentMutationObserved = false;
-    const injectedPayloadScriptClasses = new Set();
-    function resetState() {
-        payloadChunks = [];
-        contentMutationObserved = false;
-    }
-    const targetWindow = window;
-    // -- receiver-ready callback resolver -------------------------------------
-    function runReceiverReadyCallback() {
-        if (!options.receiverReadyCallbackPath.trim())
-            return;
-        const segments = options.receiverReadyCallbackPath.split('.').filter(Boolean);
-        let current = targetWindow;
-        for (const segment of segments) {
-            if (current === null || current === undefined || typeof current !== 'object') {
-                current = undefined;
-                break;
-            }
-            current = current[segment];
-        }
-        if (typeof current === 'function') {
-            current();
-        }
-    }
-    // -- event dispatcher -----------------------------------------------------
-    targetWindow.onStreamChunksToWebView = function (event) {
-        switch (event.type) {
-            case eventTypes.SET_CONTENT: {
-                resetState();
-                replaceBodyContent(event.data ?? '');
-                break;
-            }
-            case eventTypes.APPEND_CHUNK: {
-                if (event.data)
-                    payloadChunks.push(event.data);
-                break;
-            }
-            case eventTypes.FINALIZE_PAYLOAD: {
-                const waitAndInject = () => {
-                    if (contentMutationObserved) {
-                        injectPayloadScript(event.data);
-                    }
-                    else {
-                        setTimeout(waitAndInject, 100);
-                    }
-                };
-                waitAndInject();
-                break;
-            }
-            case eventTypes.REEXECUTE_SCRIPTS: {
-                const waitAndExec = () => {
-                    if (contentMutationObserved) {
-                        reexecuteScripts(event.data);
-                    }
-                    else {
-                        setTimeout(waitAndExec, 100);
-                    }
-                };
-                waitAndExec();
-                break;
-            }
-            case eventTypes.CHECK_RECEIVER_READY: {
-                runReceiverReadyCallback();
-                break;
-            }
-        }
-    };
-    // -- DOM helpers ----------------------------------------------------------
-    function replaceBodyContent(newInnerHTML) {
-        const observer = new MutationObserver((mutationsList, currentObserver) => {
-            for (const mutation of mutationsList) {
-                if (mutation.type === 'childList') {
-                    currentObserver.disconnect();
-                    contentMutationObserved = true;
-                    return;
-                }
-            }
-        });
-        observer.observe(document.body, { childList: true });
-        document.body.innerHTML = newInnerHTML;
-    }
-    const defaultInjectionOptions = {
-        scriptType: 'application/json',
-        scriptClassName: 'webview-stream-payload',
-        scriptTagName: 'default-payload',
-        anchorSelector: '#styleArea',
-    };
-    function resolveInjectionOptions(rawData) {
-        if (!rawData) {
-            return defaultInjectionOptions;
-        }
-        try {
-            const parsed = JSON.parse(rawData);
-            return {
-                scriptType: parsed.scriptType ?? defaultInjectionOptions.scriptType,
-                scriptClassName: parsed.scriptClassName ?? defaultInjectionOptions.scriptClassName,
-                scriptTagName: parsed.scriptTagName ?? defaultInjectionOptions.scriptTagName,
-                anchorSelector: parsed.anchorSelector ?? defaultInjectionOptions.anchorSelector,
-            };
-        }
-        catch {
-            return defaultInjectionOptions;
-        }
-    }
-    function injectPayloadScript(rawData) {
-        try {
-            const injectionOptions = resolveInjectionOptions(rawData);
-            const fullPayload = payloadChunks.join('');
-            const scriptElement = document.createElement('script');
-            scriptElement.type = injectionOptions.scriptType;
-            scriptElement.classList.add(injectionOptions.scriptClassName, injectionOptions.scriptTagName);
-            scriptElement.textContent = fullPayload;
-            const anchor = document.querySelector(injectionOptions.anchorSelector);
-            anchor?.insertAdjacentElement('afterend', scriptElement);
-            injectedPayloadScriptClasses.add(injectionOptions.scriptClassName);
-        }
-        catch (error) {
-            console.error('[webview-stream] injectPayloadScript error', error);
-        }
-        payloadChunks = [];
-    }
-    function reexecuteScripts(selector) {
-        try {
-            const query = selector?.trim() || 'script';
-            const elements = Array.from(document.querySelectorAll(query));
-            for (const element of elements) {
-                if (!(element instanceof HTMLScriptElement))
-                    continue;
-                let isInjectedPayloadScript = false;
-                for (const payloadClassName of injectedPayloadScriptClasses) {
-                    if (element.classList.contains(payloadClassName)) {
-                        isInjectedPayloadScript = true;
-                        break;
-                    }
-                }
-                if (isInjectedPayloadScript)
-                    continue;
-                const replacement = document.createElement('script');
-                for (const { name, value } of Array.from(element.attributes)) {
-                    replacement.setAttribute(name, value);
-                }
-                if (element.src) {
-                    replacement.src = element.src;
-                }
-                else {
-                    replacement.textContent = element.textContent;
-                }
-                if (element.parentNode !== null) {
-                    try {
-                        element.parentNode.replaceChild(replacement, element);
-                    }
-                    catch (error) {
-                        console.error('[webview-stream] Failed to re-execute script tag', replacement, element, error);
-                    }
-                }
-            }
-        }
-        catch (error) {
-            console.error('[webview-stream] reexecuteScripts error', error);
-        }
-    }
-}
+/**
+  IMPORTANT: Hermes compatibility and code injection rationale
+
+  We do NOT use function.toString() at runtime because Hermes (the JS engine used by React Native)
+  serializes functions as [bytecode], which breaks code injection for WebView. For example, you may see:
+  ```
+    LOG  webviewSideReceiver (function webViewStreamReceiverIIFE(a0, a1) { [bytecode] })({"receiverReadyCallbackPath":"service.wikiHookService.setWebviewReceiverReady"}, {"CHECK_RECEIVER_READY":"CHECK_RECEIVER_READY","SET_CONTENT":"SET_CONTENT","APPEND_CHUNK":"APPEND_CHUNK","FINALIZE_PAYLOAD":"FINALIZE_PAYLOAD","REEXECUTE_SCRIPTS":"REEXECUTE_SCRIPTS"});
+  ```
+  Instead, we compile the receiver function to JS at build time and inject it as a string into the final bundle.
+  See scripts/injectReceiver.mjs for details. The placeholder below is replaced in dist/streamChunksPreloadScript.js after tsc build.
+*/
+const webViewStreamReceiverIIFECode = '__WEBVIEW_RECEIVER_CODE__';
 // ---------------------------------------------------------------------------
 // Preload script generators
 // ---------------------------------------------------------------------------
@@ -184,8 +29,5 @@ const defaultOptions = {
 };
 export const createWebViewStreamChunksPreloadScript = (options = {}) => {
     const resolved = { ...defaultOptions, ...options };
-    return `(${webViewStreamReceiverIIFE.toString()})(${JSON.stringify(resolved)}, ${JSON.stringify(WebViewStreamEventTypes)});`;
-};
-export const getWebViewStreamChunksPreloadScript = (options) => {
-    return createWebViewStreamChunksPreloadScript(options);
+    return `(${webViewStreamReceiverIIFECode})(${JSON.stringify(resolved)}, ${JSON.stringify(WebViewStreamEventTypes)});`;
 };

package/dist/webviewReceiver.d.ts

@@ -0,0 +1,13 @@
+interface WebViewStreamResolvedOptions {
+    receiverReadyCallbackPath: string;
+}
+declare const _EventTypes: {
+    readonly CHECK_RECEIVER_READY: "CHECK_RECEIVER_READY";
+    readonly SET_CONTENT: "SET_CONTENT";
+    readonly APPEND_CHUNK: "APPEND_CHUNK";
+    readonly FINALIZE_PAYLOAD: "FINALIZE_PAYLOAD";
+    readonly REEXECUTE_SCRIPTS: "REEXECUTE_SCRIPTS";
+};
+export declare function webViewStreamReceiverIIFE(options: WebViewStreamResolvedOptions, eventTypes: typeof _EventTypes): void;
+export {};
+//# sourceMappingURL=webviewReceiver.d.ts.map

package/dist/webviewReceiver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webviewReceiver.d.ts","sourceRoot":"","sources":["../src/webviewReceiver.ts"],"names":[],"mappings":"AAMA,UAAU,4BAA4B;IACpC,yBAAyB,EAAE,MAAM,CAAC;CACnC;AAUD,QAAA,MAAM,WAAW;;;;;;CAMP,CAAC;AAEX,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,4BAA4B,EAAE,UAAU,EAAE,OAAO,WAAW,QA0K9G"}

package/dist/webviewReceiver.js

@@ -0,0 +1,175 @@
+// ---------------------------------------------------------------------------
+// Receiver IIFE — serialised via `.toString()` and injected into the WebView.
+// ---------------------------------------------------------------------------
+// Keep in sync with streamChunksPreloadScript.ts
+const _EventTypes = {
+    CHECK_RECEIVER_READY: 'CHECK_RECEIVER_READY',
+    SET_CONTENT: 'SET_CONTENT',
+    APPEND_CHUNK: 'APPEND_CHUNK',
+    FINALIZE_PAYLOAD: 'FINALIZE_PAYLOAD',
+    REEXECUTE_SCRIPTS: 'REEXECUTE_SCRIPTS',
+};
+export function webViewStreamReceiverIIFE(options, eventTypes) {
+    let payloadChunks = [];
+    let contentMutationObserved = false;
+    const injectedPayloadScriptClasses = new Set();
+    function resetState() {
+        payloadChunks = [];
+        contentMutationObserved = false;
+    }
+    const targetWindow = window;
+    // -- receiver-ready callback resolver -------------------------------------
+    function runReceiverReadyCallback() {
+        if (!options.receiverReadyCallbackPath.trim())
+            return;
+        const segments = options.receiverReadyCallbackPath.split('.').filter(Boolean);
+        let current = targetWindow;
+        for (const segment of segments) {
+            if (current === null || current === undefined || typeof current !== 'object') {
+                current = undefined;
+                break;
+            }
+            current = current[segment];
+        }
+        if (typeof current === 'function') {
+            current();
+        }
+    }
+    // -- event dispatcher -----------------------------------------------------
+    targetWindow.onStreamChunksToWebView = function (event) {
+        switch (event.type) {
+            case eventTypes.SET_CONTENT: {
+                resetState();
+                replaceBodyContent(event.data ?? '');
+                break;
+            }
+            case eventTypes.APPEND_CHUNK: {
+                if (event.data)
+                    payloadChunks.push(event.data);
+                break;
+            }
+            case eventTypes.FINALIZE_PAYLOAD: {
+                const waitAndInject = () => {
+                    if (contentMutationObserved) {
+                        injectPayloadScript(event.data);
+                    }
+                    else {
+                        setTimeout(waitAndInject, 100);
+                    }
+                };
+                waitAndInject();
+                break;
+            }
+            case eventTypes.REEXECUTE_SCRIPTS: {
+                const waitAndExec = () => {
+                    if (contentMutationObserved) {
+                        reexecuteScripts(event.data);
+                    }
+                    else {
+                        setTimeout(waitAndExec, 100);
+                    }
+                };
+                waitAndExec();
+                break;
+            }
+            case eventTypes.CHECK_RECEIVER_READY: {
+                runReceiverReadyCallback();
+                break;
+            }
+        }
+    };
+    // -- DOM helpers ----------------------------------------------------------
+    function replaceBodyContent(newInnerHTML) {
+        const observer = new MutationObserver((mutationsList, currentObserver) => {
+            for (const mutation of mutationsList) {
+                if (mutation.type === 'childList') {
+                    currentObserver.disconnect();
+                    contentMutationObserved = true;
+                    return;
+                }
+            }
+        });
+        observer.observe(document.body, { childList: true });
+        document.body.innerHTML = newInnerHTML;
+    }
+    const defaultInjectionOptions = {
+        scriptType: 'application/json',
+        scriptClassName: 'webview-stream-payload',
+        scriptTagName: 'default-payload',
+        anchorSelector: '#styleArea',
+    };
+    function resolveInjectionOptions(rawData) {
+        if (!rawData) {
+            return defaultInjectionOptions;
+        }
+        try {
+            const parsed = JSON.parse(rawData);
+            return {
+                scriptType: parsed.scriptType ?? defaultInjectionOptions.scriptType,
+                scriptClassName: parsed.scriptClassName ?? defaultInjectionOptions.scriptClassName,
+                scriptTagName: parsed.scriptTagName ?? defaultInjectionOptions.scriptTagName,
+                anchorSelector: parsed.anchorSelector ?? defaultInjectionOptions.anchorSelector,
+            };
+        }
+        catch {
+            return defaultInjectionOptions;
+        }
+    }
+    function injectPayloadScript(rawData) {
+        try {
+            const injectionOptions = resolveInjectionOptions(rawData);
+            const fullPayload = payloadChunks.join('');
+            const scriptElement = document.createElement('script');
+            scriptElement.type = injectionOptions.scriptType;
+            scriptElement.classList.add(injectionOptions.scriptClassName, injectionOptions.scriptTagName);
+            scriptElement.textContent = fullPayload;
+            const anchor = document.querySelector(injectionOptions.anchorSelector);
+            anchor?.insertAdjacentElement('afterend', scriptElement);
+            injectedPayloadScriptClasses.add(injectionOptions.scriptClassName);
+        }
+        catch (error) {
+            console.error('[webview-stream] injectPayloadScript error', error);
+        }
+        payloadChunks = [];
+    }
+    function reexecuteScripts(selector) {
+        try {
+            const query = selector?.trim() || 'script';
+            const elements = Array.from(document.querySelectorAll(query));
+            for (const element of elements) {
+                if (!(element instanceof HTMLScriptElement))
+                    continue;
+                let isInjectedPayloadScript = false;
+                for (const payloadClassName of injectedPayloadScriptClasses) {
+                    if (element.classList.contains(payloadClassName)) {
+                        isInjectedPayloadScript = true;
+                        break;
+                    }
+                }
+                if (isInjectedPayloadScript)
+                    continue;
+                const replacement = document.createElement('script');
+                for (const { name, value } of Array.from(element.attributes)) {
+                    replacement.setAttribute(name, value);
+                }
+                if (element.src) {
+                    replacement.src = element.src;
+                }
+                else {
+                    replacement.textContent = element.textContent;
+                }
+                if (element.parentNode !== null) {
+                    try {
+                        element.parentNode.replaceChild(replacement, element);
+                    }
+                    catch (error) {
+                        console.error('[webview-stream] Failed to re-execute script tag', replacement, element, error);
+                    }
+                }
+            }
+        }
+        catch (error) {
+            console.error('[webview-stream] reexecuteScripts error', error);
+        }
+    }
+}

package/dist/webviewReceiverString.d.ts

@@ -0,0 +1,2 @@
+export declare const webViewStreamReceiverIIFESource = "function webViewStreamReceiverIIFE(options, eventTypes) {\n    let payloadChunks = [];\n    let contentMutationObserved = false;\n    const injectedPayloadScriptClasses = new Set();\n    function resetState() {\n        payloadChunks = [];\n        contentMutationObserved = false;\n    }\n    const targetWindow = window;\n    // -- receiver-ready callback resolver -------------------------------------\n    function runReceiverReadyCallback() {\n        if (!options.receiverReadyCallbackPath.trim())\n            return;\n        const segments = options.receiverReadyCallbackPath.split('.').filter(Boolean);\n        let current = targetWindow;\n        for (const segment of segments) {\n            if (current === null || current === undefined || typeof current !== 'object') {\n                current = undefined;\n                break;\n            }\n            current = current[segment];\n        }\n        if (typeof current === 'function') {\n            current();\n        }\n    }\n    // -- event dispatcher -----------------------------------------------------\n    targetWindow.onStreamChunksToWebView = function (event) {\n        var _a;\n        switch (event.type) {\n            case eventTypes.SET_CONTENT: {\n                resetState();\n                replaceBodyContent((_a = event.data) !== null && _a !== void 0 ? _a : '');\n                break;\n            }\n            case eventTypes.APPEND_CHUNK: {\n                if (event.data)\n                    payloadChunks.push(event.data);\n                break;\n            }\n            case eventTypes.FINALIZE_PAYLOAD: {\n                const waitAndInject = () => {\n                    if (contentMutationObserved) {\n                        injectPayloadScript(event.data);\n                    }\n                    else {\n                        setTimeout(waitAndInject, 100);\n                    }\n                };\n                waitAndInject();\n                break;\n            }\n            case eventTypes.REEXECUTE_SCRIPTS: {\n                const waitAndExec = () => {\n                    if (contentMutationObserved) {\n                        reexecuteScripts(event.data);\n                    }\n                    else {\n                        setTimeout(waitAndExec, 100);\n                    }\n                };\n                waitAndExec();\n                break;\n            }\n            case eventTypes.CHECK_RECEIVER_READY: {\n                runReceiverReadyCallback();\n                break;\n            }\n        }\n    };\n    // -- DOM helpers ----------------------------------------------------------\n    function replaceBodyContent(newInnerHTML) {\n        const observer = new MutationObserver((mutationsList, currentObserver) => {\n            for (const mutation of mutationsList) {\n                if (mutation.type === 'childList') {\n                    currentObserver.disconnect();\n                    contentMutationObserved = true;\n                    return;\n                }\n            }\n        });\n        observer.observe(document.body, { childList: true });\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        document.body.innerHTML = newInnerHTML;\n    }\n    const defaultInjectionOptions = {\n        scriptType: 'application/json',\n        scriptClassName: 'webview-stream-payload',\n        scriptTagName: 'default-payload',\n        anchorSelector: '#styleArea',\n    };\n    function resolveInjectionOptions(rawData) {\n        var _a, _b, _c, _d;\n        if (!rawData) {\n            return defaultInjectionOptions;\n        }\n        try {\n            const parsed = JSON.parse(rawData);\n            return {\n                scriptType: (_a = parsed.scriptType) !== null && _a !== void 0 ? _a : defaultInjectionOptions.scriptType,\n                scriptClassName: (_b = parsed.scriptClassName) !== null && _b !== void 0 ? _b : defaultInjectionOptions.scriptClassName,\n                scriptTagName: (_c = parsed.scriptTagName) !== null && _c !== void 0 ? _c : defaultInjectionOptions.scriptTagName,\n                anchorSelector: (_d = parsed.anchorSelector) !== null && _d !== void 0 ? _d : defaultInjectionOptions.anchorSelector,\n            };\n        }\n        catch (_e) {\n            return defaultInjectionOptions;\n        }\n    }\n    function injectPayloadScript(rawData) {\n        try {\n            const injectionOptions = resolveInjectionOptions(rawData);\n            const fullPayload = payloadChunks.join('');\n            const scriptElement = document.createElement('script');\n            scriptElement.type = injectionOptions.scriptType;\n            scriptElement.classList.add(injectionOptions.scriptClassName, injectionOptions.scriptTagName);\n            scriptElement.textContent = fullPayload;\n            const anchor = document.querySelector(injectionOptions.anchorSelector);\n            anchor === null || anchor === void 0 ? void 0 : anchor.insertAdjacentElement('afterend', scriptElement);\n            injectedPayloadScriptClasses.add(injectionOptions.scriptClassName);\n        }\n        catch (error) {\n            console.error('[webview-stream] injectPayloadScript error', error);\n        }\n        payloadChunks = [];\n    }\n    function reexecuteScripts(selector) {\n        try {\n            const query = (selector === null || selector === void 0 ? void 0 : selector.trim()) || 'script';\n            const elements = Array.from(document.querySelectorAll(query));\n            for (const element of elements) {\n                if (!(element instanceof HTMLScriptElement))\n                    continue;\n                let isInjectedPayloadScript = false;\n                for (const payloadClassName of injectedPayloadScriptClasses) {\n                    if (element.classList.contains(payloadClassName)) {\n                        isInjectedPayloadScript = true;\n                        break;\n                    }\n                }\n                if (isInjectedPayloadScript)\n                    continue;\n                const replacement = document.createElement('script');\n                for (const { name, value } of Array.from(element.attributes)) {\n                    replacement.setAttribute(name, value);\n                }\n                if (element.src) {\n                    replacement.src = element.src;\n                }\n                else {\n                    replacement.textContent = element.textContent;\n                }\n                if (element.parentNode !== null) {\n                    try {\n                        element.parentNode.replaceChild(replacement, element);\n                    }\n                    catch (error) {\n                        console.error('[webview-stream] Failed to re-execute script tag', replacement, element, error);\n                    }\n                }\n            }\n        }\n        catch (error) {\n            console.error('[webview-stream] reexecuteScripts error', error);\n        }\n    }\n}";
+//# sourceMappingURL=webviewReceiverString.d.ts.map

package/dist/webviewReceiverString.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webviewReceiverString.d.ts","sourceRoot":"","sources":["../src/webviewReceiverString.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,+BAA+B,87NAsK1C,CAAC"}

package/dist/webviewReceiverString.js

@@ -0,0 +1,169 @@
+// This file is auto-generated by scripts/buildReceiver.mjs
+// Do not edit this file directly.
+export const webViewStreamReceiverIIFESource = `function webViewStreamReceiverIIFE(options, eventTypes) {
+    let payloadChunks = [];
+    let contentMutationObserved = false;
+    const injectedPayloadScriptClasses = new Set();
+    function resetState() {
+        payloadChunks = [];
+        contentMutationObserved = false;
+    }
+    const targetWindow = window;
+    // -- receiver-ready callback resolver -------------------------------------
+    function runReceiverReadyCallback() {
+        if (!options.receiverReadyCallbackPath.trim())
+            return;
+        const segments = options.receiverReadyCallbackPath.split('.').filter(Boolean);
+        let current = targetWindow;
+        for (const segment of segments) {
+            if (current === null || current === undefined || typeof current !== 'object') {
+                current = undefined;
+                break;
+            }
+            current = current[segment];
+        }
+        if (typeof current === 'function') {
+            current();
+        }
+    }
+    // -- event dispatcher -----------------------------------------------------
+    targetWindow.onStreamChunksToWebView = function (event) {
+        var _a;
+        switch (event.type) {
+            case eventTypes.SET_CONTENT: {
+                resetState();
+                replaceBodyContent((_a = event.data) !== null && _a !== void 0 ? _a : '');
+                break;
+            }
+            case eventTypes.APPEND_CHUNK: {
+                if (event.data)
+                    payloadChunks.push(event.data);
+                break;
+            }
+            case eventTypes.FINALIZE_PAYLOAD: {
+                const waitAndInject = () => {
+                    if (contentMutationObserved) {
+                        injectPayloadScript(event.data);
+                    }
+                    else {
+                        setTimeout(waitAndInject, 100);
+                    }
+                };
+                waitAndInject();
+                break;
+            }
+            case eventTypes.REEXECUTE_SCRIPTS: {
+                const waitAndExec = () => {
+                    if (contentMutationObserved) {
+                        reexecuteScripts(event.data);
+                    }
+                    else {
+                        setTimeout(waitAndExec, 100);
+                    }
+                };
+                waitAndExec();
+                break;
+            }
+            case eventTypes.CHECK_RECEIVER_READY: {
+                runReceiverReadyCallback();
+                break;
+            }
+        }
+    };
+    // -- DOM helpers ----------------------------------------------------------
+    function replaceBodyContent(newInnerHTML) {
+        const observer = new MutationObserver((mutationsList, currentObserver) => {
+            for (const mutation of mutationsList) {
+                if (mutation.type === 'childList') {
+                    currentObserver.disconnect();
+                    contentMutationObserved = true;
+                    return;
+                }
+            }
+        });
+        observer.observe(document.body, { childList: true });
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        document.body.innerHTML = newInnerHTML;
+    }
+    const defaultInjectionOptions = {
+        scriptType: 'application/json',
+        scriptClassName: 'webview-stream-payload',
+        scriptTagName: 'default-payload',
+        anchorSelector: '#styleArea',
+    };
+    function resolveInjectionOptions(rawData) {
+        var _a, _b, _c, _d;
+        if (!rawData) {
+            return defaultInjectionOptions;
+        }
+        try {
+            const parsed = JSON.parse(rawData);
+            return {
+                scriptType: (_a = parsed.scriptType) !== null && _a !== void 0 ? _a : defaultInjectionOptions.scriptType,
+                scriptClassName: (_b = parsed.scriptClassName) !== null && _b !== void 0 ? _b : defaultInjectionOptions.scriptClassName,
+                scriptTagName: (_c = parsed.scriptTagName) !== null && _c !== void 0 ? _c : defaultInjectionOptions.scriptTagName,
+                anchorSelector: (_d = parsed.anchorSelector) !== null && _d !== void 0 ? _d : defaultInjectionOptions.anchorSelector,
+            };
+        }
+        catch (_e) {
+            return defaultInjectionOptions;
+        }
+    }
+    function injectPayloadScript(rawData) {
+        try {
+            const injectionOptions = resolveInjectionOptions(rawData);
+            const fullPayload = payloadChunks.join('');
+            const scriptElement = document.createElement('script');
+            scriptElement.type = injectionOptions.scriptType;
+            scriptElement.classList.add(injectionOptions.scriptClassName, injectionOptions.scriptTagName);
+            scriptElement.textContent = fullPayload;
+            const anchor = document.querySelector(injectionOptions.anchorSelector);
+            anchor === null || anchor === void 0 ? void 0 : anchor.insertAdjacentElement('afterend', scriptElement);
+            injectedPayloadScriptClasses.add(injectionOptions.scriptClassName);
+        }
+        catch (error) {
+            console.error('[webview-stream] injectPayloadScript error', error);
+        }
+        payloadChunks = [];
+    }
+    function reexecuteScripts(selector) {
+        try {
+            const query = (selector === null || selector === void 0 ? void 0 : selector.trim()) || 'script';
+            const elements = Array.from(document.querySelectorAll(query));
+            for (const element of elements) {
+                if (!(element instanceof HTMLScriptElement))
+                    continue;
+                let isInjectedPayloadScript = false;
+                for (const payloadClassName of injectedPayloadScriptClasses) {
+                    if (element.classList.contains(payloadClassName)) {
+                        isInjectedPayloadScript = true;
+                        break;
+                    }
+                }
+                if (isInjectedPayloadScript)
+                    continue;
+                const replacement = document.createElement('script');
+                for (const { name, value } of Array.from(element.attributes)) {
+                    replacement.setAttribute(name, value);
+                }
+                if (element.src) {
+                    replacement.src = element.src;
+                }
+                else {
+                    replacement.textContent = element.textContent;
+                }
+                if (element.parentNode !== null) {
+                    try {
+                        element.parentNode.replaceChild(replacement, element);
+                    }
+                    catch (error) {
+                        console.error('[webview-stream] Failed to re-execute script tag', replacement, element, error);
+                    }
+                }
+            }
+        }
+        catch (error) {
+            console.error('[webview-stream] reexecuteScripts error', error);
+        }
+    }
+}`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-webview-stream-chunks",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Reusable preload script and event types for streaming large HTML/chunks into WebView",
   "type": "module",
   "main": "./dist/index.js",
@@ -17,7 +17,8 @@
   "scripts": {
     "lint": "eslint ./src --ext ts",
     "lint:fix": "eslint ./src --ext ts --fix",
-    "build": "tsc -p tsconfig.json",
+    "build:inject": "node scripts/injectReceiver.mjs",
+    "build": "tsc -p tsconfig.json && npm run build:inject",
     "check": "tsc --noEmit -p tsconfig.json",
     "prepublishOnly": "npm run build"
   },