@ecopages/lit 0.2.0-rc.6 → 0.2.0-rc.8

package/README.md

@@ -47,7 +47,15 @@ This setup lets Kita own the page shell while Lit owns the nested Lit component
 
 - `.lit.tsx` route files.
 - Nested Lit component boundaries rendered inside pages owned by other integrations.
-- The Lit hydration support script required for SSR custom elements and declarative shadow DOM.
+- The Lit hydration support script required for SSR custom elements and declarative shadow DOM. Injected synchronously into `document.head` so `globalThis.litElementHydrateSupport` is available before any custom element connects.
+
+## Hydration Architecture
+
+Lit component SSR reuses existing declarative shadow roots rather than replacing host nodes. When hydrated:
+
+1. The server renders declarative shadow roots (`<template shadowrootmode="open">`) and stamps `defer-hydration` on nodes needing client hydration.
+2. The global `lit-hydrate-support` script initializes `globalThis.litElementHydrateSupport` before custom element definitions execute.
+3. Custom elements register via their client scripts, remove `defer-hydration`, and perform in-place hydration against the preserved SSR shadow roots.
 
 ## Mixed Rendering
 
@@ -57,10 +65,11 @@ Important:
 
 - Direct local imports of declared Eco Components contribute their Dependencies automatically, including Foreign Children and named `export { X } from` barrels. Use `dependencies.components` for `export *` barrels and package imports.
 - Ecopages validates ownership from declared dependencies during render preparation instead of relying on post-render HTML discovery.
+- Route-level dependency resolvers can supply Components at request time; Lit includes those resolved roots when deciding whether a Foreign Subtree needs handoff.
 - Lit keeps slot transport, shadow-root handling, and SSR preload behavior inside the Lit renderer.
 
 ## Discovered assets and lazy custom elements
 
 A Lit Component can import a relative stylesheet with `import './counter.css'`; core extracts it into the shared asset pipeline. Direct local imports of that Component make its Dependencies available to the Lit SSR preloader, including through Foreign Child rendering.
 
-Keep custom-element registration explicit with `scripts: [{ src: './counter.script.ts', ssr: true, lazy: { 'on:visible': true } }]`. The module executes before server rendering and loads in the browser on visibility. `ssr: true` no longer emits an additional eager browser script. Omit `lazy` when eager browser loading is intended. SSR preload artifacts are excluded from HTML, and hydration support must be available before the browser registers the element.
+Keep custom-element registration explicit with `scripts: [{ src: './counter.script.ts', ssr: true, lazy: { 'on:visible': true } }]`. Entries with `ssr: true` execute on the server before rendering (eager or lazy) and load in the browser according to `lazy`. `ssr: true` does not emit an additional eager browser script. Omit `lazy` when eager browser loading is intended. SSR preload artifacts are excluded from HTML, and hydration support must be available before the browser registers the element. Lit-owned page routes preload those scripts in the static-render worker through the app module loader so `@lit-labs/ssr` sees the registered custom element.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecopages/lit",
-  "version": "0.2.0-rc.6",
+  "version": "0.2.0-rc.8",
   "description": "Ecopages lit integration",
   "keywords": [
     "ecopages",
@@ -42,7 +42,7 @@
     "directory": "packages/integrations/lit"
   },
   "peerDependencies": {
-    "@ecopages/core": "0.2.0-rc.6",
+    "@ecopages/core": "0.2.0-rc.8",
     "@lit-labs/ssr": "^3.3.0",
     "@lit-labs/ssr-client": "^1.1.7",
     "lit": "^3.2.1"

package/src/STATIC_RENDER.md

@@ -24,6 +24,8 @@ LitRenderer.execute() (main)
        └─ session.renderPageInWorker()
             └─ postMessage(render) ─────► RouteRendererFactory.execute()
                                           (no active session in worker)
+                                          LitRenderer.ssrScriptPreloader uses
+                                          importServerModule (no entrypoint resolver)
 
 beforeStaticExport
   └─ ensureWorker() only when `renderSession` is still null

package/src/dom-shim.js

@@ -2,15 +2,49 @@ import { installWindowOnGlobal } from '@lit-labs/ssr/lib/dom-shim.js';
 import '@lit-labs/ssr/lib/install-global-dom-shim.js';
 /** Repairs the minimal Lit DOM surface after another Integration installs its SSR globals. */
 export function ensureLitDomShim() {
-    if (typeof globalThis.document?.createTreeWalker !== 'function') {
-        if (typeof globalThis.window === 'undefined') {
-            installWindowOnGlobal();
+    if (typeof globalThis.window === 'undefined') {
+        installWindowOnGlobal();
+    }
+    if (typeof globalThis.document !== 'undefined' && typeof globalThis.document.createTreeWalker !== 'function') {
+        Object.defineProperty(globalThis.document, 'createTreeWalker', {
+            configurable: true,
+            writable: true,
+            value: () => ({}),
+        });
+    }
+    for (const target of [globalThis.Element, globalThis.HTMLElement]) {
+        if (typeof target === 'undefined' || !target?.prototype) {
+            continue;
+        }
+        if (!('attributes' in target.prototype)) {
+            Object.defineProperty(target.prototype, 'attributes', {
+                configurable: true,
+                enumerable: true,
+                get() {
+                    if (typeof this.getAttributeNames === 'function') {
+                        return this.getAttributeNames().map((name) => ({
+                            name,
+                            value: this.getAttribute(name),
+                        }));
+                    }
+                    return [];
+                },
+            });
         }
-        else {
-            Object.defineProperty(globalThis.document, 'createTreeWalker', {
+        if (typeof target.prototype.attachShadow !== 'function') {
+            Object.defineProperty(target.prototype, 'attachShadow', {
                 configurable: true,
                 writable: true,
-                value: () => ({}),
+                value: function attachShadow(init = { mode: 'open' }) {
+                    const shadowRoot = {
+                        mode: init?.mode ?? 'open',
+                        host: this,
+                        children: [],
+                        childNodes: [],
+                    };
+                    this.shadowRoot = shadowRoot;
+                    return shadowRoot;
+                },
             });
         }
     }

package/src/lit-element-hydrate.d.ts

@@ -1 +1,11 @@
+/**
+ * Pre-bundled Lit SSR hydration client runtime.
+ *
+ * @remarks
+ * Contains the compiled `@lit-labs/ssr-client/lit-element-hydrate-support.js`
+ * and `@lit-labs/ssr-client/lib/hydrate-lit-html.js` runtime. It defines
+ * `globalThis.litElementHydrateSupport`, which installs the `defer-hydration`
+ * observer and hooks into `LitElement.prototype.update` to hydrate existing
+ * server-rendered shadow roots instead of replacing them.
+ */
 export declare const litElementHydrateScript = "var k=globalThis,y=k.trustedTypes,p=y?y.createPolicy(\"lit-html\",{createHTML:(q)=>q}):void 0;var P=`lit$${Math.random().toFixed(9).slice(2)}$`,v=\"?\"+P,Kq=`<${v}>`,x=document,C=()=>x.createComment(\"\"),S=(q)=>q===null||typeof q!=\"object\"&&typeof q!=\"function\",L=Array.isArray,h=(q)=>L(q)||typeof q?.[Symbol.iterator]==\"function\";var U=/<(?:(!--|\\/[^a-zA-Z])|(\\/?[a-zA-Z][^>\\s]*)|(\\/?$))/g,m=/-->/g,a=/>/g,$=/>|[ \\t\\n\\f\\r](?:([^\\s\"'>=\\/]+)([ \\t\\n\\f\\r]*=[ \\t\\n\\f\\r]*(?:[^ \\t\\n\\f\\r\"'\\`<>=]|(\"|')|))|$)/g,c=/'/g,l=/\"/g,r=/^(?:script|style|textarea|title)$/i,M=(q)=>(D,...F)=>({_$litType$:q,strings:D,values:F}),Aq=M(1),Pq=M(2),Vq=M(3),V=Symbol.for(\"lit-noChange\"),B=Symbol.for(\"lit-nothing\"),n=new WeakMap,w=x.createTreeWalker(x,129);function o(q,D){if(!L(q)||!q.hasOwnProperty(\"raw\"))throw Error(\"invalid template strings array\");return p!==void 0?p.createHTML(D):D}var e=(q,D)=>{let F=q.length-1,J=[],G,O=D===2?\"<svg>\":D===3?\"<math>\":\"\",K=U;for(let W=0;W<F;W++){let Q=q[W],Y,X,b=-1,A=0;while(A<Q.length&&(K.lastIndex=A,X=K.exec(Q),X!==null))A=K.lastIndex,K===U?X[1]===\"!--\"?K=m:X[1]!==void 0?K=a:X[2]!==void 0?(r.test(X[2])&&(G=RegExp(\"</\"+X[2],\"g\")),K=$):X[3]!==void 0&&(K=$):K===$?X[0]===\">\"?(K=G??U,b=-1):X[1]===void 0?b=-2:(b=K.lastIndex-X[2].length,Y=X[1],K=X[3]===void 0?$:X[3]==='\"'?l:c):K===l||K===c?K=$:K===m||K===a?K=U:(K=$,G=void 0);const _=K===$&&q[W+1].startsWith(\"/>\")?\" \":\"\";O+=K===U?Q+Kq:b>=0?(J.push(Y),Q.slice(0,b)+\"$lit$\"+Q.slice(b)+P+_):Q+P+(b===-2?W:_)}return[o(q,O+(q[F]||\"<?>\")+(D===2?\"</svg>\":D===3?\"</math>\":\"\")),J]};class g{constructor({strings:q,_$litType$:D},F){let J;this.parts=[];let G=0,O=0,K=q.length-1,W=this.parts,[Q,Y]=e(q,D);if(this.el=g.createElement(Q,F),w.currentNode=this.el.content,D===2||D===3){const X=this.el.content.firstChild;X.replaceWith(...X.childNodes)}while((J=w.nextNode())!==null&&W.length<K){if(J.nodeType===1){if(J.hasAttributes())for(const X of J.getAttributeNames())if(X.endsWith(\"$lit$\")){const b=Y[O++],A=J.getAttribute(X).split(P),_=/([.?@])?(.*)/.exec(b);W.push({type:1,index:G,name:_[2],strings:A,ctor:_[1]===\".\"?R:_[1]===\"?\"?E:_[1]===\"@\"?d:I}),J.removeAttribute(X)}else X.startsWith(P)&&(W.push({type:6,index:G}),J.removeAttribute(X));if(r.test(J.tagName)){const X=J.textContent.split(P),b=X.length-1;if(b>0){J.textContent=y?y.emptyScript:\"\";for(let A=0;A<b;A++)J.append(X[A],C()),w.nextNode(),W.push({type:2,index:++G});J.append(X[b],C())}}}else if(J.nodeType===8)if(J.data===v)W.push({type:2,index:G});else{let X=-1;while((X=J.data.indexOf(P,X+1))!==-1)W.push({type:7,index:G}),X+=P.length-1}G++}}static createElement(q,D){const F=x.createElement(\"template\");return F.innerHTML=q,F}}function z(q,D,F=q,J){if(D===V)return D;let G=J!==void 0?F._$Co?.[J]:F._$Cl,O=S(D)?void 0:D._$litDirective$;return G?.constructor!==O&&(G?._$AO?.(!1),O===void 0?G=void 0:(G=new O(q),G._$AT(q,F,J)),J!==void 0?(F._$Co??=[])[J]=G:F._$Cl=G),G!==void 0&&(D=z(q,G._$AS(q,D.values),G,J)),D}class j{constructor(q,D){this._$AV=[],this._$AN=void 0,this._$AD=q,this._$AM=D}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(q){const{el:{content:D},parts:F}=this._$AD,J=(q?.creationScope??x).importNode(D,!0);w.currentNode=J;let G=w.nextNode(),O=0,K=0,W=F[0];while(W!==void 0){if(O===W.index){let Q;W.type===2?Q=new H(G,G.nextSibling,this,q):W.type===1?Q=new W.ctor(G,W.name,W.strings,this,q):W.type===6&&(Q=new f(G,this,q)),this._$AV.push(Q),W=F[++K]}O!==W?.index&&(G=w.nextNode(),O++)}return w.currentNode=x,J}p(q){let D=0;for(const F of this._$AV)F!==void 0&&(F.strings!==void 0?(F._$AI(q,F,D),D+=F.strings.length-2):F._$AI(q[D])),D++}}class H{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(q,D,F,J){this.type=2,this._$AH=B,this._$AN=void 0,this._$AA=q,this._$AB=D,this._$AM=F,this.options=J,this._$Cv=J?.isConnected??!0}get parentNode(){let q=this._$AA.parentNode,D=this._$AM;return D!==void 0&&q?.nodeType===11&&(q=D.parentNode),q}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(q,D=this){q=z(this,q,D),S(q)?q===B||q==null||q===\"\"?(this._$AH!==B&&this._$AR(),this._$AH=B):q!==this._$AH&&q!==V&&this._(q):q._$litType$!==void 0?this.$(q):q.nodeType!==void 0?this.T(q):h(q)?this.k(q):this._(q)}O(q){return this._$AA.parentNode.insertBefore(q,this._$AB)}T(q){this._$AH!==q&&(this._$AR(),this._$AH=this.O(q))}_(q){this._$AH!==B&&S(this._$AH)?this._$AA.nextSibling.data=q:this.T(x.createTextNode(q)),this._$AH=q}$(q){const{values:D,_$litType$:F}=q,J=typeof F==\"number\"?this._$AC(q):(F.el===void 0&&(F.el=g.createElement(o(F.h,F.h[0]),this.options)),F);if(this._$AH?._$AD===J)this._$AH.p(D);else{const G=new j(J,this),O=G.u(this.options);G.p(D),this.T(O),this._$AH=G}}_$AC(q){let D=n.get(q.strings);return D===void 0&&n.set(q.strings,D=new g(q)),D}k(q){L(this._$AH)||(this._$AH=[],this._$AR());let D=this._$AH,F,J=0;for(const G of q)J===D.length?D.push(F=new H(this.O(C()),this.O(C()),this,this.options)):F=D[J],F._$AI(G),J++;J<D.length&&(this._$AR(F&&F._$AB.nextSibling,J),D.length=J)}_$AR(q=this._$AA.nextSibling,D){for(this._$AP?.(!1,!0,D);q&&q!==this._$AB;){const F=q.nextSibling;q.remove(),q=F}}setConnected(q){this._$AM===void 0&&(this._$Cv=q,this._$AP?.(q))}}class I{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(q,D,F,J,G){this.type=1,this._$AH=B,this._$AN=void 0,this.element=q,this.name=D,this._$AM=J,this.options=G,F.length>2||F[0]!==\"\"||F[1]!==\"\"?(this._$AH=Array(F.length-1).fill(new String),this.strings=F):this._$AH=B}_$AI(q,D=this,F,J){let G=this.strings,O=!1;if(G===void 0)q=z(this,q,D,0),O=!S(q)||q!==this._$AH&&q!==V,O&&(this._$AH=q);else{let K=q,W,Q;for(q=G[0],W=0;W<G.length-1;W++)Q=z(this,K[F+W],D,W),Q===V&&(Q=this._$AH[W]),O||=!S(Q)||Q!==this._$AH[W],Q===B?q=B:q!==B&&(q+=(Q??\"\")+G[W+1]),this._$AH[W]=Q}O&&!J&&this.j(q)}j(q){q===B?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,q??\"\")}}class R extends I{constructor(){super(...arguments),this.type=3}j(q){this.element[this.name]=q===B?void 0:q}}class E extends I{constructor(){super(...arguments),this.type=4}j(q){this.element.toggleAttribute(this.name,!!q&&q!==B)}}class d extends I{constructor(q,D,F,J,G){super(q,D,F,J,G),this.type=5}_$AI(q,D=this){if((q=z(this,q,D,0)??B)===V)return;const F=this._$AH,J=q===B&&F!==B||q.capture!==F.capture||q.once!==F.once||q.passive!==F.passive,G=q!==B&&(F===B||J);J&&this.element.removeEventListener(this.name,this,F),G&&this.element.addEventListener(this.name,this,q),this._$AH=q}handleEvent(q){typeof this._$AH==\"function\"?this._$AH.call(this.options?.host??this.element,q):this._$AH.handleEvent(q)}}class f{constructor(q,D,F){this.element=q,this.type=6,this._$AN=void 0,this._$AM=D,this.options=F}get _$AU(){return this._$AM._$AU}_$AI(q){z(this,q)}}var Z={M:\"$lit$\",P,A:v,C:1,L:e,R:j,D:h,V:z,I:H,H:I,N:E,U:d,B:R,F:f},Oq=k.litHtmlPolyfillSupport;Oq?.(g,H),(k.litHtmlVersions??=[]).push(\"3.2.1\");var i=(q,D,F)=>{let J=F?.renderBefore??D,G=J._$litPart$;if(G===void 0){const O=F?.renderBefore??null;J._$litPart$=G=new H(D.insertBefore(C(),O),O,void 0,F??{})}return G._$AI(q),G};var u=null,s={boundAttributeSuffix:Z.M,marker:Z.P,markerMatch:Z.A,HTML_RESULT:Z.C,getTemplateHtml:Z.L,overrideDirectiveResolve:(q,D)=>class extends q{_$AS(F,J){return D(this,J)}},patchDirectiveResolve:(q,D)=>{if(q.prototype._$AS!==D){u??=q.prototype._$AS.name;for(let F=q.prototype;F!==Object.prototype;F=Object.getPrototypeOf(F))if(F.hasOwnProperty(u))return void(F[u]=D);throw Error(\"Internal error: It is possible that both dev mode and production mode Lit was mixed together during SSR. Please comment on the issue: https://github.com/lit/lit/issues/4527\")}},setDirectiveClass(q,D){q._$litDirective$=D},getAttributePartCommittedValue:(q,D,F)=>{let J=V;return q.j=(G)=>J=G,q._$AI(D,q,F),J},connectedDisconnectable:(q)=>({...q,_$AU:!0}),resolveDirective:Z.V,AttributePart:Z.H,PropertyPart:Z.B,BooleanAttributePart:Z.N,EventPart:Z.U,ElementPart:Z.F,TemplateInstance:Z.R,isIterable:Z.D,ChildPart:Z.I};var T={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6};var t=(q)=>q===null||typeof q!=\"object\"&&typeof q!=\"function\";var qq=(q,D)=>D===void 0?q?._$litType$!==void 0:q?._$litType$===D,Dq=(q)=>q?._$litType$?.h!=null;var Fq=(q)=>q.strings===void 0;var{TemplateInstance:Qq,isIterable:Wq,resolveDirective:Gq,ChildPart:N,ElementPart:Xq}=s,Jq=(q,D,F={})=>{if(D._$litPart$!==void 0)throw Error(\"container already contains a live render\");let J,G,O,K=[],W=document.createTreeWalker(D,NodeFilter.SHOW_COMMENT),Q;while((Q=W.nextNode())!==null){const Y=Q.data;if(Y.startsWith(\"lit-part\")){if(K.length===0&&J!==void 0)throw Error(`There must be only one root part per container. Found a part marker (${Q}) when we already have a root part marker (${G})`);O=Yq(q,Q,K,F),J===void 0&&(J=O),G??=Q}else if(Y.startsWith(\"lit-node\"))Zq(Q,K,F);else if(Y.startsWith(\"/lit-part\")){if(K.length===1&&O!==J)throw Error(\"internal error\");O=Bq(Q,O,K)}}if(J===void 0){const Y=D instanceof ShadowRoot?\"{container.host.localName}'s shadow root\":D instanceof DocumentFragment?\"DocumentFragment\":D.localName;console.error(`There should be exactly one root part in a render container, but we didn't find any in ${Y}.`)}D._$litPart$=J},Yq=(q,D,F,J)=>{let G,O;if(F.length===0)O=new N(D,null,void 0,J),G=q;else{const K=F[F.length-1];if(K.type===\"template-instance\")O=new N(D,null,K.instance,J),K.instance._$AV.push(O),G=K.result.values[K.instancePartIndex++],K.templatePartIndex++;else if(K.type===\"iterable\"){O=new N(D,null,K.part,J);const W=K.iterator.next();if(W.done)throw G=void 0,K.done=!0,Error(\"Unhandled shorter than expected iterable\");G=W.value,K.part._$AH.push(O)}else O=new N(D,null,K.part,J)}if(G=Gq(O,G),G===V)F.push({part:O,type:\"leaf\"});else if(t(G))F.push({part:O,type:\"leaf\"}),O._$AH=G;else if(qq(G)){if(Dq(G))throw Error(\"compiled templates are not supported\");const K=\"lit-part \"+bq(G);if(D.data!==K)throw Error(\"Hydration value mismatch: Unexpected TemplateResult rendered to part\");{const W=N.prototype._$AC(G),Q=new Qq(W,O);F.push({type:\"template-instance\",instance:Q,part:O,templatePartIndex:0,instancePartIndex:0,result:G}),O._$AH=Q}}else Wq(G)?(F.push({part:O,type:\"iterable\",value:G,iterator:G[Symbol.iterator](),done:!1}),O._$AH=[]):(F.push({part:O,type:\"leaf\"}),O._$AH=G??\"\");return O},Bq=(q,D,F)=>{if(D===void 0)throw Error(\"unbalanced part marker\");D._$AB=q;const J=F.pop();if(J.type===\"iterable\"&&!J.iterator.next().done)throw Error(\"unexpected longer than expected iterable\");if(F.length>0)return F[F.length-1].part},Zq=(q,D,F)=>{const J=/lit-node (\\d+)/.exec(q.data),G=Number.parseInt(J[1]),O=q.nextElementSibling;if(O===null)throw Error(\"could not find node for attribute parts\");O.removeAttribute(\"defer-hydration\");const K=D[D.length-1];if(K.type!==\"template-instance\")throw Error(\"Hydration value mismatch: Primitive found where TemplateResult expected. This usually occurs due to conditional rendering that resulted in a different value or template being rendered between the server and client.\");{const W=K.instance;for(;;){const Q=W._$AD.parts[K.templatePartIndex];if(Q===void 0||Q.type!==T.ATTRIBUTE&&Q.type!==T.ELEMENT||Q.index!==G)break;if(Q.type===T.ATTRIBUTE){const Y=new Q.ctor(O,Q.name,Q.strings,K.instance,F),X=Fq(Y)?K.result.values[K.instancePartIndex]:K.result.values,b=!(Y.type===T.EVENT||Y.type===T.PROPERTY);Y._$AI(X,Y,K.instancePartIndex,b),K.instancePartIndex+=Q.strings.length-1,W._$AV.push(Y)}else{const Y=new Xq(O,K.instance,F);Gq(Y,K.result.values[K.instancePartIndex++]),W._$AV.push(Y)}K.templatePartIndex++}}},bq=(q)=>{const D=new Uint32Array(2).fill(5381);for(const J of q.strings)for(let G=0;G<J.length;G++)D[G%2]=33*D[G%2]^J.charCodeAt(G);const F=String.fromCharCode(...new Uint8Array(D.buffer));return btoa(F)};globalThis.litElementHydrateSupport=({LitElement:q})=>{const D=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(q),\"observedAttributes\").get;Object.defineProperty(q,\"observedAttributes\",{get(){return[...D.call(this),\"defer-hydration\"]}});const F=q.prototype.attributeChangedCallback;q.prototype.attributeChangedCallback=function(K,W,Q){K===\"defer-hydration\"&&Q===null&&J.call(this),F.call(this,K,W,Q)};const J=q.prototype.connectedCallback;q.prototype.connectedCallback=function(){this.hasAttribute(\"defer-hydration\")||J.call(this)};const G=q.prototype.createRenderRoot;q.prototype.createRenderRoot=function(){return this.shadowRoot?(this._$AG=!0,this.shadowRoot):G.call(this)};const O=Object.getPrototypeOf(q.prototype).update;q.prototype.update=function(K){const W=this.render();if(O.call(this,K),this._$AG){this._$AG=!1;for(let Q=0;Q<this.attributes.length;Q++){const Y=this.attributes[Q];if(Y.name.startsWith(\"hydrate-internals-\")){const X=Y.name.slice(18);this.removeAttribute(X),this.removeAttribute(Y.name)}}Jq(W,this.renderRoot,this.renderOptions)}else i(W,this.renderRoot,this.renderOptions)}};";

package/src/lit-element-hydrate.js

@@ -1 +1,11 @@
+/**
+ * Pre-bundled Lit SSR hydration client runtime.
+ *
+ * @remarks
+ * Contains the compiled `@lit-labs/ssr-client/lit-element-hydrate-support.js`
+ * and `@lit-labs/ssr-client/lib/hydrate-lit-html.js` runtime. It defines
+ * `globalThis.litElementHydrateSupport`, which installs the `defer-hydration`
+ * observer and hooks into `LitElement.prototype.update` to hydrate existing
+ * server-rendered shadow roots instead of replacing them.
+ */
 export const litElementHydrateScript = 'var k=globalThis,y=k.trustedTypes,p=y?y.createPolicy("lit-html",{createHTML:(q)=>q}):void 0;var P=`lit$${Math.random().toFixed(9).slice(2)}$`,v="?"+P,Kq=`<${v}>`,x=document,C=()=>x.createComment(""),S=(q)=>q===null||typeof q!="object"&&typeof q!="function",L=Array.isArray,h=(q)=>L(q)||typeof q?.[Symbol.iterator]=="function";var U=/<(?:(!--|\\/[^a-zA-Z])|(\\/?[a-zA-Z][^>\\s]*)|(\\/?$))/g,m=/-->/g,a=/>/g,$=/>|[ \\t\\n\\f\\r](?:([^\\s"\'>=\\/]+)([ \\t\\n\\f\\r]*=[ \\t\\n\\f\\r]*(?:[^ \\t\\n\\f\\r"\'\\`<>=]|("|\')|))|$)/g,c=/\'/g,l=/"/g,r=/^(?:script|style|textarea|title)$/i,M=(q)=>(D,...F)=>({_$litType$:q,strings:D,values:F}),Aq=M(1),Pq=M(2),Vq=M(3),V=Symbol.for("lit-noChange"),B=Symbol.for("lit-nothing"),n=new WeakMap,w=x.createTreeWalker(x,129);function o(q,D){if(!L(q)||!q.hasOwnProperty("raw"))throw Error("invalid template strings array");return p!==void 0?p.createHTML(D):D}var e=(q,D)=>{let F=q.length-1,J=[],G,O=D===2?"<svg>":D===3?"<math>":"",K=U;for(let W=0;W<F;W++){let Q=q[W],Y,X,b=-1,A=0;while(A<Q.length&&(K.lastIndex=A,X=K.exec(Q),X!==null))A=K.lastIndex,K===U?X[1]==="!--"?K=m:X[1]!==void 0?K=a:X[2]!==void 0?(r.test(X[2])&&(G=RegExp("</"+X[2],"g")),K=$):X[3]!==void 0&&(K=$):K===$?X[0]===">"?(K=G??U,b=-1):X[1]===void 0?b=-2:(b=K.lastIndex-X[2].length,Y=X[1],K=X[3]===void 0?$:X[3]===\'"\'?l:c):K===l||K===c?K=$:K===m||K===a?K=U:(K=$,G=void 0);const _=K===$&&q[W+1].startsWith("/>")?" ":"";O+=K===U?Q+Kq:b>=0?(J.push(Y),Q.slice(0,b)+"$lit$"+Q.slice(b)+P+_):Q+P+(b===-2?W:_)}return[o(q,O+(q[F]||"<?>")+(D===2?"</svg>":D===3?"</math>":"")),J]};class g{constructor({strings:q,_$litType$:D},F){let J;this.parts=[];let G=0,O=0,K=q.length-1,W=this.parts,[Q,Y]=e(q,D);if(this.el=g.createElement(Q,F),w.currentNode=this.el.content,D===2||D===3){const X=this.el.content.firstChild;X.replaceWith(...X.childNodes)}while((J=w.nextNode())!==null&&W.length<K){if(J.nodeType===1){if(J.hasAttributes())for(const X of J.getAttributeNames())if(X.endsWith("$lit$")){const b=Y[O++],A=J.getAttribute(X).split(P),_=/([.?@])?(.*)/.exec(b);W.push({type:1,index:G,name:_[2],strings:A,ctor:_[1]==="."?R:_[1]==="?"?E:_[1]==="@"?d:I}),J.removeAttribute(X)}else X.startsWith(P)&&(W.push({type:6,index:G}),J.removeAttribute(X));if(r.test(J.tagName)){const X=J.textContent.split(P),b=X.length-1;if(b>0){J.textContent=y?y.emptyScript:"";for(let A=0;A<b;A++)J.append(X[A],C()),w.nextNode(),W.push({type:2,index:++G});J.append(X[b],C())}}}else if(J.nodeType===8)if(J.data===v)W.push({type:2,index:G});else{let X=-1;while((X=J.data.indexOf(P,X+1))!==-1)W.push({type:7,index:G}),X+=P.length-1}G++}}static createElement(q,D){const F=x.createElement("template");return F.innerHTML=q,F}}function z(q,D,F=q,J){if(D===V)return D;let G=J!==void 0?F._$Co?.[J]:F._$Cl,O=S(D)?void 0:D._$litDirective$;return G?.constructor!==O&&(G?._$AO?.(!1),O===void 0?G=void 0:(G=new O(q),G._$AT(q,F,J)),J!==void 0?(F._$Co??=[])[J]=G:F._$Cl=G),G!==void 0&&(D=z(q,G._$AS(q,D.values),G,J)),D}class j{constructor(q,D){this._$AV=[],this._$AN=void 0,this._$AD=q,this._$AM=D}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(q){const{el:{content:D},parts:F}=this._$AD,J=(q?.creationScope??x).importNode(D,!0);w.currentNode=J;let G=w.nextNode(),O=0,K=0,W=F[0];while(W!==void 0){if(O===W.index){let Q;W.type===2?Q=new H(G,G.nextSibling,this,q):W.type===1?Q=new W.ctor(G,W.name,W.strings,this,q):W.type===6&&(Q=new f(G,this,q)),this._$AV.push(Q),W=F[++K]}O!==W?.index&&(G=w.nextNode(),O++)}return w.currentNode=x,J}p(q){let D=0;for(const F of this._$AV)F!==void 0&&(F.strings!==void 0?(F._$AI(q,F,D),D+=F.strings.length-2):F._$AI(q[D])),D++}}class H{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(q,D,F,J){this.type=2,this._$AH=B,this._$AN=void 0,this._$AA=q,this._$AB=D,this._$AM=F,this.options=J,this._$Cv=J?.isConnected??!0}get parentNode(){let q=this._$AA.parentNode,D=this._$AM;return D!==void 0&&q?.nodeType===11&&(q=D.parentNode),q}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(q,D=this){q=z(this,q,D),S(q)?q===B||q==null||q===""?(this._$AH!==B&&this._$AR(),this._$AH=B):q!==this._$AH&&q!==V&&this._(q):q._$litType$!==void 0?this.$(q):q.nodeType!==void 0?this.T(q):h(q)?this.k(q):this._(q)}O(q){return this._$AA.parentNode.insertBefore(q,this._$AB)}T(q){this._$AH!==q&&(this._$AR(),this._$AH=this.O(q))}_(q){this._$AH!==B&&S(this._$AH)?this._$AA.nextSibling.data=q:this.T(x.createTextNode(q)),this._$AH=q}$(q){const{values:D,_$litType$:F}=q,J=typeof F=="number"?this._$AC(q):(F.el===void 0&&(F.el=g.createElement(o(F.h,F.h[0]),this.options)),F);if(this._$AH?._$AD===J)this._$AH.p(D);else{const G=new j(J,this),O=G.u(this.options);G.p(D),this.T(O),this._$AH=G}}_$AC(q){let D=n.get(q.strings);return D===void 0&&n.set(q.strings,D=new g(q)),D}k(q){L(this._$AH)||(this._$AH=[],this._$AR());let D=this._$AH,F,J=0;for(const G of q)J===D.length?D.push(F=new H(this.O(C()),this.O(C()),this,this.options)):F=D[J],F._$AI(G),J++;J<D.length&&(this._$AR(F&&F._$AB.nextSibling,J),D.length=J)}_$AR(q=this._$AA.nextSibling,D){for(this._$AP?.(!1,!0,D);q&&q!==this._$AB;){const F=q.nextSibling;q.remove(),q=F}}setConnected(q){this._$AM===void 0&&(this._$Cv=q,this._$AP?.(q))}}class I{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(q,D,F,J,G){this.type=1,this._$AH=B,this._$AN=void 0,this.element=q,this.name=D,this._$AM=J,this.options=G,F.length>2||F[0]!==""||F[1]!==""?(this._$AH=Array(F.length-1).fill(new String),this.strings=F):this._$AH=B}_$AI(q,D=this,F,J){let G=this.strings,O=!1;if(G===void 0)q=z(this,q,D,0),O=!S(q)||q!==this._$AH&&q!==V,O&&(this._$AH=q);else{let K=q,W,Q;for(q=G[0],W=0;W<G.length-1;W++)Q=z(this,K[F+W],D,W),Q===V&&(Q=this._$AH[W]),O||=!S(Q)||Q!==this._$AH[W],Q===B?q=B:q!==B&&(q+=(Q??"")+G[W+1]),this._$AH[W]=Q}O&&!J&&this.j(q)}j(q){q===B?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,q??"")}}class R extends I{constructor(){super(...arguments),this.type=3}j(q){this.element[this.name]=q===B?void 0:q}}class E extends I{constructor(){super(...arguments),this.type=4}j(q){this.element.toggleAttribute(this.name,!!q&&q!==B)}}class d extends I{constructor(q,D,F,J,G){super(q,D,F,J,G),this.type=5}_$AI(q,D=this){if((q=z(this,q,D,0)??B)===V)return;const F=this._$AH,J=q===B&&F!==B||q.capture!==F.capture||q.once!==F.once||q.passive!==F.passive,G=q!==B&&(F===B||J);J&&this.element.removeEventListener(this.name,this,F),G&&this.element.addEventListener(this.name,this,q),this._$AH=q}handleEvent(q){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,q):this._$AH.handleEvent(q)}}class f{constructor(q,D,F){this.element=q,this.type=6,this._$AN=void 0,this._$AM=D,this.options=F}get _$AU(){return this._$AM._$AU}_$AI(q){z(this,q)}}var Z={M:"$lit$",P,A:v,C:1,L:e,R:j,D:h,V:z,I:H,H:I,N:E,U:d,B:R,F:f},Oq=k.litHtmlPolyfillSupport;Oq?.(g,H),(k.litHtmlVersions??=[]).push("3.2.1");var i=(q,D,F)=>{let J=F?.renderBefore??D,G=J._$litPart$;if(G===void 0){const O=F?.renderBefore??null;J._$litPart$=G=new H(D.insertBefore(C(),O),O,void 0,F??{})}return G._$AI(q),G};var u=null,s={boundAttributeSuffix:Z.M,marker:Z.P,markerMatch:Z.A,HTML_RESULT:Z.C,getTemplateHtml:Z.L,overrideDirectiveResolve:(q,D)=>class extends q{_$AS(F,J){return D(this,J)}},patchDirectiveResolve:(q,D)=>{if(q.prototype._$AS!==D){u??=q.prototype._$AS.name;for(let F=q.prototype;F!==Object.prototype;F=Object.getPrototypeOf(F))if(F.hasOwnProperty(u))return void(F[u]=D);throw Error("Internal error: It is possible that both dev mode and production mode Lit was mixed together during SSR. Please comment on the issue: https://github.com/lit/lit/issues/4527")}},setDirectiveClass(q,D){q._$litDirective$=D},getAttributePartCommittedValue:(q,D,F)=>{let J=V;return q.j=(G)=>J=G,q._$AI(D,q,F),J},connectedDisconnectable:(q)=>({...q,_$AU:!0}),resolveDirective:Z.V,AttributePart:Z.H,PropertyPart:Z.B,BooleanAttributePart:Z.N,EventPart:Z.U,ElementPart:Z.F,TemplateInstance:Z.R,isIterable:Z.D,ChildPart:Z.I};var T={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6};var t=(q)=>q===null||typeof q!="object"&&typeof q!="function";var qq=(q,D)=>D===void 0?q?._$litType$!==void 0:q?._$litType$===D,Dq=(q)=>q?._$litType$?.h!=null;var Fq=(q)=>q.strings===void 0;var{TemplateInstance:Qq,isIterable:Wq,resolveDirective:Gq,ChildPart:N,ElementPart:Xq}=s,Jq=(q,D,F={})=>{if(D._$litPart$!==void 0)throw Error("container already contains a live render");let J,G,O,K=[],W=document.createTreeWalker(D,NodeFilter.SHOW_COMMENT),Q;while((Q=W.nextNode())!==null){const Y=Q.data;if(Y.startsWith("lit-part")){if(K.length===0&&J!==void 0)throw Error(`There must be only one root part per container. Found a part marker (${Q}) when we already have a root part marker (${G})`);O=Yq(q,Q,K,F),J===void 0&&(J=O),G??=Q}else if(Y.startsWith("lit-node"))Zq(Q,K,F);else if(Y.startsWith("/lit-part")){if(K.length===1&&O!==J)throw Error("internal error");O=Bq(Q,O,K)}}if(J===void 0){const Y=D instanceof ShadowRoot?"{container.host.localName}\'s shadow root":D instanceof DocumentFragment?"DocumentFragment":D.localName;console.error(`There should be exactly one root part in a render container, but we didn\'t find any in ${Y}.`)}D._$litPart$=J},Yq=(q,D,F,J)=>{let G,O;if(F.length===0)O=new N(D,null,void 0,J),G=q;else{const K=F[F.length-1];if(K.type==="template-instance")O=new N(D,null,K.instance,J),K.instance._$AV.push(O),G=K.result.values[K.instancePartIndex++],K.templatePartIndex++;else if(K.type==="iterable"){O=new N(D,null,K.part,J);const W=K.iterator.next();if(W.done)throw G=void 0,K.done=!0,Error("Unhandled shorter than expected iterable");G=W.value,K.part._$AH.push(O)}else O=new N(D,null,K.part,J)}if(G=Gq(O,G),G===V)F.push({part:O,type:"leaf"});else if(t(G))F.push({part:O,type:"leaf"}),O._$AH=G;else if(qq(G)){if(Dq(G))throw Error("compiled templates are not supported");const K="lit-part "+bq(G);if(D.data!==K)throw Error("Hydration value mismatch: Unexpected TemplateResult rendered to part");{const W=N.prototype._$AC(G),Q=new Qq(W,O);F.push({type:"template-instance",instance:Q,part:O,templatePartIndex:0,instancePartIndex:0,result:G}),O._$AH=Q}}else Wq(G)?(F.push({part:O,type:"iterable",value:G,iterator:G[Symbol.iterator](),done:!1}),O._$AH=[]):(F.push({part:O,type:"leaf"}),O._$AH=G??"");return O},Bq=(q,D,F)=>{if(D===void 0)throw Error("unbalanced part marker");D._$AB=q;const J=F.pop();if(J.type==="iterable"&&!J.iterator.next().done)throw Error("unexpected longer than expected iterable");if(F.length>0)return F[F.length-1].part},Zq=(q,D,F)=>{const J=/lit-node (\\d+)/.exec(q.data),G=Number.parseInt(J[1]),O=q.nextElementSibling;if(O===null)throw Error("could not find node for attribute parts");O.removeAttribute("defer-hydration");const K=D[D.length-1];if(K.type!=="template-instance")throw Error("Hydration value mismatch: Primitive found where TemplateResult expected. This usually occurs due to conditional rendering that resulted in a different value or template being rendered between the server and client.");{const W=K.instance;for(;;){const Q=W._$AD.parts[K.templatePartIndex];if(Q===void 0||Q.type!==T.ATTRIBUTE&&Q.type!==T.ELEMENT||Q.index!==G)break;if(Q.type===T.ATTRIBUTE){const Y=new Q.ctor(O,Q.name,Q.strings,K.instance,F),X=Fq(Y)?K.result.values[K.instancePartIndex]:K.result.values,b=!(Y.type===T.EVENT||Y.type===T.PROPERTY);Y._$AI(X,Y,K.instancePartIndex,b),K.instancePartIndex+=Q.strings.length-1,W._$AV.push(Y)}else{const Y=new Xq(O,K.instance,F);Gq(Y,K.result.values[K.instancePartIndex++]),W._$AV.push(Y)}K.templatePartIndex++}}},bq=(q)=>{const D=new Uint32Array(2).fill(5381);for(const J of q.strings)for(let G=0;G<J.length;G++)D[G%2]=33*D[G%2]^J.charCodeAt(G);const F=String.fromCharCode(...new Uint8Array(D.buffer));return btoa(F)};globalThis.litElementHydrateSupport=({LitElement:q})=>{const D=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(q),"observedAttributes").get;Object.defineProperty(q,"observedAttributes",{get(){return[...D.call(this),"defer-hydration"]}});const F=q.prototype.attributeChangedCallback;q.prototype.attributeChangedCallback=function(K,W,Q){K==="defer-hydration"&&Q===null&&J.call(this),F.call(this,K,W,Q)};const J=q.prototype.connectedCallback;q.prototype.connectedCallback=function(){this.hasAttribute("defer-hydration")||J.call(this)};const G=q.prototype.createRenderRoot;q.prototype.createRenderRoot=function(){return this.shadowRoot?(this._$AG=!0,this.shadowRoot):G.call(this)};const O=Object.getPrototypeOf(q.prototype).update;q.prototype.update=function(K){const W=this.render();if(O.call(this,K),this._$AG){this._$AG=!1;for(let Q=0;Q<this.attributes.length;Q++){const Y=this.attributes[Q];if(Y.name.startsWith("hydrate-internals-")){const X=Y.name.slice(18);this.removeAttribute(X),this.removeAttribute(Y.name)}}Jq(W,this.renderRoot,this.renderOptions)}else i(W,this.renderRoot,this.renderOptions)}};';

package/src/lit-renderer.d.ts

@@ -3,8 +3,8 @@
  * @module
  */
 import type { ComponentRenderInput, ComponentRenderResult, EcoComponent, EcoPagesElement, IntegrationRendererRenderOptions, RouteRenderResult, RouteRendererBody, RouteRendererOptions } from '@ecopages/core';
-import './dom-shim.js';
 import { IntegrationRenderer, type RenderToResponseContext } from '@ecopages/core/route-renderer/orchestration/integration-renderer';
+import { type CustomElementSsrPreloadComponent } from '@ecopages/core/route-renderer/orchestration/custom-element-scripts/custom-element-script-preloader';
 import type { LitStaticRenderSession } from './lit-static-render-session.js';
 export type LitRendererOptions = ConstructorParameters<typeof IntegrationRenderer>[0] & {
     /**
@@ -23,6 +23,7 @@ export type LitRendererOptions = ConstructorParameters<typeof IntegrationRendere
 export declare class LitRenderer extends IntegrationRenderer<EcoPagesElement> {
     name: string;
     private readonly getRenderSession?;
+    private readonly ssrScriptPreloader;
     constructor(options: LitRendererOptions);
     /**
      * Renders a Lit page route, preferring the plugin worker when available.
@@ -40,14 +41,13 @@ export declare class LitRenderer extends IntegrationRenderer<EcoPagesElement> {
     /**
      * Renders a Lit component for component-level orchestration.
      *
-     * SSR-eligible lazy scripts are preloaded first so custom elements registered
+     * SSR-eligible scripts are preloaded first so custom elements registered
      * by the component can render their server markup even when the Lit renderer is
      * entered through cross-integration foreign-child handoff.
      *
      * Includes component-scoped dependency assets when declared.
      */
     renderComponent(input: ComponentRenderInput): Promise<ComponentRenderResult>;
-    private readonly ssrLazyPreloader;
     /**
      * Detects preload failures that are expected for browser-only modules.
      *
@@ -56,24 +56,24 @@ export declare class LitRenderer extends IntegrationRenderer<EcoPagesElement> {
      */
     protected isExpectedSsrPreloadError(error: unknown): boolean;
     /**
-     * Collects lazy script file paths eligible for SSR preloading.
+     * Collects script file paths eligible for SSR preloading.
      *
-     * Only per-entry lazy script dependencies with `ssr: true` are collected.
+     * Per-entry script dependencies with `ssr: true` are collected (eager or lazy).
      * File-backed entries are required (`src` must be present);
      * inline content lazy entries are intentionally skipped.
      */
-    protected collectSsrPreloadScripts(components: Array<EcoComponent | undefined>): string[];
+    protected collectSsrPreloadScripts(components: Array<CustomElementSsrPreloadComponent | undefined>): string[];
     /**
-     * Preloads SSR-eligible lazy scripts to register custom elements before render.
-     */
-    protected preloadSsrLazyScripts(components: Array<EcoComponent | undefined>): Promise<void>;
-    /**
-     * Resolves the concrete JS entrypoint used for SSR preloading.
+     * Preloads SSR-eligible scripts to register custom elements before render.
      *
-     * Scripts are passed through the asset pipeline so preload imports can use
-     * the same processed output shape as runtime dependencies.
+     * @remarks
+     * When a render session exists (main thread), preload uses the session so
+     * Bun source imports and the Node asset pipeline stay on that isolate.
+     * With no session (static-render worker), preload uses this renderer's
+     * app-module importer. A native source import in the worker leaves custom
+     * elements undefined for `@lit-labs/ssr`.
      */
-    protected resolveSsrPreloadEntrypoint(scriptPath: string): Promise<string | null>;
-    render({ params, query, props, locals, metadata, Page, Layout, layoutEntries, HtmlTemplate, }: IntegrationRendererRenderOptions): Promise<RouteRendererBody>;
+    protected preloadSsrScripts(components: Array<CustomElementSsrPreloadComponent | undefined>): Promise<void>;
+    render({ params, query, props, locals, metadata, Page, Layout, layoutEntries, HtmlTemplate, resolvedPageDependencyComponents, }: IntegrationRendererRenderOptions): Promise<RouteRendererBody>;
     renderToResponse<P = Record<string, unknown>>(view: EcoComponent<P>, props: P, ctx: RenderToResponseContext): Promise<Response>;
 }

package/src/lit-renderer.js

@@ -1,9 +1,13 @@
-import { createLitServerModuleImporter } from './lit-server-module-loader.js';
-import './dom-shim.js';
+/**
+ * This module contains the Lit renderer
+ * @module
+ */
 import { IntegrationRenderer, } from '@ecopages/core/route-renderer/orchestration/integration-renderer';
 import { resolveDocumentShellLayouts } from '@ecopages/core/route-renderer/orchestration/document-shell/layout-shell-props.service';
 import { getForeignSubtreeResolutionContextKey, resolveOwningIntegrationRenderer, } from '@ecopages/core/route-renderer/orchestration/foreign-child/owning-renderer-resolution';
-import { LitSsrLazyPreloader } from './lit-ssr-lazy-preloader.js';
+import { ensureLitDomShim } from './dom-shim.js';
+import { CUSTOM_ELEMENT_SSR_PRELOAD_CACHE_SCOPES, CustomElementScriptPreloader, } from '@ecopages/core/route-renderer/orchestration/custom-element-scripts/custom-element-script-preloader';
+import { createCustomElementServerModuleImporter } from '@ecopages/core/route-renderer/orchestration/custom-element-scripts/custom-element-server-module-importer';
 import { LIT_PLUGIN_NAME } from './lit.constants.js';
 import { injectLitRenderedChildren, LIT_COMPONENT_CHILDREN_SLOT_MARKER, normalizeLitHtml, renderLitValueToString, } from './utils/lit-html-rendering.js';
 /**
@@ -12,10 +16,18 @@ import { injectLitRenderedChildren, LIT_COMPONENT_CHILDREN_SLOT_MARKER, normaliz
 export class LitRenderer extends IntegrationRenderer {
     name = LIT_PLUGIN_NAME;
     getRenderSession;
+    ssrScriptPreloader;
     constructor(options) {
         const { getRenderSession, ...rendererOptions } = options;
         super(rendererOptions);
         this.getRenderSession = getRenderSession;
+        this.ssrScriptPreloader = new CustomElementScriptPreloader({
+            cacheScope: CUSTOM_ELEMENT_SSR_PRELOAD_CACHE_SCOPES.lit,
+            logLabel: 'lit',
+            requireLazyScriptEntry: true,
+            resolveDependencyPath: this.resolveDependencyPath.bind(this),
+            importServerModule: createCustomElementServerModuleImporter(this.appConfig, '.lit-ssr'),
+        });
     }
     /**
      * Renders a Lit page route, preferring the plugin worker when available.
@@ -73,14 +85,14 @@ export class LitRenderer extends IntegrationRenderer {
     /**
      * Renders a Lit component for component-level orchestration.
      *
-     * SSR-eligible lazy scripts are preloaded first so custom elements registered
+     * SSR-eligible scripts are preloaded first so custom elements registered
      * by the component can render their server markup even when the Lit renderer is
      * entered through cross-integration foreign-child handoff.
      *
      * Includes component-scoped dependency assets when declared.
      */
     async renderComponent(input) {
-        await this.preloadSsrLazyScripts([input.component]);
+        await this.preloadSsrScripts([input.component]);
         if (!this.isFunctionComponent(input.component)) {
             throw new TypeError('Lit renderer expected a callable component.');
         }
@@ -133,11 +145,6 @@ export class LitRenderer extends IntegrationRenderer {
             ]),
         });
     }
-    ssrLazyPreloader = new LitSsrLazyPreloader({
-        importServerModule: createLitServerModuleImporter(this.appConfig),
-        resolveDependencyPath: this.resolveDependencyPath.bind(this),
-        processDependencies: this.assetProcessingService?.processDependencies?.bind(this.assetProcessingService),
-    });
     /**
      * Detects preload failures that are expected for browser-only modules.
      *
@@ -145,41 +152,40 @@ export class LitRenderer extends IntegrationRenderer {
      * lazy client scripts intentionally depend on browser globals.
      */
     isExpectedSsrPreloadError(error) {
-        return this.ssrLazyPreloader.isExpectedSsrPreloadError(error);
+        return this.ssrScriptPreloader.isExpectedSsrPreloadError(error);
     }
     /**
-     * Collects lazy script file paths eligible for SSR preloading.
+     * Collects script file paths eligible for SSR preloading.
      *
-     * Only per-entry lazy script dependencies with `ssr: true` are collected.
+     * Per-entry script dependencies with `ssr: true` are collected (eager or lazy).
      * File-backed entries are required (`src` must be present);
      * inline content lazy entries are intentionally skipped.
      */
     collectSsrPreloadScripts(components) {
-        return this.ssrLazyPreloader.collectSsrPreloadScripts(components);
+        return this.ssrScriptPreloader.collectSsrPreloadScripts(components);
     }
     /**
-     * Preloads SSR-eligible lazy scripts to register custom elements before render.
+     * Preloads SSR-eligible scripts to register custom elements before render.
+     *
+     * @remarks
+     * When a render session exists (main thread), preload uses the session so
+     * Bun source imports and the Node asset pipeline stay on that isolate.
+     * With no session (static-render worker), preload uses this renderer's
+     * app-module importer. A native source import in the worker leaves custom
+     * elements undefined for `@lit-labs/ssr`.
      */
-    async preloadSsrLazyScripts(components) {
+    async preloadSsrScripts(components) {
+        ensureLitDomShim();
         const renderSession = this.getRenderSession?.();
         if (renderSession) {
-            await renderSession.preloadSsrLazyScripts(components);
+            await renderSession.preloadSsrScripts(components);
             return;
         }
-        await this.ssrLazyPreloader.preloadSsrLazyScripts(components);
-    }
-    /**
-     * Resolves the concrete JS entrypoint used for SSR preloading.
-     *
-     * Scripts are passed through the asset pipeline so preload imports can use
-     * the same processed output shape as runtime dependencies.
-     */
-    async resolveSsrPreloadEntrypoint(scriptPath) {
-        return this.ssrLazyPreloader.resolveSsrPreloadEntrypoint(scriptPath);
+        await this.ssrScriptPreloader.preloadSsrScripts(components);
     }
-    async render({ params, query, props, locals, metadata, Page, Layout, layoutEntries, HtmlTemplate, }) {
+    async render({ params, query, props, locals, metadata, Page, Layout, layoutEntries, HtmlTemplate, resolvedPageDependencyComponents, }) {
         try {
-            await this.preloadSsrLazyScripts([Page, Layout]);
+            await this.preloadSsrScripts([Page, Layout, ...(resolvedPageDependencyComponents ?? [])]);
             return await this.renderPageWithDocumentShell({
                 page: {
                     component: Page,
@@ -200,6 +206,7 @@ export class LitRenderer extends IntegrationRenderer {
                 htmlTemplate: HtmlTemplate,
                 metadata,
                 pageProps: props || {},
+                foreignChildRoots: resolvedPageDependencyComponents,
                 transformDocumentHtml: normalizeLitHtml,
             });
         }
@@ -211,7 +218,7 @@ export class LitRenderer extends IntegrationRenderer {
         try {
             const layouts = view.config?.layouts;
             const Layout = layouts?.[layouts.length - 1];
-            await this.preloadSsrLazyScripts([view, Layout]);
+            await this.preloadSsrScripts([view, Layout]);
             return await this.renderViewWithDocumentShell({
                 view,
                 props,

package/src/lit-ssr-preload-entrypoint.d.ts

@@ -0,0 +1 @@
+export { createCustomElementSsrPreloadEntrypointResolver as createLitSsrPreloadEntrypointResolver, type CustomElementSsrPreloadEntrypointResolverOptions as LitSsrPreloadEntrypointResolverOptions, } from '@ecopages/core/route-renderer/orchestration/custom-element-scripts/custom-element-ssr-preload-entrypoint';

package/src/lit-ssr-preload-entrypoint.js

@@ -0,0 +1 @@
+export { createCustomElementSsrPreloadEntrypointResolver as createLitSsrPreloadEntrypointResolver, } from '@ecopages/core/route-renderer/orchestration/custom-element-scripts/custom-element-ssr-preload-entrypoint';

package/src/lit-static-render-session.d.ts

@@ -1,17 +1,15 @@
-import type { EcoComponent, PageParams, PageQuery } from '@ecopages/core';
+import type { PageParams, PageQuery } from '@ecopages/core';
 import type { StaticExportContext } from '@ecopages/core/plugins/integration-plugin';
-import type { AssetDefinition } from '@ecopages/core/services/asset-processing-service';
-import { type LitSsrLazyPreloaderOptions } from './lit-ssr-lazy-preloader.js';
+import { type CustomElementScriptPreloaderOptions, type CustomElementSsrPreloadComponent } from '@ecopages/core/route-renderer/orchestration/custom-element-scripts/custom-element-script-preloader';
 import { LitStaticRenderWorkerClient } from './lit-static-render-worker-client.js';
 import type { LitStaticRenderCacheStrategy } from './lit-static-render-protocol.js';
+import type { AssetDefinition, ProcessedAsset } from '@ecopages/core/services/asset-processing-service';
 type LitStaticRenderWorkerClientContract = Pick<LitStaticRenderWorkerClient, 'start' | 'renderPage' | 'dispose'>;
 type LitStaticRenderSessionOptions = {
     resolveDependencyPath: (componentDir: string, sourcePath: string) => string;
-    processDependencies?: (dependencies: AssetDefinition[], integrationName: string) => Promise<Array<{
-        filepath?: string;
-    }>>;
     preferSourceImports?: boolean;
-    importServerModule?: LitSsrLazyPreloaderOptions['importServerModule'];
+    processDependencies?: (dependencies: AssetDefinition[], integrationName: string) => Promise<ProcessedAsset[]>;
+    importServerModule?: CustomElementScriptPreloaderOptions['importServerModule'];
     getInvalidationVersion?: () => number;
     createWorkerClient?: (input: {
         configModulePath: string;
@@ -51,8 +49,8 @@ export declare class LitStaticRenderSession {
         runtimeOrigin: string;
     }): Promise<void>;
     preloadStaticRoutes(context: StaticExportContext): Promise<void>;
-    preloadSsrLazyScripts(components: Array<EcoComponent | undefined>): Promise<void>;
-    collectSsrPreloadScripts(components: Array<EcoComponent | undefined>): string[];
+    preloadSsrScripts(components: Array<CustomElementSsrPreloadComponent | undefined>): Promise<void>;
+    collectSsrPreloadScripts(components: Array<CustomElementSsrPreloadComponent | undefined>): string[];
     renderPageInWorker(input: {
         filePath: string;
         params: PageParams;

package/src/lit-static-render-session.js

@@ -1,6 +1,8 @@
 import path from 'node:path';
-import { LitSsrLazyPreloader } from './lit-ssr-lazy-preloader.js';
+import { ensureLitDomShim } from './dom-shim.js';
+import { CUSTOM_ELEMENT_SSR_PRELOAD_CACHE_SCOPES, CustomElementScriptPreloader, } from '@ecopages/core/route-renderer/orchestration/custom-element-scripts/custom-element-script-preloader';
 import { LIT_PLUGIN_NAME } from './lit.constants.js';
+import { createLitSsrPreloadEntrypointResolver } from './lit-ssr-preload-entrypoint.js';
 import { LitStaticRenderWorkerClient } from './lit-static-render-worker-client.js';
 /**
  * Plugin-runtime-scoped Lit server render session.
@@ -24,10 +26,17 @@ export class LitStaticRenderSession {
     renderChain = Promise.resolve();
     constructor(options) {
         this.getInvalidationVersion = options.getInvalidationVersion ?? (() => 0);
-        this.preloader = new LitSsrLazyPreloader({
+        const preferSourceImports = options.preferSourceImports ?? typeof Bun !== 'undefined';
+        this.preloader = new CustomElementScriptPreloader({
+            cacheScope: CUSTOM_ELEMENT_SSR_PRELOAD_CACHE_SCOPES.lit,
+            logLabel: 'lit',
+            requireLazyScriptEntry: true,
             resolveDependencyPath: options.resolveDependencyPath,
-            processDependencies: options.processDependencies,
-            preferSourceImports: options.preferSourceImports,
+            preferSourceImports,
+            resolvePreloadEntrypoint: createLitSsrPreloadEntrypointResolver({
+                preferSourceImports,
+                processDependencies: options.processDependencies,
+            }),
             importServerModule: options.importServerModule,
         });
         this.createWorkerClient =
@@ -68,8 +77,9 @@ export class LitStaticRenderSession {
     async preloadStaticRoutes(context) {
         await this.preloadLitRoutes(context);
     }
-    async preloadSsrLazyScripts(components) {
-        await this.preloader.preloadSsrLazyScripts(components);
+    async preloadSsrScripts(components) {
+        ensureLitDomShim();
+        await this.preloader.preloadSsrScripts(components);
     }
     collectSsrPreloadScripts(components) {
         return this.preloader.collectSsrPreloadScripts(components);
@@ -124,7 +134,7 @@ export class LitStaticRenderSession {
                 }
             }
         }
-        await this.preloadSsrLazyScripts(components);
+        await this.preloadSsrScripts(components);
     }
     isLitRoute(filePath, appConfig) {
         const litIntegration = appConfig.integrations.find((plugin) => plugin.name === LIT_PLUGIN_NAME);

package/src/lit.plugin.d.ts

@@ -1,3 +1,4 @@
+import type { IHmrManager } from '@ecopages/core';
 /**
  * This module contains the Lit plugin
  * @module
@@ -23,11 +24,22 @@ export declare class LitPlugin extends IntegrationPlugin {
     renderer: typeof LitRenderer;
     private renderSession;
     constructor(options?: Omit<IntegrationPluginConfig, 'name'>);
+    /**
+     * Returns the global integration dependencies required in the browser.
+     *
+     * @remarks
+     * Injects Lit's hydration support script into the document head before any
+     * custom element connects. While `@lit-labs/ssr-client/lit-element-hydrate-support.js`
+     * can be resolved directly in modern Bun and Node environments, an inline self-contained
+     * script is currently emitted to ensure synchronous availability before custom-element
+     * registration without requiring an import map for `@lit-labs/ssr-client` subpath imports.
+     */
     getDependencies(): AssetDefinition[];
     private createRenderSession;
     initializeRenderer(options?: {
         rendererModules?: unknown;
     }): LitRenderer;
+    setHmrManager(hmrManager: IHmrManager): void;
     setup(): Promise<void>;
     teardown(): Promise<void>;
     beforeStaticExport(context: StaticExportContext): Promise<void>;

package/src/lit.plugin.js

@@ -1,4 +1,5 @@
-import { createLitServerModuleImporter } from './lit-server-module-loader.js';
+import { createCustomElementServerModuleImporter } from '@ecopages/core/route-renderer/orchestration/custom-element-scripts/custom-element-server-module-importer';
+import { CUSTOM_ELEMENT_SSR_PRELOAD_CACHE_SCOPES, invalidateCustomElementScriptPreload, } from '@ecopages/core/route-renderer/orchestration/custom-element-scripts/custom-element-script-preloader';
 /**
  * This module contains the Lit plugin
  * @module
@@ -36,20 +37,18 @@ export class LitPlugin extends IntegrationPlugin {
         });
         this.integrationDependencies.unshift(...this.getDependencies());
     }
+    /**
+     * Returns the global integration dependencies required in the browser.
+     *
+     * @remarks
+     * Injects Lit's hydration support script into the document head before any
+     * custom element connects. While `@lit-labs/ssr-client/lit-element-hydrate-support.js`
+     * can be resolved directly in modern Bun and Node environments, an inline self-contained
+     * script is currently emitted to ensure synchronous availability before custom-element
+     * registration without requiring an import map for `@lit-labs/ssr-client` subpath imports.
+     */
     getDependencies() {
         return [
-            /**
-             * BUG ALERT
-             * Due to an issue appeared in Bun 1.2.2, we need to use a workaround to import the hydrate script.
-             * This is a temporary solution until the issue is resolved.
-             * The litElementHydrateScript is the same file built on Bun 1.1.45.
-             * https://github.com/oven-sh/bun/issues/17180
-             *
-             * AssetFactory.createNodeModuleScript({
-             *    position: 'head',
-             *    importPath: '@lit-labs/ssr-client/lit-element-hydrate-support.js'
-             * })
-             */
             AssetFactory.createInlineContentScript({
                 position: 'head',
                 content: `(() => {${litElementHydrateScript}})();`,
@@ -68,7 +67,7 @@ export class LitPlugin extends IntegrationPlugin {
             resolveDependencyPath: (componentDir, sourcePath) => path.join(componentDir, sourcePath),
             processDependencies: this.assetProcessingService.processDependencies.bind(this.assetProcessingService),
             getInvalidationVersion: () => this.appConfig?.runtime?.serverInvalidationState?.getServerInvalidationVersion() ?? 0,
-            importServerModule: createLitServerModuleImporter(this.appConfig),
+            importServerModule: createCustomElementServerModuleImporter(this.appConfig, '.lit-ssr'),
             preferSourceImports: typeof Bun !== 'undefined',
         });
     }
@@ -79,6 +78,18 @@ export class LitPlugin extends IntegrationPlugin {
         });
         return this.attachRendererRuntimeServices(renderer);
     }
+    setHmrManager(hmrManager) {
+        super.setHmrManager(hmrManager);
+        if (!this.appConfig) {
+            return;
+        }
+        const runtime = this.appConfig.runtime ?? {};
+        this.appConfig.runtime = runtime;
+        runtime.registeredScriptEntrypointChangeHandlers ??= [];
+        runtime.registeredScriptEntrypointChangeHandlers.push((scriptPath) => {
+            invalidateCustomElementScriptPreload(scriptPath, CUSTOM_ELEMENT_SSR_PRELOAD_CACHE_SCOPES.lit);
+        });
+    }
     async setup() {
         await super.setup();
         if (!this.appConfig?.absolutePaths?.config) {

package/src/lit-server-module-loader.d.ts

@@ -1,6 +0,0 @@
-import type { EcoPagesAppConfig } from '@ecopages/core';
-/**
- * Uses server export conditions and isolates module evaluation by custom-element
- * registry. Browser asset output must never be evaluated as the SSR implementation.
- */
-export declare function createLitServerModuleImporter(appConfig: EcoPagesAppConfig): (filePath: string, registryKey: string) => Promise<unknown>;

package/src/lit-server-module-loader.js

@@ -1,18 +0,0 @@
-import path from 'node:path';
-/**
- * Uses server export conditions and isolates module evaluation by custom-element
- * registry. Browser asset output must never be evaluated as the SSR implementation.
- */
-export function createLitServerModuleImporter(appConfig) {
-    return async (filePath, registryKey) => {
-        const loader = appConfig.runtime?.appModuleLoader;
-        if (!loader)
-            throw new Error('Lit SSR requires the app server module loader');
-        return loader.importModule({
-            filePath,
-            rootDir: appConfig.rootDir,
-            outdir: path.join(appConfig.absolutePaths.workDir, '.lit-ssr', registryKey),
-            forceBuild: true,
-        });
-    };
-}

package/src/lit-ssr-lazy-preloader.d.ts

@@ -1,47 +0,0 @@
-import { type EcoComponent } from '@ecopages/core';
-import type { AssetDefinition } from '@ecopages/core/services/asset-processing-service';
-type ProcessDependencies = (dependencies: AssetDefinition[], integrationName: string) => Promise<Array<{
-    filepath?: string;
-}>>;
-export interface LitSsrLazyPreloaderOptions {
-    resolveDependencyPath: (componentDir: string, sourcePath: string) => string;
-    processDependencies?: ProcessDependencies;
-    preferSourceImports?: boolean;
-    importServerModule?: (scriptPath: string, registryKey: string) => Promise<unknown>;
-}
-/**
- * Encapsulates SSR lazy script preload behavior for Lit components.
- *
- * Collects `dependencies.scripts` lazy entries with `ssr: true`, resolves the
- * processed entrypoint through the asset pipeline, and imports the module so
- * custom elements are registered before SSR rendering.
- */
-export declare class LitSsrLazyPreloader {
-    private readonly resolveDependencyPath;
-    private readonly processDependencies?;
-    private readonly preferSourceImports;
-    private readonly importServerModule?;
-    private activeRegistry;
-    private readonly ssrPreloadedScripts;
-    private readonly ssrPreloadFailedScripts;
-    private readonly ssrPreloadEntrypointCache;
-    constructor({ resolveDependencyPath, processDependencies, preferSourceImports, importServerModule, }: LitSsrLazyPreloaderOptions);
-    private getErrorCode;
-    /**
-     * Detects preload failures that are expected for browser-only modules.
-     */
-    isExpectedSsrPreloadError(error: unknown): boolean;
-    /**
-     * Collects lazy script file paths eligible for SSR preloading.
-     */
-    collectSsrPreloadScripts(components: Array<EcoComponent | undefined>): string[];
-    /**
-     * Preloads SSR-eligible lazy scripts to register custom elements before render.
-     */
-    preloadSsrLazyScripts(components: Array<EcoComponent | undefined>): Promise<void>;
-    /**
-     * Resolves the concrete JS entrypoint used for SSR preloading.
-     */
-    resolveSsrPreloadEntrypoint(scriptPath: string): Promise<string | null>;
-}
-export {};

package/src/lit-ssr-lazy-preloader.js

@@ -1,198 +0,0 @@
-import { ensureLitDomShim } from './dom-shim.js';
-import { getComponentIdentity } from '@ecopages/core';
-import { AssetFactory } from '@ecopages/core/services/asset-processing-service';
-import path from 'node:path';
-import { pathToFileURL } from 'node:url';
-import { randomUUID } from 'node:crypto';
-const registryKeys = new WeakMap();
-function getRegistryKey(registry) {
-    let key = registryKeys.get(registry);
-    if (!key) {
-        key = randomUUID();
-        registryKeys.set(registry, key);
-    }
-    return key;
-}
-/**
- * Encapsulates SSR lazy script preload behavior for Lit components.
- *
- * Collects `dependencies.scripts` lazy entries with `ssr: true`, resolves the
- * processed entrypoint through the asset pipeline, and imports the module so
- * custom elements are registered before SSR rendering.
- */
-export class LitSsrLazyPreloader {
-    resolveDependencyPath;
-    processDependencies;
-    preferSourceImports;
-    importServerModule;
-    activeRegistry;
-    ssrPreloadedScripts = new Set();
-    ssrPreloadFailedScripts = new Set();
-    ssrPreloadEntrypointCache = new Map();
-    constructor({ resolveDependencyPath, processDependencies, preferSourceImports, importServerModule, }) {
-        this.importServerModule = importServerModule;
-        this.resolveDependencyPath = resolveDependencyPath;
-        this.processDependencies = processDependencies;
-        this.preferSourceImports = preferSourceImports ?? typeof Bun !== 'undefined';
-    }
-    getErrorCode(error) {
-        if (typeof error !== 'object' || error === null) {
-            return '';
-        }
-        const code = Reflect.get(error, 'code');
-        return code === undefined ? '' : String(code);
-    }
-    /**
-     * Detects preload failures that are expected for browser-only modules.
-     */
-    isExpectedSsrPreloadError(error) {
-        const errorMessage = error instanceof Error ? error.message : String(error);
-        const errorCode = this.getErrorCode(error);
-        if (errorCode === 'ERR_UNKNOWN_FILE_EXTENSION') {
-            return true;
-        }
-        return (errorMessage.includes(`reading 'Element'`) ||
-            errorMessage.includes('window is not defined') ||
-            errorMessage.includes('document is not defined') ||
-            errorMessage.includes('navigator is not defined'));
-    }
-    /**
-     * Collects lazy script file paths eligible for SSR preloading.
-     */
-    collectSsrPreloadScripts(components) {
-        const scriptPaths = new Set();
-        const visitedConfigs = new Set();
-        const collect = (component) => {
-            const config = component?.config;
-            if (!config || visitedConfigs.has(config)) {
-                return;
-            }
-            visitedConfigs.add(config);
-            const scriptEntries = config.dependencies?.scripts ?? [];
-            const componentFile = getComponentIdentity(component)?.file;
-            if (componentFile) {
-                const componentDir = path.dirname(componentFile);
-                for (const script of scriptEntries) {
-                    if (typeof script === 'string') {
-                        continue;
-                    }
-                    if (!script.lazy || script.ssr !== true) {
-                        continue;
-                    }
-                    if (!script.src) {
-                        continue;
-                    }
-                    scriptPaths.add(this.resolveDependencyPath(componentDir, script.src));
-                }
-            }
-            for (const layout of config.layouts ?? []) {
-                collect(layout);
-            }
-            for (const nestedComponent of config.dependencies?.components || []) {
-                collect(nestedComponent);
-            }
-        };
-        for (const component of components) {
-            collect(component);
-        }
-        return Array.from(scriptPaths);
-    }
-    /**
-     * Preloads SSR-eligible lazy scripts to register custom elements before render.
-     */
-    async preloadSsrLazyScripts(components) {
-        ensureLitDomShim();
-        const registry = globalThis.customElements;
-        if (this.activeRegistry !== registry) {
-            this.ssrPreloadedScripts.clear();
-            this.ssrPreloadFailedScripts.clear();
-            this.activeRegistry = registry;
-        }
-        const scripts = this.collectSsrPreloadScripts(components);
-        if (scripts.length === 0) {
-            return;
-        }
-        await Promise.all(scripts
-            .filter((scriptPath) => {
-            if (this.ssrPreloadedScripts.has(scriptPath)) {
-                return false;
-            }
-            if (this.ssrPreloadFailedScripts.has(scriptPath)) {
-                return false;
-            }
-            return true;
-        })
-            .map(async (scriptPath) => {
-            try {
-                const registryKey = registry ? getRegistryKey(registry) : 'default';
-                if (this.importServerModule) {
-                    await this.importServerModule(scriptPath, registryKey);
-                }
-                else {
-                    const preloadEntrypoint = await this.resolveSsrPreloadEntrypoint(scriptPath);
-                    if (!preloadEntrypoint)
-                        throw new Error(`Cannot resolve SSR entry ${scriptPath}`);
-                    const importUrl = pathToFileURL(preloadEntrypoint);
-                    if (registry && typeof Bun === 'undefined')
-                        importUrl.searchParams.set('eco-ssr-registry', registryKey);
-                    await import(/* @vite-ignore */ importUrl.href);
-                }
-                this.ssrPreloadedScripts.add(scriptPath);
-            }
-            catch (error) {
-                this.ssrPreloadFailedScripts.add(scriptPath);
-                if (this.isExpectedSsrPreloadError(error)) {
-                    if (process.env.ECOPAGES_DEBUG === 'true') {
-                        console.warn(`[ecopages][lit] Skipping SSR preload for browser-only lazy script: ${scriptPath}`);
-                    }
-                    return;
-                }
-                console.warn(`[ecopages][lit] Failed to preload lazy SSR script: ${scriptPath}`, error);
-            }
-        }));
-    }
-    /**
-     * Resolves the concrete JS entrypoint used for SSR preloading.
-     */
-    async resolveSsrPreloadEntrypoint(scriptPath) {
-        const cachedEntrypoint = this.ssrPreloadEntrypointCache.get(scriptPath);
-        if (cachedEntrypoint) {
-            return cachedEntrypoint;
-        }
-        if (this.preferSourceImports) {
-            this.ssrPreloadEntrypointCache.set(scriptPath, scriptPath);
-            return scriptPath;
-        }
-        if (!this.processDependencies) {
-            this.ssrPreloadEntrypointCache.set(scriptPath, scriptPath);
-            return scriptPath;
-        }
-        try {
-            const processed = await this.processDependencies([
-                AssetFactory.createInlineFileScript({
-                    filepath: scriptPath,
-                    excludeFromHtml: true,
-                    position: 'head',
-                    bundle: true,
-                    attributes: {
-                        type: 'module',
-                        defer: '',
-                    },
-                }),
-            ], `lit-ssr-preload:${scriptPath}`);
-            const entrypoint = processed[0]?.filepath;
-            if (!entrypoint) {
-                return scriptPath;
-            }
-            this.ssrPreloadEntrypointCache.set(scriptPath, entrypoint);
-            return entrypoint;
-        }
-        catch (error) {
-            if (process.env.ECOPAGES_DEBUG === 'true') {
-                console.warn(`[ecopages][lit] Failed to resolve SSR preload entrypoint for: ${scriptPath}`, error);
-            }
-            this.ssrPreloadEntrypointCache.set(scriptPath, scriptPath);
-            return scriptPath;
-        }
-    }
-}