` may contain other `

`s. */ /** Cache of per-tag "open tag" regexes so we don't recompile one per call. */ const OPEN_TAG_RE = new Map(); function openTagRe(tag: string): RegExp { let re = OPEN_TAG_RE.get(tag); if (!re) { re = new RegExp(`<${tag}\\b`, "g"); OPEN_TAG_RE.set(tag, re); } return re; } export function readElementBody( html: string, tag: string, from: number, ): { inner: string; end: number } { const openRe = openTagRe(tag); const closeTag = ``; let depth = 1; let i = from; while (i < html.length) { const nextClose = html.indexOf(closeTag, i); if (nextClose === -1) return { inner: html.slice(from), end: html.length }; openRe.lastIndex = i; const openMatch = openRe.exec(html); if (openMatch && openMatch.index < nextClose) { const gt = html.indexOf(">", openMatch.index); if (gt !== -1 && html[gt - 1] === "/") { i = gt + 1; // self-closing child: no depth change } else { depth++; i = gt === -1 ? html.length : gt + 1; } } else { depth--; if (depth === 0) return { inner: html.slice(from, nextClose), end: nextClose + closeTag.length }; i = nextClose + closeTag.length; } } return { inner: html.slice(from), end: html.length }; } /** * Split a mount's children into named slots and the default slot. Content inside * `…` goes to that named slot (the wrapper element is * dropped); everything else is the default slot. */ function extractSlots(inner: string): { named: Record; def: string } { const named: Record = {}; if (!inner.includes("data-slot=")) return { named, def: inner }; const SLOT_MOUNT_RE = /<([A-Za-z][A-Za-z0-9-]*)\b([^>]*?\bdata-slot="([A-Za-z0-9_-]+)"[^>]*?)(\/?)>/; let def = ""; let i = 0; for (;;) { const m = SLOT_MOUNT_RE.exec(inner.slice(i)); if (!m) { def += inner.slice(i); break; } const tagStart = i + m.index; def += inner.slice(i, tagStart); const [open, tag, , name, selfClose] = m; const openEnd = tagStart + open.length; const { inner: content, end } = selfClose === "/" ? { inner: "", end: openEnd } : readElementBody(inner, tag!, openEnd); named[name!] = content; i = end; } return { named, def }; } /** * Replace `` elements in a component's output with the mount's children: * … ← content from `data-slot="x"` on the mount * … ← everything else (the default slot) * A `fallback` keeps its fallback when nothing is provided. */ export function fillSlots(html: string, inner: string): string { if (!/]*?\bname="([A-Za-z0-9_-]+)"[^>]*?\/>/g, (_m, name: string) => named[name] ?? "", ) .replace( /]*?\bname="([A-Za-z0-9_-]+)"[^>]*?>([\s\S]*?)<\/slot>/g, (_m, name: string, fallback: string) => named[name] != null && named[name]!.trim() ? named[name]! : fallback, ) .replace(//g, defTrimmed ? def : "") .replace(/]*>([\s\S]*?)<\/slot>/g, (_m, fallback: string) => defTrimmed ? def : fallback, ); } /** * Extract props from a `data-component` mount's attribute string. Every quoted * attribute other than `data-component` becomes a (string) prop; the component's * declared defaults coerce them to their final types. */ export function parseComponentProps(attrStr: string): Record { const props: Record = {}; for (const m of attrStr.matchAll(/([A-Za-z_][\w-]*)(?:="([^"]*)")?/g)) { const key = m[1]!; if (key === "data-component") continue; props[key] = decodeHtmlEntities(m[2] ?? ""); } return props; } /** * Resolve `{t:key}` i18n markers inside component prop values against the active * language, so authors can pass localized text into a component: * `

`. */ export function resolveTProps( props: Record, translate: TFunction, ): Record { for (const key of Object.keys(props)) { const value = props[key]!; if (value.includes("{t:")) { props[key] = value.replace(/\{t:\s*([^}]+?)\s*\}/g, (_m, tkey: string) => translate(tkey.trim()), ); } } return props; } /** * Decide which framework scripts a rendered page needs. Components are already * server-rendered into the HTML; the only script is the reactive runtime, and * only when the page actually contains a scope or a browser-side API fetch. */ export function collectScripts(body: string): string[] { // Client-side navigation is an app-wide progressive enhancement: it must load // on every page (you navigate *from* any page), and degrades to full loads. const scripts: string[] = ["/__wrnexus/nav.js"]; if (/\bdata-scope=/.test(body) || /\bdata-wrnexus-csr=/.test(body)) { scripts.push("/__wrnexus/reactive.js"); } // The theme runtime is only needed when the page can switch themes. if (/\bdata-wire-theme-(toggle|set)\b/.test(body)) { scripts.push(THEME_JS_HREF); } // Validation: schema descriptors + the generic validator, only for pages with a form. if (/\bdata-schema="[A-Za-z0-9_-]+"/.test(body)) { scripts.push("/__wrnexus/schemas.js", "/__wrnexus/validate.js"); } // Language switcher runtime, only when the page has one. if (/\bdata-wire-lang-set\b/.test(body) || /\bselect[^>]*\bdata-wire-lang\b/.test(body)) { scripts.push(I18N_JS_HREF); } // Realtime client, only when the page declares a room. if (/\bdata-room=/.test(body)) { scripts.push("/__wrnexus/realtime.js"); } // File-upload runtime (drag-drop + progress), only when a page has an uploader. if (/\bdata-uploader\b/.test(body)) { scripts.push("/__wrnexus/uploader.js"); } return scripts; } /** Whether rendered markup needs the Capacitor/native browser bridge. */ export function usesMobileRuntime(body: string): boolean { return /\b(?:data-mobile-[\w-]+|data-native-(?:browser|mobile|only|requires|unsupported|options)|data-on-wrnexus-(?:browser|mobile)-[\w-]+)\b/.test( body, ); } function safeLanguageTag(value: string): string { return /^[A-Za-z]{2,3}(?:-[A-Za-z0-9]{2,8})*$/.test(value) ? value : "en"; } function versionAssetUrl(src: string, version?: string): string { if (!version) return src; return `${src}${src.includes("?") ? "&" : "?"}v=${encodeURIComponent(version)}`; } function escapeStyleContent(css: string): string { return css.replace(/<\/style/gi, "<\\/style"); }