@lwrjs/view-registry 0.6.0-alpha.3 → 0.6.0-alpha.7

package/build/cjs/linkers/legacy_view_bootstrap.cjs

@@ -98,7 +98,8 @@ async function getHtmlResources(view, viewParams, resourceContext) {
     }
   }
   const customElementsRecords = [];
-  await Promise.all(customElements.map(async ({tagName: element}) => {
+  const flattenedElements = (0, import_utils2.flattenCustomElements)(customElements);
+  await Promise.all(flattenedElements.map(async ({tagName: element}) => {
     const graph = await (0, import_shared_utils.getModuleGraphs)((0, import_shared_utils.kebabcaseToCamelcase)(element), {includeUris: true, includeLinkedDefinitions: true, depth}, moduleRegistry, bundle ? moduleBundler : moduleRegistry, runtimeEnvironment, runtimeParams ? runtimeParams : {}, visitedCache);
     customElementsRecords.push({elementName: element, flatGraph: graph});
     const specifier = graph.graphs[0].specifier;

package/build/cjs/linkers/utils.cjs

@@ -24,6 +24,7 @@ var __toModule = (module2) => {
 // packages/@lwrjs/view-registry/src/linkers/utils.ts
 __markAsModule(exports);
 __export(exports, {
+  flattenCustomElements: () => flattenCustomElements,
   getViewBootstrapConfigurationResource: () => getViewBootstrapConfigurationResource,
   getViewHmrConfigurationResource: () => getViewHmrConfigurationResource
 });
@@ -97,3 +98,23 @@ function getViewHmrConfigurationResource(view, viewMetadata) {
     content: configString
   };
 }
+function flattenCustomElements(arr) {
+  const ret = [];
+  const visitedTags = new Set();
+  function flatten(arr2) {
+    for (const val of arr2) {
+      const {tagName, children} = val;
+      if (!visitedTags.has(tagName)) {
+        ret.push({
+          tagName
+        });
+        visitedTags.add(tagName);
+      }
+      if (children) {
+        flatten(children);
+      }
+    }
+  }
+  flatten(arr);
+  return ret;
+}

package/build/cjs/linkers/view_bootstrap.cjs

@@ -99,7 +99,8 @@ async function getHtmlResources(view, viewParams, resourceContext) {
   }
   let importMetadata = await (0, import_shared_utils.toImportMetadata)(bootstrapModuleGraph, {imports: {}, index: {}}, moduleRegistry, runtimeEnvironment, runtimeParams);
   const customElementsRecords = [];
-  await Promise.all(customElements.map(async ({tagName: element}) => {
+  const flattenedElements = (0, import_utils2.flattenCustomElements)(customElements);
+  await Promise.all(flattenedElements.map(async ({tagName: element}) => {
     const graph = await (0, import_shared_utils.getModuleGraphs)((0, import_shared_utils.kebabcaseToCamelcase)(element), {includeUris: true, includeLinkedDefinitions: true, depth}, moduleRegistry, bundle ? moduleBundler : moduleRegistry, runtimeEnvironment, runtimeParams ? runtimeParams : {}, visitedCache);
     customElementsRecords.push({elementName: element, flatGraph: graph});
     const specifier = graph.graphs[0].specifier;

package/build/es/linkers/legacy_view_bootstrap.js

@@ -1,7 +1,7 @@
 import { kebabcaseToCamelcase, getModuleGraphs, GraphDepth, getModuleUriPrefix } from '@lwrjs/shared-utils';
 import { AppResourceEnum, getAppSpecifier } from '@lwrjs/app-service/identity';
 import { generateHtmlTag, getModuleResource, getModuleResourceByUri } from '../utils.js';
-import { getViewBootstrapConfigurationResource, getViewHmrConfigurationResource } from './utils.js';
+import { flattenCustomElements, getViewBootstrapConfigurationResource, getViewHmrConfigurationResource, } from './utils.js';
 export async function getHtmlResources(view, viewParams, resourceContext) {
     const { runtimeEnvironment, runtimeParams, moduleRegistry, moduleBundler, resourceRegistry, viewMetadata, } = resourceContext;
     const { id: appName, bootstrap: { services } = { services: [] } } = view;
@@ -102,7 +102,8 @@ export async function getHtmlResources(view, viewParams, resourceContext) {
     }
     // ------- View related custom element moduleResources
     const customElementsRecords = [];
-    await Promise.all(customElements.map(async ({ tagName: element }) => {
+    const flattenedElements = flattenCustomElements(customElements);
+    await Promise.all(flattenedElements.map(async ({ tagName: element }) => {
         const graph = await getModuleGraphs(kebabcaseToCamelcase(element), { includeUris: true, includeLinkedDefinitions: true, depth }, moduleRegistry, bundle ? moduleBundler : moduleRegistry, runtimeEnvironment, runtimeParams ? runtimeParams : {}, visitedCache);
         // add to the viewRecord
         customElementsRecords.push({ elementName: element, flatGraph: graph });

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

@@ -1,5 +1,6 @@
-import { ClientBootstrapConfig, RuntimeEnvironment, RuntimeParams, ResourceDefinition, RenderedViewMetadata } from '@lwrjs/types';
+import { ClientBootstrapConfig, RuntimeEnvironment, RuntimeParams, ResourceDefinition, RenderedViewMetadata, CustomElementReference } from '@lwrjs/types';
 import { View, ViewInfo } from '@lwrjs/types';
 export declare function getViewBootstrapConfigurationResource(viewInfo: ViewInfo, config: ClientBootstrapConfig, runtimeEnvironment: RuntimeEnvironment, runtimeParams?: RuntimeParams): ResourceDefinition;
 export declare function getViewHmrConfigurationResource(view: View, viewMetadata: RenderedViewMetadata): ResourceDefinition;
+export declare function flattenCustomElements(arr: CustomElementReference[]): CustomElementReference[];
 //# sourceMappingURL=utils.d.ts.map

package/build/es/linkers/utils.js

@@ -76,4 +76,24 @@ export function getViewHmrConfigurationResource(view, viewMetadata) {
         content: configString,
     };
 }
+export function flattenCustomElements(arr) {
+    const ret = [];
+    const visitedTags = new Set();
+    function flatten(arr) {
+        for (const val of arr) {
+            const { tagName, children } = val;
+            if (!visitedTags.has(tagName)) {
+                ret.push({
+                    tagName,
+                });
+                visitedTags.add(tagName);
+            }
+            if (children) {
+                flatten(children);
+            }
+        }
+    }
+    flatten(arr);
+    return ret;
+}
 //# sourceMappingURL=utils.js.map

package/build/es/linkers/view_bootstrap.js

@@ -1,7 +1,7 @@
 import { kebabcaseToCamelcase, toImportMetadata, getModuleGraphs, getMappingUriPrefix, GraphDepth, } from '@lwrjs/shared-utils';
 import { AppResourceEnum, getAppSpecifier } from '@lwrjs/app-service/identity';
 import { generateHtmlTag, getModuleResource, getModuleResourceByUri } from '../utils.js';
-import { getViewBootstrapConfigurationResource, getViewHmrConfigurationResource } from './utils.js';
+import { flattenCustomElements, getViewBootstrapConfigurationResource, getViewHmrConfigurationResource, } from './utils.js';
 export async function getHtmlResources(view, viewParams, resourceContext) {
     const { runtimeEnvironment, runtimeParams, moduleRegistry, moduleBundler, resourceRegistry, viewMetadata, } = resourceContext;
     const { id: appName, bootstrap: { services } = { services: [] } } = view;
@@ -103,7 +103,8 @@ export async function getHtmlResources(view, viewParams, resourceContext) {
     let importMetadata = await toImportMetadata(bootstrapModuleGraph, { imports: {}, index: {} }, moduleRegistry, runtimeEnvironment, runtimeParams);
     // ------- View related custom element moduleResources
     const customElementsRecords = [];
-    await Promise.all(customElements.map(async ({ tagName: element }) => {
+    const flattenedElements = flattenCustomElements(customElements);
+    await Promise.all(flattenedElements.map(async ({ tagName: element }) => {
         const graph = await getModuleGraphs(kebabcaseToCamelcase(element), { includeUris: true, includeLinkedDefinitions: true, depth }, moduleRegistry, bundle ? moduleBundler : moduleRegistry, runtimeEnvironment, runtimeParams ? runtimeParams : {}, visitedCache);
         // add to the viewRecord
         customElementsRecords.push({ elementName: element, flatGraph: graph });

package/build/es/view-handler.js

@@ -3,6 +3,7 @@ import { generateHtmlTag, generatePageContext, getRouteHandler, isViewResponse,
 import { resolve } from 'path';
 export class LwrViewHandler {
     constructor(context, globalConfig) {
+        // TODO convert to using InflightTasks in the shared utils
         this.inflightRouteHandlerEvalMap = new Map();
         this.routeHandlerFunctionMap = new Map();
         this.viewRegistry = context.viewRegistry;

package/package.json

@@ -4,8 +4,8 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "0.6.0-alpha.3",
-    "homepage": "https://lwr.dev/",
+    "version": "0.6.0-alpha.7",
+    "homepage": "https://developer.salesforce.com/docs/platform/lwr/overview",
     "repository": {
         "type": "git",
         "url": "https://github.com/salesforce/lwr.git",
@@ -30,15 +30,15 @@
         "build/**/*.d.ts"
     ],
     "dependencies": {
-        "@lwrjs/app-service": "0.6.0-alpha.3",
-        "@lwrjs/diagnostics": "0.6.0-alpha.3",
-        "@lwrjs/shared-utils": "0.6.0-alpha.3"
+        "@lwrjs/app-service": "0.6.0-alpha.7",
+        "@lwrjs/diagnostics": "0.6.0-alpha.7",
+        "@lwrjs/shared-utils": "0.6.0-alpha.7"
     },
     "devDependencies": {
-        "@lwrjs/types": "0.6.0-alpha.3"
+        "@lwrjs/types": "0.6.0-alpha.7"
     },
     "engines": {
         "node": ">=14.15.4 <17"
     },
-    "gitHead": "ee0ad55e8490f58602de24ab861bb4f4cce9404c"
+    "gitHead": "dc066450384dc1e27064b46ddd5f24543758a414"
 }