@bleedingdev/modern-js-renderer-solid 0.0.0-stage → 3.9.3-ultramodern.10

package/dist/esm-node/router-binding/Asset.js

@@ -0,0 +1,172 @@
+import { escape as web_escape, scope, ssrElement } from "@solidjs/web";
+import { isServer } from "@tanstack/router-core/isServer";
+import { createEffect, onCleanup, onSettled } from "solid-js";
+import { useRouter } from "./useRouter.js";
+var _m$ = Symbol();
+var _d$ = {
+    get () {
+        const attrs = this[_m$];
+        return {
+            ...attrs,
+            [INLINE_CSS_HYDRATION_ATTR]: ""
+        };
+    },
+    enumerable: true,
+    configurable: true
+};
+function _P$(_p, _p2, _p3) {
+    this[_m$] = _p;
+    this.tag = _p2;
+    Object.defineProperty(this, "attrs", _d$);
+    this.children = _p3;
+}
+_P$.prototype = Object.prototype;
+const INLINE_CSS_HYDRATION_ATTR = "data-tsr-inline-css";
+function Asset(asset) {
+    const { tag, attrs, children } = asset;
+    switch(tag){
+        case "title":
+            return Title({
+                attrs,
+                children
+            });
+        case "meta":
+            return HeadElement({
+                tag: "meta",
+                attrs
+            });
+        case "link":
+            return HeadElement({
+                tag: "link",
+                attrs
+            });
+        case "style":
+            if (asset.inlineCss && ("true" === process.env.TSS_INLINE_CSS_ENABLED || void 0 === process.env.TSS_INLINE_CSS_ENABLED && isServer)) return InlineCssStyle({
+                attrs,
+                children
+            });
+            return HeadElement({
+                tag: "style",
+                attrs,
+                children
+            });
+        case "script":
+            return Script({
+                attrs,
+                children
+            });
+        default:
+            return null;
+    }
+}
+function useRelocateToHead(getEl) {
+    onSettled(()=>{
+        const el = getEl();
+        if (el && el.parentNode !== document.head) document.head.appendChild(el);
+    });
+    onCleanup(()=>{
+        const el = getEl();
+        if (el?.parentNode) el.parentNode.removeChild(el);
+    });
+}
+function InlineCssStyle({ attrs, children }) {
+    const isInlineCssPlaceholder = void 0 === children;
+    const html = isInlineCssPlaceholder ? "u" < typeof document ? "" : document.querySelector(`style[${INLINE_CSS_HYDRATION_ATTR}]`)?.textContent ?? "" : children ?? "";
+    return HeadElement(new _P$(attrs, "style", html));
+}
+function HeadElement(props) {
+    let element;
+    switch(props.tag){
+        case "style":
+            {
+                const attrs = {
+                    ...props.attrs
+                };
+                delete attrs.innerHTML;
+                if ("string" == typeof props.children) attrs.innerHTML = props.children;
+                element = ssrElement("style", attrs, void 0, true);
+                break;
+            }
+        case "meta":
+            element = ssrElement("meta", props.attrs, void 0, true);
+            break;
+        default:
+            element = ssrElement("link", props.attrs, void 0, true);
+    }
+    useRelocateToHead(()=>element);
+    return element;
+}
+function Title(props) {
+    let el;
+    useRelocateToHead(()=>el);
+    createEffect(()=>props.children, (titleText)=>{
+        document.title = "string" == typeof titleText ? titleText : "";
+    });
+    return ssrElement("title", props.attrs, ()=>scope(()=>web_escape(props.children)), true);
+}
+function Script(props) {
+    const router = useRouter();
+    const attrs = props.attrs;
+    const children = props.children;
+    const dataScript = "string" == typeof attrs?.type && "" !== attrs.type && "text/javascript" !== attrs.type && "module" !== attrs.type;
+    if (isServer ?? router.isServer) {
+        if (attrs?.src) return ssrElement("script", attrs, void 0, true);
+        if ("string" == typeof children) return ssrElement("script", [
+            attrs,
+            {
+                innerHTML: children
+            }
+        ], void 0, true);
+        return null;
+    }
+    if (dataScript && "string" == typeof children) return ssrElement("script", [
+        attrs,
+        {
+            innerHTML: children
+        }
+    ], void 0, true);
+    createEffect(()=>({
+            attrs,
+            children,
+            dataScript
+        }), ({ attrs, children, dataScript })=>{
+        if (dataScript) return;
+        let script;
+        if (attrs?.src) {
+            const normSrc = (()=>{
+                try {
+                    const base = document.baseURI || window.location.href;
+                    return new URL(attrs.src, base).href;
+                } catch  {
+                    return attrs.src;
+                }
+            })();
+            const existingScript = Array.from(document.querySelectorAll("script[src]")).find((el)=>el.src === normSrc);
+            if (existingScript) return;
+            script = document.createElement("script");
+            for (const [key, value] of Object.entries(attrs))if (void 0 !== value && false !== value) script.setAttribute(key, "boolean" == typeof value ? "" : String(value));
+            document.head.appendChild(script);
+        } else if ("string" == typeof children) {
+            const typeAttr = "string" == typeof attrs?.type ? attrs.type : "text/javascript";
+            const nonceAttr = "string" == typeof attrs?.nonce ? attrs.nonce : void 0;
+            const existingScript = Array.from(document.querySelectorAll("script:not([src])")).find((el)=>{
+                if (!(el instanceof HTMLScriptElement)) return false;
+                const sType = el.getAttribute("type") ?? "text/javascript";
+                const sNonce = el.getAttribute("nonce") ?? void 0;
+                return el.textContent === children && sType === typeAttr && sNonce === nonceAttr;
+            });
+            if (existingScript) return;
+            script = document.createElement("script");
+            script.textContent = children;
+            if (attrs) {
+                for (const [key, value] of Object.entries(attrs))if (void 0 !== value && false !== value) script.setAttribute(key, "boolean" == typeof value ? "" : String(value));
+            }
+            document.head.appendChild(script);
+        }
+        return ()=>{
+            if (script?.parentNode) script.parentNode.removeChild(script);
+        };
+    });
+    return null;
+}
+export { Asset };

package/dist/esm-node/router-binding/CatchBoundary.js

@@ -0,0 +1,136 @@
+import { Dynamic, escape as web_escape, memo, scope, ssr, ssrHydrationKey, ssrStyleProperties, ssrStyleProperty } from "@solidjs/web";
+import { renderInNonRouteComponentContext } from "./nonRouteComponentContext.js";
+import * as __rspack_external_solid_js_0ac0db99 from "solid-js";
+var _tmpl$ = [
+    "<div",
+    " style=\"",
+    "\"><div style=\"",
+    "\"><strong style=\"",
+    "\">Something went wrong!</strong><button style=\"",
+    "\">",
+    "</button></div><div style=\"",
+    "\"></div><!--$-->",
+    "<!--/--></div>"
+];
+var _tmpl$2 = [
+    "<div",
+    "><pre style=\"",
+    "\">",
+    "</pre></div>"
+];
+var _tmpl$3 = [
+    "<code",
+    ">",
+    "</code>"
+];
+var _m$ = Symbol(), _m$2 = Symbol();
+var _d$ = {
+    get () {
+        const props = this[_m$];
+        return props.errorComponent ?? ErrorComponent;
+    },
+    enumerable: true,
+    configurable: true
+};
+function _P$(_p, _p2, _p3) {
+    this[_m$] = _p;
+    Object.defineProperty(this, "component", _d$);
+    this.error = _p2;
+    this.reset = _p3;
+}
+_P$.prototype = Object.prototype;
+var _d$2 = {
+    get () {
+        const props = this[_m$];
+        return props.errorComponent ?? ErrorComponent;
+    },
+    enumerable: true,
+    configurable: true
+};
+function _P$2(_p4, _p5, _p6) {
+    this[_m$] = _p4;
+    Object.defineProperty(this, "component", _d$2);
+    this.error = _p5;
+    this.reset = _p6;
+}
+_P$2.prototype = Object.prototype;
+var _d$3 = {
+    get () {
+        const retryKey = this[_m$];
+        return retryKey();
+    },
+    enumerable: true,
+    configurable: true
+};
+function _P$3(_p7, _p8, _p9) {
+    this[_m$] = _p7;
+    Object.defineProperty(this, "when", _d$3);
+    this.keyed = _p8;
+    this.children = _p9;
+}
+_P$3.prototype = Object.prototype;
+var _d$4 = {
+    get () {
+        const retryKey = this[_m$];
+        const props = this[_m$2];
+        return __rspack_external_solid_js_0ac0db99.Show(new _P$3(retryKey, true, (_retryKey)=>props.render?.() ?? props.children));
+    },
+    enumerable: true,
+    configurable: true
+};
+function _P$4(_p0, _p1, _p10) {
+    this[_m$] = _p0;
+    this[_m$2] = _p1;
+    this.fallback = _p10;
+    Object.defineProperty(this, "children", _d$4);
+}
+_P$4.prototype = Object.prototype;
+function CatchBoundary(props) {
+    const [retryKey, setRetryKey] = __rspack_external_solid_js_0ac0db99.createSignal({});
+    let resetBoundary;
+    let initialized = false;
+    let previousKey;
+    __rspack_external_solid_js_0ac0db99.onCleanup(()=>{
+        resetBoundary = void 0;
+    });
+    __rspack_external_solid_js_0ac0db99.createEffect(props.getResetKey, (key)=>{
+        if (!initialized) {
+            initialized = true;
+            previousKey = key;
+            return;
+        }
+        if (key === previousKey) return;
+        previousKey = key;
+        const reset = resetBoundary;
+        if (reset) queueMicrotask(()=>{
+            if (resetBoundary !== reset) return;
+            setRetryKey({});
+            reset();
+            __rspack_external_solid_js_0ac0db99.flush();
+        });
+    });
+    return __rspack_external_solid_js_0ac0db99.Errored(new _P$4(retryKey, props, (error, reset)=>{
+        const resolvedError = __rspack_external_solid_js_0ac0db99.untrack(()=>error());
+        props.onCatch?.(resolvedError);
+        resetBoundary = reset;
+        return "production" !== process.env.NODE_ENV ? renderInNonRouteComponentContext(()=>Dynamic(new _P$(props, resolvedError, reset)), "errorComponent") : Dynamic(new _P$2(props, resolvedError, reset));
+    }));
+}
+function ErrorComponent({ error }) {
+    const [show, setShow] = __rspack_external_solid_js_0ac0db99.createSignal("production" !== process.env.NODE_ENV);
+    var _v$ = ssrHydrationKey(), _v$2 = ()=>show() ? "Hide Error" : "Show Error", _v$3 = scope((()=>{
+        var _c$ = memo(()=>!!show());
+        return ()=>{
+            var _v$4, _v$5;
+            return _c$() ? (_v$4 = ssrHydrationKey(), _v$5 = scope((()=>{
+                var _c$2 = memo(()=>!!error.message);
+                return ()=>{
+                    var _v$6, _v$7;
+                    return _c$2() ? (_v$6 = ssrHydrationKey(), _v$7 = scope(()=>web_escape(error.message)), ssr(_tmpl$3, _v$6, _v$7)) : web_escape(null);
+                };
+            })()), ssr(_tmpl$2, _v$4, ssrStyleProperties("font-size:", ".7em", "border:", "1px solid red", "border-radius:", ".25rem", "padding:", ".3rem", "color:", "red", "overflow:", "auto"), _v$5)) : web_escape(null);
+        };
+    })());
+    return ssr(_tmpl$, _v$, ssrStyleProperties("padding:", ".5rem", "max-width:", "100%"), ssrStyleProperties("display:", "flex", "align-items:", "center", "gap:", ".5rem"), ssrStyleProperty("font-size:", "1rem"), ssrStyleProperties("appearance:", "none", "font-size:", ".6em", "border:", "1px solid currentColor", "padding:", ".1rem .2rem", "font-weight:", "bold", "border-radius:", ".25rem"), _v$2, ssrStyleProperty("height:", ".25rem"), _v$3);
+}
+export { CatchBoundary, ErrorComponent };

package/dist/esm-node/router-binding/ClientOnly.js

@@ -0,0 +1,46 @@
+import * as __rspack_external_solid_js_0ac0db99 from "solid-js";
+var _m$ = Symbol(), _m$2 = Symbol();
+var _d$ = {
+    get () {
+        const hydrated = this[_m$];
+        return hydrated();
+    },
+    enumerable: true,
+    configurable: true
+}, _d$2 = {
+    get () {
+        const props = this[_m$2];
+        return props.fallback ?? null;
+    },
+    enumerable: true,
+    configurable: true
+}, _d$3 = {
+    get () {
+        const props = this[_m$2];
+        return props.children;
+    },
+    enumerable: true,
+    configurable: true
+};
+function _P$(_p, _p2) {
+    this[_m$] = _p;
+    this[_m$2] = _p2;
+    Object.defineProperty(this, "when", _d$);
+    Object.defineProperty(this, "fallback", _d$2);
+    Object.defineProperty(this, "children", _d$3);
+}
+_P$.prototype = Object.prototype;
+function ClientOnly(props) {
+    const hydrated = useHydrated();
+    return __rspack_external_solid_js_0ac0db99.Show(new _P$(hydrated, props));
+}
+let globalHydrated = false;
+function useHydrated() {
+    const [hydrated, setHydrated] = __rspack_external_solid_js_0ac0db99.createSignal(globalHydrated && !__rspack_external_solid_js_0ac0db99.isHydrating());
+    __rspack_external_solid_js_0ac0db99.createEffect(()=>true, ()=>{
+        globalHydrated = true;
+        setHydrated(true);
+    });
+    return hydrated;
+}
+export { ClientOnly, useHydrated };

package/dist/esm-node/router-binding/HeadContent.js

@@ -0,0 +1,8 @@
+import { HydrationScript, useHead } from "@solidjs/web";
+import { toHeadTags, useTags } from "./headContentUtils.js";
+function HeadContent(props) {
+    const tags = useTags(props.assetCrossOrigin);
+    useHead(()=>toHeadTags(tags()));
+    return HydrationScript({});
+}
+export { HeadContent };

package/dist/esm-node/router-binding/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021-present Tanner Linsley
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.