@teambit/preview 1.0.952 → 1.0.953

package/dist/generate-link.d.ts

@@ -6,4 +6,4 @@ export type MainModulesMap = {
     default: string;
     [envId: string]: string;
 };
-export declare function generateLink(prefix: string, componentMap: ComponentMap<string[]>, mainModulesMap?: MainModulesMap, isSplitComponentBundle?: boolean, tempPackageDir?: string): string;
+export declare function generateLink(prefix: string, componentMap: ComponentMap<string[]>, mainModulesMap?: MainModulesMap, isSplitComponentBundle?: boolean, tempPackageDir?: string, workspacePath?: string, useSource?: boolean): string;

package/dist/generate-link.js

@@ -56,7 +56,7 @@ function _mkTempDir() {
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const previewDistDir = (0, _mkTempDir().getPreviewDistDir)();
 // :TODO refactor to building an AST and generate source code based on it.
-function generateLink(prefix, componentMap, mainModulesMap, isSplitComponentBundle = false, tempPackageDir) {
+function generateLink(prefix, componentMap, mainModulesMap, isSplitComponentBundle = false, tempPackageDir, workspacePath, useSource = false) {
   const componentLinks = componentMap.toArray().map(([component, modulePath], compIdx) => ({
     componentIdString: component.id.toStringWithoutVersion(),
     componentIdVersion: component.id.version,
@@ -76,8 +76,68 @@ function generateLink(prefix, componentMap, mainModulesMap, isSplitComponentBund
       resolveFrom
     };
   });
-  const contents = `
-import { linkModules } from '${(0, _normalizePath().default)((0, _path().join)(previewDistDir, 'preview-modules.js'))}';
+  const moduleImports = getModuleImports(moduleLinks, tempPackageDir);
+  const acceptedDependencies = useSource ? Array.from(new Set([...componentLinks.flatMap(link => link.modules.map(module => toWebpackRequestId(module.resolveFrom, workspacePath))), ...(moduleImports.tempFilePath ? [toWebpackRequestId(moduleImports.tempFilePath, workspacePath)] : [])])) : [];
+  const sourceModeBootstrap = `
+function __bitActivePreviewName() {
+  try {
+    const { hash } = window.location;
+    if (!hash) return null;
+    const [, query = ""] = hash.slice(1).split("?");
+    const params = new URLSearchParams(query);
+    return params.get("preview");
+  } catch {
+    return null;
+  }
+}
+
+let __bitInitialized = false;
+async function __bitMaybeInitialize(force = false, shouldNotify = false) {
+  const activePreview = __bitActivePreviewName();
+  if (activePreview !== ${JSON.stringify(prefix)}) return;
+  if (__bitInitialized && !force) return;
+  __bitInitialized = true;
+  await initializeModules();
+  if (shouldNotify) {
+    window.dispatchEvent(
+      new CustomEvent('bit-preview-modules-updated', {
+        detail: { previewName: ${JSON.stringify(prefix)} },
+      })
+    );
+  }
+}
+
+const __bitHot =
+  import.meta.webpackHot
+  || (typeof module !== 'undefined' && module.hot)
+  || undefined;
+
+if (__bitHot) {
+  __bitHot.accept(${JSON.stringify(acceptedDependencies)}, () => {
+    __bitInitialized = false;
+    void __bitMaybeInitialize(true, true);
+  });
+  __bitHot.dispose(() => {
+    __bitInitialized = false;
+  });
+}
+
+// Defer source-mode initialization until after webpack marks the current entry
+// chunk as loaded. Otherwise modules placed in the current entry chunk can be
+// resolved as a missing async chunk while the entry is still evaluating.
+queueMicrotask(() => {
+  void __bitMaybeInitialize();
+});
+window.addEventListener('hashchange', () => {
+  void __bitMaybeInitialize();
+});
+`;
+  const runtimeBootstrap = useSource ? sourceModeBootstrap : `
+(async function initializeModulesOnLoad() {
+  await initializeModules();
+})();
+`;
+  const contents = `import { linkModules } from '${(0, _normalizePath().default)((0, _path().join)(previewDistDir, 'preview-modules.js'))}';
 
 // strip leading/trailing slashes from any id we compare
 function __bitNormalizeId(id) {
@@ -122,10 +182,9 @@ function __bitSurfaceToOverlay(err, componentId) {
   }, 0);
 }
 
-${getModuleImports(moduleLinks, tempPackageDir)}
-(async function initializeModules() {
+${moduleImports.statement}
+async function initializeModules() {
 ${getComponentImports(componentLinks)}
-
 linkModules('${prefix}', {
   modulesMap: {
     ${moduleLinks.map(m => `"${m.envId}": ${m.varName}`).join(',\n    ')}
@@ -135,7 +194,8 @@ linkModules('${prefix}', {
 ${componentLinks.map(cl => `    "${cl.componentIdentifier}": [${cl.modules.map(m => m.varName).join(', ')}]`).join(',\n')}
   }
 });
-})();
+}
+${runtimeBootstrap}
 `;
   return contents;
 }
@@ -147,13 +207,27 @@ function getEnvVarName(envId) {
   const varName = `${envNameFormatted}MainModule`;
   return varName;
 }
+function toWebpackRequestId(filePath, workspacePath) {
+  if (!workspacePath) return filePath;
+  const normalizedWorkspacePath = (0, _normalizePath().default)(workspacePath);
+  const normalizedFilePath = (0, _normalizePath().default)(filePath);
+  if (normalizedFilePath === normalizedWorkspacePath) return '.';
+  if (normalizedFilePath.startsWith(`${normalizedWorkspacePath}/`) || normalizedFilePath.startsWith(`${normalizedWorkspacePath}\\`)) {
+    const relPath = (0, _normalizePath().default)((0, _path().relative)(workspacePath, filePath));
+    return relPath.startsWith('.') ? relPath : `./${relPath}`;
+  }
+  return filePath;
+}
 function getModuleImports(moduleLinks = [], tempPackageDir) {
   const hash = (0, _objectHash().default)(moduleLinks);
   const tempFileName = `preview-modules-${hash}.mjs`;
   const tempFilePath = (0, _toolboxPath().toWindowsCompatiblePath)((0, _path().join)(tempPackageDir || previewDistDir, tempFileName));
   const tempFileContents = moduleLinks.map(module => `export * as ${module.varName} from "${module.resolveFrom}";`).join('\n');
   (0, _fsExtra().outputFileSync)(tempFilePath, tempFileContents);
-  return `import {${moduleLinks.map(moduleLink => moduleLink.varName).join(', ')}} from "${(0, _normalizePath().default)(tempFilePath)}";`;
+  return {
+    statement: `import {${moduleLinks.map(moduleLink => moduleLink.varName).join(', ')}} from "${(0, _normalizePath().default)(tempFilePath)}";`,
+    tempFilePath: (0, _normalizePath().default)(tempFilePath)
+  };
 }
 function getComponentImports(componentLinks = []) {
   return componentLinks.flatMap(link => {
@@ -165,7 +239,6 @@ function getComponentImports(componentLinks = []) {
               ${module.varName} = await import("${module.resolveFrom}");
             } 
             catch (err) {
-              const msg = (err && err.message) ? err.message : String(err);
               __bitSurfaceToOverlay(err, "${link.componentIdString}");
               ${module.varName} = { 
                 default: function ErrorFallback() { return null; },

package/dist/generate-link.js.map

@@ -1 +1 @@
-{"version":3,"names":["_path","data","require","_fsExtra","_normalizePath","_interopRequireDefault","_objectHash","_camelcase","_toolboxPath","_mkTempDir","e","__esModule","default","previewDistDir","getPreviewDistDir","generateLink","prefix","componentMap","mainModulesMap","isSplitComponentBundle","tempPackageDir","componentLinks","toArray","map","component","modulePath","compIdx","componentIdString","id","toStringWithoutVersion","componentIdVersion","version","componentIdScope","scope","componentIdentifier","fullName","modules","path","pathIdx","varName","moduleVarName","resolveFrom","normalizePath","moduleLinks","Object","entries","envId","getEnvVarName","contents","join","getModuleImports","getComponentImports","m","cl","componentIdx","fileIdx","envNameFormatted","camelcase","replace","hash","objectHash","tempFileName","tempFilePath","toWindowsCompatiblePath","tempFileContents","module","outputFileSync","moduleLink","flatMap","link"],"sources":["generate-link.ts"],"sourcesContent":["import type { ComponentMap } from '@teambit/component';\nimport { join } from 'path';\nimport { outputFileSync } from 'fs-extra';\nimport normalizePath from 'normalize-path';\nimport objectHash from 'object-hash';\nimport camelcase from 'camelcase';\nimport { toWindowsCompatiblePath } from '@teambit/toolbox.path.to-windows-compatible-path';\nimport { getPreviewDistDir } from './mk-temp-dir';\n\nconst previewDistDir = getPreviewDistDir();\n\nexport type MainModulesMap = {\n  /**\n   * Path to default module in case there is no specific module for the current environment.\n   */\n  default: string;\n  [envId: string]: string;\n};\n\ntype ModuleLink = {\n  envId: string;\n  varName: string;\n  resolveFrom: string;\n};\n\ntype ComponentLink = {\n  componentIdString: string;\n  componentIdVersion: string;\n  componentIdScope: string;\n  componentIdentifier: string;\n  modules: {\n    varName: string;\n    resolveFrom: string;\n  }[];\n};\n\n// :TODO refactor to building an AST and generate source code based on it.\nexport function generateLink(\n  prefix: string,\n  componentMap: ComponentMap<string[]>,\n  mainModulesMap?: MainModulesMap,\n  isSplitComponentBundle = false,\n  tempPackageDir?: string\n): string {\n  const componentLinks: ComponentLink[] = componentMap.toArray().map(([component, modulePath], compIdx) => ({\n    componentIdString: component.id.toStringWithoutVersion(),\n    componentIdVersion: component.id.version,\n    componentIdScope: component.id.scope,\n    componentIdentifier: component.id.fullName,\n    modules: modulePath.map((path, pathIdx) => ({\n      varName: moduleVarName(compIdx, pathIdx),\n      resolveFrom: normalizePath(path),\n    })),\n  }));\n\n  const moduleLinks: ModuleLink[] = Object.entries(mainModulesMap || {}).map(([envId, path]) => {\n    const resolveFrom = normalizePath(path);\n    const varName = getEnvVarName(envId);\n    return { envId, varName, resolveFrom };\n  });\n\n  const contents = `\nimport { linkModules } from '${normalizePath(join(previewDistDir, 'preview-modules.js'))}';\n\n// strip leading/trailing slashes from any id we compare\nfunction __bitNormalizeId(id) {\n  if (!id) return \"\";\n  return String(id).trim().replace(/^\\\\/+|\\\\/+$/g, \"\");\n}\n\nfunction __bitActiveComponentId() {\n  try {\n    const { hash } = window.location;\n    if (!hash) return null;\n    const [idPart] = hash.slice(1).split(\"?\");\n    const id = __bitNormalizeId(idPart);\n    const idWithoutVersion = id.split('@')[0];\n    return idWithoutVersion || null;\n  } catch {\n    return null;\n  }\n}\n\nconst __bitActiveId = __bitActiveComponentId();\n\nfunction __bitShouldSurfaceFor(componentId) {\n  if (!__bitActiveId) return false;\n  const act = __bitNormalizeId(__bitActiveId);\n  const cmp = __bitNormalizeId(componentId);\n  if (!act || !cmp) return false;\n  if (act === cmp) return true;\n  return false;\n}\n\n// Surface caught errors to the overlay without breaking fallback.\n// Only for the active component in this iframe.\nfunction __bitSurfaceToOverlay(err, componentId) {\n  if (process.env.NODE_ENV === \"production\") return;\n  if (!__bitShouldSurfaceFor(componentId)) return;\n  const e = err instanceof Error ? err : new Error(String(err));\n  const msg = (err && err.message) ? err.message : String(err);\n  console.error('[preview][load:fail]', componentId, msg);\n  setTimeout(() => {\n    void Promise.reject(e);\n  }, 0);\n}\n\n${getModuleImports(moduleLinks, tempPackageDir)}\n(async function initializeModules() {\n${getComponentImports(componentLinks)}\n\nlinkModules('${prefix}', {\n  modulesMap: {\n    ${moduleLinks.map((m) => `\"${m.envId}\": ${m.varName}`).join(',\\n    ')}\n  },\n  isSplitComponentBundle: ${isSplitComponentBundle},\n  componentMap: {\n${componentLinks\n  .map((cl) => `    \"${cl.componentIdentifier}\": [${cl.modules.map((m) => m.varName).join(', ')}]`)\n  .join(',\\n')}\n  }\n});\n})();\n`;\n  return contents;\n}\n\nfunction moduleVarName(componentIdx: number, fileIdx: number) {\n  return `file_${componentIdx}_${fileIdx}`;\n}\n\nfunction getEnvVarName(envId: string) {\n  const envNameFormatted = camelcase(envId.replace('@', '').replace('.', '-').replace(/\\//g, '-'));\n  const varName = `${envNameFormatted}MainModule`;\n  return varName;\n}\n\nfunction getModuleImports(moduleLinks: ModuleLink[] = [], tempPackageDir?: string): string {\n  const hash = objectHash(moduleLinks);\n  const tempFileName = `preview-modules-${hash}.mjs`;\n  const tempFilePath = toWindowsCompatiblePath(join(tempPackageDir || previewDistDir, tempFileName));\n  const tempFileContents = moduleLinks\n    .map((module) => `export * as ${module.varName} from \"${module.resolveFrom}\";`)\n    .join('\\n');\n  outputFileSync(tempFilePath, tempFileContents);\n  return `import {${moduleLinks.map((moduleLink) => moduleLink.varName).join(', ')}} from \"${normalizePath(\n    tempFilePath\n  )}\";`;\n}\n\nfunction getComponentImports(componentLinks: ComponentLink[] = []): string {\n  return componentLinks\n    .flatMap((link) => {\n      return link.modules.map((module) => {\n        return `\n          let ${module.varName};\n          if (__bitShouldSurfaceFor(\"${link.componentIdString}\")) {\n            try {\n              ${module.varName} = await import(\"${module.resolveFrom}\");\n            } \n            catch (err) {\n              const msg = (err && err.message) ? err.message : String(err);\n              __bitSurfaceToOverlay(err, \"${link.componentIdString}\");\n              ${module.varName} = { \n                default: function ErrorFallback() { return null; },\n                __loadError: err \n              };\n            }\n          }   \n          else {\n            // Don't import non-active modules at all\n            ${module.varName} = { default: function Placeholder() { return null; } };\n        }`;\n      });\n    })\n    .join('\\n');\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_path","data","require","_fsExtra","_normalizePath","_interopRequireDefault","_objectHash","_camelcase","_toolboxPath","_mkTempDir","e","__esModule","default","previewDistDir","getPreviewDistDir","generateLink","prefix","componentMap","mainModulesMap","isSplitComponentBundle","tempPackageDir","workspacePath","useSource","componentLinks","toArray","map","component","modulePath","compIdx","componentIdString","id","toStringWithoutVersion","componentIdVersion","version","componentIdScope","scope","componentIdentifier","fullName","modules","path","pathIdx","varName","moduleVarName","resolveFrom","normalizePath","moduleLinks","Object","entries","envId","getEnvVarName","moduleImports","getModuleImports","acceptedDependencies","Array","from","Set","flatMap","link","module","toWebpackRequestId","tempFilePath","sourceModeBootstrap","JSON","stringify","runtimeBootstrap","contents","join","statement","getComponentImports","m","cl","componentIdx","fileIdx","envNameFormatted","camelcase","replace","filePath","normalizedWorkspacePath","normalizedFilePath","startsWith","relPath","relative","hash","objectHash","tempFileName","toWindowsCompatiblePath","tempFileContents","outputFileSync","moduleLink"],"sources":["generate-link.ts"],"sourcesContent":["import type { ComponentMap } from '@teambit/component';\nimport { join, relative } from 'path';\nimport { outputFileSync } from 'fs-extra';\nimport normalizePath from 'normalize-path';\nimport objectHash from 'object-hash';\nimport camelcase from 'camelcase';\nimport { toWindowsCompatiblePath } from '@teambit/toolbox.path.to-windows-compatible-path';\nimport { getPreviewDistDir } from './mk-temp-dir';\n\nconst previewDistDir = getPreviewDistDir();\n\nexport type MainModulesMap = {\n  /**\n   * Path to default module in case there is no specific module for the current environment.\n   */\n  default: string;\n  [envId: string]: string;\n};\n\ntype ModuleLink = {\n  envId: string;\n  varName: string;\n  resolveFrom: string;\n};\n\ntype ComponentLink = {\n  componentIdString: string;\n  componentIdVersion: string;\n  componentIdScope: string;\n  componentIdentifier: string;\n  modules: {\n    varName: string;\n    resolveFrom: string;\n  }[];\n};\n\n// :TODO refactor to building an AST and generate source code based on it.\nexport function generateLink(\n  prefix: string,\n  componentMap: ComponentMap<string[]>,\n  mainModulesMap?: MainModulesMap,\n  isSplitComponentBundle = false,\n  tempPackageDir?: string,\n  workspacePath?: string,\n  useSource = false\n): string {\n  const componentLinks: ComponentLink[] = componentMap.toArray().map(([component, modulePath], compIdx) => ({\n    componentIdString: component.id.toStringWithoutVersion(),\n    componentIdVersion: component.id.version,\n    componentIdScope: component.id.scope,\n    componentIdentifier: component.id.fullName,\n    modules: modulePath.map((path, pathIdx) => ({\n      varName: moduleVarName(compIdx, pathIdx),\n      resolveFrom: normalizePath(path),\n    })),\n  }));\n\n  const moduleLinks: ModuleLink[] = Object.entries(mainModulesMap || {}).map(([envId, path]) => {\n    const resolveFrom = normalizePath(path);\n    const varName = getEnvVarName(envId);\n    return { envId, varName, resolveFrom };\n  });\n  const moduleImports = getModuleImports(moduleLinks, tempPackageDir);\n  const acceptedDependencies = useSource\n    ? Array.from(\n        new Set([\n          ...componentLinks.flatMap((link) =>\n            link.modules.map((module) => toWebpackRequestId(module.resolveFrom, workspacePath))\n          ),\n          ...(moduleImports.tempFilePath ? [toWebpackRequestId(moduleImports.tempFilePath, workspacePath)] : []),\n        ])\n      )\n    : [];\n\n  const sourceModeBootstrap = `\nfunction __bitActivePreviewName() {\n  try {\n    const { hash } = window.location;\n    if (!hash) return null;\n    const [, query = \"\"] = hash.slice(1).split(\"?\");\n    const params = new URLSearchParams(query);\n    return params.get(\"preview\");\n  } catch {\n    return null;\n  }\n}\n\nlet __bitInitialized = false;\nasync function __bitMaybeInitialize(force = false, shouldNotify = false) {\n  const activePreview = __bitActivePreviewName();\n  if (activePreview !== ${JSON.stringify(prefix)}) return;\n  if (__bitInitialized && !force) return;\n  __bitInitialized = true;\n  await initializeModules();\n  if (shouldNotify) {\n    window.dispatchEvent(\n      new CustomEvent('bit-preview-modules-updated', {\n        detail: { previewName: ${JSON.stringify(prefix)} },\n      })\n    );\n  }\n}\n\nconst __bitHot =\n  import.meta.webpackHot\n  || (typeof module !== 'undefined' && module.hot)\n  || undefined;\n\nif (__bitHot) {\n  __bitHot.accept(${JSON.stringify(acceptedDependencies)}, () => {\n    __bitInitialized = false;\n    void __bitMaybeInitialize(true, true);\n  });\n  __bitHot.dispose(() => {\n    __bitInitialized = false;\n  });\n}\n\n// Defer source-mode initialization until after webpack marks the current entry\n// chunk as loaded. Otherwise modules placed in the current entry chunk can be\n// resolved as a missing async chunk while the entry is still evaluating.\nqueueMicrotask(() => {\n  void __bitMaybeInitialize();\n});\nwindow.addEventListener('hashchange', () => {\n  void __bitMaybeInitialize();\n});\n`;\n\n  const runtimeBootstrap = useSource\n    ? sourceModeBootstrap\n    : `\n(async function initializeModulesOnLoad() {\n  await initializeModules();\n})();\n`;\n\n  const contents = `import { linkModules } from '${normalizePath(join(previewDistDir, 'preview-modules.js'))}';\n\n// strip leading/trailing slashes from any id we compare\nfunction __bitNormalizeId(id) {\n  if (!id) return \"\";\n  return String(id).trim().replace(/^\\\\/+|\\\\/+$/g, \"\");\n}\n\nfunction __bitActiveComponentId() {\n  try {\n    const { hash } = window.location;\n    if (!hash) return null;\n    const [idPart] = hash.slice(1).split(\"?\");\n    const id = __bitNormalizeId(idPart);\n    const idWithoutVersion = id.split('@')[0];\n    return idWithoutVersion || null;\n  } catch {\n    return null;\n  }\n}\n\nconst __bitActiveId = __bitActiveComponentId();\n\nfunction __bitShouldSurfaceFor(componentId) {\n  if (!__bitActiveId) return false;\n  const act = __bitNormalizeId(__bitActiveId);\n  const cmp = __bitNormalizeId(componentId);\n  if (!act || !cmp) return false;\n  if (act === cmp) return true;\n  return false;\n}\n\n// Surface caught errors to the overlay without breaking fallback.\n// Only for the active component in this iframe.\nfunction __bitSurfaceToOverlay(err, componentId) {\n  if (process.env.NODE_ENV === \"production\") return;\n  if (!__bitShouldSurfaceFor(componentId)) return;\n  const e = err instanceof Error ? err : new Error(String(err));\n  const msg = (err && err.message) ? err.message : String(err);\n  console.error('[preview][load:fail]', componentId, msg);\n  setTimeout(() => {\n    void Promise.reject(e);\n  }, 0);\n}\n\n${moduleImports.statement}\nasync function initializeModules() {\n${getComponentImports(componentLinks)}\nlinkModules('${prefix}', {\n  modulesMap: {\n    ${moduleLinks.map((m) => `\"${m.envId}\": ${m.varName}`).join(',\\n    ')}\n  },\n  isSplitComponentBundle: ${isSplitComponentBundle},\n  componentMap: {\n${componentLinks\n  .map((cl) => `    \"${cl.componentIdentifier}\": [${cl.modules.map((m) => m.varName).join(', ')}]`)\n  .join(',\\n')}\n  }\n});\n}\n${runtimeBootstrap}\n`;\n  return contents;\n}\n\nfunction moduleVarName(componentIdx: number, fileIdx: number) {\n  return `file_${componentIdx}_${fileIdx}`;\n}\n\nfunction getEnvVarName(envId: string) {\n  const envNameFormatted = camelcase(envId.replace('@', '').replace('.', '-').replace(/\\//g, '-'));\n  const varName = `${envNameFormatted}MainModule`;\n  return varName;\n}\n\nfunction toWebpackRequestId(filePath: string, workspacePath?: string): string {\n  if (!workspacePath) return filePath;\n  const normalizedWorkspacePath = normalizePath(workspacePath);\n  const normalizedFilePath = normalizePath(filePath);\n  if (normalizedFilePath === normalizedWorkspacePath) return '.';\n  if (\n    normalizedFilePath.startsWith(`${normalizedWorkspacePath}/`) ||\n    normalizedFilePath.startsWith(`${normalizedWorkspacePath}\\\\`)\n  ) {\n    const relPath = normalizePath(relative(workspacePath, filePath));\n    return relPath.startsWith('.') ? relPath : `./${relPath}`;\n  }\n  return filePath;\n}\n\nfunction getModuleImports(\n  moduleLinks: ModuleLink[] = [],\n  tempPackageDir?: string\n): {\n  statement: string;\n  tempFilePath?: string;\n} {\n  const hash = objectHash(moduleLinks);\n  const tempFileName = `preview-modules-${hash}.mjs`;\n  const tempFilePath = toWindowsCompatiblePath(join(tempPackageDir || previewDistDir, tempFileName));\n  const tempFileContents = moduleLinks\n    .map((module) => `export * as ${module.varName} from \"${module.resolveFrom}\";`)\n    .join('\\n');\n  outputFileSync(tempFilePath, tempFileContents);\n  return {\n    statement: `import {${moduleLinks.map((moduleLink) => moduleLink.varName).join(', ')}} from \"${normalizePath(\n      tempFilePath\n    )}\";`,\n    tempFilePath: normalizePath(tempFilePath),\n  };\n}\n\nfunction getComponentImports(componentLinks: ComponentLink[] = []): string {\n  return componentLinks\n    .flatMap((link) => {\n      return link.modules.map((module) => {\n        return `\n          let ${module.varName};\n          if (__bitShouldSurfaceFor(\"${link.componentIdString}\")) {\n            try {\n              ${module.varName} = await import(\"${module.resolveFrom}\");\n            } \n            catch (err) {\n              __bitSurfaceToOverlay(err, \"${link.componentIdString}\");\n              ${module.varName} = { \n                default: function ErrorFallback() { return null; },\n                __loadError: err \n              };\n            }\n          }   \n          else {\n            // Don't import non-active modules at all\n            ${module.varName} = { default: function Placeholder() { return null; } };\n        }`;\n      });\n    })\n    .join('\\n');\n}\n"],"mappings":"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C/C,MAAM,CAAC;AAChD;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC8C,IAAI,CAACC,SAAS,CAAC/C,MAAM,CAAC;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB8C,IAAI,CAACC,SAAS,CAACX,oBAAoB,CAAC;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;EAEC,MAAMY,gBAAgB,GAAG1C,SAAS,GAC9BuC,mBAAmB,GACnB;AACN;AACA;AACA;AACA,CAAC;EAEC,MAAMI,QAAQ,GAAG,gCAAgC,IAAArB,wBAAa,EAAC,IAAAsB,YAAI,EAACrD,cAAc,EAAE,oBAAoB,CAAC,CAAC;AAC5G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAEqC,aAAa,CAACiB,SAAS;AACzB;AACA,EAAEC,mBAAmB,CAAC7C,cAAc,CAAC;AACrC,eAAeP,MAAM;AACrB;AACA,MAAM6B,WAAW,CAACpB,GAAG,CAAE4C,CAAC,IAAK,IAAIA,CAAC,CAACrB,KAAK,MAAMqB,CAAC,CAAC5B,OAAO,EAAE,CAAC,CAACyB,IAAI,CAAC,SAAS,CAAC;AAC1E;AACA,4BAA4B/C,sBAAsB;AAClD;AACA,EAAEI,cAAc,CACbE,GAAG,CAAE6C,EAAE,IAAK,QAAQA,EAAE,CAAClC,mBAAmB,OAAOkC,EAAE,CAAChC,OAAO,CAACb,GAAG,CAAE4C,CAAC,IAAKA,CAAC,CAAC5B,OAAO,CAAC,CAACyB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAChGA,IAAI,CAAC,KAAK,CAAC;AACd;AACA;AACA;AACA,EAAEF,gBAAgB;AAClB,CAAC;EACC,OAAOC,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","ignoreList":[]}

package/dist/{preview-1776437927641.js → preview-1776590287251.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.preview_preview@1.0.952/dist/preview.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.preview_preview@1.0.952/dist/preview.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.preview_preview@1.0.953/dist/preview.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.preview_preview@1.0.953/dist/preview.docs.mdx';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];

package/dist/preview.main.runtime.d.ts

@@ -295,11 +295,13 @@ export declare class PreviewMain {
     writeLinkContents(contents: string, targetDir: string, prefix: string): string;
     private executionRefs;
     private _useRootModules;
+    private _useSource;
     private getPreviewTarget;
     writePreviewEntry(context: {
         components: Component[];
     }, aspectsIdsToNotFilterOut?: string[]): Promise<string>;
     updateLinkFiles(previews: PreviewDefinition[], components: Component[] | undefined, context: ExecutionContext): Promise<string[]>;
+    private getComponentPreviewPaths;
     /**
      * @deprecated
      * use `writePreviewEntry` instead

package/dist/preview.main.runtime.js

@@ -380,6 +380,7 @@ class PreviewMain {
     _defineProperty(this, "timestamp", Date.now());
     _defineProperty(this, "executionRefs", new Map());
     _defineProperty(this, "_useRootModules", false);
+    _defineProperty(this, "_useSource", false);
     // TODO - executionContext should be responsible for updating components list, and emit 'update' events
     // instead we keep track of changes
     _defineProperty(this, "handleComponentChange", async (c, updater) => {
@@ -911,7 +912,7 @@ class PreviewMain {
    */
   writeLink(prefix, moduleMap, mainModulesMap, dirName, isSplitComponentBundle) {
     const tempPackageDir = this.ensureTempPackage();
-    const contents = (0, _generateLink().generateLink)(prefix, moduleMap, mainModulesMap, isSplitComponentBundle, tempPackageDir);
+    const contents = (0, _generateLink().generateLink)(prefix, moduleMap, mainModulesMap, isSplitComponentBundle, tempPackageDir, this.workspace?.path, this._useSource);
     return this.writeLinkContents(contents, dirName, prefix);
   }
   writeLinkContents(contents, targetDir, prefix) {
@@ -936,7 +937,7 @@ class PreviewMain {
     // component-change handlers) use the correct value even if runtimeOptions
     // is not yet populated at that point.
     this._useRootModules = !!this.ui.runtimeOptions?.useRootModules;
-    this.logger.debug(`[getPreviewTarget] _useRootModules set to ${this._useRootModules} (from runtimeOptions: ${this.ui.runtimeOptions?.useRootModules})`);
+    this._useSource = !!this.ui.runtimeOptions?.useSource;
     const previewRuntime = await this.writePreviewEntry(context);
     const previews = this.previewSlot.values();
     const linkFiles = await this.updateLinkFiles(previews, context.components, context);
@@ -986,9 +987,6 @@ class PreviewMain {
       };
       const map = await previewDef.getModuleMap(components);
       const isSplitComponentBundle = this.getEnvPreviewConfig().splitComponentBundle ?? false;
-      // TODO: temp log to understand the paths in case of root modules and non-root modules, should be removed
-      // after we make sure everything works as expected
-      this.logger.debug(`[updateLinkFiles]: _useRootModules=${this._useRootModules}`);
       const withPathsP = map.asyncMap(async (files, component) => {
         const envDef = this.envs.getEnv(component);
         const environment = envDef.env;
@@ -1000,16 +998,7 @@ class PreviewMain {
           }
           visitedEnvs.add(envId);
         }
-        const compilerInstance = environment.getCompiler?.();
-        const modulePath = this._useRootModules ? this.pkg.getModulePath(component) : compilerInstance?.getPreviewComponentRootPath?.(component) || this.pkg.getRuntimeModulePath(component);
-        return files.map(file => {
-          if (!this.workspace || !compilerInstance) {
-            return file.path;
-          }
-          const distRelativePath = compilerInstance.getDistPathBySrcPath(file.relative);
-          return (0, _path().join)(this.workspace.path, modulePath, distRelativePath);
-        });
-        // return files.map((file) => file.path);
+        return this.getComponentPreviewPaths(files, component, environment);
       });
       const withPaths = await withPathsP;
       const dirPath = (0, _path().join)(this.tempFolder, context.id);
@@ -1021,6 +1010,20 @@ class PreviewMain {
     });
     return Promise.all(paths);
   }
+  getComponentPreviewPaths(files, component, environment) {
+    if (this._useSource) {
+      return files.map(file => file.path);
+    }
+    const compilerInstance = environment.getCompiler?.();
+    const modulePath = this._useRootModules ? this.pkg.getModulePath(component) : compilerInstance?.getPreviewComponentRootPath?.(component) || this.pkg.getRuntimeModulePath(component);
+    return files.map(file => {
+      if (!this.workspace || !compilerInstance) {
+        return file.path;
+      }
+      const distRelativePath = compilerInstance.getDistPathBySrcPath(file.relative);
+      return (0, _path().join)(this.workspace.path, modulePath, distRelativePath);
+    });
+  }
 
   /**
    * @deprecated