@teambit/bundler 1.0.108 → 1.0.109

package/artifacts/preview/teambit_compilation_bundler-preview.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["teambit.compilation/bundler-preview"]=t():e["teambit.compilation/bundler-preview"]=t()}(self,(()=>(()=>{"use strict";var e={2041:(e,t,o)=>{var n={id:"teambit.compilation/bundler@1.0.109",homepage:"https://bit.cloud/teambit/compilation/bundler",exported:!0};function r(){const e=i(o(87363));return r=function(){return e},e}function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Logo=void 0,r.__bit_component=n,i.__bit_component=n;const p=()=>r().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},r().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/bundler.svg"}));p.__bit_component=n,t.Logo=p},87363:e=>{e.exports=React}},t={};function o(n){var r=t[n];if(void 0!==r)return r.exports;var i=t[n]={exports:{}};return e[n](i,i.exports,o),i.exports}o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{o.r(n),o.d(n,{compositions:()=>l,compositions_metadata:()=>f,overview:()=>u});var e={};o.r(e),o.d(e,{default:()=>d});var t=o(2041);o(87363);const r=MdxJsReact,i=TeambitMdxUiMdxScopeContext;var p=["components"];function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},a.apply(this,arguments)}var c={},s="wrapper";function d(e){var t=e.components,o=function(e,t){if(null==e)return{};var o,n,r=function(e,t){if(null==e)return{};var o,n,r={},i=Object.keys(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||(r[o]=e[o]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}(e,p);return(0,r.mdx)(s,a({},c,o,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(i.MDXScopeProvider,{components:{},mdxType:"MDXScopeProvider"}))}d.isMDXComponent=!0;const l=[t],u=[e],f={compositions:[{displayName:"Logo",identifier:"Logo"}]}})(),n})()));

package/dist/{preview-1703647408454.js → preview-1703698405864.js}

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

package/package.json

@@ -1,25 +1,25 @@
 {
   "name": "@teambit/bundler",
-  "version": "1.0.108",
+  "version": "1.0.109",
   "homepage": "https://bit.cloud/teambit/compilation/bundler",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.compilation",
     "name": "bundler",
-    "version": "1.0.108"
+    "version": "1.0.109"
   },
   "dependencies": {
     "cli-highlight": "2.1.9",
     "lodash": "4.17.21",
     "ink": "3.2.0",
     "@teambit/harmony": "0.4.6",
-    "@teambit/envs": "1.0.108",
-    "@teambit/builder": "1.0.108",
-    "@teambit/component": "1.0.108",
-    "@teambit/cli": "0.0.840",
-    "@teambit/dependency-resolver": "1.0.108",
-    "@teambit/graphql": "1.0.108",
-    "@teambit/pubsub": "1.0.108",
+    "@teambit/envs": "1.0.109",
+    "@teambit/builder": "1.0.109",
+    "@teambit/component": "1.0.109",
+    "@teambit/cli": "0.0.841",
+    "@teambit/dependency-resolver": "1.0.109",
+    "@teambit/graphql": "1.0.109",
+    "@teambit/pubsub": "1.0.109",
     "@teambit/toolbox.network.get-port": "1.0.4"
   },
   "devDependencies": {
@@ -27,7 +27,7 @@
     "@types/mocha": "9.1.0",
     "@types/jest": "^29.2.2",
     "@types/testing-library__jest-dom": "^5.9.5",
-    "@teambit/harmony.envs.core-aspect-env": "0.0.13"
+    "@teambit/harmony.envs.core-aspect-env": "0.0.14"
   },
   "peerDependencies": {
     "@apollo/client": "^3.6.0",

package/browser-runtime.ts

@@ -1,5 +0,0 @@
-import { ExecutionContext } from '@teambit/envs';
-
-export type BrowserRuntime = {
-  entry: (context: ExecutionContext) => Promise<string[]>;
-};

package/bundle.ts

@@ -1,3 +0,0 @@
-export class Bundle {
-  constructor(readonly errors: Error) {}
-}

package/bundler-context.ts

@@ -1,242 +0,0 @@
-import { Component } from '@teambit/component';
-import { BuildContext } from '@teambit/builder';
-
-export type LibraryOptions = {
-  /**
-   * Specify a name for the library
-   */
-  name: string;
-  // TODO: decide which exact types we want to support and their exact names
-  /**
-   * Configure how the library will be exposed
-   * could be values like: 'umd', 'umd2', 'amd', 'commonjs',
-   */
-  type?: string;
-};
-
-export type Entry = {
-  /**
-   * Specifies the name of each output file on disk
-   */
-  filename: string;
-  /**
-   * Module(s) that are loaded upon startup
-   */
-  import: string | string[];
-
-  /**
-   * Specify library options to bundle a library from current entry
-   */
-  library?: LibraryOptions;
-};
-
-export type EntryMap = {
-  [entryName: string]: Entry;
-};
-
-export type Target = {
-  /**
-   * entries of the target.
-   */
-  entries: string[] | EntryMap;
-
-  /**
-   * array of components included in the target.
-   */
-  components: Component[];
-
-  /**
-   * output path of the target
-   */
-  outputPath: string;
-
-  /**
-   * This option determines the name of each output bundle
-   */
-  filename?: string;
-
-  /**
-   * This option determines the name of non-initial chunk files
-   */
-  chunkFilename?: string;
-
-  /**
-   * Whether to run compression by the bundler
-   */
-  compress?: boolean;
-
-  /**
-   * List of peer dependencies
-   */
-  peers?: string[];
-
-  /**
-   * config for html generation
-   */
-  html?: HtmlConfig[];
-
-  /**
-   * module targets to expose.
-   */
-  modules?: ModuleTarget[];
-
-  /**
-   * Name for the runtime chunk
-   */
-  runtimeChunkName?: string;
-
-  /**
-   * Different configuration related to chunking
-   */
-  chunking?: Chunking;
-
-  /**
-   * A path for the host root dir
-   * Host root dir is usually the env root dir
-   * This can be used in different bundle options which run require.resolve
-   * for example when configuring webpack aliases or webpack expose loader on the peers deps
-   */
-  hostRootDir?: string;
-
-  /**
-   * Array of host dependencies, they are used later in case you use one of the following:
-   *
-   */
-  hostDependencies?: string[];
-
-  /**
-   * Make the hostDependencies externals. externals (from webpack docs):
-   * The externals configuration option provides a way of excluding dependencies from the output bundles.
-   * Instead, the created bundle relies on that dependency to be present in the consumer's (any end-user application) environment.
-   */
-  externalizeHostDependencies?: boolean;
-
-  /**
-   * Make aliases for the hostDependencies.
-   * the path of each one will be resolved by [hostRootDir, process.cwd(), __dirname]
-   * this will usually replace the instance of import one of the host dependencies by the instance of the env provided it
-   */
-  aliasHostDependencies?: boolean;
-};
-
-export type ModuleTarget = {
-  /**
-   * name of the module.
-   */
-  name: string;
-
-  /**
-   * module exposes.
-   */
-  exposes: {
-    [internalPath: string]: string;
-  };
-
-  shared: {
-    [key: string]: any;
-  };
-};
-
-export type HtmlConfig = {
-  /**
-   * The title to use for the generated HTML document
-   */
-  title: string;
-  /**
-   * The file to write the HTML to. Defaults to index.html
-   */
-  filename?: string;
-  /**
-   * Allows you to add only some chunks (e.g only the unit-test chunk)
-   */
-  chunks?: string[];
-  /**
-   * Load chunks according to their order in the `chunks` array
-   * @default auto
-   */
-  chunkOrder?: 'auto' | 'manual';
-  /**
-   * provide an inline template
-   */
-  templateContent: string;
-  /**
-   * Controls if and in what ways the output should be minified
-   */
-  minify?: boolean;
-
-  /**
-   * The favicon for the html page
-   */
-  favicon?: string;
-
-  // TODO: consider add chunksSortMode if there are more needs
-};
-
-export type Chunking = {
-  /**
-   * include all types of chunks (async / non-async) in splitting
-   */
-  splitChunks: boolean;
-};
-
-export type MetaData = {
-  /**
-   * Who initiate the bundling process
-   */
-  initiator?: string;
-  /**
-   * Env id (used usually to calculate the config)
-   */
-  envId?: string;
-
-  /**
-   * Whether the config is for an env template bundling
-   */
-  isEnvTemplate?: boolean;
-};
-export interface BundlerContext extends BuildContext {
-  /**
-   * targets for bundling.
-   */
-  targets: Target[];
-
-  /**
-   * determines whether it is a production build, default is `true`.
-   * in development, expect the bundler to favour debugging on the expanse of optimization.
-   */
-  development?: boolean;
-
-  /**
-   * public path output of the bundle.
-   */
-  publicPath?: string;
-
-  /**
-   * root path
-   */
-  rootPath?: string;
-
-  /**
-   * Whether to run compression by the bundler
-   */
-  compress?: boolean;
-
-  /**
-   * config for html generation for all targets
-   */
-  html?: HtmlConfig[];
-
-  /**
-   * modules for bundle to expose. used by module federation at webpack, or with different methods applied by various bundlers.
-   */
-  modules?: {
-    name: string;
-    fileName: string;
-    exposes: { [key: string]: string };
-  };
-
-  /**
-   * Additional info that can be used by the bundler for different stuff like logging info
-   */
-  metaData?: MetaData;
-}

package/bundler.aspect.ts

@@ -1,5 +0,0 @@
-import { Aspect } from '@teambit/harmony';
-
-export const BundlerAspect = Aspect.create({
-  id: 'teambit.compilation/bundler',
-});

package/bundler.main.runtime.ts

@@ -1,159 +0,0 @@
-import PubsubAspect, { PubsubMain } from '@teambit/pubsub';
-import { MainRuntime } from '@teambit/cli';
-import { Component, ComponentAspect } from '@teambit/component';
-import { DependencyResolverAspect, DependencyResolverMain } from '@teambit/dependency-resolver';
-import { EnvsAspect, EnvsMain } from '@teambit/envs';
-import { GraphqlAspect, GraphqlMain } from '@teambit/graphql';
-import { Slot, SlotRegistry } from '@teambit/harmony';
-import { BrowserRuntime } from './browser-runtime';
-import { BundlerAspect } from './bundler.aspect';
-import { ComponentServer } from './component-server';
-import { BundlerContext } from './bundler-context';
-import { devServerSchema } from './dev-server.graphql';
-import { DevServerService } from './dev-server.service';
-import { BundlerService } from './bundler.service';
-import { DevServer } from './dev-server';
-
-export type DevServerTransformer = (devServer: DevServer, { envId }: { envId: string }) => DevServer;
-
-export type BrowserRuntimeSlot = SlotRegistry<BrowserRuntime>;
-export type DevServerTransformerSlot = SlotRegistry<DevServerTransformer>;
-
-export type BundlerConfig = {
-  dedicatedEnvDevServers: string[];
-};
-
-/**
- * bundler extension.
- */
-export class BundlerMain {
-  constructor(
-    readonly config: BundlerConfig,
-    /**
-     * Pubsub extension.
-     */
-    private pubsub: PubsubMain,
-
-    /**
-     * environments extension.
-     */
-    private envs: EnvsMain,
-
-    /**
-     * dev server service.
-     */
-    private devService: DevServerService,
-
-    /**
-     * browser runtime slot.
-     */
-    private runtimeSlot: BrowserRuntimeSlot,
-
-    /**
-     * dev server transformer slot.
-     */
-    private devServerTransformerSlot: DevServerTransformerSlot
-  ) {}
-
-  /**
-   * load all given components in corresponding dev servers.
-   * @param components defaults to all components in the workspace.
-   */
-  async devServer(components: Component[]): Promise<ComponentServer[]> {
-    const envRuntime = await this.envs.createEnvironment(components);
-    // TODO: this must be refactored away from here. this logic should be in the Preview.
-    // @ts-ignore
-    const servers: ComponentServer[] = await envRuntime.runOnce<ComponentServer[]>(this.devService, {
-      dedicatedEnvDevServers: this.config.dedicatedEnvDevServers,
-    });
-    this._componentServers = servers;
-
-    this.indexByComponent();
-
-    return this._componentServers;
-  }
-
-  /**
-   * get a dev server instance containing a component.
-   * @param component
-   */
-  getComponentServer(component: Component): undefined | ComponentServer {
-    if (!this._componentServers) return undefined;
-    const envId = this.envs.getEnvId(component);
-    const server = this._componentServers.find(
-      (componentServer) =>
-        componentServer.context.relatedContexts.includes(envId) || componentServer.context.id === envId
-    );
-
-    return server;
-  }
-
-  /**
-   * compute entry files for bundling components in a given execution context.
-   */
-  async computeEntries(context: BundlerContext) {
-    const slotEntries = await Promise.all(
-      this.runtimeSlot.values().map(async (browserRuntime) => browserRuntime.entry(context))
-    );
-
-    const slotPaths = slotEntries.reduce((acc, current) => {
-      acc = acc.concat(current);
-      return acc;
-    });
-
-    return slotPaths;
-  }
-
-  /**
-   * register a new browser runtime environment.
-   * @param browserRuntime
-   */
-  registerTarget(browserRuntime: BrowserRuntime[]) {
-    browserRuntime.map((runtime) => {
-      return this.runtimeSlot.register(runtime);
-    });
-
-    return this;
-  }
-
-  /**
-   * register a new dev server transformer.
-   * @param devServerTransformer
-   */
-  registerDevServerTransformer(devServerTransformer: DevServerTransformer) {
-    this.devServerTransformerSlot.register(devServerTransformer);
-    return this;
-  }
-
-  /**
-   * component servers.
-   */
-  private _componentServers: null | ComponentServer[];
-
-  private indexByComponent() {}
-
-  static slots = [Slot.withType<BrowserRuntime>(), Slot.withType<DevServerTransformerSlot>()];
-
-  static runtime = MainRuntime;
-  static dependencies = [PubsubAspect, EnvsAspect, GraphqlAspect, DependencyResolverAspect, ComponentAspect];
-
-  static defaultConfig = {
-    dedicatedEnvDevServers: [],
-  };
-
-  static async provider(
-    [pubsub, envs, graphql, dependencyResolver]: [PubsubMain, EnvsMain, GraphqlMain, DependencyResolverMain],
-    config,
-    [runtimeSlot, devServerTransformerSlot]: [BrowserRuntimeSlot, DevServerTransformerSlot]
-  ) {
-    const devServerService = new DevServerService(pubsub, dependencyResolver, runtimeSlot, devServerTransformerSlot);
-    const bundler = new BundlerMain(config, pubsub, envs, devServerService, runtimeSlot, devServerTransformerSlot);
-    envs.registerService(devServerService, new BundlerService());
-
-    graphql.register(devServerSchema(bundler));
-
-    return bundler;
-  }
-}
-
-BundlerAspect.addRuntime(BundlerMain);

package/bundler.ts

@@ -1,92 +0,0 @@
-import { Component } from '@teambit/component';
-
-export interface DevServer {
-  start(): void;
-}
-
-export type Asset = {
-  /**
-   * name of the asset.
-   */
-  name: string;
-
-  /**
-   * size of the asset in bytes.
-   */
-  size: number;
-
-  /**
-   * size of the compressed asset in bytes.
-   */
-  compressedSize?: number;
-};
-
-export type ChunksAssetsMap = {
-  [assetName: string]: string[];
-};
-
-export type EntryAssets = {
-  assets: Asset[];
-  auxiliaryAssets: Asset[];
-  assetsSize: number;
-  compressedAssetsSize?: number;
-  auxiliaryAssetsSize: number;
-  compressedAuxiliaryAssetsSize: number;
-};
-
-export type EntriesAssetsMap = {
-  [entryId: string]: EntryAssets;
-};
-
-export type BundlerResult = {
-  /**
-   * list of generated assets.
-   */
-  assets: Asset[];
-
-  /**
-   * A map of assets names for each chunk
-   */
-  assetsByChunkName?: ChunksAssetsMap;
-
-  /**
-   * A map of assets for each entry point
-   */
-  entriesAssetsMap?: EntriesAssetsMap;
-
-  /**
-   * errors thrown during the bundling process.
-   */
-  errors: Error[];
-
-  /**
-   * warnings thrown during the bundling process.
-   */
-  warnings: string[];
-
-  /**
-   * components included in the bundling process.
-   */
-  components: Component[];
-
-  /**
-   * timestamp in milliseconds when the task started
-   */
-  startTime?: number;
-
-  /**
-   * timestamp in milliseconds when the task ended
-   */
-  endTime?: number;
-
-  /**
-   * out put path of the Bundler Result
-   */
-  outputPath?: string;
-};
-
-export interface Bundler {
-  run(): Promise<BundlerResult[]>;
-}
-
-export type BundlerMode = 'dev' | 'prod';

package/component-server.ts

@@ -1,94 +0,0 @@
-import { Component } from '@teambit/component';
-import { ExecutionContext } from '@teambit/envs';
-import { PubsubMain } from '@teambit/pubsub';
-
-import { AddressInfo } from 'net';
-
-import { DevServer } from './dev-server';
-import { BindError } from './exceptions';
-import { ComponentsServerStartedEvent } from './events';
-import { BundlerAspect } from './bundler.aspect';
-import { selectPort } from './select-port';
-
-export class ComponentServer {
-  // why is this here
-  errors?: Error[];
-  constructor(
-    /**
-     * browser runtime slot
-     */
-    private pubsub: PubsubMain,
-
-    /**
-     * components contained in the existing component server.
-     */
-    readonly context: ExecutionContext,
-
-    /**
-     * port range of the component server.
-     */
-    readonly portRange: number[],
-
-    /**
-     * env dev server.
-     */
-    readonly devServer: DevServer
-  ) {}
-
-  hostname: string | undefined;
-
-  /**
-   * determine whether component server contains a component.
-   */
-  hasComponent(component: Component) {
-    return this.context.components.find((contextComponent) => contextComponent.equals(component));
-  }
-
-  get port() {
-    return this._port;
-  }
-
-  _port: number;
-  async listen() {
-    const port = await selectPort(this.portRange);
-    this._port = port;
-    const server = await this.devServer.listen(port);
-    const address = server.address();
-    const hostname = this.getHostname(address);
-    if (!address) throw new BindError();
-    this.hostname = hostname;
-
-    this.pubsub.pub(BundlerAspect.id, this.createComponentsServerStartedEvent(server, this.context, hostname, port));
-  }
-
-  private getHostname(address: string | AddressInfo | null) {
-    if (address === null) throw new BindError();
-    if (typeof address === 'string') return address;
-
-    let hostname = address.address;
-    if (hostname === '::') {
-      hostname = 'localhost';
-    }
-
-    return hostname;
-  }
-
-  private onChange() {}
-
-  private createComponentsServerStartedEvent: (
-    DevServer,
-    ExecutionContext,
-    string,
-    number
-  ) => ComponentsServerStartedEvent = (componentsServer, context, hostname, port) => {
-    return new ComponentsServerStartedEvent(Date.now(), componentsServer, context, hostname, port);
-  };
-
-  /**
-   * get the url of the component server.
-   */
-  get url() {
-    // tailing `/` is required!
-    return `/preview/${this.context.envRuntime.id}/`;
-  }
-}

package/dedup-envs.ts

@@ -1,84 +0,0 @@
-import { DependencyResolverMain } from '@teambit/dependency-resolver';
-import type { ExecutionContext } from '@teambit/envs';
-
-type GroupIdContextMap = Record<string, ExecutionContext[]>;
-
-/**
- * de-duping dev servers by the amount of type the dev server configuration was overridden by envs.
- * This will split the dev server to groups of dev server that share the same webpack config, and same peer dependencies
- * @param contexts
- * @param dependencyResolver
- * @param dedicatedEnvDevServers
- */
-export async function dedupEnvs(
-  contexts: ExecutionContext[],
-  dependencyResolver: DependencyResolverMain,
-  dedicatedEnvDevServers?: string[]
-) {
-  const idsGroups = groupByEnvId(contexts, dedicatedEnvDevServers);
-  const hasRootComponents = dependencyResolver.hasRootComponents();
-  // Do not split envs by peers if root components is enabled as it should be already handled by the package manager
-  // this will improve the performance of the dev server when root components is enabled
-  const finalGroups = hasRootComponents ? idsGroups : await splitByPeers(idsGroups, dependencyResolver);
-  return finalGroups;
-}
-
-function groupByEnvId(contexts: ExecutionContext[], dedicatedEnvDevServers?: string[]) {
-  const groupedEnvs: GroupIdContextMap = {};
-
-  contexts.forEach((context) => {
-    const envId = getEnvId(context, dedicatedEnvDevServers);
-    if (!envId) return;
-    if (!(envId in groupedEnvs)) groupedEnvs[envId] = [];
-
-    groupedEnvs[envId].push(context);
-  });
-
-  return groupedEnvs;
-}
-
-async function splitByPeers(idsGroups: GroupIdContextMap, dependencyResolver: DependencyResolverMain) {
-  const newGroupedEnvs: GroupIdContextMap = {};
-  const promises = Object.values(idsGroups).map(async (contexts) => {
-    const peersGroups = await groupByPeersHash(contexts, dependencyResolver);
-    Object.assign(newGroupedEnvs, peersGroups);
-  });
-  await Promise.all(promises);
-  return newGroupedEnvs;
-}
-
-function getEnvId(context: ExecutionContext, dedicatedServers?: string[]): string | undefined {
-  const id = context.id.split('@')[0];
-
-  if (dedicatedServers?.includes(id)) {
-    return context.id;
-  }
-
-  return context.env?.getDevEnvId(context);
-}
-
-async function groupByPeersHash(contexts: ExecutionContext[], dependencyResolver: DependencyResolverMain) {
-  const peerGroups: GroupIdContextMap = {};
-
-  await Promise.all(
-    contexts.map(async (context) => {
-      const env = context.env;
-      const policy = await dependencyResolver.getComponentEnvPolicyFromEnv(env, { envId: context.id });
-      const peersHash = policy.byLifecycleType('peer').hashNameVersion();
-      if (!peerGroups[peersHash]) {
-        peerGroups[peersHash] = [];
-      }
-      peerGroups[peersHash].push(context);
-    })
-  );
-  return indexPeerGroupsById(peerGroups);
-}
-
-function indexPeerGroupsById(peerGroups: GroupIdContextMap) {
-  const result: GroupIdContextMap = Object.values(peerGroups).reduce((acc, contexts) => {
-    const firstId = contexts[0].id;
-    acc[firstId] = contexts;
-    return acc;
-  }, {});
-  return result;
-}

package/dev-server-context.ts

@@ -1,56 +0,0 @@
-import { ExecutionContext } from '@teambit/envs';
-
-export interface DevServerContext extends ExecutionContext {
-  /**
-   * array of files to include.
-   */
-  entry: string[];
-
-  /**
-   * public path.
-   */
-  publicPath: string;
-
-  /**
-   * root path of the workspace.
-   */
-  rootPath: string;
-
-  /**
-   * title of the page.
-   */
-  title?: string;
-
-  /**
-   * favicon of the page.
-   */
-  favicon?: string;
-
-  /**
-   * A path for the host root dir
-   * Host root dir is usually the env root dir
-   * This can be used in different bundle options which run require.resolve
-   * for example when configuring webpack aliases or webpack expose loader on the peers deps
-   */
-  hostRootDir?: string;
-
-  /**
-   * Array of host dependencies, they are used later in case you use one of the following:
-   *
-   */
-  hostDependencies?: string[];
-
-  /**
-   * Make the hostDependencies externals. externals (from webpack docs):
-   * The externals configuration option provides a way of excluding dependencies from the output bundles.
-   * Instead, the created bundle relies on that dependency to be present in the consumer's (any end-user application) environment.
-   */
-  externalizeHostDependencies?: boolean;
-
-  /**
-   * Make aliases for the hostDependencies.
-   * the path of each one will be resolved by [hostRootDir, process.cwd(), __dirname]
-   * this will usually replace the instance of import one of the host dependencies by the instance of the env provided it
-   */
-  aliasHostDependencies?: boolean;
-}

package/dev-server.graphql.ts

@@ -1,46 +0,0 @@
-import { Component } from '@teambit/component';
-import { Schema } from '@teambit/graphql';
-import { gql } from '@apollo/client';
-
-import { BundlerMain } from './bundler.main.runtime';
-
-// TODO: this has to be refactored to the Preview aspect. with the entire preview logic here.
-export function devServerSchema(bundler: BundlerMain): Schema {
-  return {
-    typeDefs: gql`
-      extend type Component {
-        server: ComponentServer
-      }
-
-      type ComponentServer {
-        env: String
-        url: String
-        host: String
-        basePath: String
-      }
-    `,
-    resolvers: {
-      Component: {
-        server: (component: Component, args, context) => {
-          // This is a bit of a hack to get the requested id. it assumes the variable name of
-          // the gotHost.get query is "id".
-          // see it in scopes/component/component/component.graphql.ts
-          const requestedId = context.body.variables.id;
-          // if we ask for specific id with specific version it means we want to fetch if from scope
-          // so don't return the server url
-          // see https://github.com/teambit/bit/issues/5328
-          if (requestedId && requestedId.includes('@')) {
-            return {};
-          }
-          const componentServer = bundler.getComponentServer(component);
-          if (!componentServer) return {};
-
-          return {
-            env: componentServer.context.envRuntime.id,
-            url: componentServer.url,
-          };
-        },
-      },
-    },
-  };
-}

package/dev-server.ts

@@ -1,52 +0,0 @@
-import { Server } from 'http';
-
-/**
- * interface for implementing dev servers.
- */
-export interface DevServer {
-  /**
-   * attach to given port and start an http server
-   */
-  listen(port: number): Server | Promise<Server>;
-
-  /**
-   * display name of the dev server.
-   */
-  displayName?: string;
-
-  /**
-   * icon of the dev server.
-   */
-  icon?: string;
-
-  /**
-   * serialized config of the dev server.
-   */
-  displayConfig?(): string;
-
-  /**
-   * path to the config in the filesystem.
-   */
-  configPath?: string;
-
-  /**
-   * id of the dev server.
-   */
-  id: string;
-
-  /**
-   * hash of the dev server.
-   * This is used in order to determine if we should spin a different dev server.
-   */
-  hash?(): string;
-
-  /**
-   * return the dev server version.
-   */
-  version?(): string;
-
-  /**
-   * Support dev server configuration properties
-   */
-  [key: string]: any;
-}

package/get-entry.ts

@@ -1,31 +0,0 @@
-import { ComponentID } from '@teambit/component';
-import { ExecutionContext } from '@teambit/envs';
-import { GetBitMapComponentOptions } from '@teambit/legacy/dist/consumer/bit-map/bit-map';
-import { PathOsBased } from '@teambit/legacy/dist/utils/path';
-
-import { BrowserRuntimeSlot } from './bundler.main.runtime';
-
-export type ComponentDir = {
-  componentDir?: (
-    componentId: ComponentID,
-    bitMapOptions?: GetBitMapComponentOptions,
-    options?: { relative: boolean }
-  ) => PathOsBased | undefined;
-};
-
-/**
- * computes the bundler entry.
- */
-export async function getEntry(context: ExecutionContext, runtimeSlot: BrowserRuntimeSlot): Promise<string[]> {
-  // TODO: refactor this away from here and use computePaths instead
-  const slotEntries = await Promise.all(
-    runtimeSlot.values().map(async (browserRuntime) => browserRuntime.entry(context))
-  );
-
-  const slotPaths = slotEntries.reduce((acc, current) => {
-    acc = acc.concat(current);
-    return acc;
-  });
-
-  return slotPaths;
-}

package/index.ts

@@ -1,27 +0,0 @@
-import { BundlerAspect } from './bundler.aspect';
-
-export type { DevServer } from './dev-server';
-export type { DevServerContext } from './dev-server-context';
-export type {
-  BundlerContext,
-  Target,
-  ModuleTarget,
-  HtmlConfig as BundlerHtmlConfig,
-  EntryMap as BundlerEntryMap,
-  Entry as BundlerEntry,
-  MetaData as BundlerContextMetaData,
-} from './bundler-context';
-export type {
-  Bundler,
-  BundlerResult,
-  BundlerMode,
-  Asset,
-  ChunksAssetsMap,
-  EntriesAssetsMap,
-  EntryAssets,
-} from './bundler';
-export type { BundlerMain } from './bundler.main.runtime';
-export type { ComponentDir } from './get-entry';
-export { ComponentServer } from './component-server';
-export * from './events';
-export { BundlerAspect, BundlerAspect as default };

package/select-port.ts

@@ -1,8 +0,0 @@
-import { Port } from '@teambit/toolbox.network.get-port';
-
-/**
- * get an available port between range 3000 to 3200 or from port range
- */
-export async function selectPort(range: number[] | number): Promise<number> {
-  return Port.getPortFromRange(range);
-}