@lwrjs/view-registry 0.15.0-alpha.26 → 0.15.0-alpha.28

package/build/cjs/index.cjs

@@ -145,28 +145,20 @@ var LwrViewRegistry = class {
     const {contentTemplate, rootComponent} = viewId;
     const compiledViewCacheKey = (0, import_shared_utils.getCacheKeyFromJson)({contentTemplate, rootComponent});
     import_diagnostics.logger.debug(`[view-registry][getView] compiledViewCacheKey=${compiledViewCacheKey}`);
-    if (this.compiledViews.has(compiledViewCacheKey)) {
+    const route = this.globalConfig.routes.find((r) => r.id === viewId.id);
+    const skipCaching = route?.cache?.ttl === 0;
+    if (!skipCaching && this.compiledViews.has(compiledViewCacheKey)) {
       return this.compiledViews.get(compiledViewCacheKey);
     }
     const compiledView = await this.delegateGetView(viewId);
-    this.compiledViews.set(compiledViewCacheKey, compiledView);
+    if (!skipCaching) {
+      this.compiledViews.set(compiledViewCacheKey, compiledView);
+    }
     return compiledView;
   }
   hasViewDefinition(view, viewParams, runtimeEnvironment, runtimeParams, renderOptions) {
-    const {id, bootstrap, rootComponent, contentTemplate, layoutTemplate} = view;
     const {freezeAssets, viewParamCacheKey} = (0, import_utils.normalizeRenderOptions)(this.runtimeEnvironment, renderOptions);
-    const viewDefId = (0, import_shared_utils.getCacheKeyFromJson)({
-      id,
-      bootstrap,
-      rootComponent,
-      contentTemplate,
-      layoutTemplate,
-      freezeAssets,
-      locale: runtimeParams?.locale,
-      basePath: runtimeParams?.basePath,
-      debug: runtimeEnvironment.debug,
-      nonceEnabled: (0, import_shared_utils.getFeatureFlags)().ENABLE_NONCE
-    });
+    const viewDefId = (0, import_utils.getViewDefCacheKey)(view, runtimeEnvironment, freezeAssets, runtimeParams);
     import_diagnostics.logger.debug(`[view-registry][hasViewDefinition] viewDefId=${viewDefId}`);
     const viewParamKey = viewParamCacheKey ? (0, import_shared_utils.getCacheKeyFromJson)(viewParamCacheKey) : (0, import_shared_utils.getCacheKeyFromJson)(viewParams);
     import_diagnostics.logger.debug(`[view-registry][hasViewDefinition] viewParamKey=${viewParamKey}`);
@@ -182,14 +174,7 @@ var LwrViewRegistry = class {
     runtimeParams.requestCache = runtimeParams.requestCache ?? {};
     try {
       const {freezeAssets, viewParamCacheKey} = (0, import_utils.normalizeRenderOptions)(this.runtimeEnvironment, renderOptions);
-      const viewDefCacheKey = (0, import_shared_utils.getCacheKeyFromJson)({
-        ...view,
-        freezeAssets,
-        locale: runtimeParams?.locale,
-        basePath: runtimeParams?.basePath,
-        debug: runtimeEnvironment.debug,
-        nonceEnabled: (0, import_shared_utils.getFeatureFlags)().ENABLE_NONCE
-      });
+      const viewDefCacheKey = (0, import_utils.getViewDefCacheKey)(view, runtimeEnvironment, freezeAssets, runtimeParams);
       import_diagnostics.logger.debug(`[view-registry][getViewDefinition] viewDefCacheKey=${viewDefCacheKey}`);
       const viewParamKey = viewParamCacheKey ? (0, import_shared_utils.getCacheKeyFromJson)(viewParamCacheKey) : (0, import_shared_utils.getCacheKeyFromJson)(viewParams);
       import_diagnostics.logger.debug(`[view-registry][getViewDefinition] viewParamKey=${viewParamKey}`);
@@ -208,7 +193,7 @@ var LwrViewRegistry = class {
           view: view.id,
           ssr: view.bootstrap?.ssr === true
         }
-      }, () => this.renderView(view, updatableViewParams, runtimeEnvironment, runtimeParams, renderOptions)));
+      }, () => this.renderView(view, updatableViewParams, runtimeEnvironment, runtimeParams, pendingViewDefCacheKey, renderOptions)));
       viewDefinition.nonce = (0, import_utils.getViewNonce)(updatableViewParams);
       const route = this.globalConfig.routes.find((r) => r.id === view.id);
       const maxViewCacheTtl = (0, import_shared_utils.getFeatureFlags)().MAX_VIEW_CACHE_TTL;
@@ -232,7 +217,7 @@ var LwrViewRegistry = class {
       throw (0, import_diagnostics.createSingleDiagnosticError)({description: import_diagnostics.descriptions.SERVER.UNEXPECTED_ERROR(message)}, import_diagnostics.LwrServerError);
     }
   }
-  async renderView(view, viewParams, runtimeEnvironment, runtimeParams, renderOptions) {
+  async renderView(view, viewParams, runtimeEnvironment, runtimeParams, viewCacheKey, renderOptions) {
     const {id, contentTemplate, rootComponent, layoutTemplate} = view;
     const lwrResourcesId = `__LWR_RESOURCES__${Date.now()}`;
     const renderedContent = await this.render({id, contentTemplate, rootComponent}, {...viewParams, lwr_resources: lwrResourcesId}, runtimeParams, runtimeEnvironment);
@@ -245,7 +230,8 @@ var LwrViewRegistry = class {
         runtimeEnvironment,
         runtimeParams,
         renderOptions: normalizedRenderOptions,
-        contentIds: {lwrResourcesId}
+        contentIds: {lwrResourcesId},
+        viewCacheKey
       });
       return renderedViewDef2;
     }
@@ -290,7 +276,8 @@ var LwrViewRegistry = class {
       runtimeParams,
       renderOptions: normalizedRenderOptions,
       contentIds: {lwrResourcesId},
-      importer: renderedContent.compiledView.filePath
+      importer: renderedContent.compiledView.filePath,
+      viewCacheKey
     });
     return renderedViewDef;
   }
@@ -318,7 +305,8 @@ var LwrViewRegistry = class {
       runtimeParams,
       renderOptions,
       contentIds,
-      importer
+      importer,
+      viewCacheKey
     } = viewContext;
     const {skipMetadataCollection, freezeAssets} = renderOptions;
     const {lwrResourcesId} = contentIds;
@@ -329,19 +317,37 @@ var LwrViewRegistry = class {
       metadata: renderedViewMetadata,
       compiledView: {immutable = true}
     } = renderedView;
-    const linkedMetadata = skipMetadataCollection ? renderedViewMetadata : await (0, import_shared_utils.extractMetadataFromHtml)(renderedViewContent, renderedViewMetadata, this.globalConfig);
+    const {linkedMetadata, stringBuilder} = await (0, import_instrumentation.getTracer)().trace({
+      name: import_instrumentation.ViewSpan.ParseView,
+      attributes: {
+        view: view.id,
+        ssr: view.bootstrap?.ssr === true
+      }
+    }, async () => {
+      const linkedMetadata2 = skipMetadataCollection ? renderedViewMetadata : await (0, import_shared_utils.extractMetadataFromHtml)(renderedViewContent, renderedViewMetadata, this.globalConfig);
+      const stringBuilder2 = (0, import_shared_utils.createStringBuilder)(renderedViewContent);
+      return {linkedMetadata: linkedMetadata2, stringBuilder: stringBuilder2};
+    });
     const mergedViewContext = {
       ...viewContext,
       config: this.globalConfig,
       runtimeEnvironment,
       importer: importer || renderedView.compiledView.filePath
     };
-    const stringBuilder = (0, import_shared_utils.createStringBuilder)(renderedViewContent);
     let pageTtl = renderedView.cache.ttl;
+    let pageRedirect = renderedView.redirect;
     for (const viewTransformer of this.viewTransformers) {
-      const linkResults = await viewTransformer.link?.(stringBuilder, mergedViewContext, linkedMetadata);
+      const linkResults = await (0, import_instrumentation.getTracer)().trace({
+        name: import_instrumentation.ViewSpan.Transform,
+        attributes: {
+          name: viewTransformer.name
+        }
+      }, () => viewTransformer.link?.(stringBuilder, mergedViewContext, linkedMetadata));
       const ttl = linkResults && linkResults.cache?.ttl;
       pageTtl = (0, import_shared_utils.shortestTtl)(ttl || void 0, pageTtl);
+      if (!pageRedirect) {
+        pageRedirect = linkResults ? linkResults.redirect : void 0;
+      }
     }
     const linkedAssetContent = stringBuilder.toString();
     if (linkedAssetContent.includes(lwrResourcesId)) {
@@ -353,7 +359,9 @@ var LwrViewRegistry = class {
         resourceRegistry,
         runtimeEnvironment,
         runtimeParams,
-        bundleConfig: this.globalConfig.bundleConfig
+        bundleConfig: this.globalConfig.bundleConfig,
+        unsafeEnableViewLinkCaching: this.globalConfig.unsafeEnableViewLinkCaching,
+        viewLinkCacheKey: viewCacheKey
       });
       return {
         renderedView: linkedView,
@@ -363,7 +371,7 @@ var LwrViewRegistry = class {
           ...viewRecord
         },
         cache: {ttl: pageTtl},
-        redirect: renderedView.redirect
+        redirect: pageRedirect
       };
     }
     return {
@@ -374,7 +382,7 @@ var LwrViewRegistry = class {
         moduleResources: []
       },
       cache: {ttl: pageTtl},
-      redirect: renderedView.redirect
+      redirect: pageRedirect
     };
   }
 };

package/build/cjs/linkers/legacy_view_bootstrap.cjs

@@ -32,6 +32,7 @@ var import_identity = __toModule(require("@lwrjs/app-service/identity"));
 var import_utils = __toModule(require("../utils.cjs"));
 var import_utils2 = __toModule(require("./utils.cjs"));
 var import_preload_utils = __toModule(require("./preload-utils.cjs"));
+var import_lru_cache = __toModule(require("lru-cache"));
 function includeIdFactory(bundleConfig) {
   return (moduleRef) => {
     if ((0, import_shared_utils.isExternalSpecifier)(moduleRef.specifier, bundleConfig)) {
@@ -40,6 +41,8 @@ function includeIdFactory(bundleConfig) {
     return true;
   };
 }
+var moduleGraphsCache = new import_lru_cache.LRUCache({max: 500});
+var isRunningLocalDev = (0, import_shared_utils.isLocalDev)();
 async function getHtmlResources(view, viewParams, resourceContext) {
   const {
     runtimeEnvironment,
@@ -47,14 +50,16 @@ async function getHtmlResources(view, viewParams, resourceContext) {
     moduleRegistry,
     moduleBundler,
     resourceRegistry,
-    viewMetadata
+    viewMetadata,
+    viewLinkCacheKey
   } = resourceContext;
   const {format, hmrEnabled, bundle, debug, minify} = runtimeEnvironment;
   const {customElements, serverData, serverDebug} = viewMetadata;
   const isAMD = format === "amd";
-  const {bundleConfig} = resourceContext;
+  const {bundleConfig, unsafeEnableViewLinkCaching} = resourceContext;
   const {external = {}, exclude = []} = bundleConfig;
   const groups = isAMD ? bundleConfig.groups || {} : {};
+  const enableModuleGraphsCache = unsafeEnableViewLinkCaching && !isRunningLocalDev && !process.env.NOCACHE;
   const getPreloadUri = function(rawSpecifier, uriMap) {
     const {specifier} = (0, import_shared_utils.explodeSpecifier)(rawSpecifier);
     if (Object.keys(external).some((e) => specifier === e))
@@ -139,7 +144,14 @@ async function getHtmlResources(view, viewParams, resourceContext) {
       (0, import_utils.addExternalScriptNonce)(errorShimDef, nonce);
       requiredResources.push(errorShimDef);
     }
-    const bootstrapModuleGraph = await (0, import_shared_utils.getModuleGraphs)(bootstrapSpecifier, {includeUris: true, includeLinkedDefinitions: true, depth}, moduleRegistry, defRegistry, runtimeEnvironment, runtimeParams, visitedCache);
+    let bootstrapModuleGraph;
+    const bootstrapModuleGraphCacheKey = (0, import_utils.getModuleGraphCacheKey)(bootstrapSpecifier, viewLinkCacheKey);
+    if (enableModuleGraphsCache && moduleGraphsCache.has(bootstrapModuleGraphCacheKey)) {
+      bootstrapModuleGraph = moduleGraphsCache.get(bootstrapModuleGraphCacheKey);
+    } else {
+      bootstrapModuleGraph = await (0, import_shared_utils.getModuleGraphs)(bootstrapSpecifier, {includeUris: true, includeLinkedDefinitions: true, depth}, moduleRegistry, defRegistry, runtimeEnvironment, runtimeParams, visitedCache);
+      enableModuleGraphsCache && moduleGraphsCache.set(bootstrapModuleGraphCacheKey, bootstrapModuleGraph);
+    }
     bootstrapModuleRef = {
       specifier: bootstrapModuleGraph.graphs[0].specifier,
       flatGraph: bootstrapModuleGraph,
@@ -190,7 +202,14 @@ async function getHtmlResources(view, viewParams, resourceContext) {
   await Promise.all(flattenedElements.map(async ({tagName: element, props}) => {
     const hydrateDirective = (0, import_shared_utils.getHydrateDirective)(props);
     const isSsrOnly = isSSR && !hydrateDirective;
-    const graph = await (0, import_shared_utils.getModuleGraphs)((0, import_shared_utils.kebabCaseToModuleSpecifier)(element), {includeUris: true, includeLinkedDefinitions: true, depth}, moduleRegistry, defRegistry, runtimeEnvironment, {...runtimeParams, ssr: isSsrOnly}, visitedCache);
+    const moduleGraphCacheKey = (0, import_utils.getModuleGraphCacheKey)(element, viewLinkCacheKey);
+    let graph;
+    if (enableModuleGraphsCache && moduleGraphsCache.has(moduleGraphCacheKey)) {
+      graph = moduleGraphsCache.get(moduleGraphCacheKey);
+    } else {
+      graph = await (0, import_shared_utils.getModuleGraphs)((0, import_shared_utils.kebabCaseToModuleSpecifier)(element), {includeUris: true, includeLinkedDefinitions: true, depth}, moduleRegistry, defRegistry, runtimeEnvironment, {...runtimeParams, ssr: isSsrOnly}, visitedCache);
+      enableModuleGraphsCache && moduleGraphsCache.set(moduleGraphCacheKey, graph);
+    }
     customElementsRecords.push({elementName: element, flatGraph: graph});
     if (!isSSR || (0, import_shared_utils.getHydrateDirective)(props)) {
       const specifier = graph.graphs[0].specifier;

package/build/cjs/linkers/link-lwr-resources.cjs

@@ -32,16 +32,16 @@ var import_legacy_view_bootstrap = __toModule(require("./legacy_view_bootstrap.c
 async function linkLwrResources(source, view, viewParams, cxt) {
   const {lwrResourcesId, ...resourceContext} = cxt;
   const LEGACY_LOADER = !!resourceContext.runtimeEnvironment.featureFlags.LEGACY_LOADER;
-  const {partial, viewRecord} = await (0, import_instrumentation.getTracer)().trace({
+  return await (0, import_instrumentation.getTracer)().trace({
     name: import_instrumentation.ViewSpan.Generate,
     attributes: {
       legacyLoader: LEGACY_LOADER
     }
-  }, () => {
-    return LEGACY_LOADER ? (0, import_legacy_view_bootstrap.getHtmlResources)(view, viewParams, resourceContext) : (0, import_view_bootstrap.getHtmlResources)(view, viewParams, resourceContext);
+  }, async () => {
+    const {partial, viewRecord} = await (LEGACY_LOADER ? (0, import_legacy_view_bootstrap.getHtmlResources)(view, viewParams, resourceContext) : (0, import_view_bootstrap.getHtmlResources)(view, viewParams, resourceContext));
+    return {
+      renderedView: source.replace(lwrResourcesId, () => partial),
+      viewRecord
+    };
   });
-  return {
-    renderedView: source.replace(lwrResourcesId, () => partial),
-    viewRecord
-  };
 }

package/build/cjs/linkers/view_bootstrap.cjs

@@ -28,10 +28,14 @@ __export(exports, {
 });
 var import_diagnostics = __toModule(require("@lwrjs/diagnostics"));
 var import_shared_utils = __toModule(require("@lwrjs/shared-utils"));
+var import_lru_cache = __toModule(require("lru-cache"));
 var import_identity = __toModule(require("@lwrjs/app-service/identity"));
 var import_utils = __toModule(require("../utils.cjs"));
 var import_utils2 = __toModule(require("./utils.cjs"));
+var import_utils3 = __toModule(require("../utils.cjs"));
 var import_preload_utils = __toModule(require("./preload-utils.cjs"));
+var moduleGraphsCache = new import_lru_cache.LRUCache({max: 500});
+var isRunningLocalDev = (0, import_shared_utils.isLocalDev)();
 async function getHtmlResources(view, viewParams, resourceContext) {
   const {
     runtimeEnvironment,
@@ -39,16 +43,18 @@ async function getHtmlResources(view, viewParams, resourceContext) {
     moduleRegistry,
     moduleBundler,
     resourceRegistry,
-    viewMetadata
+    viewMetadata,
+    viewLinkCacheKey
   } = resourceContext;
   const {format, hmrEnabled, bundle, debug, minify} = runtimeEnvironment;
   const {customElements, serverData, serverDebug} = viewMetadata;
   const defRegistry = bundle ? moduleBundler : moduleRegistry;
   const isAMD = format === "amd";
   const depth = isAMD ? {static: import_shared_utils.GraphDepth.ALL, dynamic: 1} : {static: import_shared_utils.GraphDepth.NONE, dynamic: 1};
-  const {bundleConfig} = resourceContext;
+  const {bundleConfig, unsafeEnableViewLinkCaching} = resourceContext;
   const {external = {}, exclude = []} = bundleConfig;
   const groups = isAMD ? bundleConfig.groups || {} : {};
+  const enableModuleGraphsCache = unsafeEnableViewLinkCaching && !isRunningLocalDev && !process.env.NOCACHE;
   const getPreloadUri = function(rawSpecifier, uriMap) {
     const {specifier} = (0, import_shared_utils.explodeSpecifier)(rawSpecifier);
     if (Object.keys(external).some((e) => specifier === e))
@@ -119,7 +125,14 @@ async function getHtmlResources(view, viewParams, resourceContext) {
       (0, import_utils.addExternalScriptNonce)(errorShimDef, nonce);
       requiredResources.push(errorShimDef);
     }
-    const bootstrapModuleGraph = await (0, import_shared_utils.getModuleGraphs)(bootstrapSpecifier, {includeUris: true, includeLinkedDefinitions: true, depth}, moduleRegistry, defRegistry, runtimeEnvironment, runtimeParams, visitedCache);
+    let bootstrapModuleGraph;
+    const bootstrapModuleGraphCacheKey = (0, import_utils3.getModuleGraphCacheKey)(bootstrapSpecifier, viewLinkCacheKey);
+    if (enableModuleGraphsCache && moduleGraphsCache.has(bootstrapModuleGraphCacheKey)) {
+      bootstrapModuleGraph = moduleGraphsCache.get(bootstrapModuleGraphCacheKey);
+    } else {
+      bootstrapModuleGraph = await (0, import_shared_utils.getModuleGraphs)(bootstrapSpecifier, {includeUris: true, includeLinkedDefinitions: true, depth}, moduleRegistry, defRegistry, runtimeEnvironment, runtimeParams, visitedCache);
+      enableModuleGraphsCache && moduleGraphsCache.set(bootstrapModuleGraphCacheKey, bootstrapModuleGraph);
+    }
     bootstrapModuleRef = {
       specifier: bootstrapModuleGraph.graphs[0].specifier,
       flatGraph: bootstrapModuleGraph,
@@ -171,7 +184,14 @@ async function getHtmlResources(view, viewParams, resourceContext) {
   for (const {tagName: element, props} of flattenedElements) {
     const hydrateDirective = (0, import_shared_utils.getHydrateDirective)(props);
     const isSsrOnly = isSSR && !hydrateDirective;
-    const graph = await (0, import_shared_utils.getModuleGraphs)((0, import_shared_utils.kebabCaseToModuleSpecifier)(element), {includeUris: true, includeLinkedDefinitions: true, depth}, moduleRegistry, defRegistry, runtimeEnvironment, {...runtimeParams, ssr: isSsrOnly}, visitedCache);
+    const moduleGraphCacheKey = (0, import_utils3.getModuleGraphCacheKey)(element, viewLinkCacheKey);
+    let graph;
+    if (enableModuleGraphsCache && moduleGraphsCache.has(moduleGraphCacheKey)) {
+      graph = moduleGraphsCache.get(moduleGraphCacheKey);
+    } else {
+      graph = await (0, import_shared_utils.getModuleGraphs)((0, import_shared_utils.kebabCaseToModuleSpecifier)(element), {includeUris: true, includeLinkedDefinitions: true, depth}, moduleRegistry, defRegistry, runtimeEnvironment, {...runtimeParams, ssr: isSsrOnly}, visitedCache);
+      enableModuleGraphsCache && moduleGraphsCache.set(moduleGraphCacheKey, graph);
+    }
     customElementsRecords.push({elementName: element, flatGraph: graph});
     if (!isSSR || (0, import_shared_utils.getHydrateDirective)(props)) {
       const specifier = graph.graphs[0].specifier;

package/build/cjs/utils.cjs

@@ -30,8 +30,10 @@ __export(exports, {
   generateLinkHeaders: () => generateLinkHeaders,
   generatePageContext: () => generatePageContext,
   generateViewNonce: () => generateViewNonce,
+  getModuleGraphCacheKey: () => getModuleGraphCacheKey,
   getModuleResource: () => getModuleResource,
   getModuleResourceByUri: () => getModuleResourceByUri,
+  getViewDefCacheKey: () => getViewDefCacheKey,
   getViewNonce: () => getViewNonce,
   isViewDefinitionResponse: () => isViewDefinitionResponse,
   isViewResponse: () => isViewResponse,
@@ -318,3 +320,21 @@ function generateLinkHeaders(assets, patterns) {
     return linkHeader;
   }, "");
 }
+function getViewDefCacheKey(view, runtimeEnvironment, freezeAssets, runtimeParams) {
+  const {id, bootstrap, rootComponent, contentTemplate, layoutTemplate} = view;
+  return (0, import_shared_utils.getCacheKeyFromJson)({
+    id,
+    bootstrap,
+    rootComponent,
+    contentTemplate,
+    layoutTemplate,
+    freezeAssets,
+    locale: runtimeParams?.locale,
+    basePath: runtimeParams?.basePath,
+    debug: runtimeEnvironment.debug,
+    nonceEnabled: (0, import_shared_utils.getFeatureFlags)().ENABLE_NONCE
+  });
+}
+function getModuleGraphCacheKey(specifier, viewLinkCacheKey) {
+  return specifier + viewLinkCacheKey;
+}

package/build/es/index.js

@@ -1,6 +1,6 @@
 import { InflightTasks, createStringBuilder, extractMetadataFromHtml, getCacheKeyFromJson, getFeatureFlags, getSpecifier, isLocalDev, normalizeResourcePath, shortestTtl, } from '@lwrjs/shared-utils';
 import { getTracer, ViewSpan } from '@lwrjs/instrumentation';
-import { generateViewNonce, getViewNonce, normalizeRenderOptions, normalizeRenderedResult, reduceSourceAssetReferences, } from './utils.js';
+import { generateViewNonce, getViewNonce, normalizeRenderOptions, normalizeRenderedResult, reduceSourceAssetReferences, getViewDefCacheKey, } from './utils.js';
 import { linkLwrResources } from './linkers/link-lwr-resources.js';
 // TODO: investigate perf impact W-16056356
 import { LRUCache } from 'lru-cache';
@@ -132,30 +132,23 @@ export class LwrViewRegistry {
         const { contentTemplate, rootComponent } = viewId;
         const compiledViewCacheKey = getCacheKeyFromJson({ contentTemplate, rootComponent });
         logger.debug(`[view-registry][getView] compiledViewCacheKey=${compiledViewCacheKey}`);
+        // For now we are only supporting ttl 0 == skipCaching.
+        const route = this.globalConfig.routes.find((r) => r.id === viewId.id);
+        const skipCaching = route?.cache?.ttl === 0;
         // use cached compiledView if available
-        if (this.compiledViews.has(compiledViewCacheKey)) {
+        if (!skipCaching && this.compiledViews.has(compiledViewCacheKey)) {
             return this.compiledViews.get(compiledViewCacheKey);
         }
         const compiledView = await this.delegateGetView(viewId);
-        this.compiledViews.set(compiledViewCacheKey, compiledView);
+        // cache the compiled view
+        if (!skipCaching) {
+            this.compiledViews.set(compiledViewCacheKey, compiledView);
+        }
         return compiledView;
     }
     hasViewDefinition(view, viewParams, runtimeEnvironment, runtimeParams, renderOptions) {
-        const { id, bootstrap, rootComponent, contentTemplate, layoutTemplate } = view;
         const { freezeAssets, viewParamCacheKey } = normalizeRenderOptions(this.runtimeEnvironment, renderOptions);
-        const viewDefId = getCacheKeyFromJson({
-            id,
-            bootstrap,
-            rootComponent,
-            contentTemplate,
-            layoutTemplate,
-            freezeAssets,
-            locale: runtimeParams?.locale,
-            basePath: runtimeParams?.basePath,
-            debug: runtimeEnvironment.debug,
-            // Add a variable on if the nonce is enabled
-            nonceEnabled: getFeatureFlags().ENABLE_NONCE,
-        });
+        const viewDefId = getViewDefCacheKey(view, runtimeEnvironment, freezeAssets, runtimeParams);
         logger.debug(`[view-registry][hasViewDefinition] viewDefId=${viewDefId}`);
         // viewParams is an unbounded object and can be very large (17MB/view for developer.salesforce.com). Allowing consumers
         // to provide a simple override avoids the excess memory / performance overhead of serializing & storing the viewParams
@@ -177,15 +170,7 @@ export class LwrViewRegistry {
         runtimeParams.requestCache = runtimeParams.requestCache ?? {};
         try {
             const { freezeAssets, viewParamCacheKey } = normalizeRenderOptions(this.runtimeEnvironment, renderOptions);
-            const viewDefCacheKey = getCacheKeyFromJson({
-                ...view,
-                freezeAssets,
-                locale: runtimeParams?.locale,
-                basePath: runtimeParams?.basePath,
-                debug: runtimeEnvironment.debug,
-                // Add a variable on if the nonce is enabled
-                nonceEnabled: getFeatureFlags().ENABLE_NONCE,
-            });
+            const viewDefCacheKey = getViewDefCacheKey(view, runtimeEnvironment, freezeAssets, runtimeParams);
             logger.debug(`[view-registry][getViewDefinition] viewDefCacheKey=${viewDefCacheKey}`);
             // viewParams is an unbounded object and can be very large (17MB/view for developer.salesforce.com). Allowing consumers
             // to provide a simple override avoids the excess memory / performance overhead of serializing & storing the viewParams
@@ -214,7 +199,7 @@ export class LwrViewRegistry {
                     view: view.id,
                     ssr: view.bootstrap?.ssr === true,
                 },
-            }, () => this.renderView(view, updatableViewParams, runtimeEnvironment, runtimeParams, renderOptions)));
+            }, () => this.renderView(view, updatableViewParams, runtimeEnvironment, runtimeParams, pendingViewDefCacheKey, renderOptions)));
             // Once the view is generated add the nonce to the response so it can be cached and then added to the headers
             viewDefinition.nonce = getViewNonce(updatableViewParams);
             const route = this.globalConfig.routes.find((r) => r.id === view.id);
@@ -248,7 +233,7 @@ export class LwrViewRegistry {
             throw createSingleDiagnosticError({ description: descriptions.SERVER.UNEXPECTED_ERROR(message) }, LwrServerError);
         }
     }
-    async renderView(view, viewParams, runtimeEnvironment, runtimeParams, renderOptions) {
+    async renderView(view, viewParams, runtimeEnvironment, runtimeParams, viewCacheKey, renderOptions) {
         const { id, contentTemplate, rootComponent, layoutTemplate } = view;
         const lwrResourcesId = `__LWR_RESOURCES__${Date.now()}`;
         const renderedContent = await this.render({ id, contentTemplate, rootComponent }, { ...viewParams, lwr_resources: lwrResourcesId }, runtimeParams, runtimeEnvironment);
@@ -265,6 +250,7 @@ export class LwrViewRegistry {
                 // using any options provided by the content, overridden with invocation provided rendering options
                 renderOptions: normalizedRenderOptions,
                 contentIds: { lwrResourcesId },
+                viewCacheKey,
             });
             return renderedViewDef;
         }
@@ -317,6 +303,7 @@ export class LwrViewRegistry {
             // TODO: We override the importer with the original view, however
             // Layouts relative paths won't work
             importer: renderedContent.compiledView.filePath,
+            viewCacheKey,
         });
         return renderedViewDef;
     }
@@ -347,31 +334,50 @@ export class LwrViewRegistry {
         };
     }
     async link(renderedView, viewContext) {
-        const { view, viewParams, runtimeEnvironment: runtimeEnv, runtimeParams, renderOptions, contentIds, importer, } = viewContext;
+        const { view, viewParams, runtimeEnvironment: runtimeEnv, runtimeParams, renderOptions, contentIds, importer, viewCacheKey, } = viewContext;
         const { skipMetadataCollection, freezeAssets } = renderOptions;
         const { lwrResourcesId } = contentIds;
         const { moduleRegistry, resourceRegistry, moduleBundler } = this;
         const runtimeEnvironment = { ...runtimeEnv, immutableAssets: freezeAssets };
         // normalize/extract metadata
         const { renderedView: renderedViewContent, metadata: renderedViewMetadata, compiledView: { immutable = true }, } = renderedView;
-        const linkedMetadata = skipMetadataCollection
-            ? renderedViewMetadata
-            : await extractMetadataFromHtml(renderedViewContent, renderedViewMetadata, this.globalConfig);
+        const { linkedMetadata, stringBuilder } = await getTracer().trace({
+            name: ViewSpan.ParseView,
+            attributes: {
+                view: view.id,
+                ssr: view.bootstrap?.ssr === true,
+            },
+        }, async () => {
+            const linkedMetadata = skipMetadataCollection
+                ? renderedViewMetadata
+                : await extractMetadataFromHtml(renderedViewContent, renderedViewMetadata, this.globalConfig);
+            const stringBuilder = createStringBuilder(renderedViewContent);
+            return { linkedMetadata, stringBuilder };
+        });
         const mergedViewContext = {
             ...viewContext,
             config: this.globalConfig,
             runtimeEnvironment,
             importer: importer || renderedView.compiledView.filePath,
         };
-        const stringBuilder = createStringBuilder(renderedViewContent);
         // Note: this is the TTL for the page NOT for the view registry cache
         let pageTtl = renderedView.cache.ttl;
+        let pageRedirect = renderedView.redirect;
         for (const viewTransformer of this.viewTransformers) {
             // eslint-disable-next-line no-await-in-loop
-            const linkResults = await viewTransformer.link?.(stringBuilder, mergedViewContext, linkedMetadata);
+            const linkResults = await getTracer().trace({
+                name: ViewSpan.Transform,
+                attributes: {
+                    name: viewTransformer.name,
+                },
+            }, () => viewTransformer.link?.(stringBuilder, mergedViewContext, linkedMetadata));
             // Keep track of the shortest TTL from each view transformer (e.g. lwcSsrViewTransformer)
             const ttl = linkResults && linkResults.cache?.ttl;
             pageTtl = shortestTtl(ttl || undefined, pageTtl);
+            // Set the redirect info, if it doesn't already exist
+            if (!pageRedirect) {
+                pageRedirect = linkResults ? linkResults.redirect : undefined;
+            }
         }
         const linkedAssetContent = stringBuilder.toString();
         // Link LWR related resources
@@ -387,6 +393,9 @@ export class LwrViewRegistry {
                 runtimeEnvironment,
                 runtimeParams,
                 bundleConfig: this.globalConfig.bundleConfig,
+                unsafeEnableViewLinkCaching: this.globalConfig.unsafeEnableViewLinkCaching,
+                // Use the same cache key for the link stage
+                viewLinkCacheKey: viewCacheKey,
             });
             return {
                 // ...viewDefinition,
@@ -397,7 +406,7 @@ export class LwrViewRegistry {
                     ...viewRecord,
                 },
                 cache: { ttl: pageTtl },
-                redirect: renderedView.redirect,
+                redirect: pageRedirect,
             };
         }
         return {
@@ -408,7 +417,7 @@ export class LwrViewRegistry {
                 moduleResources: [],
             },
             cache: { ttl: pageTtl },
-            redirect: renderedView.redirect,
+            redirect: pageRedirect,
         };
     }
 }

package/build/es/linkers/legacy_view_bootstrap.d.ts

@@ -1,19 +1,7 @@
-import type { BundleConfig, ModuleRegistry, RenderedViewMetadata, RenderedViewRecord, ResourceRegistry, RuntimeEnvironment, RuntimeParams, View, ViewParams, ModuleBundler } from '@lwrjs/types';
-export interface LwrResourcesLinkedContext extends ResourceContext {
-    lwrResourcesId: string;
-}
-interface ResourceContext {
-    viewMetadata: RenderedViewMetadata;
-    runtimeEnvironment: RuntimeEnvironment;
-    runtimeParams: RuntimeParams;
-    moduleRegistry: ModuleRegistry;
-    moduleBundler: ModuleBundler;
-    resourceRegistry: ResourceRegistry;
-    bundleConfig: BundleConfig;
-}
+import type { RenderedViewRecord, View, ViewParams } from '@lwrjs/types';
+import type { ResourceContext } from './link-lwr-resources.js';
 export declare function getHtmlResources(view: View, viewParams: ViewParams, resourceContext: ResourceContext): Promise<{
     partial: string;
     viewRecord: RenderedViewRecord;
 }>;
-export {};
 //# sourceMappingURL=legacy_view_bootstrap.d.ts.map

package/build/es/linkers/legacy_view_bootstrap.js

@@ -1,9 +1,10 @@
 import { logger } from '@lwrjs/diagnostics';
 import { kebabCaseToModuleSpecifier, getModuleGraphs, GraphDepth, getModuleUriPrefix, explodeSpecifier, isBundler, getHydrateDirective, isGroupie, isExternalSpecifier, isLocalDev, } from '@lwrjs/shared-utils';
 import { AppResourceEnum, getAppSpecifier } from '@lwrjs/app-service/identity';
-import { addExternalScriptNonce, generateHtmlTag, getModuleResource, getModuleResourceByUri, getViewNonce, } from '../utils.js';
+import { addExternalScriptNonce, generateHtmlTag, getModuleResource, getModuleResourceByUri, getViewNonce, getModuleGraphCacheKey, } from '../utils.js';
 import { flattenCustomElements, getBundleIntegrity, getViewBootstrapConfigurationResource, getViewHmrConfigurationResource, } from './utils.js';
 import { setPreloadModulesMeta, getPreloadModulesMeta } from './preload-utils.js';
+import { LRUCache } from 'lru-cache';
 function includeIdFactory(bundleConfig) {
     return (moduleRef) => {
         // Do not bundle externals, including the loader module, which is auto bundled
@@ -15,15 +16,20 @@ function includeIdFactory(bundleConfig) {
         return true;
     };
 }
+// `getModuleGraphs` is very expensive and does not need to be recomputed every time.
+// Note: we use the same cache key passed in from the top level view-registry for consistency
+const moduleGraphsCache = new LRUCache({ max: 500 });
+const isRunningLocalDev = isLocalDev();
 export async function getHtmlResources(view, viewParams, resourceContext) {
-    const { runtimeEnvironment, runtimeParams, moduleRegistry, moduleBundler, resourceRegistry, viewMetadata, } = resourceContext;
+    const { runtimeEnvironment, runtimeParams, moduleRegistry, moduleBundler, resourceRegistry, viewMetadata, viewLinkCacheKey, } = resourceContext;
     const { format, hmrEnabled, bundle, debug, minify } = runtimeEnvironment;
     const { customElements, serverData, serverDebug } = viewMetadata;
     const isAMD = format === 'amd';
-    const { bundleConfig } = resourceContext;
+    const { bundleConfig, unsafeEnableViewLinkCaching } = resourceContext;
     const { external = {}, exclude = [] } = bundleConfig;
     // Bundling groups is only supported in AMD for now
     const groups = isAMD ? bundleConfig.groups || {} : {};
+    const enableModuleGraphsCache = unsafeEnableViewLinkCaching && !isRunningLocalDev && !process.env.NOCACHE;
     const getPreloadUri = function (rawSpecifier, uriMap) {
         const { specifier } = explodeSpecifier(rawSpecifier);
         // do not preload externals; this is the app's responsibility
@@ -151,7 +157,16 @@ export async function getHtmlResources(view, viewParams, resourceContext) {
         // Traversal of the Bootstrap Module Graph is done to get all the URLS for discoverable static dependencies.
         // Reasoning: This is to avoid unnecessary HTTP 302's during initial application module fetching.
         // Scope: ESM currently only exposes immutable URI references, optimize for AMD formats
-        const bootstrapModuleGraph = await getModuleGraphs(bootstrapSpecifier, { includeUris: true, includeLinkedDefinitions: true, depth }, moduleRegistry, defRegistry, runtimeEnvironment, runtimeParams, visitedCache);
+        let bootstrapModuleGraph;
+        const bootstrapModuleGraphCacheKey = getModuleGraphCacheKey(bootstrapSpecifier, viewLinkCacheKey);
+        if (enableModuleGraphsCache && moduleGraphsCache.has(bootstrapModuleGraphCacheKey)) {
+            bootstrapModuleGraph = moduleGraphsCache.get(bootstrapModuleGraphCacheKey);
+        }
+        else {
+            bootstrapModuleGraph = await getModuleGraphs(bootstrapSpecifier, { includeUris: true, includeLinkedDefinitions: true, depth }, moduleRegistry, defRegistry, runtimeEnvironment, runtimeParams, visitedCache);
+            enableModuleGraphsCache &&
+                moduleGraphsCache.set(bootstrapModuleGraphCacheKey, bootstrapModuleGraph);
+        }
         bootstrapModuleRef = {
             specifier: bootstrapModuleGraph.graphs[0].specifier,
             flatGraph: bootstrapModuleGraph,
@@ -215,7 +230,15 @@ export async function getHtmlResources(view, viewParams, resourceContext) {
     await Promise.all(flattenedElements.map(async ({ tagName: element, props }) => {
         const hydrateDirective = getHydrateDirective(props);
         const isSsrOnly = isSSR && !hydrateDirective;
-        const graph = await getModuleGraphs(kebabCaseToModuleSpecifier(element), { includeUris: true, includeLinkedDefinitions: true, depth }, moduleRegistry, defRegistry, runtimeEnvironment, { ...runtimeParams, ssr: isSsrOnly }, visitedCache);
+        const moduleGraphCacheKey = getModuleGraphCacheKey(element, viewLinkCacheKey);
+        let graph;
+        if (enableModuleGraphsCache && moduleGraphsCache.has(moduleGraphCacheKey)) {
+            graph = moduleGraphsCache.get(moduleGraphCacheKey);
+        }
+        else {
+            graph = await getModuleGraphs(kebabCaseToModuleSpecifier(element), { includeUris: true, includeLinkedDefinitions: true, depth }, moduleRegistry, defRegistry, runtimeEnvironment, { ...runtimeParams, ssr: isSsrOnly }, visitedCache);
+            enableModuleGraphsCache && moduleGraphsCache.set(moduleGraphCacheKey, graph);
+        }
         // add to the viewRecord
         customElementsRecords.push({ elementName: element, flatGraph: graph });
         // Only process custom elements that are to be hydrated or are CSR-only islands

package/build/es/linkers/link-lwr-resources.d.ts

@@ -2,7 +2,7 @@ import type { ModuleRegistry, LinkedViewDefinition, RenderedViewMetadata, Resour
 export interface LwrResourcesLinkedContext extends ResourceContext {
     lwrResourcesId: string;
 }
-interface ResourceContext {
+export interface ResourceContext {
     viewMetadata: RenderedViewMetadata;
     runtimeEnvironment: RuntimeEnvironment;
     runtimeParams: RuntimeParams;
@@ -10,6 +10,8 @@ interface ResourceContext {
     moduleBundler: ModuleBundler;
     resourceRegistry: ResourceRegistry;
     bundleConfig: BundleConfig;
+    unsafeEnableViewLinkCaching: boolean;
+    viewLinkCacheKey: string;
 }
 type LinkedResourcesViewDefinition = Pick<LinkedViewDefinition, 'renderedView' | 'viewRecord'>;
 export declare function linkLwrResources(source: string, view: View, viewParams: ViewParams, cxt: LwrResourcesLinkedContext): Promise<LinkedResourcesViewDefinition>;

package/build/es/linkers/link-lwr-resources.js

@@ -4,22 +4,22 @@ import { getHtmlResources as getLegacyHtmlResource } from './legacy_view_bootstr
 export async function linkLwrResources(source, view, viewParams, cxt) {
     const { lwrResourcesId, ...resourceContext } = cxt;
     const LEGACY_LOADER = !!resourceContext.runtimeEnvironment.featureFlags.LEGACY_LOADER;
-    const { partial, viewRecord } = await getTracer().trace({
+    return await getTracer().trace({
         name: ViewSpan.Generate,
         attributes: {
             legacyLoader: LEGACY_LOADER,
         },
-    }, () => {
-        return LEGACY_LOADER
+    }, async () => {
+        const { partial, viewRecord } = await (LEGACY_LOADER
             ? getLegacyHtmlResource(view, viewParams, resourceContext)
-            : getHtmlResources(view, viewParams, resourceContext);
+            : getHtmlResources(view, viewParams, resourceContext));
+        // Finally replace the token with the real resources
+        return {
+            // partial may contain regex-token-like characters such as $$,
+            // so we want to bypass regex replacement
+            renderedView: source.replace(lwrResourcesId, () => partial),
+            viewRecord,
+        };
     });
-    // Finally replace the token with the real resources
-    return {
-        // partial may contain regex-token-like characters such as $$,
-        // so we want to bypass regex replacement
-        renderedView: source.replace(lwrResourcesId, () => partial),
-        viewRecord,
-    };
 }
 //# sourceMappingURL=link-lwr-resources.js.map

package/build/es/linkers/view_bootstrap.d.ts

@@ -1,19 +1,7 @@
-import type { BundleConfig, ModuleRegistry, RenderedViewMetadata, RenderedViewRecord, ResourceRegistry, RuntimeEnvironment, RuntimeParams, View, ModuleBundler, ViewParams } from '@lwrjs/types';
-export interface LwrResourcesLinkedContext extends ResourceContext {
-    lwrResourcesId: string;
-}
-interface ResourceContext {
-    viewMetadata: RenderedViewMetadata;
-    runtimeEnvironment: RuntimeEnvironment;
-    runtimeParams: RuntimeParams;
-    moduleRegistry: ModuleRegistry;
-    moduleBundler: ModuleBundler;
-    resourceRegistry: ResourceRegistry;
-    bundleConfig: BundleConfig;
-}
+import type { RenderedViewRecord, View, ViewParams } from '@lwrjs/types';
+import type { ResourceContext } from './link-lwr-resources.js';
 export declare function getHtmlResources(view: View, viewParams: ViewParams, resourceContext: ResourceContext): Promise<{
     partial: string;
     viewRecord: RenderedViewRecord;
 }>;
-export {};
 //# sourceMappingURL=view_bootstrap.d.ts.map

package/build/es/linkers/view_bootstrap.js

@@ -1,11 +1,17 @@
 import { logger } from '@lwrjs/diagnostics';
-import { kebabCaseToModuleSpecifier, toImportMetadata, getModuleGraphs, getMappingUriPrefix, GraphDepth, explodeSpecifier, isBundler, getHydrateDirective, isGroupie, } from '@lwrjs/shared-utils';
+import { kebabCaseToModuleSpecifier, toImportMetadata, getModuleGraphs, getMappingUriPrefix, GraphDepth, explodeSpecifier, isBundler, getHydrateDirective, isGroupie, isLocalDev, } from '@lwrjs/shared-utils';
+import { LRUCache } from 'lru-cache';
 import { AppResourceEnum, getAppSpecifier } from '@lwrjs/app-service/identity';
 import { addExternalScriptNonce, generateHtmlTag, getModuleResourceByUri, getViewNonce } from '../utils.js';
 import { flattenCustomElements, getBundleIntegrity, getViewBootstrapConfigurationResource, getViewHmrConfigurationResource, } from './utils.js';
+import { getModuleGraphCacheKey } from '../utils.js';
 import { setPreloadModulesMeta, getPreloadModulesMeta } from './preload-utils.js';
+// `getModuleGraphs` is very expensive and does not need to be recomputed every time.
+// Note: we use the same cache key passed in from the top level view-registry for consistency
+const moduleGraphsCache = new LRUCache({ max: 500 });
+const isRunningLocalDev = isLocalDev();
 export async function getHtmlResources(view, viewParams, resourceContext) {
-    const { runtimeEnvironment, runtimeParams, moduleRegistry, moduleBundler, resourceRegistry, viewMetadata, } = resourceContext;
+    const { runtimeEnvironment, runtimeParams, moduleRegistry, moduleBundler, resourceRegistry, viewMetadata, viewLinkCacheKey, } = resourceContext;
     const { format, hmrEnabled, bundle, debug, minify } = runtimeEnvironment;
     const { customElements, serverData, serverDebug } = viewMetadata;
     const defRegistry = bundle ? moduleBundler : moduleRegistry;
@@ -13,10 +19,11 @@ export async function getHtmlResources(view, viewParams, resourceContext) {
     const depth = isAMD
         ? { static: GraphDepth.ALL, dynamic: 1 }
         : { static: GraphDepth.NONE, dynamic: 1 };
-    const { bundleConfig } = resourceContext;
+    const { bundleConfig, unsafeEnableViewLinkCaching } = resourceContext;
     const { external = {}, exclude = [] } = bundleConfig;
     // Bundling groups is only supported in AMD for now
     const groups = isAMD ? bundleConfig.groups || {} : {};
+    const enableModuleGraphsCache = unsafeEnableViewLinkCaching && !isRunningLocalDev && !process.env.NOCACHE;
     const getPreloadUri = function (rawSpecifier, uriMap) {
         const { specifier } = explodeSpecifier(rawSpecifier);
         if (Object.keys(external).some((e) => specifier === e))
@@ -118,7 +125,16 @@ export async function getHtmlResources(view, viewParams, resourceContext) {
         // ------- Application Bootstrap module
         // Traversal of the Bootstrap Module Graph is done to get all the URLS for discoverable static dependencies.
         // Reasoning: This is to avoid unnecessary HTTP 302's during initial application module fetching.
-        const bootstrapModuleGraph = await getModuleGraphs(bootstrapSpecifier, { includeUris: true, includeLinkedDefinitions: true, depth }, moduleRegistry, defRegistry, runtimeEnvironment, runtimeParams, visitedCache);
+        let bootstrapModuleGraph;
+        const bootstrapModuleGraphCacheKey = getModuleGraphCacheKey(bootstrapSpecifier, viewLinkCacheKey);
+        if (enableModuleGraphsCache && moduleGraphsCache.has(bootstrapModuleGraphCacheKey)) {
+            bootstrapModuleGraph = moduleGraphsCache.get(bootstrapModuleGraphCacheKey);
+        }
+        else {
+            bootstrapModuleGraph = await getModuleGraphs(bootstrapSpecifier, { includeUris: true, includeLinkedDefinitions: true, depth }, moduleRegistry, defRegistry, runtimeEnvironment, runtimeParams, visitedCache);
+            enableModuleGraphsCache &&
+                moduleGraphsCache.set(bootstrapModuleGraphCacheKey, bootstrapModuleGraph);
+        }
         bootstrapModuleRef = {
             specifier: bootstrapModuleGraph.graphs[0].specifier,
             flatGraph: bootstrapModuleGraph,
@@ -183,8 +199,16 @@ export async function getHtmlResources(view, viewParams, resourceContext) {
     for (const { tagName: element, props } of flattenedElements) {
         const hydrateDirective = getHydrateDirective(props);
         const isSsrOnly = isSSR && !hydrateDirective;
-        // eslint-disable-next-line no-await-in-loop
-        const graph = await getModuleGraphs(kebabCaseToModuleSpecifier(element), { includeUris: true, includeLinkedDefinitions: true, depth }, moduleRegistry, defRegistry, runtimeEnvironment, { ...runtimeParams, ssr: isSsrOnly }, visitedCache);
+        const moduleGraphCacheKey = getModuleGraphCacheKey(element, viewLinkCacheKey);
+        let graph;
+        if (enableModuleGraphsCache && moduleGraphsCache.has(moduleGraphCacheKey)) {
+            graph = moduleGraphsCache.get(moduleGraphCacheKey);
+        }
+        else {
+            // eslint-disable-next-line no-await-in-loop
+            graph = await getModuleGraphs(kebabCaseToModuleSpecifier(element), { includeUris: true, includeLinkedDefinitions: true, depth }, moduleRegistry, defRegistry, runtimeEnvironment, { ...runtimeParams, ssr: isSsrOnly }, visitedCache);
+            enableModuleGraphsCache && moduleGraphsCache.set(moduleGraphCacheKey, graph);
+        }
         // add to the viewRecord
         customElementsRecords.push({ elementName: element, flatGraph: graph });
         // Only process custom elements that are to be hydrated or are CSR-only islands

package/build/es/utils.d.ts

@@ -1,4 +1,4 @@
-import type { AssetReference, JsonCompatible, LinkedViewDefinition, LwrErrorRoute, LwrRoute, ModuleBundler, ModuleId, ModuleJson, ModuleRegistry, NormalizedRenderingResult, PublicModuleRegistry, RenderOptions, RenderedAssetReference, RenderingResult, ResourceDefinition, RouteHandlerViewResponse, RuntimeEnvironment, RuntimeParams, ViewModuleResourceContext, ViewPageContext, ViewParams, ViewRequest, ViewResponse, ViewDefinitionResponse } from '@lwrjs/types';
+import type { AssetReference, JsonCompatible, LinkedViewDefinition, LwrErrorRoute, LwrRoute, ModuleBundler, ModuleId, ModuleJson, ModuleRegistry, NormalizedRenderingResult, PublicModuleRegistry, RenderOptions, RenderedAssetReference, RenderingResult, ResourceDefinition, RouteHandlerViewResponse, RuntimeEnvironment, RuntimeParams, ViewModuleResourceContext, ViewPageContext, ViewParams, ViewRequest, ViewResponse, ViewDefinitionResponse, View } from '@lwrjs/types';
 export type HTMLResource = Partial<ResourceDefinition>;
 export declare function generateHtmlTag(definition: HTMLResource): Promise<string>;
 export declare function normalizeRenderedResult({ renderedView, metadata, options, cache, redirect, }: RenderingResult): NormalizedRenderingResult;
@@ -24,4 +24,6 @@ export declare function generateViewNonce(viewParams: ViewParams): void;
  */
 export declare function addExternalScriptNonce(def: ResourceDefinition, nonce?: string): void;
 export declare function generateLinkHeaders(assets: RenderedAssetReference[], patterns: Record<string, any>[]): string;
+export declare function getViewDefCacheKey(view: View, runtimeEnvironment: RuntimeEnvironment, freezeAssets: boolean, runtimeParams?: RuntimeParams): string;
+export declare function getModuleGraphCacheKey(specifier: string, viewLinkCacheKey: string): string;
 //# sourceMappingURL=utils.d.ts.map

package/build/es/utils.js

@@ -1,5 +1,5 @@
 import { basename, extname } from 'path';
-import { explodeSpecifier, getMappingUriPrefix, getSpecifier, getClientBootstrapConfigurationUri, mimeLookup, DEFAULT_TITLE, streamToString, getFeatureFlags, } from '@lwrjs/shared-utils';
+import { explodeSpecifier, getMappingUriPrefix, getSpecifier, getClientBootstrapConfigurationUri, mimeLookup, DEFAULT_TITLE, streamToString, getFeatureFlags, getCacheKeyFromJson, } from '@lwrjs/shared-utils';
 import { AppResourceEnum, getAppSpecifier, ResourceIdentityTypes, } from '@lwrjs/app-service/identity';
 import crypto from 'crypto';
 function generateExternalStyle(src) {
@@ -312,4 +312,23 @@ export function generateLinkHeaders(assets, patterns) {
         return linkHeader;
     }, '');
 }
+export function getViewDefCacheKey(view, runtimeEnvironment, freezeAssets, runtimeParams) {
+    const { id, bootstrap, rootComponent, contentTemplate, layoutTemplate } = view;
+    return getCacheKeyFromJson({
+        id,
+        bootstrap,
+        rootComponent,
+        contentTemplate,
+        layoutTemplate,
+        freezeAssets,
+        locale: runtimeParams?.locale,
+        basePath: runtimeParams?.basePath,
+        debug: runtimeEnvironment.debug,
+        // Add a variable on if the nonce is enabled
+        nonceEnabled: getFeatureFlags().ENABLE_NONCE,
+    });
+}
+export function getModuleGraphCacheKey(specifier, viewLinkCacheKey) {
+    return specifier + viewLinkCacheKey;
+}
 //# sourceMappingURL=utils.js.map

package/package.json

@@ -4,7 +4,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "0.15.0-alpha.26",
+    "version": "0.15.0-alpha.28",
     "homepage": "https://developer.salesforce.com/docs/platform/lwr/overview",
     "repository": {
         "type": "git",
@@ -33,17 +33,20 @@
         "build": "tsc -b"
     },
     "dependencies": {
-        "@lwrjs/app-service": "0.15.0-alpha.26",
-        "@lwrjs/diagnostics": "0.15.0-alpha.26",
-        "@lwrjs/instrumentation": "0.15.0-alpha.26",
-        "@lwrjs/shared-utils": "0.15.0-alpha.26",
+        "@lwrjs/app-service": "0.15.0-alpha.28",
+        "@lwrjs/diagnostics": "0.15.0-alpha.28",
+        "@lwrjs/instrumentation": "0.15.0-alpha.28",
+        "@lwrjs/shared-utils": "0.15.0-alpha.28",
         "lru-cache": "^10.4.3"
     },
     "devDependencies": {
-        "@lwrjs/types": "0.15.0-alpha.26"
+        "@lwrjs/types": "0.15.0-alpha.28"
     },
     "engines": {
         "node": ">=18.0.0"
     },
-    "gitHead": "b73171fb2777cf921935959d60d51750747de343"
+    "volta": {
+        "extends": "../../../package.json"
+    },
+    "gitHead": "b14e7aab8eee6aa8f1b2a05cad098f9ef65e9ef4"
 }