saloe 0.0.5 → 0.0.6

package/README.md

@@ -12,7 +12,7 @@ It works seamlessly with `Cloudflare Workers` and `Service Workers`, and can als
   
 - [`saloe/html`](./src/html.js) - Stream HTML templates and render temporary templates while waiting for asynchronous functions to finish processing the final template.
 
-- [`saloe/actions`](./src/actions.js) - Add reactivity to HTML nodes with 0kb of initial JavaScript.
+- [`saloe/listener`](./src/listener.js) - Add reactivity to HTML nodes with 0kb of initial JavaScript.
 
 ## Coming Soon
 

package/dist/listener.cjs.js

@@ -37,13 +37,13 @@ const listener = () => {
   const fetchListeners = async ({ srcElement, event, e }) => {
     var _a;
     if (!(srcElement == null ? void 0 : srcElement.getAttribute)) return;
-    const scriptNames = srcElement == null ? void 0 : srcElement.getAttribute("on-" + event);
+    const scriptNames = srcElement == null ? void 0 : srcElement.getAttribute(`on-${event}`);
     if (!scriptNames) return;
     if (scriptNames && EVENTS_PREVENT_DEFAULT_MANDATORY.includes(event)) e.preventDefault();
     const scripts = await Promise.all(
       (_a = scriptNames == null ? void 0 : scriptNames.split(",")) == null ? void 0 : _a.map((scriptName) => {
         var _a2;
-        const scriptToImport = "/" + (scriptName == null ? void 0 : scriptName.trim()) + ".js";
+        const scriptToImport = `/${scriptName == null ? void 0 : scriptName.trim()}.js`;
         return (_a2 = import(scriptToImport)) == null ? void 0 : _a2.catch((err) => {
         });
       })
@@ -92,18 +92,18 @@ const listener = () => {
       };
       script.onerror = () => {
         console.error("script failed to load");
-        reject(new Error("Failed to load script with src " + script.src));
+        reject(new Error(`Failed to load script with src ${script.src}`));
       };
       (_b = document == null ? void 0 : document.body) == null ? void 0 : _b.insertAdjacentElement("beforeend", script);
     });
   };
   const fireLoadListener = () => {
     const event = "load";
-    const srcElements = document == null ? void 0 : document.querySelectorAll("[on-" + event + "]");
+    const srcElements = document == null ? void 0 : document.querySelectorAll(`[on-${event}]`);
     srcElements == null ? void 0 : srcElements.forEach(async (srcElement) => {
       const listeners = await fetchListeners({ srcElement, event, e: null });
       executeListeners({ e: null, srcElement, listeners });
-      srcElement == null ? void 0 : srcElement.removeAttribute("on-" + event);
+      srcElement == null ? void 0 : srcElement.removeAttribute(`on-${event}`);
     });
   };
   const fireObserverListeners = () => {
@@ -118,8 +118,8 @@ const listener = () => {
     }, /* @__PURE__ */ new Map())) == null ? void 0 : _a.keys()];
     uniqueScriptNames == null ? void 0 : uniqueScriptNames.forEach(async (scriptName) => {
       var _a2;
-      const observedSrcElements = document.querySelectorAll('[on-observe*="' + scriptName + '"]');
-      const script = await ((_a2 = import("/" + (scriptName == null ? void 0 : scriptName.trim()) + ".js")) == null ? void 0 : _a2.catch((err) => {
+      const observedSrcElements = document.querySelectorAll(`[on-observe*="${scriptName}"]`);
+      const script = await ((_a2 = import(`/${scriptName == null ? void 0 : scriptName.trim()}.js`)) == null ? void 0 : _a2.catch((err) => {
       }));
       const listener2 = getListenerFromScript({ script, event: "observe" });
       if (!listener2) return;
@@ -138,29 +138,29 @@ const listener = () => {
   };
   const getSrcElement = ({ srcElement, event }) => {
     if (!(srcElement == null ? void 0 : srcElement.hasAttribute)) return srcElement;
-    const attribute = "on-" + event;
+    const attribute = `on-${event}`;
     const hasScriptName = srcElement == null ? void 0 : srcElement.hasAttribute(attribute);
     if (hasScriptName) return srcElement;
-    const query = ":is(a, button, li)[" + attribute + "]";
+    const query = `:is(a, button, li)[${attribute}]`;
     const closestButton = srcElement == null ? void 0 : srcElement.closest(query);
     if (closestButton) return closestButton;
     return srcElement;
   };
   const fireListeners = () => {
     EVENTS_FIRE_DOCUMENT_BODY_LISTENERS == null ? void 0 : EVENTS_FIRE_DOCUMENT_BODY_LISTENERS.forEach((event) => {
-      document.body["on" + event] = async (e) => {
+      document.body[`on${event}`] = async (e) => {
         await addScripts();
         fireLoadListener();
         fireObserverListeners();
       };
     });
     EVENTS == null ? void 0 : EVENTS.forEach((event) => {
-      document.body["on" + event] = async (e) => {
+      document.body[`on${event}`] = async (e) => {
         const srcElement = getSrcElement({ srcElement: e == null ? void 0 : e.srcElement, event });
         const listeners = await fetchListeners({ srcElement, event, e });
         executeListeners({ e, srcElement, listeners });
         addListener({ srcElement, event, listeners });
-        if (srcElement == null ? void 0 : srcElement.removeAttribute) srcElement.removeAttribute("on-" + event);
+        if (srcElement == null ? void 0 : srcElement.removeAttribute) srcElement.removeAttribute(`on-${event}`);
       };
     });
   };

package/dist/listener.es.js

@@ -35,13 +35,13 @@ const listener = () => {
   const fetchListeners = async ({ srcElement, event, e }) => {
     var _a;
     if (!(srcElement == null ? void 0 : srcElement.getAttribute)) return;
-    const scriptNames = srcElement == null ? void 0 : srcElement.getAttribute("on-" + event);
+    const scriptNames = srcElement == null ? void 0 : srcElement.getAttribute(`on-${event}`);
     if (!scriptNames) return;
     if (scriptNames && EVENTS_PREVENT_DEFAULT_MANDATORY.includes(event)) e.preventDefault();
     const scripts = await Promise.all(
       (_a = scriptNames == null ? void 0 : scriptNames.split(",")) == null ? void 0 : _a.map((scriptName) => {
         var _a2;
-        const scriptToImport = "/" + (scriptName == null ? void 0 : scriptName.trim()) + ".js";
+        const scriptToImport = `/${scriptName == null ? void 0 : scriptName.trim()}.js`;
         return (_a2 = import(scriptToImport)) == null ? void 0 : _a2.catch((err) => {
         });
       })
@@ -90,18 +90,18 @@ const listener = () => {
       };
       script.onerror = () => {
         console.error("script failed to load");
-        reject(new Error("Failed to load script with src " + script.src));
+        reject(new Error(`Failed to load script with src ${script.src}`));
       };
       (_b = document == null ? void 0 : document.body) == null ? void 0 : _b.insertAdjacentElement("beforeend", script);
     });
   };
   const fireLoadListener = () => {
     const event = "load";
-    const srcElements = document == null ? void 0 : document.querySelectorAll("[on-" + event + "]");
+    const srcElements = document == null ? void 0 : document.querySelectorAll(`[on-${event}]`);
     srcElements == null ? void 0 : srcElements.forEach(async (srcElement) => {
       const listeners = await fetchListeners({ srcElement, event, e: null });
       executeListeners({ e: null, srcElement, listeners });
-      srcElement == null ? void 0 : srcElement.removeAttribute("on-" + event);
+      srcElement == null ? void 0 : srcElement.removeAttribute(`on-${event}`);
     });
   };
   const fireObserverListeners = () => {
@@ -116,8 +116,8 @@ const listener = () => {
     }, /* @__PURE__ */ new Map())) == null ? void 0 : _a.keys()];
     uniqueScriptNames == null ? void 0 : uniqueScriptNames.forEach(async (scriptName) => {
       var _a2;
-      const observedSrcElements = document.querySelectorAll('[on-observe*="' + scriptName + '"]');
-      const script = await ((_a2 = import("/" + (scriptName == null ? void 0 : scriptName.trim()) + ".js")) == null ? void 0 : _a2.catch((err) => {
+      const observedSrcElements = document.querySelectorAll(`[on-observe*="${scriptName}"]`);
+      const script = await ((_a2 = import(`/${scriptName == null ? void 0 : scriptName.trim()}.js`)) == null ? void 0 : _a2.catch((err) => {
       }));
       const listener2 = getListenerFromScript({ script, event: "observe" });
       if (!listener2) return;
@@ -136,29 +136,29 @@ const listener = () => {
   };
   const getSrcElement = ({ srcElement, event }) => {
     if (!(srcElement == null ? void 0 : srcElement.hasAttribute)) return srcElement;
-    const attribute = "on-" + event;
+    const attribute = `on-${event}`;
     const hasScriptName = srcElement == null ? void 0 : srcElement.hasAttribute(attribute);
     if (hasScriptName) return srcElement;
-    const query = ":is(a, button, li)[" + attribute + "]";
+    const query = `:is(a, button, li)[${attribute}]`;
     const closestButton = srcElement == null ? void 0 : srcElement.closest(query);
     if (closestButton) return closestButton;
     return srcElement;
   };
   const fireListeners = () => {
     EVENTS_FIRE_DOCUMENT_BODY_LISTENERS == null ? void 0 : EVENTS_FIRE_DOCUMENT_BODY_LISTENERS.forEach((event) => {
-      document.body["on" + event] = async (e) => {
+      document.body[`on${event}`] = async (e) => {
         await addScripts();
         fireLoadListener();
         fireObserverListeners();
       };
     });
     EVENTS == null ? void 0 : EVENTS.forEach((event) => {
-      document.body["on" + event] = async (e) => {
+      document.body[`on${event}`] = async (e) => {
         const srcElement = getSrcElement({ srcElement: e == null ? void 0 : e.srcElement, event });
         const listeners = await fetchListeners({ srcElement, event, e });
         executeListeners({ e, srcElement, listeners });
         addListener({ srcElement, event, listeners });
-        if (srcElement == null ? void 0 : srcElement.removeAttribute) srcElement.removeAttribute("on-" + event);
+        if (srcElement == null ? void 0 : srcElement.removeAttribute) srcElement.removeAttribute(`on-${event}`);
       };
     });
   };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "saloe",
-    "version": "0.0.5",
+    "version": "0.0.6",
     "description": "Tools for making web development easy and efficient",
     "scripts": {
         "build": "vite build",

package/src/listener.js

@@ -40,14 +40,14 @@ const listener = () => {
     const fetchListeners = async ({ srcElement, event, e }) => {
         if (!srcElement?.getAttribute) return
 
-        const scriptNames = srcElement?.getAttribute('on-' + event)
+        const scriptNames = srcElement?.getAttribute(`on-${event}`)
         if (!scriptNames) return
 
         if (scriptNames && EVENTS_PREVENT_DEFAULT_MANDATORY.includes(event)) e.preventDefault()
 
         const scripts = await Promise.all(
             scriptNames?.split(',')?.map((scriptName) => {
-                const scriptToImport = '/' + scriptName?.trim() + '.js'
+                const scriptToImport = `/${scriptName?.trim()}.js`
                 return import(scriptToImport)?.catch((err) => { })
             })
         )
@@ -105,7 +105,7 @@ const listener = () => {
 
             script.onerror = () => {
                 console.error('script failed to load')
-                reject(new Error('Failed to load script with src ' + script.src))
+                reject(new Error(`Failed to load script with src ${script.src}`))
             }
 
             document?.body?.insertAdjacentElement('beforeend', script)
@@ -115,20 +115,20 @@ const listener = () => {
     // load
     const fireLoadListener = () => {
         const event = 'load'
-        const srcElements = document?.querySelectorAll('[on-' + event + ']')
+        const srcElements = document?.querySelectorAll(`[on-${event}]`)
 
         srcElements?.forEach(async (srcElement) => {
             const listeners = await fetchListeners({ srcElement, event, e: null })
             executeListeners({ e: null, srcElement, listeners })
 
-            srcElement?.removeAttribute('on-' + event)
+            srcElement?.removeAttribute(`on-${event}`)
         })
     }
 
     // invalid
     const fireInvalidListener = () => {
         const event = 'invalid'
-        const srcElements = document?.querySelectorAll('[on-' + event + ']')
+        const srcElements = document?.querySelectorAll(`[on-${event}]`)
 
         srcElements?.forEach(async (srcElement) => {
             const listeners = await fetchListeners({ srcElement, event, e: null })
@@ -139,7 +139,7 @@ const listener = () => {
     // blur
     const fireBlurListener = () => {
         const event = 'blur'
-        const srcElements = document?.querySelectorAll('[on-' + event + ']')
+        const srcElements = document?.querySelectorAll(`[on-${event}]`)
 
         srcElements?.forEach(async (srcElement) => {
             const listeners = await fetchListeners({ srcElement, event, e: null })
@@ -150,7 +150,7 @@ const listener = () => {
     // focus
     const fireFocusListener = () => {
         const event = 'focus'
-        const srcElements = document?.querySelectorAll('[on-' + event + ']')
+        const srcElements = document?.querySelectorAll(`[on-${event}]`)
 
         srcElements?.forEach(async (srcElement) => {
             const listeners = await fetchListeners({ srcElement, event, e: null })
@@ -173,9 +173,9 @@ const listener = () => {
         }, new Map())?.keys()]
 
         uniqueScriptNames?.forEach(async (scriptName) => {
-            const observedSrcElements = document.querySelectorAll('[on-observe*="' + scriptName + '"]')
+            const observedSrcElements = document.querySelectorAll(`[on-observe*="${scriptName}"]`)
 
-            const script = await import('/' + scriptName?.trim() + '.js')?.catch((err) => { })
+            const script = await import(`/${scriptName?.trim()}.js`)?.catch((err) => { })
             const listener = getListenerFromScript({ script, event: 'observe' })
             if (!listener) return
 
@@ -197,11 +197,11 @@ const listener = () => {
 
     const getSrcElement = ({ srcElement, event }) => {
         if (!srcElement?.hasAttribute) return srcElement
-        const attribute = 'on-' + event
+        const attribute = `on-${event}`
         const hasScriptName = srcElement?.hasAttribute(attribute)
         if (hasScriptName) return srcElement
 
-        const query = ':is(a, button, li)[' + attribute + ']'
+        const query = `:is(a, button, li)[${attribute}]`
         const closestButton = srcElement?.closest(query)
         if (closestButton) return closestButton
 
@@ -210,7 +210,7 @@ const listener = () => {
 
     const fireListeners = () => {
         EVENTS_FIRE_DOCUMENT_BODY_LISTENERS?.forEach((event) => {
-            document.body['on' + event] = async (e) => {
+            document.body[`on${event}`] = async (e) => {
                 await addScripts()
 
                 fireLoadListener()
@@ -219,14 +219,14 @@ const listener = () => {
         })
 
         EVENTS?.forEach((event) => {
-            document.body['on' + event] = async (e) => {
+            document.body[`on${event}`] = async (e) => {
                 const srcElement = getSrcElement({ srcElement: e?.srcElement, event })
                 const listeners = await fetchListeners({ srcElement, event, e })
                 
                 executeListeners({ e, srcElement, listeners })
                 addListener({ srcElement, event, listeners })
                 
-                if (srcElement?.removeAttribute) srcElement.removeAttribute('on-' + event)
+                if (srcElement?.removeAttribute) srcElement.removeAttribute(`on-${event}`)
             }
         })
     }

package/vite.config.js

@@ -7,7 +7,6 @@ export default defineConfig({
         minify: false,
         lib: {
             entry: {
-                actions: resolve(__dirname, 'src/actions.js'),
                 'cloudflare-kv': resolve(__dirname, 'src/cloudflare-kv.js'),
                 'cloudflare-worker': resolve(__dirname, 'src/cloudflare-worker.js'),
                 cookie: resolve(__dirname, 'src/cookie.js'),

package/dist/actions.cjs.js

@@ -1,261 +0,0 @@
-"use strict";
-var __freeze = Object.freeze;
-var __defProp = Object.defineProperty;
-var __template = (cooked, raw) => __freeze(__defProp(cooked, "raw", { value: __freeze(raw || cooked.slice()) }));
-var _a, _b;
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const html = require("./html.cjs.js");
-const LISTENER_SCRIPT = html.html(_a || (_a = __template([`
-    <script defer>
-        (() => {
-            const EVENTS_PREVENT_DEFAULT_MANDATORY = [
-                'submit'
-            ]
-
-            const EVENTS_FIRE_DOCUMENT_BODY_LISTENERS = [
-                'mouseover',
-                'click',
-            ]
-
-            const EVENTS = [
-                'submit',
-                'input',
-                'blur',
-                'change',
-                'focus',
-                'invalid',
-            ]
-
-
-            const addListener = ({ srcElement, event, listeners }) => {
-                srcElement?.addEventListener(event, (e) => {
-                    executeListeners({ e, srcElement, listeners })
-                })
-            }
-
-            const executeListeners = ({ e, srcElement, listeners }) => {
-                listeners?.forEach((listener) => {
-                    if (listener) listener({ e, srcElement })
-                })
-            }
-
-            const getListenerFromScript = ({ script, event }) => {
-                if (!script) return null
-                if (script[event]) return script[event]
-                const prev = Object.keys(script)?.find((key) => script[key][event])
-                if (!prev) return null
-                return script[prev][event]
-            }
-
-            const fetchListeners = async ({ srcElement, event, e }) => {
-                if (!srcElement?.getAttribute) return
-
-                const scriptNames = srcElement?.getAttribute('on-' + event)
-                if (!scriptNames) return
-
-                if (scriptNames && EVENTS_PREVENT_DEFAULT_MANDATORY.includes(event)) e.preventDefault()
-
-                const scripts = await Promise.all(
-                    scriptNames?.split(',')?.map((scriptName) => {
-                        const scriptToImport = '/' + scriptName?.trim() + '.js'
-                        return import(scriptToImport)?.catch((err) => { })
-                    })
-                )
-
-                const listeners = scripts?.map((script) => getListenerFromScript({ script, event }))
-
-                return listeners
-
-                // if (['load', 'click', 'submit', 'input', 'change'].includes(event)) executeListeners({ e, srcElement, listeners })
-                // if (['focus', 'blur', 'invalid', 'click', 'submit', 'input', 'change'].includes(event)) addListener({ srcElement, event, listeners })
-
-                // srcElement?.removeAttribute('on-' + event)
-            }
-
-            const addScripts = () => {
-                const scriptsToLoad = [...document.querySelectorAll('script[data-script-to-load]')]
-                return Promise.all(
-                    scriptsToLoad?.map((scriptToLoad) => {
-                        const id = scriptToLoad?.getAttribute('data-script-to-load')
-                        scriptToLoad.removeAttribute('data-script-to-load')
-
-                        const attrs = scriptToLoad?.getAttributeNames()?.reduce((acc, attrName) => {
-                            const attrValue = scriptToLoad.getAttribute(attrName)
-                            if (attrValue !== 'text/script-to-load') acc[attrName] = attrValue
-                            return acc
-                        }, {})
-
-                        const content = scriptToLoad?.textContent
-
-                        scriptToLoad?.remove()
-
-                        return loadScript({ id, attrs, content }).catch((err) => {
-                            console.error(err)
-                        })
-                    })
-                )
-            }
-
-            const loadScript = ({ id, attrs, content }) => {
-                const script = document?.createElement('script')
-
-                Object.keys(attrs)?.forEach((attrKey) => script?.setAttribute(attrKey, attrs[attrKey]))
-                script.id = id
-
-                if (content) script?.insertAdjacentHTML('beforeend', content)
-
-                return new Promise((resolve, reject) => {
-                    if (!attrs.src) {
-                        resolve()
-                        document?.body?.insertAdjacentElement('beforeend', script)
-                        return
-                    }
-
-                    script.onload = script.onreadystatechange = function () {
-                        if (!this.readyState || this.readyState === 'loaded' || this.readyState === 'complete') {
-                            resolve()
-                            script.onload = script.onreadystatechange = null
-                        }
-                    }
-
-                    script.onerror = () => {
-                        console.error('script failed to load')
-                        reject(new Error('Failed to load script with src ' + script.src))
-                    }
-
-                    document?.body?.insertAdjacentElement('beforeend', script)
-                })
-            }
-
-            // load
-            const fireLoadListener = () => {
-                const event = 'load'
-                const srcElements = document?.querySelectorAll('[on-' + event + ']')
-
-                srcElements?.forEach(async (srcElement) => {
-                    const listeners = await fetchListeners({ srcElement, event, e: null })
-                    executeListeners({ e: null, srcElement, listeners })
-
-                    srcElement?.removeAttribute('on-' + event)
-                })
-            }
-
-            // invalid
-            const fireInvalidListener = () => {
-                const event = 'invalid'
-                const srcElements = document?.querySelectorAll('[on-' + event + ']')
-
-                srcElements?.forEach(async (srcElement) => {
-                    const listeners = await fetchListeners({ srcElement, event, e: null })
-                    addListener({ srcElement, event, listeners })
-                })
-            }
-
-            // blur
-            const fireBlurListener = () => {
-                const event = 'blur'
-                const srcElements = document?.querySelectorAll('[on-' + event + ']')
-
-                srcElements?.forEach(async (srcElement) => {
-                    const listeners = await fetchListeners({ srcElement, event, e: null })
-                    addListener({ srcElement, event, listeners })
-                })
-            }
-
-            // focus
-            const fireFocusListener = () => {
-                const event = 'focus'
-                const srcElements = document?.querySelectorAll('[on-' + event + ']')
-
-                srcElements?.forEach(async (srcElement) => {
-                    const listeners = await fetchListeners({ srcElement, event, e: null })
-                    addListener({ srcElement, event, listeners })
-                })
-            }
-
-            // observers
-            const fireObserverListeners = () => {
-                const srcElements = [...document.querySelectorAll('[on-observe]')]
-
-                const uniqueScriptNames = [...srcElements?.reduce((acc, srcElement) => {
-                    const attribute = srcElement?.getAttribute('on-observe')
-                    if (attribute === 'undefined') return acc
-
-                    const scriptNames = attribute?.split(',')
-                    scriptNames?.forEach((scriptName) => acc?.set(scriptName, 1))
-
-                    return acc
-                }, new Map())?.keys()]
-
-                uniqueScriptNames?.forEach(async (scriptName) => {
-                    const observedSrcElements = document.querySelectorAll('[on-observe*="' + scriptName + '"]')
-
-                    const script = await import('/' + scriptName?.trim() + '.js')?.catch((err) => { })
-                    const listener = getListenerFromScript({ script, event: 'observe' })
-                    if (!listener) return
-
-                    const observer = new IntersectionObserver((entries) => {
-                        entries.forEach((entry) => listener({ entry, observer }))
-                    })
-
-                    observedSrcElements?.forEach((observerSrcElement) => {
-                        observer.observe(observerSrcElement)
-
-                        const observerAttr = observerSrcElement?.getAttribute('on-observe')
-                        const updatedObserverAttr = observerAttr?.replaceAll(scriptName + ', ', '')?.replaceAll(', ' + scriptName, '')?.replaceAll(scriptName, '')
-
-                        if (updatedObserverAttr === '') observerSrcElement.removeAttribute('on-observe')
-                        else observerSrcElement.setAttribute('on-observe', updatedObserverAttr)
-                    })
-                })
-            }
-
-            const getSrcElement = ({ srcElement, event }) => {
-                if (!srcElement?.hasAttribute) return srcElement
-                const attribute = 'on-' + event
-                const hasScriptName = srcElement?.hasAttribute(attribute)
-                if (hasScriptName) return srcElement
-
-                const query = ':is(a, button, li)[' + attribute + ']'
-                const closestButton = srcElement?.closest(query)
-                if (closestButton) return closestButton
-
-                return srcElement
-            }
-
-            const fireListeners = () => {
-                EVENTS_FIRE_DOCUMENT_BODY_LISTENERS?.forEach((event) => {
-                    document.body['on' + event] = async (e) => {
-                        await addScripts()
-
-                        fireLoadListener()
-                        fireObserverListeners()
-                    }
-                })
-
-                EVENTS?.forEach((event) => {
-                    document.body['on' + event] = async (e) => {
-                        const srcElement = getSrcElement({ srcElement: e?.srcElement, event })
-                        const listeners = await fetchListeners({ srcElement, event, e })
-                        
-                        executeListeners({ e, srcElement, listeners })
-                        addListener({ srcElement, event, listeners })
-                        
-                        if (srcElement?.removeAttribute) srcElement.removeAttribute('on-' + event)
-                    }
-                })
-            }
-
-            fireListeners()
-
-            window.onload = () => {
-                setTimeout(() => {
-                    document?.body?.click()
-                }, 2_500)
-            }
-        })()
-    <\/script>
-`])));
-const SW_REGISTER_SCRIPT = html.html(_b || (_b = __template(["\n    <script defer>\n        (async () => {\n            if (!navigator.serviceWorker) return\n\n            navigator.serviceWorker.register('/sw.worker.js', { scope: '/', type: 'module' })\n\n            let refreshing\n            // check to see if there is a current active service worker\n            const oldSw = (await navigator.serviceWorker.getRegistration())?.active?.state\n            navigator.serviceWorker.addEventListener('controllerchange', async () => {\n                if (refreshing) return\n                // when the controllerchange event has fired, we get the new service worker\n                const newSw = (await navigator.serviceWorker.getRegistration())?.active?.state\n                \n                // if there was already an old activated service worker, and a new activating service worker, do notify update\n                if (oldSw === 'activated' && newSw === 'activating') {\n                    refreshing = true\n                    // notifyUpdate()\n                    location.reload()\n                }\n            })\n        })()\n    <\/script> \n"])));
-exports.LISTENER_SCRIPT = LISTENER_SCRIPT;
-exports.SW_REGISTER_SCRIPT = SW_REGISTER_SCRIPT;

package/dist/actions.es.js

@@ -1,261 +0,0 @@
-var __freeze = Object.freeze;
-var __defProp = Object.defineProperty;
-var __template = (cooked, raw) => __freeze(__defProp(cooked, "raw", { value: __freeze(raw || cooked.slice()) }));
-var _a, _b;
-import { html } from "./html.es.js";
-const LISTENER_SCRIPT = html(_a || (_a = __template([`
-    <script defer>
-        (() => {
-            const EVENTS_PREVENT_DEFAULT_MANDATORY = [
-                'submit'
-            ]
-
-            const EVENTS_FIRE_DOCUMENT_BODY_LISTENERS = [
-                'mouseover',
-                'click',
-            ]
-
-            const EVENTS = [
-                'submit',
-                'input',
-                'blur',
-                'change',
-                'focus',
-                'invalid',
-            ]
-
-
-            const addListener = ({ srcElement, event, listeners }) => {
-                srcElement?.addEventListener(event, (e) => {
-                    executeListeners({ e, srcElement, listeners })
-                })
-            }
-
-            const executeListeners = ({ e, srcElement, listeners }) => {
-                listeners?.forEach((listener) => {
-                    if (listener) listener({ e, srcElement })
-                })
-            }
-
-            const getListenerFromScript = ({ script, event }) => {
-                if (!script) return null
-                if (script[event]) return script[event]
-                const prev = Object.keys(script)?.find((key) => script[key][event])
-                if (!prev) return null
-                return script[prev][event]
-            }
-
-            const fetchListeners = async ({ srcElement, event, e }) => {
-                if (!srcElement?.getAttribute) return
-
-                const scriptNames = srcElement?.getAttribute('on-' + event)
-                if (!scriptNames) return
-
-                if (scriptNames && EVENTS_PREVENT_DEFAULT_MANDATORY.includes(event)) e.preventDefault()
-
-                const scripts = await Promise.all(
-                    scriptNames?.split(',')?.map((scriptName) => {
-                        const scriptToImport = '/' + scriptName?.trim() + '.js'
-                        return import(scriptToImport)?.catch((err) => { })
-                    })
-                )
-
-                const listeners = scripts?.map((script) => getListenerFromScript({ script, event }))
-
-                return listeners
-
-                // if (['load', 'click', 'submit', 'input', 'change'].includes(event)) executeListeners({ e, srcElement, listeners })
-                // if (['focus', 'blur', 'invalid', 'click', 'submit', 'input', 'change'].includes(event)) addListener({ srcElement, event, listeners })
-
-                // srcElement?.removeAttribute('on-' + event)
-            }
-
-            const addScripts = () => {
-                const scriptsToLoad = [...document.querySelectorAll('script[data-script-to-load]')]
-                return Promise.all(
-                    scriptsToLoad?.map((scriptToLoad) => {
-                        const id = scriptToLoad?.getAttribute('data-script-to-load')
-                        scriptToLoad.removeAttribute('data-script-to-load')
-
-                        const attrs = scriptToLoad?.getAttributeNames()?.reduce((acc, attrName) => {
-                            const attrValue = scriptToLoad.getAttribute(attrName)
-                            if (attrValue !== 'text/script-to-load') acc[attrName] = attrValue
-                            return acc
-                        }, {})
-
-                        const content = scriptToLoad?.textContent
-
-                        scriptToLoad?.remove()
-
-                        return loadScript({ id, attrs, content }).catch((err) => {
-                            console.error(err)
-                        })
-                    })
-                )
-            }
-
-            const loadScript = ({ id, attrs, content }) => {
-                const script = document?.createElement('script')
-
-                Object.keys(attrs)?.forEach((attrKey) => script?.setAttribute(attrKey, attrs[attrKey]))
-                script.id = id
-
-                if (content) script?.insertAdjacentHTML('beforeend', content)
-
-                return new Promise((resolve, reject) => {
-                    if (!attrs.src) {
-                        resolve()
-                        document?.body?.insertAdjacentElement('beforeend', script)
-                        return
-                    }
-
-                    script.onload = script.onreadystatechange = function () {
-                        if (!this.readyState || this.readyState === 'loaded' || this.readyState === 'complete') {
-                            resolve()
-                            script.onload = script.onreadystatechange = null
-                        }
-                    }
-
-                    script.onerror = () => {
-                        console.error('script failed to load')
-                        reject(new Error('Failed to load script with src ' + script.src))
-                    }
-
-                    document?.body?.insertAdjacentElement('beforeend', script)
-                })
-            }
-
-            // load
-            const fireLoadListener = () => {
-                const event = 'load'
-                const srcElements = document?.querySelectorAll('[on-' + event + ']')
-
-                srcElements?.forEach(async (srcElement) => {
-                    const listeners = await fetchListeners({ srcElement, event, e: null })
-                    executeListeners({ e: null, srcElement, listeners })
-
-                    srcElement?.removeAttribute('on-' + event)
-                })
-            }
-
-            // invalid
-            const fireInvalidListener = () => {
-                const event = 'invalid'
-                const srcElements = document?.querySelectorAll('[on-' + event + ']')
-
-                srcElements?.forEach(async (srcElement) => {
-                    const listeners = await fetchListeners({ srcElement, event, e: null })
-                    addListener({ srcElement, event, listeners })
-                })
-            }
-
-            // blur
-            const fireBlurListener = () => {
-                const event = 'blur'
-                const srcElements = document?.querySelectorAll('[on-' + event + ']')
-
-                srcElements?.forEach(async (srcElement) => {
-                    const listeners = await fetchListeners({ srcElement, event, e: null })
-                    addListener({ srcElement, event, listeners })
-                })
-            }
-
-            // focus
-            const fireFocusListener = () => {
-                const event = 'focus'
-                const srcElements = document?.querySelectorAll('[on-' + event + ']')
-
-                srcElements?.forEach(async (srcElement) => {
-                    const listeners = await fetchListeners({ srcElement, event, e: null })
-                    addListener({ srcElement, event, listeners })
-                })
-            }
-
-            // observers
-            const fireObserverListeners = () => {
-                const srcElements = [...document.querySelectorAll('[on-observe]')]
-
-                const uniqueScriptNames = [...srcElements?.reduce((acc, srcElement) => {
-                    const attribute = srcElement?.getAttribute('on-observe')
-                    if (attribute === 'undefined') return acc
-
-                    const scriptNames = attribute?.split(',')
-                    scriptNames?.forEach((scriptName) => acc?.set(scriptName, 1))
-
-                    return acc
-                }, new Map())?.keys()]
-
-                uniqueScriptNames?.forEach(async (scriptName) => {
-                    const observedSrcElements = document.querySelectorAll('[on-observe*="' + scriptName + '"]')
-
-                    const script = await import('/' + scriptName?.trim() + '.js')?.catch((err) => { })
-                    const listener = getListenerFromScript({ script, event: 'observe' })
-                    if (!listener) return
-
-                    const observer = new IntersectionObserver((entries) => {
-                        entries.forEach((entry) => listener({ entry, observer }))
-                    })
-
-                    observedSrcElements?.forEach((observerSrcElement) => {
-                        observer.observe(observerSrcElement)
-
-                        const observerAttr = observerSrcElement?.getAttribute('on-observe')
-                        const updatedObserverAttr = observerAttr?.replaceAll(scriptName + ', ', '')?.replaceAll(', ' + scriptName, '')?.replaceAll(scriptName, '')
-
-                        if (updatedObserverAttr === '') observerSrcElement.removeAttribute('on-observe')
-                        else observerSrcElement.setAttribute('on-observe', updatedObserverAttr)
-                    })
-                })
-            }
-
-            const getSrcElement = ({ srcElement, event }) => {
-                if (!srcElement?.hasAttribute) return srcElement
-                const attribute = 'on-' + event
-                const hasScriptName = srcElement?.hasAttribute(attribute)
-                if (hasScriptName) return srcElement
-
-                const query = ':is(a, button, li)[' + attribute + ']'
-                const closestButton = srcElement?.closest(query)
-                if (closestButton) return closestButton
-
-                return srcElement
-            }
-
-            const fireListeners = () => {
-                EVENTS_FIRE_DOCUMENT_BODY_LISTENERS?.forEach((event) => {
-                    document.body['on' + event] = async (e) => {
-                        await addScripts()
-
-                        fireLoadListener()
-                        fireObserverListeners()
-                    }
-                })
-
-                EVENTS?.forEach((event) => {
-                    document.body['on' + event] = async (e) => {
-                        const srcElement = getSrcElement({ srcElement: e?.srcElement, event })
-                        const listeners = await fetchListeners({ srcElement, event, e })
-                        
-                        executeListeners({ e, srcElement, listeners })
-                        addListener({ srcElement, event, listeners })
-                        
-                        if (srcElement?.removeAttribute) srcElement.removeAttribute('on-' + event)
-                    }
-                })
-            }
-
-            fireListeners()
-
-            window.onload = () => {
-                setTimeout(() => {
-                    document?.body?.click()
-                }, 2_500)
-            }
-        })()
-    <\/script>
-`])));
-const SW_REGISTER_SCRIPT = html(_b || (_b = __template(["\n    <script defer>\n        (async () => {\n            if (!navigator.serviceWorker) return\n\n            navigator.serviceWorker.register('/sw.worker.js', { scope: '/', type: 'module' })\n\n            let refreshing\n            // check to see if there is a current active service worker\n            const oldSw = (await navigator.serviceWorker.getRegistration())?.active?.state\n            navigator.serviceWorker.addEventListener('controllerchange', async () => {\n                if (refreshing) return\n                // when the controllerchange event has fired, we get the new service worker\n                const newSw = (await navigator.serviceWorker.getRegistration())?.active?.state\n                \n                // if there was already an old activated service worker, and a new activating service worker, do notify update\n                if (oldSw === 'activated' && newSw === 'activating') {\n                    refreshing = true\n                    // notifyUpdate()\n                    location.reload()\n                }\n            })\n        })()\n    <\/script> \n"])));
-export {
-  LISTENER_SCRIPT,
-  SW_REGISTER_SCRIPT
-};

package/src/actions.js

@@ -1,284 +0,0 @@
-import { html } from './html'
-
-const LISTENER_SCRIPT = html`
-    <script defer>
-        (() => {
-            const EVENTS_PREVENT_DEFAULT_MANDATORY = [
-                'submit'
-            ]
-
-            const EVENTS_FIRE_DOCUMENT_BODY_LISTENERS = [
-                'mouseover',
-                'click',
-            ]
-
-            const EVENTS = [
-                'submit',
-                'input',
-                'blur',
-                'change',
-                'focus',
-                'invalid',
-            ]
-
-
-            const addListener = ({ srcElement, event, listeners }) => {
-                srcElement?.addEventListener(event, (e) => {
-                    executeListeners({ e, srcElement, listeners })
-                })
-            }
-
-            const executeListeners = ({ e, srcElement, listeners }) => {
-                listeners?.forEach((listener) => {
-                    if (listener) listener({ e, srcElement })
-                })
-            }
-
-            const getListenerFromScript = ({ script, event }) => {
-                if (!script) return null
-                if (script[event]) return script[event]
-                const prev = Object.keys(script)?.find((key) => script[key][event])
-                if (!prev) return null
-                return script[prev][event]
-            }
-
-            const fetchListeners = async ({ srcElement, event, e }) => {
-                if (!srcElement?.getAttribute) return
-
-                const scriptNames = srcElement?.getAttribute('on-' + event)
-                if (!scriptNames) return
-
-                if (scriptNames && EVENTS_PREVENT_DEFAULT_MANDATORY.includes(event)) e.preventDefault()
-
-                const scripts = await Promise.all(
-                    scriptNames?.split(',')?.map((scriptName) => {
-                        const scriptToImport = '/' + scriptName?.trim() + '.js'
-                        return import(scriptToImport)?.catch((err) => { })
-                    })
-                )
-
-                const listeners = scripts?.map((script) => getListenerFromScript({ script, event }))
-
-                return listeners
-
-                // if (['load', 'click', 'submit', 'input', 'change'].includes(event)) executeListeners({ e, srcElement, listeners })
-                // if (['focus', 'blur', 'invalid', 'click', 'submit', 'input', 'change'].includes(event)) addListener({ srcElement, event, listeners })
-
-                // srcElement?.removeAttribute('on-' + event)
-            }
-
-            const addScripts = () => {
-                const scriptsToLoad = [...document.querySelectorAll('script[data-script-to-load]')]
-                return Promise.all(
-                    scriptsToLoad?.map((scriptToLoad) => {
-                        const id = scriptToLoad?.getAttribute('data-script-to-load')
-                        scriptToLoad.removeAttribute('data-script-to-load')
-
-                        const attrs = scriptToLoad?.getAttributeNames()?.reduce((acc, attrName) => {
-                            const attrValue = scriptToLoad.getAttribute(attrName)
-                            if (attrValue !== 'text/script-to-load') acc[attrName] = attrValue
-                            return acc
-                        }, {})
-
-                        const content = scriptToLoad?.textContent
-
-                        scriptToLoad?.remove()
-
-                        return loadScript({ id, attrs, content }).catch((err) => {
-                            console.error(err)
-                        })
-                    })
-                )
-            }
-
-            const loadScript = ({ id, attrs, content }) => {
-                const script = document?.createElement('script')
-
-                Object.keys(attrs)?.forEach((attrKey) => script?.setAttribute(attrKey, attrs[attrKey]))
-                script.id = id
-
-                if (content) script?.insertAdjacentHTML('beforeend', content)
-
-                return new Promise((resolve, reject) => {
-                    if (!attrs.src) {
-                        resolve()
-                        document?.body?.insertAdjacentElement('beforeend', script)
-                        return
-                    }
-
-                    script.onload = script.onreadystatechange = function () {
-                        if (!this.readyState || this.readyState === 'loaded' || this.readyState === 'complete') {
-                            resolve()
-                            script.onload = script.onreadystatechange = null
-                        }
-                    }
-
-                    script.onerror = () => {
-                        console.error('script failed to load')
-                        reject(new Error('Failed to load script with src ' + script.src))
-                    }
-
-                    document?.body?.insertAdjacentElement('beforeend', script)
-                })
-            }
-
-            // load
-            const fireLoadListener = () => {
-                const event = 'load'
-                const srcElements = document?.querySelectorAll('[on-' + event + ']')
-
-                srcElements?.forEach(async (srcElement) => {
-                    const listeners = await fetchListeners({ srcElement, event, e: null })
-                    executeListeners({ e: null, srcElement, listeners })
-
-                    srcElement?.removeAttribute('on-' + event)
-                })
-            }
-
-            // invalid
-            const fireInvalidListener = () => {
-                const event = 'invalid'
-                const srcElements = document?.querySelectorAll('[on-' + event + ']')
-
-                srcElements?.forEach(async (srcElement) => {
-                    const listeners = await fetchListeners({ srcElement, event, e: null })
-                    addListener({ srcElement, event, listeners })
-                })
-            }
-
-            // blur
-            const fireBlurListener = () => {
-                const event = 'blur'
-                const srcElements = document?.querySelectorAll('[on-' + event + ']')
-
-                srcElements?.forEach(async (srcElement) => {
-                    const listeners = await fetchListeners({ srcElement, event, e: null })
-                    addListener({ srcElement, event, listeners })
-                })
-            }
-
-            // focus
-            const fireFocusListener = () => {
-                const event = 'focus'
-                const srcElements = document?.querySelectorAll('[on-' + event + ']')
-
-                srcElements?.forEach(async (srcElement) => {
-                    const listeners = await fetchListeners({ srcElement, event, e: null })
-                    addListener({ srcElement, event, listeners })
-                })
-            }
-
-            // observers
-            const fireObserverListeners = () => {
-                const srcElements = [...document.querySelectorAll('[on-observe]')]
-
-                const uniqueScriptNames = [...srcElements?.reduce((acc, srcElement) => {
-                    const attribute = srcElement?.getAttribute('on-observe')
-                    if (attribute === 'undefined') return acc
-
-                    const scriptNames = attribute?.split(',')
-                    scriptNames?.forEach((scriptName) => acc?.set(scriptName, 1))
-
-                    return acc
-                }, new Map())?.keys()]
-
-                uniqueScriptNames?.forEach(async (scriptName) => {
-                    const observedSrcElements = document.querySelectorAll('[on-observe*="' + scriptName + '"]')
-
-                    const script = await import('/' + scriptName?.trim() + '.js')?.catch((err) => { })
-                    const listener = getListenerFromScript({ script, event: 'observe' })
-                    if (!listener) return
-
-                    const observer = new IntersectionObserver((entries) => {
-                        entries.forEach((entry) => listener({ entry, observer }))
-                    })
-
-                    observedSrcElements?.forEach((observerSrcElement) => {
-                        observer.observe(observerSrcElement)
-
-                        const observerAttr = observerSrcElement?.getAttribute('on-observe')
-                        const updatedObserverAttr = observerAttr?.replaceAll(scriptName + ', ', '')?.replaceAll(', ' + scriptName, '')?.replaceAll(scriptName, '')
-
-                        if (updatedObserverAttr === '') observerSrcElement.removeAttribute('on-observe')
-                        else observerSrcElement.setAttribute('on-observe', updatedObserverAttr)
-                    })
-                })
-            }
-
-            const getSrcElement = ({ srcElement, event }) => {
-                if (!srcElement?.hasAttribute) return srcElement
-                const attribute = 'on-' + event
-                const hasScriptName = srcElement?.hasAttribute(attribute)
-                if (hasScriptName) return srcElement
-
-                const query = ':is(a, button, li)[' + attribute + ']'
-                const closestButton = srcElement?.closest(query)
-                if (closestButton) return closestButton
-
-                return srcElement
-            }
-
-            const fireListeners = () => {
-                EVENTS_FIRE_DOCUMENT_BODY_LISTENERS?.forEach((event) => {
-                    document.body['on' + event] = async (e) => {
-                        await addScripts()
-
-                        fireLoadListener()
-                        fireObserverListeners()
-                    }
-                })
-
-                EVENTS?.forEach((event) => {
-                    document.body['on' + event] = async (e) => {
-                        const srcElement = getSrcElement({ srcElement: e?.srcElement, event })
-                        const listeners = await fetchListeners({ srcElement, event, e })
-                        
-                        executeListeners({ e, srcElement, listeners })
-                        addListener({ srcElement, event, listeners })
-                        
-                        if (srcElement?.removeAttribute) srcElement.removeAttribute('on-' + event)
-                    }
-                })
-            }
-
-            fireListeners()
-
-            window.onload = () => {
-                setTimeout(() => {
-                    document?.body?.click()
-                }, 2_500)
-            }
-        })()
-    </script>
-`
-
-const SW_REGISTER_SCRIPT = html`
-    <script defer>
-        (async () => {
-            if (!navigator.serviceWorker) return
-
-            navigator.serviceWorker.register('/sw.worker.js', { scope: '/', type: 'module' })
-
-            let refreshing
-            // check to see if there is a current active service worker
-            const oldSw = (await navigator.serviceWorker.getRegistration())?.active?.state
-            navigator.serviceWorker.addEventListener('controllerchange', async () => {
-                if (refreshing) return
-                // when the controllerchange event has fired, we get the new service worker
-                const newSw = (await navigator.serviceWorker.getRegistration())?.active?.state
-                
-                // if there was already an old activated service worker, and a new activating service worker, do notify update
-                if (oldSw === 'activated' && newSw === 'activating') {
-                    refreshing = true
-                    // notifyUpdate()
-                    location.reload()
-                }
-            })
-        })()
-    </script> 
-`
-
-export {
-    LISTENER_SCRIPT,
-    SW_REGISTER_SCRIPT,
-}