3rd party improvements

Author: WebReflection

docs/core.js

@@ -0,0 +1,6 @@
+// this file simply exports enough stuff to allow
+// 3rd party libraries, including PyScript, to work
+export * from './fetch-utils.js';
+export * from './index.js';
+export * from './script-handler.js';
+export * from './utils.js';

docs/core.js.map

@@ -1,77 +1,106 @@
 import { $$ } from 'basic-devtools';
 
-import XWorker from './xworker.js';
 import { handle } from './script-handler.js';
-import { assign } from './utils.js';
+import { assign, defineProperty } from './utils.js';
 import { selectors, prefixes } from './interpreters.js';
 import { CUSTOM_SELECTORS, handleCustomType } from './custom.js';
 import { listener, addAllListeners } from './listeners.js';
 
-export { define, whenDefined } from './custom.js';
-export { env } from './listeners.js';
+import { define as $define, whenDefined as $whenDefined } from './custom.js';
+import { env as $env } from './listeners.js';
+import { Hook as $Hook } from './worker/hooks.js';
+import $XWorker from './xworker.js';
+
+const polyscript = Symbol.for('polyscript');
+const alreadyLive = polyscript in globalThis;
+
+// avoid multiple initialization of the same library
+/* c8 ignore start */
+const { define, whenDefined, env, Hook, XWorker } = (
+    alreadyLive ?
+        globalThis[polyscript] :
+        defineProperty(
+            globalThis,
+            polyscript,
+            {
+                value: {
+                    define: $define,
+                    whenDefined: $whenDefined,
+                    env: $env,
+                    Hook: $Hook,
+                    XWorker: $XWorker
+                }
+            }
+        )[polyscript]
+);
+/* c8 ignore stop */
+
+export { define, whenDefined, env, Hook, XWorker };
 export * from './errors.js';
-export { XWorker };
 
-const mo = new MutationObserver((records) => {
-    const selector = selectors.join(',');
-    for (const { type, target, attributeName, addedNodes } of records) {
-        // attributes are tested via integration / e2e
-        /* c8 ignore start */
-        if (type === 'attributes') {
-            const i = attributeName.lastIndexOf('-') + 1;
-            if (i) {
-                const prefix = attributeName.slice(0, i);
-                for (const p of prefixes) {
-                    if (prefix === p) {
-                        const type = attributeName.slice(i);
-                        if (type !== 'env') {
-                            const method = target.hasAttribute(attributeName)
-                                ? 'add'
-                                : 'remove';
-                            target[`${method}EventListener`](type, listener);
+if (!alreadyLive) {
+    const mo = new MutationObserver((records) => {
+        const selector = selectors.join(',');
+        for (const { type, target, attributeName, addedNodes } of records) {
+            // attributes are tested via integration / e2e
+            /* c8 ignore start */
+            if (type === 'attributes') {
+                const i = attributeName.lastIndexOf('-') + 1;
+                if (i) {
+                    const prefix = attributeName.slice(0, i);
+                    for (const p of prefixes) {
+                        if (prefix === p) {
+                            const type = attributeName.slice(i);
+                            if (type !== 'env') {
+                                const method = target.hasAttribute(attributeName)
+                                    ? 'add'
+                                    : 'remove';
+                                target[`${method}EventListener`](type, listener);
+                            }
+                            break;
                         }
-                        break;
                     }
                 }
+                continue;
             }
-            continue;
-        }
-        for (const node of addedNodes) {
-            if (node.nodeType === 1) {
-                addAllListeners(node);
-                if (selector && node.matches(selector)) handle(node);
-                else bootstrap(selector, node, true);
+            for (const node of addedNodes) {
+                if (node.nodeType === 1) {
+                    addAllListeners(node);
+                    if (selector && node.matches(selector)) handle(node);
+                    else bootstrap(selector, node, true);
+                }
             }
+            /* c8 ignore stop */
         }
-        /* c8 ignore stop */
-    }
-});
+    });
 
-/* c8 ignore start */
-const bootstrap = (selector, node, shouldHandle) => {
-    if (selector) $$(selector, node).forEach(handle);
-    selector = CUSTOM_SELECTORS.join(',');
-    if (selector) {
-        if (shouldHandle) handleCustomType(node);
-        $$(selector, node).forEach(handleCustomType);
-    }
-};
-/* c8 ignore stop */
+    /* c8 ignore start */
+    const bootstrap = (selector, node, shouldHandle) => {
+        if (selector) $$(selector, node).forEach(handle);
+        selector = CUSTOM_SELECTORS.join(',');
+        if (selector) {
+            if (shouldHandle) handleCustomType(node);
+            $$(selector, node).forEach(handleCustomType);
+        }
+    };
+    /* c8 ignore stop */
+
+    const observe = (root) => {
+        mo.observe(root, { childList: true, subtree: true, attributes: true });
+        return root;
+    };
 
-const observe = (root) => {
-    mo.observe(root, { childList: true, subtree: true, attributes: true });
-    return root;
-};
+    const { attachShadow } = Element.prototype;
+    assign(Element.prototype, {
+        attachShadow(init) {
+            return observe(attachShadow.call(this, init));
+        },
+    });
 
-const { attachShadow } = Element.prototype;
-assign(Element.prototype, {
-    attachShadow(init) {
-        return observe(attachShadow.call(this, init));
-    },
-});
+    // give 3rd party a chance to apply changes before this happens
+    queueMicrotask(() => {
+        addAllListeners(observe(document));
+        bootstrap(selectors.join(','), document, false);
+    });
 
-// give 3rd party a chance to apply changes before this happens
-queueMicrotask(() => {
-    addAllListeners(observe(document));
-    bootstrap(selectors.join(','), document, false);
-});
+}

esm/exports.js

@@ -60,6 +60,11 @@
             "import": "./esm/index.js",
             "default": "./cjs/index.js"
         },
+        "./exports": {
+            "types": "./types/polyscript/esm/exports.d.ts",
+            "import": "./esm/exports.js",
+            "default": "./cjs/exports.js"
+        },
         "./package.json": "./package.json"
     },
     "dependencies": {

esm/index.js

@@ -8,5 +8,5 @@
         "emitDeclarationOnly": true,
         "declarationDir": "types"
     },
-    "include": ["esm/index.js"]
+    "include": ["esm/index.js", "esm/exports.js"]
 }