@lwrjs/app-service 0.6.0-alpha.1 → 0.6.0-alpha.13

package/build/cjs/moduleProvider/utils.cjs

@@ -73,25 +73,33 @@ function normalizeBootstrap(bootstrap) {
 }
 function createAppRouteViewBootstrapModule(route, options, lockerConfig) {
   const {bootstrap} = route;
-  const {services, syntheticShadow} = bootstrap;
+  const {services, syntheticShadow, experimentalSSR} = bootstrap;
   const isAMD = options.format === "amd";
   const isESM = options.format === "esm";
   const servicesSource = bootstrap.services && createServicesSource(bootstrap.services);
   const serviceApiModule = getServiceApiModule(options.format, options.moduleLoader);
+  const bootstrapModule = experimentalSSR ? "lwr/initSsr" : "lwr/init";
   return [
     "/* This module is generated */",
+    isESM && `import { getClientBootstrapConfig } from 'lwr/preInit';`,
     syntheticShadow && `import '@lwc/synthetic-shadow';`,
     services && services.length && `import { services } from '${serviceApiModule}';`,
     servicesSource,
     isESM && options.hmrEnabled && `import { initHMR } from 'lwr/hmr';`,
-    `import { init, toKebabCase } from 'lwr/init';`,
+    isESM && `import { init as esmLoaderInit } from 'lwr/esmLoader';`,
+    `import { init, toKebabCase } from '${bootstrapModule}';`,
     isAMD && lockerConfig && lockerConfig.enabled && lockerConfig.clientOnly && `
 import { registerLockerDefine } from 'lwr/lockerDefine';
 registerLockerDefine(${JSON.stringify(lockerConfig.trustedComponents)});
         `,
+    isESM && `const clientBootstrapConfig = getClientBootstrapConfig()`,
+    isAMD && `const clientBootstrapConfig = globalThis.LWR`,
+    isESM && `
+const { imports, index, importMappings, endpoints } = clientBootstrapConfig;
+esmLoaderInit({ imports, index, importMappings, endpoints });`,
     `
 // initialize additional non-configured root components
-const { rootComponents } = globalThis.LWR;
+const { rootComponents } = clientBootstrapConfig;
 Promise.all(rootComponents.map(async (rootSpecifier) => {
     const element = toKebabCase(rootSpecifier);
     if (globalThis.performance) {
@@ -105,7 +113,11 @@ Promise.all(rootComponents.map(async (rootSpecifier) => {
     isESM && options.hmrEnabled && `
 // HMR related initialization
 const viewMetadata = globalThis._lwrRuntimeDebug.viewMetadata;
-const hmrEndpoint = globalThis.LWR.endpoints.uris.hmr;
-initHMR(hmrEndpoint, viewMetadata);`
+const hmrEndpoint = clientBootstrapConfig.endpoints.uris.hmr;
+initHMR(hmrEndpoint, viewMetadata);`,
+    isAMD && `
+globalThis.LWR = Object.freeze({
+    define: globalThis.LWR.define,
+});`
   ].filter(Boolean).join("\n");
 }

package/build/es/identity.js

@@ -2,10 +2,10 @@ import { parsePackageSpecifier } from '@lwrjs/shared-utils';
 /*
     App Identity Taxonomy and Schema
     Application identity is an extension of the URI package identity semantics:
-    https://rfcs.lwc.dev/rfcs/lws/0000-uri-patterns#identity-semantics
+    https://rfcs.lwc.dev/rfcs/lwr/0000-uri-patterns#identity-semantics
 
     Based on the App identity semantics:
-    https://rfcs.lwc.dev/rfcs/lws/0000-lwr-bootstrap#application-definition-identifier-constraints
+    https://rfcs.lwc.dev/rfcs/lwr/0000-lwr-bootstrap#application-definition-identifier-constraints
 
     The combined schema for the domain of all application resource identities is described by the following
     EBNF grammar:

package/build/es/moduleProvider/utils.js

@@ -60,23 +60,29 @@ export function normalizeBootstrap(bootstrap) {
  */
 export function createAppRouteViewBootstrapModule(route, options, lockerConfig) {
     const { bootstrap } = route;
-    const { services, syntheticShadow } = bootstrap;
+    const { services, syntheticShadow, experimentalSSR } = bootstrap;
     const isAMD = options.format === 'amd';
     const isESM = options.format === 'esm';
     const servicesSource = bootstrap.services && createServicesSource(bootstrap.services);
     const serviceApiModule = getServiceApiModule(options.format, options.moduleLoader);
+    const bootstrapModule = experimentalSSR ? 'lwr/initSsr' : 'lwr/init';
     return [
         '/* This module is generated */',
+        // pre app initialization step
+        // TODO: enable for AMD once https://github.com/salesforce/lwr/issues/1087 is implemented
+        isESM && `import { getClientBootstrapConfig } from 'lwr/preInit';`,
         // conditional shadow
         syntheticShadow && `import '@lwc/synthetic-shadow';`,
-        // Import loader services
+        // Import bootstrap services
         services && services.length && `import { services } from '${serviceApiModule}';`,
         // import and register the configured services
         servicesSource,
         // HMR (ESM format only)
         isESM && options.hmrEnabled && `import { initHMR } from 'lwr/hmr';`,
+        // Import the ESM module initializer
+        isESM && `import { init as esmLoaderInit } from 'lwr/esmLoader';`,
         // init module
-        `import { init, toKebabCase } from 'lwr/init';`,
+        `import { init, toKebabCase } from '${bootstrapModule}';`,
         // locker
         isAMD &&
             lockerConfig &&
@@ -86,9 +92,18 @@ export function createAppRouteViewBootstrapModule(route, options, lockerConfig)
 import { registerLockerDefine } from 'lwr/lockerDefine';
 registerLockerDefine(${JSON.stringify(lockerConfig.trustedComponents)});
         `,
+        // grab client bootstrap config
+        isESM && `const clientBootstrapConfig = getClientBootstrapConfig()`,
+        // TODO: https://github.com/salesforce/lwr/issues/1087
+        isAMD && `const clientBootstrapConfig = globalThis.LWR`,
+        // Initialize the ESM loader with the Client Bootstrap Config
+        isESM &&
+            `
+const { imports, index, importMappings, endpoints } = clientBootstrapConfig;
+esmLoaderInit({ imports, index, importMappings, endpoints });`,
         `
 // initialize additional non-configured root components
-const { rootComponents } = globalThis.LWR;
+const { rootComponents } = clientBootstrapConfig;
 Promise.all(rootComponents.map(async (rootSpecifier) => {
     const element = toKebabCase(rootSpecifier);
     if (globalThis.performance) {
@@ -104,8 +119,15 @@ Promise.all(rootComponents.map(async (rootSpecifier) => {
             `
 // HMR related initialization
 const viewMetadata = globalThis._lwrRuntimeDebug.viewMetadata;
-const hmrEndpoint = globalThis.LWR.endpoints.uris.hmr;
+const hmrEndpoint = clientBootstrapConfig.endpoints.uris.hmr;
 initHMR(hmrEndpoint, viewMetadata);`,
+        // TODO: can be removed following https://github.com/salesforce/lwr/issues/1092
+        // LAST TASK: Cleanup globalThis.LWR in AMD
+        isAMD &&
+            `
+globalThis.LWR = Object.freeze({
+    define: globalThis.LWR.define,
+});`,
     ]
         .filter(Boolean)
         .join('\n');

package/package.json

@@ -4,8 +4,8 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "0.6.0-alpha.1",
-    "homepage": "https://lwr.dev/",
+    "version": "0.6.0-alpha.13",
+    "homepage": "https://developer.salesforce.com/docs/platform/lwr/overview",
     "repository": {
         "type": "git",
         "url": "https://github.com/salesforce/lwr.git",
@@ -33,14 +33,14 @@
         "build/**/*.d.ts"
     ],
     "dependencies": {
-        "@lwrjs/diagnostics": "0.6.0-alpha.1",
-        "@lwrjs/shared-utils": "0.6.0-alpha.1"
+        "@lwrjs/diagnostics": "0.6.0-alpha.13",
+        "@lwrjs/shared-utils": "0.6.0-alpha.13"
     },
     "devDependencies": {
-        "@lwrjs/types": "0.6.0-alpha.1"
+        "@lwrjs/types": "0.6.0-alpha.13"
     },
     "engines": {
         "node": ">=14.15.4 <17"
     },
-    "gitHead": "b66975a1b2038efd3be8d6f1c7df2e70492195eb"
+    "gitHead": "056d10307fe29540d1586f8fd75e357b82ce2acc"
 }