@lwrjs/lwc-module-provider 0.8.0-alpha.3 → 0.8.0-alpha.6

package/build/cjs/compiler.cjs

@@ -29,6 +29,7 @@ __export(exports, {
 var import_core = __toModule(require("@babel/core"));
 var import_compiler = __toModule(require("@lwc/compiler"));
 var import_utils = __toModule(require("./utils.cjs"));
+var import_shared_utils = __toModule(require("@lwrjs/shared-utils"));
 var DEFAULT_BABEL_CONFIG = {
   babelrc: false,
   configFile: false,
@@ -48,12 +49,22 @@ var LwcCompiler = class {
       };
     }
     if (filename.endsWith("ts")) {
-      const result = (0, import_core.transformSync)(source, {
+      const babelConfig = {
         ...DEFAULT_BABEL_CONFIG,
         presets: [["@babel/preset-typescript", {onlyRemoveTypeImports: false}]],
         filename
-      });
+      };
+      import_shared_utils.logger.debug("babelTransform", {babelConfig});
+      let result;
+      try {
+        result = (0, import_core.transformSync)(source, babelConfig);
+      } catch (error) {
+        import_shared_utils.logger.debug("babelTransform error", error);
+        throw error;
+      }
+      import_shared_utils.logger.verbose("babelTransform result", {result});
       if (!result || !result.code) {
+        import_shared_utils.logger.debug("babelTransform invalid result", {result});
         throw new Error(`Error TS compiling ${filename}`);
       }
       source = result.code;
@@ -65,6 +76,15 @@ var LwcCompiler = class {
         metadata: {}
       };
     }
+    const transformConfig = {
+      namespace,
+      name,
+      experimentalDynamicComponent: {
+        strictSpecifier: false
+      },
+      scopedStyles
+    };
+    import_shared_utils.logger.debug("transformSync", {filename, transformConfig});
     const compilerResult = (0, import_compiler.transformSync)(source, filename, {
       namespace,
       name,
@@ -73,6 +93,7 @@ var LwcCompiler = class {
       },
       scopedStyles
     });
+    import_shared_utils.logger.verbose("transformSync result", {compilerResult});
     return {
       code: compilerResult.code,
       map: null,

package/build/cjs/index.cjs

@@ -74,10 +74,13 @@ var LwcModuleProvider = class {
   }
   async getModule(moduleId) {
     const id = (0, import_shared_utils.getSpecifier)(moduleId);
-    return this.inflightGetModuleJobs.execute(id, () => this.createGetModuleJob(moduleId));
+    return this.inflightGetModuleJobs.execute(id, () => {
+      return this.createGetModuleJob(moduleId);
+    });
   }
   async createGetModuleJob(moduleId) {
     const {watcher, watchedModuleContextMap, lwcCacheDir, lwcCacheIndex, moduleFsCacheEnabled} = this;
+    import_shared_utils.logger.debug("createGetModuleJob", {moduleId});
     const moduleEntry = await this.getModuleEntry(moduleId);
     if (!moduleEntry) {
       return;
@@ -89,12 +92,24 @@ var LwcModuleProvider = class {
     if (!compiledModule) {
       const [name] = rawName.split("#");
       const scopedStyles = moduleEntry.entry.endsWith(".css") && moduleEntry.specifier.endsWith("?scoped=true");
+      import_shared_utils.logger.debug("createGetModuleJob:compile", {
+        namespace,
+        name,
+        filename: moduleEntry.entry,
+        scopedStyles
+      });
       compiledModule = await this.lwcCompiler.compileFile(originalSource, {
         namespace,
         name,
         filename: moduleEntry.entry,
         scopedStyles
       });
+      import_shared_utils.logger.verbose("createGetModuleJob:compile compiledModule", {
+        namespace,
+        name,
+        filename: moduleEntry.entry,
+        scopedStyles
+      });
       if (moduleFsCacheEnabled) {
         (0, import_cache.addCompiledModuleCacheEntry)(moduleSource, compiledModule, cacheConfig);
       }
@@ -136,6 +151,7 @@ var LwcModuleProvider = class {
     importer,
     version
   }) {
+    import_shared_utils.logger.debug("getModuleEntry", {specifier, importer, version});
     const versionId = version || importer;
     if (versionId) {
       const cacheKey2 = getModuleEntryCacheKey(specifier, versionId);
@@ -144,13 +160,17 @@ var LwcModuleProvider = class {
       }
     }
     const cacheKey = `${specifier}@${version}@${importer}`;
-    return this.inflightGetModuleEntryJobs.execute(cacheKey, () => this.createModuleEntry({specifier, importer, version}));
+    import_shared_utils.logger.debug("getModuleEntry:cacheKey", {cacheKey});
+    return this.inflightGetModuleEntryJobs.execute(cacheKey, async () => {
+      return this.createModuleEntry({specifier, importer, version});
+    });
   }
   async createModuleEntry({
     specifier,
     importer,
     version
   }) {
+    import_shared_utils.logger.debug("createModuleEntry", {specifier, importer, rootDir: this.rootDir, version});
     const [baseSpecifier, fileRelativePathRaw] = specifier.split("#");
     const fileRelativePath = fileRelativePathRaw?.split("?")[0];
     let moduleEntry;
@@ -160,7 +180,14 @@ var LwcModuleProvider = class {
     }
     if (!moduleEntry) {
       try {
+        import_shared_utils.logger.debug("createModuleEntry:resolveModuleSpecifier", {
+          baseSpecifier,
+          importer,
+          rootDir: this.rootDir,
+          modules: this.modules
+        });
         const registryEntry = (0, import_utils.resolveModuleSpecifier)(baseSpecifier, importer || this.rootDir, this.modules);
+        import_shared_utils.logger.debug("createModuleEntry:registryEntry", {registryEntry});
         moduleEntry = {
           id: getModuleEntryCacheKey(registryEntry.specifier, registryEntry.version),
           ...registryEntry
@@ -174,6 +201,8 @@ var LwcModuleProvider = class {
       } catch (e) {
         if (e.code !== "NO_LWC_MODULE_FOUND") {
           throw e;
+        } else {
+          import_shared_utils.logger.verbose(`LWC provider could not find the module ${specifier}`);
         }
       }
     }

package/build/cjs/utils.cjs

@@ -37,7 +37,9 @@ var import_module_resolver = __toModule(require("@lwc/module-resolver"));
 var EXPLICIT_CONSTANT = "/* _implicit_dependency_ */";
 var DEFAULT_IMPLICIT_DEP = `${EXPLICIT_CONSTANT} export default void 0`;
 function resolveModuleSpecifier(specifier, importer, modules = []) {
+  import_shared_utils.logger.debug("resolveModuleSpecifier", {specifier, importer, modules});
   const resolvedModule = (0, import_module_resolver.resolveModule)(specifier, importer, {modules});
+  import_shared_utils.logger.debug("resolveModuleSpecifier:resolvedModule", {resolvedModule});
   const json = (0, import_shared_utils.readFile)(import_path.default.join(resolvedModule.scope, "package.json"));
   const version = JSON.parse(json).version;
   return {...resolvedModule, version};

package/build/es/compiler.d.ts

@@ -1,4 +1,4 @@
-import { CompilerConfig, CompilerResult } from '@lwrjs/types';
+import type { CompilerConfig, CompilerResult } from '@lwrjs/types';
 export interface BundleFiles {
     [filename: string]: string;
 }

package/build/es/compiler.js

@@ -1,6 +1,7 @@
 import { transformSync as babelTransform } from '@babel/core';
 import { transformSync } from '@lwc/compiler';
 import { EXPLICIT_CONSTANT } from './utils.js';
+import { logger } from '@lwrjs/shared-utils';
 const DEFAULT_BABEL_CONFIG = {
     babelrc: false,
     configFile: false,
@@ -21,12 +22,23 @@ export class LwcCompiler {
             };
         }
         if (filename.endsWith('ts')) {
-            const result = babelTransform(source, {
+            const babelConfig = {
                 ...DEFAULT_BABEL_CONFIG,
                 presets: [['@babel/preset-typescript', { onlyRemoveTypeImports: false }]],
                 filename,
-            });
+            };
+            logger.debug('babelTransform', { babelConfig });
+            let result;
+            try {
+                result = babelTransform(source, babelConfig);
+            }
+            catch (error) {
+                logger.debug('babelTransform error', error);
+                throw error;
+            }
+            logger.verbose('babelTransform result', { result });
             if (!result || !result.code) {
+                logger.debug('babelTransform invalid result', { result });
                 throw new Error(`Error TS compiling ${filename}`);
             }
             source = result.code;
@@ -39,6 +51,15 @@ export class LwcCompiler {
                 metadata: {},
             };
         }
+        const transformConfig = {
+            namespace,
+            name,
+            experimentalDynamicComponent: {
+                strictSpecifier: false,
+            },
+            scopedStyles,
+        };
+        logger.debug('transformSync', { filename, transformConfig });
         const compilerResult = transformSync(source, filename, {
             namespace,
             name,
@@ -47,6 +68,7 @@ export class LwcCompiler {
             },
             scopedStyles,
         });
+        logger.verbose('transformSync result', { compilerResult });
         return {
             code: compilerResult.code,
             map: null,

package/build/es/index.js

@@ -1,5 +1,5 @@
 import { dirname, join } from 'path';
-import { explodeSpecifier, getSpecifier, hashContent, InflightTasks, readFile, resolveFileExtension, resolveCustomLWCMetadata, } from '@lwrjs/shared-utils';
+import { explodeSpecifier, getSpecifier, hashContent, InflightTasks, logger, readFile, resolveFileExtension, resolveCustomLWCMetadata, } from '@lwrjs/shared-utils';
 import { DEFAULT_IMPLICIT_DEP, isImplicitLwcImport, resolveModuleSpecifier, setUpWatcher } from './utils.js';
 import { addCompiledModuleCacheEntry, getCompiledModuleCacheEntry, setupModuleCache, } from './cache.js';
 import { LwcCompiler } from './compiler.js';
@@ -43,7 +43,9 @@ export default class LwcModuleProvider {
     }
     async getModule(moduleId) {
         const id = getSpecifier(moduleId);
-        return this.inflightGetModuleJobs.execute(id, () => this.createGetModuleJob(moduleId));
+        return this.inflightGetModuleJobs.execute(id, () => {
+            return this.createGetModuleJob(moduleId);
+        });
     }
     /**
      * Create a new Job to fetch a module by id so we are not duplicating effort when multiple requests come in
@@ -52,6 +54,7 @@ export default class LwcModuleProvider {
      */
     async createGetModuleJob(moduleId) {
         const { watcher, watchedModuleContextMap, lwcCacheDir, lwcCacheIndex, moduleFsCacheEnabled } = this;
+        logger.debug('createGetModuleJob', { moduleId });
         const moduleEntry = await this.getModuleEntry(moduleId);
         if (!moduleEntry) {
             return;
@@ -63,6 +66,12 @@ export default class LwcModuleProvider {
         if (!compiledModule) {
             const [name] = rawName.split('#');
             const scopedStyles = moduleEntry.entry.endsWith('.css') && moduleEntry.specifier.endsWith('?scoped=true');
+            logger.debug('createGetModuleJob:compile', {
+                namespace,
+                name,
+                filename: moduleEntry.entry,
+                scopedStyles,
+            });
             // We need to convert anything (html, css, javascript) into a canonical ES6 module
             compiledModule = await this.lwcCompiler.compileFile(originalSource, {
                 namespace,
@@ -70,6 +79,12 @@ export default class LwcModuleProvider {
                 filename: moduleEntry.entry,
                 scopedStyles,
             });
+            logger.verbose('createGetModuleJob:compile compiledModule', {
+                namespace,
+                name,
+                filename: moduleEntry.entry,
+                scopedStyles,
+            });
             if (moduleFsCacheEnabled) {
                 addCompiledModuleCacheEntry(moduleSource, compiledModule, cacheConfig);
             }
@@ -107,6 +122,7 @@ export default class LwcModuleProvider {
         return moduleSource;
     }
     async getModuleEntry({ specifier, importer, version, }) {
+        logger.debug('getModuleEntry', { specifier, importer, version });
         // Check cache
         const versionId = version || importer;
         if (versionId) {
@@ -116,9 +132,13 @@ export default class LwcModuleProvider {
             }
         }
         const cacheKey = `${specifier}@${version}@${importer}`;
-        return this.inflightGetModuleEntryJobs.execute(cacheKey, () => this.createModuleEntry({ specifier, importer, version }));
+        logger.debug('getModuleEntry:cacheKey', { cacheKey });
+        return this.inflightGetModuleEntryJobs.execute(cacheKey, async () => {
+            return this.createModuleEntry({ specifier, importer, version });
+        });
     }
     async createModuleEntry({ specifier, importer, version, }) {
+        logger.debug('createModuleEntry', { specifier, importer, rootDir: this.rootDir, version });
         // Strip any filenames out of the specifier
         // eg: 'c/myApp#myApp.css' => 'c/myApp' and 'myApp.css'
         // eg: 'some/where#lib/util' => 'some/where' and 'lib/util'
@@ -133,7 +153,14 @@ export default class LwcModuleProvider {
         // Nothing from cache, let's try to resolve it first from lwc then from npm
         if (!moduleEntry) {
             try {
+                logger.debug('createModuleEntry:resolveModuleSpecifier', {
+                    baseSpecifier,
+                    importer,
+                    rootDir: this.rootDir,
+                    modules: this.modules,
+                });
                 const registryEntry = resolveModuleSpecifier(baseSpecifier, importer || this.rootDir, this.modules);
+                logger.debug('createModuleEntry:registryEntry', { registryEntry });
                 moduleEntry = {
                     id: getModuleEntryCacheKey(registryEntry.specifier, registryEntry.version),
                     ...registryEntry,
@@ -150,6 +177,10 @@ export default class LwcModuleProvider {
                 if (e.code !== 'NO_LWC_MODULE_FOUND') {
                     throw e;
                 }
+                else {
+                    // in verbose log the lwc provider miss
+                    logger.verbose(`LWC provider could not find the module ${specifier}`);
+                }
             }
         }
         if (!moduleEntry) {

package/build/es/utils.js

@@ -1,11 +1,13 @@
 import fs from 'fs';
 import path from 'path';
-import { readFile, debounce, createFileWatcher } from '@lwrjs/shared-utils';
+import { readFile, debounce, createFileWatcher, logger } from '@lwrjs/shared-utils';
 import { resolveModule } from '@lwc/module-resolver';
 export const EXPLICIT_CONSTANT = '/* _implicit_dependency_ */';
 export const DEFAULT_IMPLICIT_DEP = `${EXPLICIT_CONSTANT} export default void 0`;
 export function resolveModuleSpecifier(specifier, importer, modules = []) {
+    logger.debug('resolveModuleSpecifier', { specifier, importer, modules });
     const resolvedModule = resolveModule(specifier, importer, { modules });
+    logger.debug('resolveModuleSpecifier:resolvedModule', { resolvedModule });
     const json = readFile(path.join(resolvedModule.scope, 'package.json'));
     const version = JSON.parse(json).version;
     return { ...resolvedModule, version };

package/package.json

@@ -4,7 +4,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "0.8.0-alpha.3",
+    "version": "0.8.0-alpha.6",
     "homepage": "https://developer.salesforce.com/docs/platform/lwr/overview",
     "repository": {
         "type": "git",
@@ -32,14 +32,14 @@
     "dependencies": {
         "@babel/preset-typescript": "^7.9.0",
         "@lwc/module-resolver": "2.17.0",
-        "@lwrjs/shared-utils": "0.8.0-alpha.3",
+        "@lwrjs/shared-utils": "0.8.0-alpha.6",
         "es-module-lexer": "^0.3.18"
     },
     "devDependencies": {
-        "@lwrjs/types": "0.8.0-alpha.3"
+        "@lwrjs/types": "0.8.0-alpha.6"
     },
     "engines": {
         "node": ">=14.15.4 <19"
     },
-    "gitHead": "bf22045bd29a832ff98f6bafa1120b5453960f8c"
+    "gitHead": "cf34943d7df7b570d1183836868462c10a6a136c"
 }