@ecopages/core 0.2.0-alpha.24 → 0.2.0-alpha.26

package/src/route-renderer/orchestration/page-packaging.service.d.ts

@@ -0,0 +1,16 @@
+import type { ProcessedAsset } from '../../services/assets/asset-processing-service/index.js';
+import type { PagePackageResult } from '../../types/public-types.js';
+/**
+ * Creates the structured page package consumed by final HTML injection.
+ *
+ * This first pass is intentionally behavior-preserving. It establishes the
+ * packaging seam while forwarding the current flat processed asset list.
+ */
+export declare class PagePackagingService {
+    /**
+     * Partitions processed assets into the page-level groups used during final
+     * HTML injection and post-processing.
+     */
+    createPagePackage(assets: ProcessedAsset[]): PagePackageResult;
+    private shouldIncludeInHtml;
+}

package/src/route-renderer/orchestration/page-packaging.service.js

@@ -0,0 +1,66 @@
+class PagePackagingService {
+  /**
+   * Partitions processed assets into the page-level groups used during final
+   * HTML injection and post-processing.
+   */
+  createPagePackage(assets) {
+    const inlineAssets = [];
+    const separateAssets = [];
+    const dynamicChunks = [];
+    let pageScript;
+    let pageStylesheet;
+    for (const asset of assets) {
+      if (asset.inline) {
+        inlineAssets.push(asset);
+        continue;
+      }
+      if (asset.packageRole === "dynamic-chunk") {
+        dynamicChunks.push(asset);
+        continue;
+      }
+      if (!pageScript && asset.packageRole === "page-script") {
+        pageScript = asset;
+        continue;
+      }
+      if (!pageStylesheet && asset.packageRole === "page-style") {
+        pageStylesheet = asset;
+        continue;
+      }
+      if (asset.packageRole === "keep-separate" || asset.packageRole === "runtime") {
+        separateAssets.push(asset);
+        continue;
+      }
+      if (!pageScript && asset.kind === "script" && !asset.excludeFromHtml) {
+        pageScript = asset;
+        continue;
+      }
+      if (!pageStylesheet && asset.kind === "stylesheet") {
+        pageStylesheet = asset;
+        continue;
+      }
+      separateAssets.push(asset);
+    }
+    const htmlAssets = assets.filter((asset) => this.shouldIncludeInHtml(asset));
+    return {
+      assets,
+      htmlAssets,
+      pageScript,
+      pageStylesheet,
+      inlineAssets,
+      separateAssets,
+      dynamicChunks
+    };
+  }
+  shouldIncludeInHtml(asset) {
+    if (asset.excludeFromHtml) {
+      return false;
+    }
+    if (asset.packageRole === "runtime") {
+      return false;
+    }
+    return true;
+  }
+}
+export {
+  PagePackagingService
+};

package/src/route-renderer/orchestration/processed-asset-dedupe.d.ts

@@ -0,0 +1,2 @@
+import type { ProcessedAsset } from '../../services/assets/asset-processing-service/index.js';
+export declare function dedupeProcessedAssets(assets: ProcessedAsset[]): ProcessedAsset[];

package/src/route-renderer/orchestration/processed-asset-dedupe.js

@@ -0,0 +1,23 @@
+function dedupeProcessedAssets(assets) {
+  const unique = /* @__PURE__ */ new Map();
+  for (const asset of assets) {
+    const key = [
+      asset.kind,
+      asset.position ?? "",
+      asset.srcUrl ?? "",
+      asset.filepath ?? "",
+      asset.content ?? "",
+      asset.inline ? "inline" : "external",
+      asset.excludeFromHtml ? "excluded" : "included",
+      asset.packageRole ?? "",
+      JSON.stringify(asset.attributes ?? {})
+    ].join("|");
+    if (!unique.has(key)) {
+      unique.set(key, asset);
+    }
+  }
+  return [...unique.values()];
+}
+export {
+  dedupeProcessedAssets
+};

package/src/route-renderer/orchestration/queued-boundary-runtime.service.d.ts

@@ -0,0 +1,89 @@
+import type { ProcessedAsset } from '../../services/assets/asset-processing-service/index.js';
+import type { BaseIntegrationContext, BoundaryRenderPayload, ComponentRenderInput, EcoComponent } from '../../types/public-types.js';
+import type { ComponentBoundaryRuntime } from './component-render-context.js';
+export type QueuedBoundaryDecisionInput = {
+    currentIntegration: string;
+    targetIntegration?: string;
+    component: EcoComponent;
+    props: Record<string, unknown>;
+};
+export type QueuedBoundaryResolution = {
+    token: string;
+    component: EcoComponent;
+    props: Record<string, unknown>;
+    componentInstanceId: string;
+};
+/**
+ * Shared mutable state for one renderer-owned queued boundary runtime.
+ *
+ * Renderers that cannot resolve foreign boundaries inline can enqueue transport
+ * tokens during their initial render, then resolve those tokens against the
+ * owning renderer before returning final HTML.
+ */
+export type QueuedBoundaryRuntimeContext = {
+    rendererCache: Map<string, unknown>;
+    componentInstanceScope?: string;
+    nextBoundaryId: number;
+    queuedResolutions: QueuedBoundaryResolution[];
+};
+type QueuedBoundaryIntegrationContext = BaseIntegrationContext & Record<string, unknown>;
+type QueuedBoundaryChildRenderResult = {
+    assets: ProcessedAsset[];
+    html?: string;
+};
+/**
+ * Shared queue orchestration for renderer-owned boundary runtimes that emit
+ * temporary transport tokens during one render pass.
+ *
+ * The service keeps three responsibilities in one place:
+ * - storing per-render queue state on the active integration context
+ * - creating a `ComponentBoundaryRuntime` that enqueues foreign boundaries
+ * - resolving queued tokens back through the owning renderer before final HTML
+ *   leaves the current renderer
+ *
+ * Renderers still own framework-specific child rendering. This service only
+ * handles queue bookkeeping, recursion, cycle detection, and asset merging.
+ */
+export declare class QueuedBoundaryRuntimeService {
+    /**
+     * Reads the queued boundary runtime state previously attached to one render.
+     */
+    getRuntimeContext<TContext extends QueuedBoundaryRuntimeContext>(input: ComponentRenderInput, runtimeContextKey: string): TContext | undefined;
+    /**
+     * Creates the runtime hook used by `runWithComponentRenderContext()` for one
+     * renderer-owned queue.
+     *
+     * When the renderer decides a boundary must be handed off, the runtime returns
+     * a resolved transport token instead of rendering the foreign component inline.
+     */
+    createRuntime<TContext extends QueuedBoundaryRuntimeContext>(options: {
+        boundaryInput: ComponentRenderInput;
+        rendererCache: Map<string, unknown>;
+        runtimeContextKey: string;
+        tokenPrefix: string;
+        shouldQueueBoundary: (input: QueuedBoundaryDecisionInput) => boolean;
+        createRuntimeContext?: (integrationContext: QueuedBoundaryIntegrationContext, rendererCache: Map<string, unknown>) => TContext;
+    }): ComponentBoundaryRuntime;
+    /**
+     * Resolves every queued transport token in one renderer-owned HTML fragment.
+     *
+     * The caller supplies framework-specific child rendering, while this service
+     * handles recursive token replacement, cycle detection, root-attribute
+     * application, and merged asset collection.
+     */
+    resolveQueuedHtml<TContext extends QueuedBoundaryRuntimeContext>(options: {
+        html: string;
+        runtimeContext?: TContext;
+        queueLabel: string;
+        renderQueuedChildren: (children: unknown, runtimeContext: TContext, queuedResolutionsByToken: Map<string, QueuedBoundaryResolution>, resolveToken: (token: string) => Promise<string>) => Promise<QueuedBoundaryChildRenderResult>;
+        resolveBoundary: (input: ComponentRenderInput, rendererCache: Map<string, unknown>) => Promise<BoundaryRenderPayload | undefined>;
+        applyAttributesToFirstElement: (html: string, attributes: Record<string, string>) => string;
+        dedupeProcessedAssets: (assets: ProcessedAsset[]) => ProcessedAsset[];
+    }): Promise<{
+        assets: ProcessedAsset[];
+        html: string;
+    }>;
+    private createBoundaryToken;
+    private ensureRuntimeContext;
+}
+export {};

package/src/route-renderer/orchestration/queued-boundary-runtime.service.js

@@ -0,0 +1,155 @@
+class QueuedBoundaryRuntimeService {
+  /**
+   * Reads the queued boundary runtime state previously attached to one render.
+   */
+  getRuntimeContext(input, runtimeContextKey) {
+    const integrationContext = input.integrationContext;
+    const runtimeContext = integrationContext?.[runtimeContextKey];
+    if (typeof runtimeContext !== "object" || runtimeContext === null) {
+      return void 0;
+    }
+    return runtimeContext;
+  }
+  /**
+   * Creates the runtime hook used by `runWithComponentRenderContext()` for one
+   * renderer-owned queue.
+   *
+   * When the renderer decides a boundary must be handed off, the runtime returns
+   * a resolved transport token instead of rendering the foreign component inline.
+   */
+  createRuntime(options) {
+    const runtimeContext = this.ensureRuntimeContext(options);
+    const interceptBoundary = (input) => {
+      if (!options.shouldQueueBoundary(input)) {
+        return { kind: "inline" };
+      }
+      runtimeContext.nextBoundaryId += 1;
+      const boundaryId = runtimeContext.nextBoundaryId;
+      const token = this.createBoundaryToken(options.tokenPrefix, runtimeContext, boundaryId);
+      runtimeContext.queuedResolutions.push({
+        token,
+        component: input.component,
+        props: { ...input.props },
+        componentInstanceId: runtimeContext.componentInstanceScope ? `${runtimeContext.componentInstanceScope}_n_${boundaryId}` : `n_${boundaryId}`
+      });
+      return {
+        kind: "resolved",
+        value: token
+      };
+    };
+    return {
+      interceptBoundary,
+      interceptBoundarySync: interceptBoundary
+    };
+  }
+  /**
+   * Resolves every queued transport token in one renderer-owned HTML fragment.
+   *
+   * The caller supplies framework-specific child rendering, while this service
+   * handles recursive token replacement, cycle detection, root-attribute
+   * application, and merged asset collection.
+   */
+  async resolveQueuedHtml(options) {
+    if (!options.runtimeContext || options.runtimeContext.queuedResolutions.length === 0) {
+      return { assets: [], html: options.html };
+    }
+    const runtimeContext = options.runtimeContext;
+    const queuedResolutionsByToken = new Map(
+      runtimeContext.queuedResolutions.map((resolution) => [resolution.token, resolution])
+    );
+    const resolvedHtmlByToken = /* @__PURE__ */ new Map();
+    const resolvingTokens = /* @__PURE__ */ new Set();
+    const collectedAssets = [];
+    const resolveToken = async (token) => {
+      const cachedHtml = resolvedHtmlByToken.get(token);
+      if (cachedHtml) {
+        return cachedHtml;
+      }
+      const resolution = queuedResolutionsByToken.get(token);
+      if (!resolution) {
+        return token;
+      }
+      if (resolvingTokens.has(token)) {
+        throw new Error(
+          `[ecopages] ${options.queueLabel} boundary queue contains a cycle or unresolved dependency links.`
+        );
+      }
+      resolvingTokens.add(token);
+      try {
+        const renderedChildren = await options.renderQueuedChildren(
+          resolution.props.children,
+          runtimeContext,
+          queuedResolutionsByToken,
+          resolveToken
+        );
+        if (renderedChildren.assets.length > 0) {
+          collectedAssets.push(...renderedChildren.assets);
+        }
+        const boundaryRender = await options.resolveBoundary(
+          {
+            component: resolution.component,
+            props: { ...resolution.props },
+            children: renderedChildren.html,
+            integrationContext: {
+              rendererCache: runtimeContext.rendererCache,
+              componentInstanceId: resolution.componentInstanceId
+            }
+          },
+          runtimeContext.rendererCache
+        );
+        if (!boundaryRender) {
+          throw new Error(
+            `[ecopages] ${options.queueLabel} queued boundary could not resolve its owning renderer.`
+          );
+        }
+        if ((boundaryRender.assets?.length ?? 0) > 0) {
+          collectedAssets.push(...boundaryRender.assets ?? []);
+        }
+        const resolvedHtml2 = boundaryRender.attachmentPolicy.kind === "first-element" && boundaryRender.rootAttributes ? options.applyAttributesToFirstElement(boundaryRender.html, boundaryRender.rootAttributes) : boundaryRender.html;
+        resolvedHtmlByToken.set(token, resolvedHtml2);
+        return resolvedHtml2;
+      } finally {
+        resolvingTokens.delete(token);
+      }
+    };
+    let resolvedHtml = options.html;
+    for (const resolution of runtimeContext.queuedResolutions) {
+      if (!resolvedHtml.includes(resolution.token)) {
+        continue;
+      }
+      resolvedHtml = resolvedHtml.split(resolution.token).join(await resolveToken(resolution.token));
+    }
+    return {
+      assets: options.dedupeProcessedAssets(collectedAssets),
+      html: resolvedHtml
+    };
+  }
+  createBoundaryToken(tokenPrefix, runtimeContext, boundaryId) {
+    return `${tokenPrefix}${runtimeContext.componentInstanceScope ?? "root"}__${boundaryId}__`;
+  }
+  ensureRuntimeContext(options) {
+    let integrationContext;
+    if (typeof options.boundaryInput.integrationContext === "object" && options.boundaryInput.integrationContext !== null) {
+      integrationContext = options.boundaryInput.integrationContext;
+    } else {
+      integrationContext = {};
+    }
+    const existingRuntimeContext = integrationContext[options.runtimeContextKey];
+    if (typeof existingRuntimeContext !== "object" || existingRuntimeContext === null) {
+      integrationContext[options.runtimeContextKey] = options.createRuntimeContext?.(integrationContext, options.rendererCache) ?? {
+        rendererCache: options.rendererCache,
+        componentInstanceScope: integrationContext.componentInstanceId,
+        nextBoundaryId: 0,
+        queuedResolutions: []
+      };
+    } else {
+      existingRuntimeContext.rendererCache = options.rendererCache;
+    }
+    integrationContext.rendererCache = options.rendererCache;
+    options.boundaryInput.integrationContext = integrationContext;
+    return integrationContext[options.runtimeContextKey];
+  }
+}
+export {
+  QueuedBoundaryRuntimeService
+};

package/src/route-renderer/orchestration/render-execution.service.d.ts

@@ -0,0 +1,43 @@
+import type { IntegrationRendererRenderOptions, RouteRendererBody, RouteRendererOptions, RouteRenderResult } from '../../types/public-types.js';
+export interface CapturedHtmlRenderResult {
+    body: RouteRendererBody;
+    html: string;
+}
+export interface FinalizeHtmlRenderOptions {
+    html: string;
+    componentRootAttributes?: Record<string, string>;
+    documentAttributes?: Record<string, string>;
+}
+export interface RenderExecutionCallbacks<C> {
+    prepareRenderOptions(options: RouteRendererOptions): Promise<IntegrationRendererRenderOptions<C>>;
+    render(renderOptions: IntegrationRendererRenderOptions<C>): Promise<RouteRendererBody>;
+    getDocumentAttributes(renderOptions: IntegrationRendererRenderOptions<C>): Record<string, string> | undefined;
+    applyAttributesToHtmlElement(html: string, attributes: Record<string, string>): string;
+    applyAttributesToFirstBodyElement(html: string, attributes: Record<string, string>): string;
+    transformResponse(response: Response): Promise<RouteRendererBody>;
+}
+/**
+ * Executes the main post-preparation rendering flow for integration renderers.
+ *
+ * This service owns the orchestration that happens after normalized render
+ * options have been prepared: one render pass, unresolved boundary-marker
+ * enforcement, root-attribute application, and final HTML transformation into
+ * a response body stream.
+ */
+export declare class RenderExecutionService {
+    captureHtmlRender(render: () => Promise<RouteRendererBody>): Promise<CapturedHtmlRenderResult>;
+    /**
+     * Executes one integration render pass and returns the final route render
+     * result.
+     *
+     * @typeParam C Integration render output element type.
+     * @param options Route-level render options.
+     * @param currentIntegrationName Active integration name for this render pass.
+     * @param callbacks Renderer-specific hooks required during execution.
+     * @returns Final route render output with body and cache strategy.
+     */
+    execute<C = unknown>(options: RouteRendererOptions, callbacks: RenderExecutionCallbacks<C>): Promise<RouteRenderResult>;
+    private captureRenderedBody;
+    finalizeHtmlRender(options: FinalizeHtmlRenderOptions, callbacks: Pick<RenderExecutionCallbacks<unknown>, 'applyAttributesToHtmlElement' | 'applyAttributesToFirstBodyElement'>): Promise<string>;
+    private applyFinalHtmlAttributes;
+}

package/src/route-renderer/orchestration/render-execution.service.js

@@ -0,0 +1,106 @@
+import { inspectBoundaryArtifactHtml } from "./render-output.utils.js";
+class RenderExecutionService {
+  async captureHtmlRender(render) {
+    const renderedBody = await render();
+    const capturedRender = await this.captureRenderedBody(renderedBody);
+    return {
+      body: capturedRender.body,
+      html: capturedRender.html
+    };
+  }
+  /**
+   * Executes one integration render pass and returns the final route render
+   * result.
+   *
+   * @typeParam C Integration render output element type.
+   * @param options Route-level render options.
+   * @param currentIntegrationName Active integration name for this render pass.
+   * @param callbacks Renderer-specific hooks required during execution.
+   * @returns Final route render output with body and cache strategy.
+   */
+  async execute(options, callbacks) {
+    const renderOptions = await callbacks.prepareRenderOptions(options);
+    const shouldApplyComponentRootAttributes = renderOptions.componentRender?.canAttachAttributes && renderOptions.componentRender.rootAttributes && Object.keys(renderOptions.componentRender.rootAttributes).length > 0;
+    const renderExecution = await this.captureHtmlRender(async () => callbacks.render(renderOptions));
+    const boundaryArtifacts = inspectBoundaryArtifactHtml(renderExecution.html);
+    const documentAttributes = callbacks.getDocumentAttributes(renderOptions);
+    const hasBoundaryMarkerHtml = boundaryArtifacts.hasUnresolvedBoundaryArtifacts;
+    if (hasBoundaryMarkerHtml) {
+      throw new Error(
+        "[ecopages] Route render returned unresolved boundary artifact HTML. Full-route unresolved-boundary fallback has been removed; resolve mixed boundaries inside renderComponentBoundary()."
+      );
+    }
+    const canReuseCapturedBody = !hasBoundaryMarkerHtml && !shouldApplyComponentRootAttributes && !(documentAttributes && Object.keys(documentAttributes).length > 0);
+    if (canReuseCapturedBody) {
+      const body2 = await callbacks.transformResponse(
+        new Response(renderExecution.body, {
+          headers: {
+            "Content-Type": "text/html"
+          }
+        })
+      );
+      return {
+        body: body2,
+        cacheStrategy: renderOptions.cacheStrategy
+      };
+    }
+    const finalization = await this.finalizeHtmlRender(
+      {
+        html: boundaryArtifacts.normalizedHtml,
+        componentRootAttributes: shouldApplyComponentRootAttributes ? renderOptions.componentRender?.rootAttributes : void 0,
+        documentAttributes
+      },
+      {
+        applyAttributesToHtmlElement: callbacks.applyAttributesToHtmlElement,
+        applyAttributesToFirstBodyElement: callbacks.applyAttributesToFirstBodyElement
+      }
+    );
+    const body = await callbacks.transformResponse(
+      new Response(finalization, {
+        headers: {
+          "Content-Type": "text/html"
+        }
+      })
+    );
+    return {
+      body,
+      cacheStrategy: renderOptions.cacheStrategy
+    };
+  }
+  async captureRenderedBody(body) {
+    const response = new Response(body);
+    if (typeof body === "string") {
+      return {
+        body,
+        html: await response.text()
+      };
+    }
+    if (!response.body) {
+      return {
+        body,
+        html: await response.text()
+      };
+    }
+    const [capturedBody, replayBody] = response.body.tee();
+    return {
+      body: replayBody,
+      html: await new Response(capturedBody).text()
+    };
+  }
+  async finalizeHtmlRender(options, callbacks) {
+    return this.applyFinalHtmlAttributes(options.html, options, callbacks);
+  }
+  applyFinalHtmlAttributes(html, options, callbacks) {
+    let renderedHtml = html;
+    if (options.componentRootAttributes && Object.keys(options.componentRootAttributes).length > 0) {
+      renderedHtml = callbacks.applyAttributesToFirstBodyElement(renderedHtml, options.componentRootAttributes);
+    }
+    if (options.documentAttributes && Object.keys(options.documentAttributes).length > 0) {
+      renderedHtml = callbacks.applyAttributesToHtmlElement(renderedHtml, options.documentAttributes);
+    }
+    return renderedHtml;
+  }
+}
+export {
+  RenderExecutionService
+};

package/src/route-renderer/orchestration/render-output.utils.d.ts

@@ -0,0 +1,66 @@
+import type { EcoComponent } from '../../types/public-types.js';
+type ResolvedLazyScriptGroups = Readonly<NonNullable<EcoComponent['config']>['_resolvedLazyScripts']>;
+type TemplateContentShape = {
+    strings: readonly string[];
+    values?: readonly unknown[];
+    [key: string]: unknown;
+};
+type MarkupNodeLikeShape = {
+    nodeType: number;
+    outerHTML?: string;
+    childNodes?: readonly unknown[];
+    textContent?: string;
+    [key: string]: unknown;
+};
+/**
+ * Returns `true` when `value` is a thenable (Promise-like) object.
+ *
+ * Used to transparently handle both synchronous and asynchronous component
+ * render results without requiring every caller to branch on `instanceof Promise`.
+ *
+ * @typeParam T Expected resolved type of the thenable.
+ */
+export declare function isThenable<T>(value: unknown): value is PromiseLike<T>;
+/**
+ * Injects `data-eco-trigger` into the first real HTML element opening tag of
+ * a component's rendered output string.
+ *
+ * The scan skips over leading whitespace, HTML comments (`<!-- -->`), CDATA
+ * sections, and doctype declarations so that the attribute is always placed on
+ * the first actual element — not spurious markup that can precede it.
+ *
+ * The insertion point is the end of the element's tag name, before any existing
+ * attributes or the closing `>`, which produces output like:
+ *
+ * ```html
+ * <my-element data-eco-trigger="eco-trigger-abc123" class="foo">…</my-element>
+ * ```
+ *
+ * When no eligible opening tag is found the original string is returned
+ * unchanged so callers never receive a broken fragment.
+ *
+ * @param content Rendered HTML string (or any value coercible to string).
+ * @param triggerId Stable trigger identifier produced by `buildResolvedLazyTriggers`.
+ */
+export declare function addTriggerAttribute(content: string, triggerId: string): string;
+export declare function addTriggerAttribute<T extends TemplateContentShape>(content: T, triggerId: string): T;
+export declare function addTriggerAttribute<T extends MarkupNodeLikeShape>(content: T, triggerId: string): T;
+export declare function addTriggerAttribute(content: unknown, triggerId: string): string | TemplateContentShape | MarkupNodeLikeShape;
+/**
+ * Wraps rendered component output in a `<scripts-injector>` element that
+ * carries an inline injector map for the legacy (non-global-injector) path.
+ *
+ * @param content Rendered component HTML.
+ * @param lazyGroups Resolved lazy script groups attached to the component config.
+ */
+export declare function wrapWithScriptsInjector(content: string, lazyGroups: ResolvedLazyScriptGroups): string;
+export declare function wrapWithScriptsInjector<T extends TemplateContentShape>(content: T, lazyGroups: ResolvedLazyScriptGroups): T | string;
+export declare function wrapWithScriptsInjector<T extends MarkupNodeLikeShape>(content: T, lazyGroups: ResolvedLazyScriptGroups): T;
+export declare function wrapWithScriptsInjector(content: unknown, lazyGroups: ResolvedLazyScriptGroups): string | TemplateContentShape | MarkupNodeLikeShape;
+export declare function decodeHtmlEntities(value: string): string;
+export declare function normalizeBoundaryArtifactHtml(html: string): string;
+export declare function inspectBoundaryArtifactHtml(html: string): {
+    hasUnresolvedBoundaryArtifacts: boolean;
+    normalizedHtml: string;
+};
+export {};