@teambit/preview 1.0.150 → 1.0.152

package/dist/pre-bundle.js

@@ -167,7 +167,7 @@ async function generateBundlePreviewEntry(rootAspectId, previewPreBundlePath, co
   const manifest = (0, _fsExtra().readJsonSync)(manifestPath);
   const imports = manifest.entrypoints.map(entry => {
     const entryPath = (0, _toolboxPath().toWindowsCompatiblePath)((0, _path().join)(previewPreBundlePath, entry));
-    return entry.endsWith('.js') ? `import { run } from '${entryPath}';` : `import '${entryPath}';`;
+    return entry.endsWith('.js') || entry.endsWith('.cjs') || entry.endsWith('.mjs') ? `import { run } from '${entryPath}';` : `import '${entryPath}';`;
   }).join('\n');
   config['teambit.harmony/bit'] = rootAspectId;
   const contents = [imports, `run(${JSON.stringify(config, null, 2)});`].join('\n');

package/dist/pre-bundle.js.map

@@ -1 +1 @@
-{"version":3,"names":["_path","data","require","_fsExtra","_interopRequireWildcard","_harmonyModules","_utils","_toolboxPath","_webpack","_interopRequireDefault","_util","_preview","_webpack2","_preBundleUtils","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","RUNTIME_NAME","exports","PUBLIC_DIR","join","UIROOT_ASPECT_ID","ENTRY_CONTENT_TEMPLATE","generatePreBundlePreviewEntry","aspectDefs","rootExtensionName","runtimeName","rootAspectId","dir","harmonyImport","createHarmonyImports","imports","createImports","identifiers","getIdentifiers","idSetters","getIdSetters","contents","replace","replaceAll","JSON","stringify","entryPath","resolve","sha1","fs","existsSync","outputFileSync","buildPreBundlePreview","resolvedAspects","customOutputDir","outputDir","mainEntry","PreviewAspect","id","__dirname","config","createWebpackConfig","compiler","webpack","compilerRun","promisify","run","bind","results","Error","hasErrors","clearConsole","toString","generateBundlePreviewEntry","previewPreBundlePath","manifestPath","manifest","readJsonSync","entrypoints","map","entry","toWindowsCompatiblePath","endsWith","previewRuntime"],"sources":["pre-bundle.ts"],"sourcesContent":["import { join, resolve } from 'path';\nimport fs, { existsSync, outputFileSync, readJsonSync } from 'fs-extra';\nimport { AspectDefinition } from '@teambit/aspect-loader';\nimport {\n  createHarmonyImports,\n  createImports,\n  getIdSetters,\n  getIdentifiers,\n} from '@teambit/harmony.modules.harmony-root-generator';\nimport { sha1 } from '@teambit/legacy/dist/utils';\nimport { toWindowsCompatiblePath } from '@teambit/toolbox.path.to-windows-compatible-path';\nimport webpack from 'webpack';\nimport { promisify } from 'util';\nimport { PreviewAspect } from './preview.aspect';\nimport { createWebpackConfig } from './webpack/webpack.config';\nimport { clearConsole } from './pre-bundle-utils';\n\nexport const RUNTIME_NAME = 'preview';\nexport const PUBLIC_DIR = join('public', 'bit-preview');\nexport const UIROOT_ASPECT_ID = 'teambit.workspace/workspace';\n\nconst ENTRY_CONTENT_TEMPLATE = `__IMPORTS__\n\nexport const run = (config, customAspects = []) => {\n  const isBrowser = typeof window !== \"undefined\";\n  const windowConfig = isBrowser ? window.harmonyAppConfig : undefined;\n  const mergedConfig = { ...config, ...windowConfig };\n  __ID_SETTERS__\n  function render(...props) {\n    return Harmony.load(\n      [\n        ...customAspects,\n        __IDENTIFIERS__,\n      ],\n      __RUNTIME_NAME__,\n      mergedConfig\n    ).then((harmony) => {\n      return harmony\n        .run()\n        .then(() => harmony.get(__ROOT_ASPECT__))\n        .then((rootExtension) => {\n          const ssrSetup = !isBrowser && rootExtension.setupSsr;\n          const setup = rootExtension.setup;\n          const setupFunc = (ssrSetup || setup || function noop() {}).bind(\n            rootExtension\n          );\n          return Promise.resolve(setupFunc()).then(\n            () => {\n              return rootExtension\n            }\n          );\n        })\n        .then((rootExtension) => {\n          if (isBrowser) {\n            return rootExtension.render(\n              __ROOT_EXTENSION_NAME__,\n              ...props\n            );\n          } else {\n            return rootExtension.renderSsr(\n              __ROOT_EXTENSION_NAME__,\n              ...props\n            );\n          }\n        })\n        .catch((err) => {\n          throw err;\n        });\n    });\n  }\n  if (isBrowser || __RUNTIME_NAME__ === \"main\") render();\n};\n`;\n\nexport const generatePreBundlePreviewEntry = (\n  aspectDefs: AspectDefinition[],\n  rootExtensionName: string,\n  runtimeName: string,\n  rootAspectId: string,\n  dir: string\n) => {\n  const harmonyImport = createHarmonyImports();\n  const imports = createImports(aspectDefs);\n  const identifiers = getIdentifiers(aspectDefs, 'Aspect');\n  const idSetters = getIdSetters(aspectDefs, 'Aspect');\n  const contents = ENTRY_CONTENT_TEMPLATE.replace('__IMPORTS__', [harmonyImport, imports].join('\\n'))\n    .replace('__IDENTIFIERS__', identifiers.join(', '))\n    .replace('__ID_SETTERS__', idSetters.join('\\n'))\n    .replaceAll('__RUNTIME_NAME__', JSON.stringify(runtimeName))\n    .replaceAll('__ROOT_ASPECT__', JSON.stringify(rootAspectId))\n    .replaceAll('__ROOT_EXTENSION_NAME__', JSON.stringify(rootExtensionName));\n  const entryPath = resolve(join(dir, `ui-bundle-entry.${sha1(contents)}.js`));\n  if (!fs.existsSync(entryPath)) {\n    fs.outputFileSync(entryPath, contents);\n  }\n  return entryPath;\n};\n\nexport async function buildPreBundlePreview(resolvedAspects: AspectDefinition[], customOutputDir?: string) {\n  const outputDir = customOutputDir || resolve(PUBLIC_DIR);\n  const mainEntry = generatePreBundlePreviewEntry(\n    resolvedAspects,\n    UIROOT_ASPECT_ID,\n    RUNTIME_NAME,\n    PreviewAspect.id,\n    __dirname\n  );\n  const config = createWebpackConfig(outputDir, mainEntry);\n  const compiler = webpack(config);\n  const compilerRun = promisify(compiler.run.bind(compiler));\n  const results = await compilerRun();\n  if (!results) throw new Error();\n  if (results?.hasErrors()) {\n    clearConsole();\n    throw new Error(results?.toString());\n  }\n  return results;\n}\n\nexport async function generateBundlePreviewEntry(rootAspectId: string, previewPreBundlePath: string, config: object) {\n  const manifestPath = join(previewPreBundlePath, 'asset-manifest.json');\n  const manifest = readJsonSync(manifestPath);\n  const imports = manifest.entrypoints\n    .map((entry: string) => {\n      const entryPath = toWindowsCompatiblePath(join(previewPreBundlePath, entry));\n      return entry.endsWith('.js') ? `import { run } from '${entryPath}';` : `import '${entryPath}';`;\n    })\n    .join('\\n');\n  config['teambit.harmony/bit'] = rootAspectId;\n\n  const contents = [imports, `run(${JSON.stringify(config, null, 2)});`].join('\\n');\n  const previewRuntime = resolve(join(__dirname, `preview.entry.${sha1(contents)}.js`));\n\n  if (!existsSync(previewRuntime)) {\n    outputFileSync(previewRuntime, contents);\n  }\n\n  return previewRuntime;\n}\n"],"mappings":"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"}
+{"version":3,"names":["_path","data","require","_fsExtra","_interopRequireWildcard","_harmonyModules","_utils","_toolboxPath","_webpack","_interopRequireDefault","_util","_preview","_webpack2","_preBundleUtils","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","RUNTIME_NAME","exports","PUBLIC_DIR","join","UIROOT_ASPECT_ID","ENTRY_CONTENT_TEMPLATE","generatePreBundlePreviewEntry","aspectDefs","rootExtensionName","runtimeName","rootAspectId","dir","harmonyImport","createHarmonyImports","imports","createImports","identifiers","getIdentifiers","idSetters","getIdSetters","contents","replace","replaceAll","JSON","stringify","entryPath","resolve","sha1","fs","existsSync","outputFileSync","buildPreBundlePreview","resolvedAspects","customOutputDir","outputDir","mainEntry","PreviewAspect","id","__dirname","config","createWebpackConfig","compiler","webpack","compilerRun","promisify","run","bind","results","Error","hasErrors","clearConsole","toString","generateBundlePreviewEntry","previewPreBundlePath","manifestPath","manifest","readJsonSync","entrypoints","map","entry","toWindowsCompatiblePath","endsWith","previewRuntime"],"sources":["pre-bundle.ts"],"sourcesContent":["import { join, resolve } from 'path';\nimport fs, { existsSync, outputFileSync, readJsonSync } from 'fs-extra';\nimport { AspectDefinition } from '@teambit/aspect-loader';\nimport {\n  createHarmonyImports,\n  createImports,\n  getIdSetters,\n  getIdentifiers,\n} from '@teambit/harmony.modules.harmony-root-generator';\nimport { sha1 } from '@teambit/legacy/dist/utils';\nimport { toWindowsCompatiblePath } from '@teambit/toolbox.path.to-windows-compatible-path';\nimport webpack from 'webpack';\nimport { promisify } from 'util';\nimport { PreviewAspect } from './preview.aspect';\nimport { createWebpackConfig } from './webpack/webpack.config';\nimport { clearConsole } from './pre-bundle-utils';\n\nexport const RUNTIME_NAME = 'preview';\nexport const PUBLIC_DIR = join('public', 'bit-preview');\nexport const UIROOT_ASPECT_ID = 'teambit.workspace/workspace';\n\nconst ENTRY_CONTENT_TEMPLATE = `__IMPORTS__\n\nexport const run = (config, customAspects = []) => {\n  const isBrowser = typeof window !== \"undefined\";\n  const windowConfig = isBrowser ? window.harmonyAppConfig : undefined;\n  const mergedConfig = { ...config, ...windowConfig };\n  __ID_SETTERS__\n  function render(...props) {\n    return Harmony.load(\n      [\n        ...customAspects,\n        __IDENTIFIERS__,\n      ],\n      __RUNTIME_NAME__,\n      mergedConfig\n    ).then((harmony) => {\n      return harmony\n        .run()\n        .then(() => harmony.get(__ROOT_ASPECT__))\n        .then((rootExtension) => {\n          const ssrSetup = !isBrowser && rootExtension.setupSsr;\n          const setup = rootExtension.setup;\n          const setupFunc = (ssrSetup || setup || function noop() {}).bind(\n            rootExtension\n          );\n          return Promise.resolve(setupFunc()).then(\n            () => {\n              return rootExtension\n            }\n          );\n        })\n        .then((rootExtension) => {\n          if (isBrowser) {\n            return rootExtension.render(\n              __ROOT_EXTENSION_NAME__,\n              ...props\n            );\n          } else {\n            return rootExtension.renderSsr(\n              __ROOT_EXTENSION_NAME__,\n              ...props\n            );\n          }\n        })\n        .catch((err) => {\n          throw err;\n        });\n    });\n  }\n  if (isBrowser || __RUNTIME_NAME__ === \"main\") render();\n};\n`;\n\nexport const generatePreBundlePreviewEntry = (\n  aspectDefs: AspectDefinition[],\n  rootExtensionName: string,\n  runtimeName: string,\n  rootAspectId: string,\n  dir: string\n) => {\n  const harmonyImport = createHarmonyImports();\n  const imports = createImports(aspectDefs);\n  const identifiers = getIdentifiers(aspectDefs, 'Aspect');\n  const idSetters = getIdSetters(aspectDefs, 'Aspect');\n  const contents = ENTRY_CONTENT_TEMPLATE.replace('__IMPORTS__', [harmonyImport, imports].join('\\n'))\n    .replace('__IDENTIFIERS__', identifiers.join(', '))\n    .replace('__ID_SETTERS__', idSetters.join('\\n'))\n    .replaceAll('__RUNTIME_NAME__', JSON.stringify(runtimeName))\n    .replaceAll('__ROOT_ASPECT__', JSON.stringify(rootAspectId))\n    .replaceAll('__ROOT_EXTENSION_NAME__', JSON.stringify(rootExtensionName));\n  const entryPath = resolve(join(dir, `ui-bundle-entry.${sha1(contents)}.js`));\n  if (!fs.existsSync(entryPath)) {\n    fs.outputFileSync(entryPath, contents);\n  }\n  return entryPath;\n};\n\nexport async function buildPreBundlePreview(resolvedAspects: AspectDefinition[], customOutputDir?: string) {\n  const outputDir = customOutputDir || resolve(PUBLIC_DIR);\n  const mainEntry = generatePreBundlePreviewEntry(\n    resolvedAspects,\n    UIROOT_ASPECT_ID,\n    RUNTIME_NAME,\n    PreviewAspect.id,\n    __dirname\n  );\n  const config = createWebpackConfig(outputDir, mainEntry);\n  const compiler = webpack(config);\n  const compilerRun = promisify(compiler.run.bind(compiler));\n  const results = await compilerRun();\n  if (!results) throw new Error();\n  if (results?.hasErrors()) {\n    clearConsole();\n    throw new Error(results?.toString());\n  }\n  return results;\n}\n\nexport async function generateBundlePreviewEntry(rootAspectId: string, previewPreBundlePath: string, config: object) {\n  const manifestPath = join(previewPreBundlePath, 'asset-manifest.json');\n  const manifest = readJsonSync(manifestPath);\n  const imports = manifest.entrypoints\n    .map((entry: string) => {\n      const entryPath = toWindowsCompatiblePath(join(previewPreBundlePath, entry));\n      return entry.endsWith('.js') || entry.endsWith('.cjs') || entry.endsWith('.mjs')\n        ? `import { run } from '${entryPath}';`\n        : `import '${entryPath}';`;\n    })\n    .join('\\n');\n  config['teambit.harmony/bit'] = rootAspectId;\n\n  const contents = [imports, `run(${JSON.stringify(config, null, 2)});`].join('\\n');\n  const previewRuntime = resolve(join(__dirname, `preview.entry.${sha1(contents)}.js`));\n\n  if (!existsSync(previewRuntime)) {\n    outputFileSync(previewRuntime, contents);\n  }\n\n  return previewRuntime;\n}\n"],"mappings":"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"}

package/dist/{preview-1706671044097.js → preview-1706757518460.js}

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

package/dist/preview.preview.runtime.js

@@ -161,7 +161,16 @@ class PreviewPreview {
       }));
       const query = this.getQuery();
       const onlyOverview = this.getParam(query, 'onlyOverview');
-      const includes = onlyOverview === 'true' ? [] : includesAll.filter(module => !!module);
+      const includes = onlyOverview === 'true' ? [] : includesAll.filter(module => !!module).map(module => {
+        if (!module.default || !(0, _lodash().isObject)(module.default)) return module;
+        // This aims to handle use cases where we have package.json with type:"module" in the root
+        // in that case sometime we might get the props both under default and in the object root
+        const keysWithoutDefault = Object.keys(module).filter(key => key !== 'default');
+        const defaultKeys = Object.keys(module.default);
+        if ((0, _lodash().intersection)(keysWithoutDefault, defaultKeys).length === defaultKeys.length) return module.default;
+        return module;
+      });
+
       // during build / tag, the component is isolated, so all aspects are relevant, and do not require filtering
       const componentAspects = this.isDev ? await this.getComponentAspects(componentId.toString()) : undefined;
       const previewModule = await this.getPreviewModule(name, componentId);

package/dist/preview.preview.runtime.js.map

@@ -1 +1 @@
-{"version":3,"names":["_pubsub","data","_interopRequireDefault","require","_harmony","_componentId","_crossFetch","_memoizee","_lodash","_exceptions","_preview","_events","_renderingContext","_fetchComponentAspects","_previewModules","_htmlUtils","_sizeEvent","obj","__esModule","default","_defineProperty","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","t","i","_toPrimitive","String","r","e","Symbol","toPrimitive","call","TypeError","Number","PreviewPreview","constructor","pubsub","previewSlot","renderingContextSlot","isReady","Promise","resolve","_setupPromise","PREVIEW_MODULES","onSet","add","rootExt","window","document","body","style","width","previewName","componentId","envId","getLocation","name","getDefault","isDev","preview","getPreview","PreviewNotFound","includesAll","all","include","map","inclPreviewName","includedPreview","undefined","inclPreviewModule","getPreviewModule","selectPreviewModel","fullName","query","getQuery","onlyOverview","getParam","includes","filter","module","componentAspects","getComponentAspects","toString","previewModule","render","getRenderingContext","reportSize","setViewport","setFullScreen","memoize","fetchComponentAspects","max","maxAge","registerClickPubSub","addEventListener","timestamp","Date","now","clickEvent","assign","pub","PreviewAspect","id","ClickInsideAnIframeEvent","has","includedReady","every","included","fullScreen","root","getElementById","height","viewPort","maxWidth","parent","sendPubsubEvent","SizeEvent","offsetWidth","offsetHeight","debounce","counter","interval","setInterval","clearInterval","compShortId","relevantModel","get","Error","componentMap","componentPreviews","fetchComponentPreview","loadComponentPreviews","component","metadata","modulesMap","componentMapMetadata","previewFile","allFiles","fetchComponentPreviewFiles","file","endsWith","addComponentFileElement","loadPreviewScript","previewBundleFileName","addComponentFileScriptElement","addComponentFileLinkElement","catch","err","previewAssetsRoute","stringId","url","res","crossFetch","status","parsed","json","isBundledWithEnv","files","length","previewRoute","src","loadScript","href","loadLink","globalId","toStringWithoutVersion","componentPreview","registerPreview","register","aspectsFilter","RenderingContext","registerRenderContext","renderContext","previews","values","defaultOne","find","previewCandidate","param","params","URLSearchParams","withoutHash","location","hash","substring","after","split","before","ComponentID","tryFromString","provider","config","exports","PreviewRuntime","PubsubAspect","Slot","withType","addRuntime"],"sources":["preview.preview.runtime.tsx"],"sourcesContent":["import PubsubAspect, { PubsubPreview } from '@teambit/pubsub';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport { ComponentID } from '@teambit/component-id';\nimport crossFetch from 'cross-fetch';\nimport memoize from 'memoizee';\nimport { debounce } from 'lodash';\n\nimport { PreviewNotFound } from './exceptions';\nimport { PreviewType } from './preview-type';\nimport { PreviewAspect, PreviewRuntime } from './preview.aspect';\nimport { ClickInsideAnIframeEvent } from './events';\nimport { ModuleFile, PreviewModule } from './types/preview-module';\nimport { RenderingContext } from './rendering-context';\nimport { fetchComponentAspects } from './gql/fetch-component-aspects';\nimport { PREVIEW_MODULES } from './preview-modules';\nimport { loadScript, loadLink } from './html-utils';\nimport { SizeEvent } from './size-event';\n\n// forward linkModules() for generate-link.ts\nexport { linkModules } from './preview-modules';\n\nexport type PreviewSlot = SlotRegistry<PreviewType>;\n\nexport type RenderingContextOptions = { aspectsFilter?: string[] };\nexport type RenderingContextProvider = (options: RenderingContextOptions) => { [key: string]: any };\nexport type RenderingContextSlot = SlotRegistry<RenderingContextProvider>;\n\nexport class PreviewPreview {\n  constructor(\n    /**\n     * register to pubsub\n     */\n    private pubsub: PubsubPreview,\n\n    /**\n     * preview slot.\n     */\n    private previewSlot: PreviewSlot,\n\n    private renderingContextSlot: RenderingContextSlot\n  ) {\n    this.registerClickPubSub();\n  }\n\n  private registerClickPubSub() {\n    window.addEventListener('click', (e) => {\n      const timestamp = Date.now();\n      const clickEvent = Object.assign({}, e);\n      this.pubsub.pub(PreviewAspect.id, new ClickInsideAnIframeEvent(timestamp, clickEvent));\n    });\n  }\n\n  private isDev = false;\n\n  private isReady() {\n    const { previewName } = this.getLocation();\n    const name = previewName || this.getDefault();\n\n    if (!PREVIEW_MODULES.has(name)) return false;\n    const preview = this.getPreview(name);\n    if (!preview) return false;\n    const includedReady = preview.include?.every((included) => PREVIEW_MODULES.has(included)) ?? true;\n    if (!includedReady) return false;\n\n    return true;\n  }\n\n  private _setupPromise?: Promise<void>;\n  setup = () => {\n    if (this.isReady()) return Promise.resolve();\n\n    this._setupPromise ??= new Promise((resolve) => {\n      PREVIEW_MODULES.onSet.add(() => {\n        if (this.isReady()) resolve();\n      });\n    });\n\n    return this._setupPromise;\n  };\n\n  /**\n   * render the preview.\n   */\n  render = async (rootExt?: string) => {\n    // fit content always.\n    window.document.body.style.width = 'fit-content';\n\n    const { previewName, componentId, envId } = this.getLocation();\n    const name = previewName || this.getDefault();\n    if (rootExt) this.isDev = rootExt === 'teambit.workspace/workspace';\n\n    const preview = this.getPreview(name);\n    if (!preview || !componentId) {\n      throw new PreviewNotFound(previewName);\n    }\n\n    const includesAll = await Promise.all(\n      (preview.include || []).map(async (inclPreviewName) => {\n        const includedPreview = this.getPreview(inclPreviewName);\n        if (!includedPreview) return undefined;\n\n        const inclPreviewModule = await this.getPreviewModule(inclPreviewName, componentId);\n        return includedPreview.selectPreviewModel?.(componentId.fullName, inclPreviewModule);\n      })\n    );\n\n    const query = this.getQuery();\n    const onlyOverview = this.getParam(query, 'onlyOverview');\n\n    const includes = onlyOverview === 'true' ? [] : includesAll.filter((module) => !!module);\n    // during build / tag, the component is isolated, so all aspects are relevant, and do not require filtering\n    const componentAspects = this.isDev ? await this.getComponentAspects(componentId.toString()) : undefined;\n    const previewModule = await this.getPreviewModule(name, componentId);\n    const render = preview.render(\n      componentId,\n      envId || '',\n      previewModule,\n      includes,\n      this.getRenderingContext(componentAspects)\n    );\n\n    this.reportSize();\n    this.setViewport();\n    this.setFullScreen();\n    return render;\n  };\n\n  setFullScreen() {\n    const query = this.getQuery();\n    const fullScreen = this.getParam(query, 'fullscreen');\n\n    if (!fullScreen) return;\n\n    const root = window.document.getElementById('root');\n\n    if (root) {\n      root.style.height = '100vh';\n    }\n  }\n\n  setViewport() {\n    const query = this.getQuery();\n    const viewPort = this.getParam(query, 'viewport');\n    if (!viewPort) {\n      window.document.body.style.width = '100%';\n      return;\n    }\n\n    window.document.body.style.maxWidth = `${viewPort}px`;\n  }\n\n  reportSize() {\n    if (!window?.parent || !window?.document) return;\n    // TODO: discuss with gilad for a better way to resolve page loaded here.\n\n    const sendPubsubEvent = () => {\n      this.pubsub.pub(\n        PreviewAspect.id,\n        new SizeEvent({\n          width: window.document.body.offsetWidth,\n          height: window.document.body.offsetHeight,\n        })\n      );\n    };\n\n    window.document.body.addEventListener('resize', debounce(sendPubsubEvent, 300));\n\n    let counter = 0;\n    const interval = setInterval(() => {\n      // TODO: think\n      counter += 1;\n      if (counter > 10) {\n        clearInterval(interval);\n        return;\n      }\n      this.pubsub.pub(\n        PreviewAspect.id,\n        new SizeEvent({\n          width: window.document.body.offsetWidth,\n          height: window.document.body.offsetHeight,\n        })\n      );\n    }, 200);\n  }\n\n  async getPreviewModule(previewName: string, id: ComponentID): Promise<PreviewModule> {\n    const compShortId = id.fullName;\n\n    const relevantModel = PREVIEW_MODULES.get(previewName);\n    if (!relevantModel) throw new Error(`[preview.preview] missing preview \"${previewName}\"`);\n    if (relevantModel.componentMap[compShortId]) return relevantModel;\n\n    const componentPreviews = await this.fetchComponentPreview(id, previewName);\n    PREVIEW_MODULES.loadComponentPreviews(compShortId, componentPreviews);\n\n    const component = componentPreviews[previewName];\n    const metadata = componentPreviews[`${previewName}_metadata`];\n\n    return {\n      modulesMap: relevantModel.modulesMap,\n      componentMap: {\n        [id.fullName]: component,\n      },\n      componentMapMetadata: {\n        [id.fullName]: metadata,\n      },\n    };\n  }\n\n  async fetchComponentPreview(id: ComponentID, name: string): Promise<Record<string, ModuleFile[]>> {\n    let previewFile: string | undefined;\n    const allFiles = await this.fetchComponentPreviewFiles(id, name);\n    // It's a component bundled with the env\n    if (allFiles === null) return {};\n\n    await Promise.all(\n      allFiles.map((file) => {\n        // We want to run the preview file always last\n        if (file.endsWith('-preview.js')) {\n          previewFile = file;\n          return undefined;\n        }\n\n        return this.addComponentFileElement(id, file);\n      })\n    );\n\n    if (!previewFile) return {};\n    return this.loadPreviewScript(id, name, previewFile);\n  }\n\n  private addComponentFileElement(id: ComponentID, previewBundleFileName: string) {\n    if (previewBundleFileName.endsWith('.js')) {\n      return this.addComponentFileScriptElement(id, previewBundleFileName);\n    }\n\n    // TODO - should we load assets other than .css / .js?\n    // if (previewBundleFileName.endsWith('.css')) {\n    this.addComponentFileLinkElement(id, previewBundleFileName).catch((err) => {\n      throw new Error(\n        `[preview.preview] failed loading asset \"${previewBundleFileName}\". Error - \"${err?.toString()}\"`\n      );\n    });\n\n    // do NOT await non js assets, as they might never load (like images), and not critical for rendering.\n    return undefined;\n  }\n\n  private async fetchComponentPreviewFiles(id: ComponentID, previewName: string): Promise<string[] | null> {\n    const previewAssetsRoute = `~aspect/preview-assets`;\n    const stringId = id.toString();\n    const url = `/api/${stringId}/${previewAssetsRoute}`;\n\n    const res = await crossFetch(url);\n    if (res.status >= 400) {\n      throw new PreviewNotFound(previewName);\n    }\n    const parsed = await res.json();\n    // This is component bundled with the env, no reason to bring the files, as they will be the files of the env\n    if (parsed.isBundledWithEnv) {\n      return null;\n    }\n    if (!parsed.files || !parsed.files.length) {\n      throw new PreviewNotFound(previewName);\n    }\n    return parsed.files;\n  }\n\n  private addComponentFileScriptElement(id: ComponentID, previewBundleFileName: string) {\n    const previewRoute = `~aspect/component-preview`;\n    const stringId = id.toString();\n    const src = `/api/${stringId}/${previewRoute}/${previewBundleFileName}`;\n    return loadScript({ src });\n  }\n\n  private addComponentFileLinkElement(id: ComponentID, previewBundleFileName: string) {\n    const stringId = id.toString();\n    const previewRoute = `~aspect/component-preview`;\n    const href = `/api/${stringId}/${previewRoute}/${previewBundleFileName}`;\n    return loadLink({ href });\n  }\n\n  private async loadPreviewScript(id: ComponentID, previewName: string, previewBundleFileName: string) {\n    const previewRoute = `~aspect/component-preview`;\n    const src = `/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;\n    await loadScript({ src });\n\n    // TODO - replace with jsonp\n    const globalId = `${id.toStringWithoutVersion()}-preview`;\n    const componentPreview = window[globalId];\n    if (!componentPreview) throw new PreviewNotFound(previewName);\n\n    return componentPreview as Record<string, ModuleFile[]>;\n  }\n\n  private getComponentAspects = memoize(fetchComponentAspects, {\n    max: 100,\n    maxAge: 12 * 60 * 60 * 1000,\n  });\n\n  /**\n   * register a new preview.\n   */\n  registerPreview(preview: PreviewType) {\n    this.previewSlot.register(preview);\n    return this;\n  }\n\n  /**\n   * get the preview rendering context.\n   */\n  getRenderingContext(aspectsFilter?: string[]) {\n    return new RenderingContext(this.renderingContextSlot, { aspectsFilter });\n  }\n\n  /**\n   * allows aspects to add rendering contexts.\n   * render context is available through all preview definitions.\n   */\n  registerRenderContext(renderContext: RenderingContextProvider) {\n    this.renderingContextSlot.register(renderContext);\n    return this;\n  }\n\n  getDefault() {\n    const previews = this.previewSlot.values();\n    const defaultOne = previews.find((previewCandidate) => previewCandidate.default);\n\n    return defaultOne?.name || previews[0].name;\n  }\n\n  private getPreview(previewName: string): undefined | PreviewType {\n    const previews = this.previewSlot.values();\n    const preview = previews.find((previewCandidate) => previewCandidate.name === previewName);\n\n    return preview;\n  }\n\n  getParam(query: string, param: string) {\n    const params = new URLSearchParams(query);\n    return params.get(param);\n  }\n\n  getQuery() {\n    const withoutHash = window.location.hash.substring(1);\n    const [, after] = withoutHash.split('?');\n    return after;\n  }\n\n  private getLocation() {\n    const withoutHash = window.location.hash.substring(1);\n    const [before, after] = withoutHash.split('?');\n\n    return {\n      previewName: this.getParam(after, 'preview'),\n      envId: this.getParam(after, 'env'),\n      componentId: ComponentID.tryFromString(before),\n    };\n  }\n\n  static runtime = PreviewRuntime;\n\n  static dependencies = [PubsubAspect];\n\n  static slots = [Slot.withType<PreviewType>(), Slot.withType<RenderingContextProvider>()];\n\n  static async provider(\n    [pubsub]: [PubsubPreview],\n    config,\n    [previewSlot, renderingContextSlot]: [PreviewSlot, RenderingContextSlot]\n  ) {\n    const preview = new PreviewPreview(pubsub, previewSlot, renderingContextSlot);\n\n    window.addEventListener('hashchange', () => {\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      preview.render();\n    });\n\n    return preview;\n  }\n}\n\nPreviewAspect.addRuntime(PreviewPreview);\n"],"mappings":"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"}
+{"version":3,"names":["_pubsub","data","_interopRequireDefault","require","_harmony","_componentId","_crossFetch","_memoizee","_lodash","_exceptions","_preview","_events","_renderingContext","_fetchComponentAspects","_previewModules","_htmlUtils","_sizeEvent","obj","__esModule","default","_defineProperty","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","t","i","_toPrimitive","String","r","e","Symbol","toPrimitive","call","TypeError","Number","PreviewPreview","constructor","pubsub","previewSlot","renderingContextSlot","isReady","Promise","resolve","_setupPromise","PREVIEW_MODULES","onSet","add","rootExt","window","document","body","style","width","previewName","componentId","envId","getLocation","name","getDefault","isDev","preview","getPreview","PreviewNotFound","includesAll","all","include","map","inclPreviewName","includedPreview","undefined","inclPreviewModule","getPreviewModule","selectPreviewModel","fullName","query","getQuery","onlyOverview","getParam","includes","filter","module","isObject","keysWithoutDefault","keys","defaultKeys","intersection","length","componentAspects","getComponentAspects","toString","previewModule","render","getRenderingContext","reportSize","setViewport","setFullScreen","memoize","fetchComponentAspects","max","maxAge","registerClickPubSub","addEventListener","timestamp","Date","now","clickEvent","assign","pub","PreviewAspect","id","ClickInsideAnIframeEvent","has","includedReady","every","included","fullScreen","root","getElementById","height","viewPort","maxWidth","parent","sendPubsubEvent","SizeEvent","offsetWidth","offsetHeight","debounce","counter","interval","setInterval","clearInterval","compShortId","relevantModel","get","Error","componentMap","componentPreviews","fetchComponentPreview","loadComponentPreviews","component","metadata","modulesMap","componentMapMetadata","previewFile","allFiles","fetchComponentPreviewFiles","file","endsWith","addComponentFileElement","loadPreviewScript","previewBundleFileName","addComponentFileScriptElement","addComponentFileLinkElement","catch","err","previewAssetsRoute","stringId","url","res","crossFetch","status","parsed","json","isBundledWithEnv","files","previewRoute","src","loadScript","href","loadLink","globalId","toStringWithoutVersion","componentPreview","registerPreview","register","aspectsFilter","RenderingContext","registerRenderContext","renderContext","previews","values","defaultOne","find","previewCandidate","param","params","URLSearchParams","withoutHash","location","hash","substring","after","split","before","ComponentID","tryFromString","provider","config","exports","PreviewRuntime","PubsubAspect","Slot","withType","addRuntime"],"sources":["preview.preview.runtime.tsx"],"sourcesContent":["import PubsubAspect, { PubsubPreview } from '@teambit/pubsub';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport { ComponentID } from '@teambit/component-id';\nimport crossFetch from 'cross-fetch';\nimport memoize from 'memoizee';\nimport { debounce, intersection, isObject } from 'lodash';\n\nimport { PreviewNotFound } from './exceptions';\nimport { PreviewType } from './preview-type';\nimport { PreviewAspect, PreviewRuntime } from './preview.aspect';\nimport { ClickInsideAnIframeEvent } from './events';\nimport { ModuleFile, PreviewModule } from './types/preview-module';\nimport { RenderingContext } from './rendering-context';\nimport { fetchComponentAspects } from './gql/fetch-component-aspects';\nimport { PREVIEW_MODULES } from './preview-modules';\nimport { loadScript, loadLink } from './html-utils';\nimport { SizeEvent } from './size-event';\n\n// forward linkModules() for generate-link.ts\nexport { linkModules } from './preview-modules';\n\nexport type PreviewSlot = SlotRegistry<PreviewType>;\n\nexport type RenderingContextOptions = { aspectsFilter?: string[] };\nexport type RenderingContextProvider = (options: RenderingContextOptions) => { [key: string]: any };\nexport type RenderingContextSlot = SlotRegistry<RenderingContextProvider>;\n\nexport class PreviewPreview {\n  constructor(\n    /**\n     * register to pubsub\n     */\n    private pubsub: PubsubPreview,\n\n    /**\n     * preview slot.\n     */\n    private previewSlot: PreviewSlot,\n\n    private renderingContextSlot: RenderingContextSlot\n  ) {\n    this.registerClickPubSub();\n  }\n\n  private registerClickPubSub() {\n    window.addEventListener('click', (e) => {\n      const timestamp = Date.now();\n      const clickEvent = Object.assign({}, e);\n      this.pubsub.pub(PreviewAspect.id, new ClickInsideAnIframeEvent(timestamp, clickEvent));\n    });\n  }\n\n  private isDev = false;\n\n  private isReady() {\n    const { previewName } = this.getLocation();\n    const name = previewName || this.getDefault();\n\n    if (!PREVIEW_MODULES.has(name)) return false;\n    const preview = this.getPreview(name);\n    if (!preview) return false;\n    const includedReady = preview.include?.every((included) => PREVIEW_MODULES.has(included)) ?? true;\n    if (!includedReady) return false;\n\n    return true;\n  }\n\n  private _setupPromise?: Promise<void>;\n  setup = () => {\n    if (this.isReady()) return Promise.resolve();\n\n    this._setupPromise ??= new Promise((resolve) => {\n      PREVIEW_MODULES.onSet.add(() => {\n        if (this.isReady()) resolve();\n      });\n    });\n\n    return this._setupPromise;\n  };\n\n  /**\n   * render the preview.\n   */\n  render = async (rootExt?: string) => {\n    // fit content always.\n    window.document.body.style.width = 'fit-content';\n\n    const { previewName, componentId, envId } = this.getLocation();\n    const name = previewName || this.getDefault();\n    if (rootExt) this.isDev = rootExt === 'teambit.workspace/workspace';\n\n    const preview = this.getPreview(name);\n    if (!preview || !componentId) {\n      throw new PreviewNotFound(previewName);\n    }\n\n    const includesAll = await Promise.all(\n      (preview.include || []).map(async (inclPreviewName) => {\n        const includedPreview = this.getPreview(inclPreviewName);\n        if (!includedPreview) return undefined;\n\n        const inclPreviewModule = await this.getPreviewModule(inclPreviewName, componentId);\n        return includedPreview.selectPreviewModel?.(componentId.fullName, inclPreviewModule);\n      })\n    );\n\n    const query = this.getQuery();\n    const onlyOverview = this.getParam(query, 'onlyOverview');\n\n    const includes =\n      onlyOverview === 'true'\n        ? []\n        : includesAll\n            .filter((module) => !!module)\n            .map((module) => {\n              if (!module.default || !isObject(module.default)) return module;\n              // This aims to handle use cases where we have package.json with type:\"module\" in the root\n              // in that case sometime we might get the props both under default and in the object root\n              const keysWithoutDefault = Object.keys(module).filter((key) => key !== 'default');\n              const defaultKeys = Object.keys(module.default);\n              if (intersection(keysWithoutDefault, defaultKeys).length === defaultKeys.length) return module.default;\n              return module;\n            });\n\n    // during build / tag, the component is isolated, so all aspects are relevant, and do not require filtering\n    const componentAspects = this.isDev ? await this.getComponentAspects(componentId.toString()) : undefined;\n    const previewModule = await this.getPreviewModule(name, componentId);\n    const render = preview.render(\n      componentId,\n      envId || '',\n      previewModule,\n      includes,\n      this.getRenderingContext(componentAspects)\n    );\n\n    this.reportSize();\n    this.setViewport();\n    this.setFullScreen();\n    return render;\n  };\n\n  setFullScreen() {\n    const query = this.getQuery();\n    const fullScreen = this.getParam(query, 'fullscreen');\n\n    if (!fullScreen) return;\n\n    const root = window.document.getElementById('root');\n\n    if (root) {\n      root.style.height = '100vh';\n    }\n  }\n\n  setViewport() {\n    const query = this.getQuery();\n    const viewPort = this.getParam(query, 'viewport');\n    if (!viewPort) {\n      window.document.body.style.width = '100%';\n      return;\n    }\n\n    window.document.body.style.maxWidth = `${viewPort}px`;\n  }\n\n  reportSize() {\n    if (!window?.parent || !window?.document) return;\n    // TODO: discuss with gilad for a better way to resolve page loaded here.\n\n    const sendPubsubEvent = () => {\n      this.pubsub.pub(\n        PreviewAspect.id,\n        new SizeEvent({\n          width: window.document.body.offsetWidth,\n          height: window.document.body.offsetHeight,\n        })\n      );\n    };\n\n    window.document.body.addEventListener('resize', debounce(sendPubsubEvent, 300));\n\n    let counter = 0;\n    const interval = setInterval(() => {\n      // TODO: think\n      counter += 1;\n      if (counter > 10) {\n        clearInterval(interval);\n        return;\n      }\n      this.pubsub.pub(\n        PreviewAspect.id,\n        new SizeEvent({\n          width: window.document.body.offsetWidth,\n          height: window.document.body.offsetHeight,\n        })\n      );\n    }, 200);\n  }\n\n  async getPreviewModule(previewName: string, id: ComponentID): Promise<PreviewModule> {\n    const compShortId = id.fullName;\n\n    const relevantModel = PREVIEW_MODULES.get(previewName);\n    if (!relevantModel) throw new Error(`[preview.preview] missing preview \"${previewName}\"`);\n    if (relevantModel.componentMap[compShortId]) return relevantModel;\n\n    const componentPreviews = await this.fetchComponentPreview(id, previewName);\n    PREVIEW_MODULES.loadComponentPreviews(compShortId, componentPreviews);\n\n    const component = componentPreviews[previewName];\n    const metadata = componentPreviews[`${previewName}_metadata`];\n\n    return {\n      modulesMap: relevantModel.modulesMap,\n      componentMap: {\n        [id.fullName]: component,\n      },\n      componentMapMetadata: {\n        [id.fullName]: metadata,\n      },\n    };\n  }\n\n  async fetchComponentPreview(id: ComponentID, name: string): Promise<Record<string, ModuleFile[]>> {\n    let previewFile: string | undefined;\n    const allFiles = await this.fetchComponentPreviewFiles(id, name);\n    // It's a component bundled with the env\n    if (allFiles === null) return {};\n\n    await Promise.all(\n      allFiles.map((file) => {\n        // We want to run the preview file always last\n        if (file.endsWith('-preview.js')) {\n          previewFile = file;\n          return undefined;\n        }\n\n        return this.addComponentFileElement(id, file);\n      })\n    );\n\n    if (!previewFile) return {};\n    return this.loadPreviewScript(id, name, previewFile);\n  }\n\n  private addComponentFileElement(id: ComponentID, previewBundleFileName: string) {\n    if (previewBundleFileName.endsWith('.js')) {\n      return this.addComponentFileScriptElement(id, previewBundleFileName);\n    }\n\n    // TODO - should we load assets other than .css / .js?\n    // if (previewBundleFileName.endsWith('.css')) {\n    this.addComponentFileLinkElement(id, previewBundleFileName).catch((err) => {\n      throw new Error(\n        `[preview.preview] failed loading asset \"${previewBundleFileName}\". Error - \"${err?.toString()}\"`\n      );\n    });\n\n    // do NOT await non js assets, as they might never load (like images), and not critical for rendering.\n    return undefined;\n  }\n\n  private async fetchComponentPreviewFiles(id: ComponentID, previewName: string): Promise<string[] | null> {\n    const previewAssetsRoute = `~aspect/preview-assets`;\n    const stringId = id.toString();\n    const url = `/api/${stringId}/${previewAssetsRoute}`;\n\n    const res = await crossFetch(url);\n    if (res.status >= 400) {\n      throw new PreviewNotFound(previewName);\n    }\n    const parsed = await res.json();\n    // This is component bundled with the env, no reason to bring the files, as they will be the files of the env\n    if (parsed.isBundledWithEnv) {\n      return null;\n    }\n    if (!parsed.files || !parsed.files.length) {\n      throw new PreviewNotFound(previewName);\n    }\n    return parsed.files;\n  }\n\n  private addComponentFileScriptElement(id: ComponentID, previewBundleFileName: string) {\n    const previewRoute = `~aspect/component-preview`;\n    const stringId = id.toString();\n    const src = `/api/${stringId}/${previewRoute}/${previewBundleFileName}`;\n    return loadScript({ src });\n  }\n\n  private addComponentFileLinkElement(id: ComponentID, previewBundleFileName: string) {\n    const stringId = id.toString();\n    const previewRoute = `~aspect/component-preview`;\n    const href = `/api/${stringId}/${previewRoute}/${previewBundleFileName}`;\n    return loadLink({ href });\n  }\n\n  private async loadPreviewScript(id: ComponentID, previewName: string, previewBundleFileName: string) {\n    const previewRoute = `~aspect/component-preview`;\n    const src = `/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;\n    await loadScript({ src });\n\n    // TODO - replace with jsonp\n    const globalId = `${id.toStringWithoutVersion()}-preview`;\n    const componentPreview = window[globalId];\n    if (!componentPreview) throw new PreviewNotFound(previewName);\n\n    return componentPreview as Record<string, ModuleFile[]>;\n  }\n\n  private getComponentAspects = memoize(fetchComponentAspects, {\n    max: 100,\n    maxAge: 12 * 60 * 60 * 1000,\n  });\n\n  /**\n   * register a new preview.\n   */\n  registerPreview(preview: PreviewType) {\n    this.previewSlot.register(preview);\n    return this;\n  }\n\n  /**\n   * get the preview rendering context.\n   */\n  getRenderingContext(aspectsFilter?: string[]) {\n    return new RenderingContext(this.renderingContextSlot, { aspectsFilter });\n  }\n\n  /**\n   * allows aspects to add rendering contexts.\n   * render context is available through all preview definitions.\n   */\n  registerRenderContext(renderContext: RenderingContextProvider) {\n    this.renderingContextSlot.register(renderContext);\n    return this;\n  }\n\n  getDefault() {\n    const previews = this.previewSlot.values();\n    const defaultOne = previews.find((previewCandidate) => previewCandidate.default);\n\n    return defaultOne?.name || previews[0].name;\n  }\n\n  private getPreview(previewName: string): undefined | PreviewType {\n    const previews = this.previewSlot.values();\n    const preview = previews.find((previewCandidate) => previewCandidate.name === previewName);\n\n    return preview;\n  }\n\n  getParam(query: string, param: string) {\n    const params = new URLSearchParams(query);\n    return params.get(param);\n  }\n\n  getQuery() {\n    const withoutHash = window.location.hash.substring(1);\n    const [, after] = withoutHash.split('?');\n    return after;\n  }\n\n  private getLocation() {\n    const withoutHash = window.location.hash.substring(1);\n    const [before, after] = withoutHash.split('?');\n\n    return {\n      previewName: this.getParam(after, 'preview'),\n      envId: this.getParam(after, 'env'),\n      componentId: ComponentID.tryFromString(before),\n    };\n  }\n\n  static runtime = PreviewRuntime;\n\n  static dependencies = [PubsubAspect];\n\n  static slots = [Slot.withType<PreviewType>(), Slot.withType<RenderingContextProvider>()];\n\n  static async provider(\n    [pubsub]: [PubsubPreview],\n    config,\n    [previewSlot, renderingContextSlot]: [PreviewSlot, RenderingContextSlot]\n  ) {\n    const preview = new PreviewPreview(pubsub, previewSlot, renderingContextSlot);\n\n    window.addEventListener('hashchange', () => {\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      preview.render();\n    });\n\n    return preview;\n  }\n}\n\nPreviewAspect.addRuntime(PreviewPreview);\n"],"mappings":"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"}

package/dist/webpack/webpack.config.js

@@ -50,12 +50,13 @@ function createWebpackConfig(outputDir, entryFile) {
   return combined;
 }
 function createPreBundleConfig(outputDir, entryFile) {
+  const mode = process.env.BIT_DEBUG_PREVIEW_BUNDLE ? 'development' : 'production';
   const preBundleConfig = {
     stats: {
       children: true,
       errorDetails: true
     },
-    mode: 'production',
+    mode,
     entry: {
       main: entryFile
     },
@@ -82,10 +83,10 @@ function createPreBundleConfig(outputDir, entryFile) {
     output: {
       path: outputDir,
       publicPath: '/',
-      chunkFilename: 'static/js/[name].[contenthash:8].chunk.js',
-      filename: 'static/js/[name].[contenthash:8].js',
+      chunkFilename: 'static/js/[name].[contenthash:8].chunk.cjs',
+      filename: 'static/js/[name].[contenthash:8].cjs',
       library: {
-        type: 'commonjs2'
+        type: 'commonjs-static'
       }
     },
     externalsType: 'commonjs',

package/dist/webpack/webpack.config.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactWebpack","data","require","_webpack","_webpackMerge","_webpack2","_webpackManifestPlugin","createWebpackConfig","outputDir","entryFile","baseConfig","configBaseFactory","preBundleConfig","createPreBundleConfig","combined","merge","stats","children","errorDetails","mode","entry","main","resolve","alias","react","fallback","module","path","fallbacks","dgram","dns","fs","stream","http2","net","tls","child_process","process","output","publicPath","chunkFilename","filename","library","type","externalsType","externals","plugins","WebpackManifestPlugin","fileName","generate","seed","files","entrypoints","manifestFiles","reduce","manifest","file","name","entrypointFiles","filter","endsWith","ProvidePlugin","fallbacksProvidePluginConfig"],"sources":["webpack.config.ts"],"sourcesContent":["import { configBaseFactory } from '@teambit/react.webpack.react-webpack';\n\nimport { Configuration, ProvidePlugin } from 'webpack';\nimport { merge } from 'webpack-merge';\nimport { fallbacksProvidePluginConfig, fallbacks } from '@teambit/webpack';\nimport { WebpackManifestPlugin } from 'webpack-manifest-plugin';\n\nexport function createWebpackConfig(outputDir: string, entryFile: string): Configuration {\n  const baseConfig = configBaseFactory(true);\n  const preBundleConfig = createPreBundleConfig(outputDir, entryFile);\n\n  // @ts-ignore that's an issue because of different types/webpack version\n  const combined = merge(baseConfig, preBundleConfig);\n\n  // @ts-ignore that's an issue because of different types/webpack version\n  return combined;\n}\n\nfunction createPreBundleConfig(outputDir: string, entryFile: string) {\n  const preBundleConfig: Configuration = {\n    stats: {\n      children: true,\n      errorDetails: true,\n    },\n    mode: 'production',\n    entry: {\n      main: entryFile,\n    },\n    resolve: {\n      alias: {\n        'react/jsx-runtime': require.resolve('react/jsx-runtime'),\n        react: require.resolve('react'),\n        'react-dom': require.resolve('react-dom'),\n      },\n      fallback: {\n        module: false,\n        path: fallbacks.path,\n        dgram: false,\n        dns: false,\n        fs: false,\n        stream: false,\n        http2: false,\n        net: false,\n        tls: false,\n        child_process: false,\n        process: fallbacks.process,\n      },\n    },\n    output: {\n      path: outputDir,\n      publicPath: '/',\n      chunkFilename: 'static/js/[name].[contenthash:8].chunk.js',\n      filename: 'static/js/[name].[contenthash:8].js',\n      library: {\n        type: 'commonjs2',\n      },\n    },\n    externalsType: 'commonjs',\n    externals: ['react', 'react-dom', '@mdx-js/react', '@teambit/mdx.ui.mdx-scope-context'],\n    plugins: [\n      // Generate an asset manifest file with the following content:\n      // - \"files\" key: Mapping of all asset filenames to their corresponding\n      //   output file so that tools can pick it up without having to parse\n      //   `index.html`\n      //   can be used to reconstruct the HTML if necessary\n      new WebpackManifestPlugin({\n        fileName: 'asset-manifest.json',\n        generate: (seed, files, entrypoints) => {\n          const manifestFiles = files.reduce((manifest, file) => {\n            manifest[file.name] = file.path;\n            return manifest;\n          }, seed);\n          const entrypointFiles = entrypoints.main.filter((fileName) => !fileName.endsWith('.map'));\n\n          // @ts-ignore - https://github.com/shellscape/webpack-manifest-plugin/issues/276\n          return {\n            files: manifestFiles,\n            entrypoints: entrypointFiles,\n          } as Record<string, string>;\n        },\n      }),\n\n      new ProvidePlugin({ process: fallbacksProvidePluginConfig.process }),\n    ],\n  };\n\n  return preBundleConfig;\n}\n"],"mappings":";;;;;;AAAA,SAAAA,cAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,aAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAE,SAAA;EAAA,MAAAF,IAAA,GAAAC,OAAA;EAAAC,QAAA,YAAAA,CAAA;IAAA,OAAAF,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAG,cAAA;EAAA,MAAAH,IAAA,GAAAC,OAAA;EAAAE,aAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAI,UAAA;EAAA,MAAAJ,IAAA,GAAAC,OAAA;EAAAG,SAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAK,uBAAA;EAAA,MAAAL,IAAA,GAAAC,OAAA;EAAAI,sBAAA,YAAAA,CAAA;IAAA,OAAAL,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEO,SAASM,mBAAmBA,CAACC,SAAiB,EAAEC,SAAiB,EAAiB;EACvF,MAAMC,UAAU,GAAG,IAAAC,iCAAiB,EAAC,IAAI,CAAC;EAC1C,MAAMC,eAAe,GAAGC,qBAAqB,CAACL,SAAS,EAAEC,SAAS,CAAC;;EAEnE;EACA,MAAMK,QAAQ,GAAG,IAAAC,qBAAK,EAACL,UAAU,EAAEE,eAAe,CAAC;;EAEnD;EACA,OAAOE,QAAQ;AACjB;AAEA,SAASD,qBAAqBA,CAACL,SAAiB,EAAEC,SAAiB,EAAE;EACnE,MAAMG,eAA8B,GAAG;IACrCI,KAAK,EAAE;MACLC,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE,YAAY;IAClBC,KAAK,EAAE;MACLC,IAAI,EAAEZ;IACR,CAAC;IACDa,OAAO,EAAE;MACPC,KAAK,EAAE;QACL,mBAAmB,EAAErB,OAAO,CAACoB,OAAO,CAAC,mBAAmB,CAAC;QACzDE,KAAK,EAAEtB,OAAO,CAACoB,OAAO,CAAC,OAAO,CAAC;QAC/B,WAAW,EAAEpB,OAAO,CAACoB,OAAO,CAAC,WAAW;MAC1C,CAAC;MACDG,QAAQ,EAAE;QACRC,MAAM,EAAE,KAAK;QACbC,IAAI,EAAEC,qBAAS,CAACD,IAAI;QACpBE,KAAK,EAAE,KAAK;QACZC,GAAG,EAAE,KAAK;QACVC,EAAE,EAAE,KAAK;QACTC,MAAM,EAAE,KAAK;QACbC,KAAK,EAAE,KAAK;QACZC,GAAG,EAAE,KAAK;QACVC,GAAG,EAAE,KAAK;QACVC,aAAa,EAAE,KAAK;QACpBC,OAAO,EAAET,qBAAS,CAACS;MACrB;IACF,CAAC;IACDC,MAAM,EAAE;MACNX,IAAI,EAAEnB,SAAS;MACf+B,UAAU,EAAE,GAAG;MACfC,aAAa,EAAE,2CAA2C;MAC1DC,QAAQ,EAAE,qCAAqC;MAC/CC,OAAO,EAAE;QACPC,IAAI,EAAE;MACR;IACF,CAAC;IACDC,aAAa,EAAE,UAAU;IACzBC,SAAS,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,mCAAmC,CAAC;IACvFC,OAAO,EAAE;IACP;IACA;IACA;IACA;IACA;IACA,KAAIC,8CAAqB,EAAC;MACxBC,QAAQ,EAAE,qBAAqB;MAC/BC,QAAQ,EAAEA,CAACC,IAAI,EAAEC,KAAK,EAAEC,WAAW,KAAK;QACtC,MAAMC,aAAa,GAAGF,KAAK,CAACG,MAAM,CAAC,CAACC,QAAQ,EAAEC,IAAI,KAAK;UACrDD,QAAQ,CAACC,IAAI,CAACC,IAAI,CAAC,GAAGD,IAAI,CAAC7B,IAAI;UAC/B,OAAO4B,QAAQ;QACjB,CAAC,EAAEL,IAAI,CAAC;QACR,MAAMQ,eAAe,GAAGN,WAAW,CAAC/B,IAAI,CAACsC,MAAM,CAAEX,QAAQ,IAAK,CAACA,QAAQ,CAACY,QAAQ,CAAC,MAAM,CAAC,CAAC;;QAEzF;QACA,OAAO;UACLT,KAAK,EAAEE,aAAa;UACpBD,WAAW,EAAEM;QACf,CAAC;MACH;IACF,CAAC,CAAC,EAEF,KAAIG,wBAAa,EAAC;MAAExB,OAAO,EAAEyB,wCAA4B,CAACzB;IAAQ,CAAC,CAAC;EAExE,CAAC;EAED,OAAOzB,eAAe;AACxB"}
+{"version":3,"names":["_reactWebpack","data","require","_webpack","_webpackMerge","_webpack2","_webpackManifestPlugin","createWebpackConfig","outputDir","entryFile","baseConfig","configBaseFactory","preBundleConfig","createPreBundleConfig","combined","merge","mode","process","env","BIT_DEBUG_PREVIEW_BUNDLE","stats","children","errorDetails","entry","main","resolve","alias","react","fallback","module","path","fallbacks","dgram","dns","fs","stream","http2","net","tls","child_process","output","publicPath","chunkFilename","filename","library","type","externalsType","externals","plugins","WebpackManifestPlugin","fileName","generate","seed","files","entrypoints","manifestFiles","reduce","manifest","file","name","entrypointFiles","filter","endsWith","ProvidePlugin","fallbacksProvidePluginConfig"],"sources":["webpack.config.ts"],"sourcesContent":["import { configBaseFactory } from '@teambit/react.webpack.react-webpack';\n\nimport { Configuration, ProvidePlugin } from 'webpack';\nimport { merge } from 'webpack-merge';\nimport { fallbacksProvidePluginConfig, fallbacks } from '@teambit/webpack';\nimport { WebpackManifestPlugin } from 'webpack-manifest-plugin';\n\nexport function createWebpackConfig(outputDir: string, entryFile: string): Configuration {\n  const baseConfig = configBaseFactory(true);\n  const preBundleConfig = createPreBundleConfig(outputDir, entryFile);\n\n  // @ts-ignore that's an issue because of different types/webpack version\n  const combined = merge(baseConfig, preBundleConfig);\n\n  // @ts-ignore that's an issue because of different types/webpack version\n  return combined;\n}\n\nfunction createPreBundleConfig(outputDir: string, entryFile: string) {\n  const mode = process.env.BIT_DEBUG_PREVIEW_BUNDLE ? 'development' : 'production';\n  const preBundleConfig: Configuration = {\n    stats: {\n      children: true,\n      errorDetails: true,\n    },\n    mode,\n    entry: {\n      main: entryFile,\n    },\n    resolve: {\n      alias: {\n        'react/jsx-runtime': require.resolve('react/jsx-runtime'),\n        react: require.resolve('react'),\n        'react-dom': require.resolve('react-dom'),\n      },\n      fallback: {\n        module: false,\n        path: fallbacks.path,\n        dgram: false,\n        dns: false,\n        fs: false,\n        stream: false,\n        http2: false,\n        net: false,\n        tls: false,\n        child_process: false,\n        process: fallbacks.process,\n      },\n    },\n    output: {\n      path: outputDir,\n      publicPath: '/',\n      chunkFilename: 'static/js/[name].[contenthash:8].chunk.cjs',\n      filename: 'static/js/[name].[contenthash:8].cjs',\n      library: {\n        type: 'commonjs-static',\n      },\n    },\n    externalsType: 'commonjs',\n    externals: ['react', 'react-dom', '@mdx-js/react', '@teambit/mdx.ui.mdx-scope-context'],\n    plugins: [\n      // Generate an asset manifest file with the following content:\n      // - \"files\" key: Mapping of all asset filenames to their corresponding\n      //   output file so that tools can pick it up without having to parse\n      //   `index.html`\n      //   can be used to reconstruct the HTML if necessary\n      new WebpackManifestPlugin({\n        fileName: 'asset-manifest.json',\n        generate: (seed, files, entrypoints) => {\n          const manifestFiles = files.reduce((manifest, file) => {\n            manifest[file.name] = file.path;\n            return manifest;\n          }, seed);\n          const entrypointFiles = entrypoints.main.filter((fileName) => !fileName.endsWith('.map'));\n\n          // @ts-ignore - https://github.com/shellscape/webpack-manifest-plugin/issues/276\n          return {\n            files: manifestFiles,\n            entrypoints: entrypointFiles,\n          } as Record<string, string>;\n        },\n      }),\n\n      new ProvidePlugin({ process: fallbacksProvidePluginConfig.process }),\n    ],\n  };\n\n  return preBundleConfig;\n}\n"],"mappings":"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"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/preview",
-  "version": "1.0.150",
+  "version": "1.0.152",
   "homepage": "https://bit.cloud/teambit/preview/preview",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.preview",
     "name": "preview",
-    "version": "1.0.150"
+    "version": "1.0.152"
   },
   "dependencies": {
     "mime": "2.5.2",
@@ -17,41 +17,41 @@
     "webpack": "5.84.1",
     "graphql-tag": "2.12.1",
     "object-hash": "2.1.1",
-    "lodash.compact": "3.0.1",
     "graphql-request": "6.1.0",
+    "lodash.compact": "3.0.1",
     "webpack-manifest-plugin": "5.0.0",
     "webpack-merge": "5.8.0",
     "@teambit/ui-foundation.ui.pages.static-error": "0.0.92",
     "@teambit/harmony": "0.4.6",
-    "@teambit/preview.modules.preview-modules": "1.0.2",
+    "@teambit/preview.modules.preview-modules": "1.0.3",
     "@teambit/component-id": "1.2.0",
     "@teambit/bit-error": "0.0.404",
     "@teambit/react.webpack.react-webpack": "1.0.23",
-    "@teambit/express": "0.0.948",
-    "@teambit/logger": "0.0.942",
-    "@teambit/builder": "1.0.150",
-    "@teambit/bundler": "1.0.150",
-    "@teambit/component": "1.0.150",
+    "@teambit/express": "0.0.949",
+    "@teambit/logger": "0.0.943",
+    "@teambit/builder": "1.0.152",
+    "@teambit/bundler": "1.0.152",
+    "@teambit/component": "1.0.152",
     "@teambit/preview.ui.component-preview": "1.0.5",
-    "@teambit/aspect-loader": "1.0.150",
-    "@teambit/cli": "0.0.849",
-    "@teambit/dependency-resolver": "1.0.150",
-    "@teambit/envs": "1.0.150",
+    "@teambit/aspect-loader": "1.0.152",
+    "@teambit/cli": "0.0.850",
+    "@teambit/dependency-resolver": "1.0.152",
+    "@teambit/envs": "1.0.152",
     "@teambit/toolbox.path.to-windows-compatible-path": "0.0.496",
-    "@teambit/ui": "1.0.150",
-    "@teambit/isolator": "1.0.150",
+    "@teambit/ui": "1.0.152",
+    "@teambit/isolator": "1.0.152",
     "@teambit/harmony.modules.harmony-root-generator": "0.0.3",
-    "@teambit/cache": "0.0.942",
-    "@teambit/graphql": "1.0.150",
-    "@teambit/pkg": "1.0.150",
-    "@teambit/pubsub": "1.0.150",
-    "@teambit/scope": "1.0.150",
-    "@teambit/watcher": "1.0.150",
-    "@teambit/workspace": "1.0.150",
-    "@teambit/compiler": "1.0.150",
+    "@teambit/cache": "0.0.943",
+    "@teambit/graphql": "1.0.152",
+    "@teambit/pkg": "1.0.152",
+    "@teambit/pubsub": "1.0.152",
+    "@teambit/scope": "1.0.152",
+    "@teambit/watcher": "1.0.152",
+    "@teambit/workspace": "1.0.152",
+    "@teambit/compiler": "1.0.152",
     "@teambit/preview.cli.preview-server-status": "0.0.506",
     "@teambit/preview.cli.webpack-events-listener": "0.0.174",
-    "@teambit/webpack": "1.0.150"
+    "@teambit/webpack": "1.0.152"
   },
   "devDependencies": {
     "@types/mime": "2.0.3",

package/preview.preview.runtime.tsx

@@ -3,7 +3,7 @@ import { Slot, SlotRegistry } from '@teambit/harmony';
 import { ComponentID } from '@teambit/component-id';
 import crossFetch from 'cross-fetch';
 import memoize from 'memoizee';
-import { debounce } from 'lodash';
+import { debounce, intersection, isObject } from 'lodash';
 
 import { PreviewNotFound } from './exceptions';
 import { PreviewType } from './preview-type';
@@ -107,7 +107,21 @@ export class PreviewPreview {
     const query = this.getQuery();
     const onlyOverview = this.getParam(query, 'onlyOverview');
 
-    const includes = onlyOverview === 'true' ? [] : includesAll.filter((module) => !!module);
+    const includes =
+      onlyOverview === 'true'
+        ? []
+        : includesAll
+            .filter((module) => !!module)
+            .map((module) => {
+              if (!module.default || !isObject(module.default)) return module;
+              // This aims to handle use cases where we have package.json with type:"module" in the root
+              // in that case sometime we might get the props both under default and in the object root
+              const keysWithoutDefault = Object.keys(module).filter((key) => key !== 'default');
+              const defaultKeys = Object.keys(module.default);
+              if (intersection(keysWithoutDefault, defaultKeys).length === defaultKeys.length) return module.default;
+              return module;
+            });
+
     // during build / tag, the component is isolated, so all aspects are relevant, and do not require filtering
     const componentAspects = this.isDev ? await this.getComponentAspects(componentId.toString()) : undefined;
     const previewModule = await this.getPreviewModule(name, componentId);

package/webpack/webpack.config.ts

@@ -17,12 +17,13 @@ export function createWebpackConfig(outputDir: string, entryFile: string): Confi
 }
 
 function createPreBundleConfig(outputDir: string, entryFile: string) {
+  const mode = process.env.BIT_DEBUG_PREVIEW_BUNDLE ? 'development' : 'production';
   const preBundleConfig: Configuration = {
     stats: {
       children: true,
       errorDetails: true,
     },
-    mode: 'production',
+    mode,
     entry: {
       main: entryFile,
     },
@@ -49,10 +50,10 @@ function createPreBundleConfig(outputDir: string, entryFile: string) {
     output: {
       path: outputDir,
       publicPath: '/',
-      chunkFilename: 'static/js/[name].[contenthash:8].chunk.js',
-      filename: 'static/js/[name].[contenthash:8].js',
+      chunkFilename: 'static/js/[name].[contenthash:8].chunk.cjs',
+      filename: 'static/js/[name].[contenthash:8].cjs',
       library: {
-        type: 'commonjs2',
+        type: 'commonjs-static',
       },
     },
     externalsType: 'commonjs',