@teambit/compiler 1.0.108 → 1.0.110

package/artifacts/preview/teambit_compilation_compiler-preview.js

@@ -0,0 +1 @@
+!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?exports["teambit.compilation/compiler-preview"]=n():e["teambit.compilation/compiler-preview"]=n()}(self,(()=>(()=>{"use strict";var e={73375:(e,n,t)=>{var o={id:"teambit.compilation/compiler@1.0.110",homepage:"https://bit.cloud/teambit/compilation/compiler",exported:!0};function i(){const e=r(t(87363));return i=function(){return e},e}function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(n,"__esModule",{value:!0}),n.Logo=void 0,i.__bit_component=o,r.__bit_component=o;const a=()=>i().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},i().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/compiler.svg"}));a.__bit_component=o,n.Logo=a},36858:(e,n,t)=>{var o={id:"teambit.compilation/content/compiler-overview@1.95.0",homepage:"https://bit.dev/teambit/compilation/content/compiler-overview",exported:!0};Object.defineProperty(n,"__esModule",{value:!0}),n.default=u,p(t(87363));var i=t(40040),r=t(70500),a=["components"];function p(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},m.apply(this,arguments)}function l(e,n){if(null==e)return{};var t,o,i=d(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o<r.length;o++)t=r[o],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}function d(e,n){if(null==e)return{};var t,o,i={},r=Object.keys(e);for(o=0;o<r.length;o++)t=r[o],n.indexOf(t)>=0||(i[t]=e[t]);return i}p.__bit_component=o,m.__bit_component=o,l.__bit_component=o,d.__bit_component=o;var c={},s="wrapper";function u(e){var n=e.components,t=l(e,a);return(0,i.mdx)(s,m({},c,t,{components:n,mdxType:"MDXLayout"}),(0,i.mdx)(r.MDXScopeProvider,{components:{},mdxType:"MDXScopeProvider"},(0,i.mdx)("h1",null,"Compiler overview"),(0,i.mdx)("p",null,"The Compiler aspect provides a single interface for Component compilation, ",(0,i.mdx)("a",{parentName:"p",href:"/"},"during development")," and ",(0,i.mdx)("a",{parentName:"p",href:"/"},"during build"),".\nIt enables you to use the same commands and APIs to compile any Component, regardless of the specific compiler it uses."),(0,i.mdx)("div",{className:"admonition admonition-info alert alert--info"},(0,i.mdx)("div",{parentName:"div",className:"admonition-heading"},(0,i.mdx)("h5",{parentName:"div"},(0,i.mdx)("span",{parentName:"h5",className:"admonition-icon"},(0,i.mdx)("svg",{parentName:"span",xmlns:"http://www.w3.org/2000/svg",width:"14",height:"16",viewBox:"0 0 14 16"},(0,i.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"}))),"info")),(0,i.mdx)("div",{parentName:"div",className:"admonition-content"},(0,i.mdx)("p",{parentName:"div"},"The specific compiler used by a Component (",(0,i.mdx)("a",{parentName:"p",href:"/"},"Babel"),", ",(0,i.mdx)("a",{parentName:"p",href:"/"},"TypeScript"),", and so on) is set by the Component's Env."))),(0,i.mdx)("h2",null,"Compiling during development"),(0,i.mdx)("p",null,"Run the following to compile all your Workspace Components:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-bash"},"bit compile\n")),(0,i.mdx)("p",null,"The following output lists the compilation results in a single format:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-bash"},"  STATUS        COMPONENT ID\n✔ SUCCESS       apps/bit-dev\n✔ SUCCESS       blocks/component/architecture-breakdown\n✔ SUCCESS       blocks/footer\n✔ SUCCESS       blocks/header\n✔ SUCCESS       buttons/button\n✔ SUCCESS       content/adding-components\n")),(0,i.mdx)("p",null,"To 'watch' Components for changes, and to auto-compile modified Components, run:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre"},"bit watch\n")),(0,i.mdx)("p",null,"The compiled code is written into each Component's corresponding package, in the ",(0,i.mdx)("a",{parentName:"p",href:"/dependencies/node-modules"},(0,i.mdx)("inlineCode",{parentName:"a"},"node_modules")," directory")," of your workspace.\nFor example, the compiled code for ",(0,i.mdx)("inlineCode",{parentName:"p"},"company.scope/ui/text")," will be found in the ",(0,i.mdx)("inlineCode",{parentName:"p"},"./node_modules/@company/scope.ui.text/dist")," directory (inside your workspace)."),(0,i.mdx)("p",null,"To learn more about compilation in the Workspace, see ",(0,i.mdx)("a",{parentName:"p",href:"/"},"'Compiling during development'"),"."),(0,i.mdx)("h2",null,"Compiling during build"),(0,i.mdx)("p",null,"Run the following to compile Components as part of the ",(0,i.mdx)("a",{parentName:"p",href:"/"},"build pipeline")," (which prepares Components for distribution):"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-bash"},"bit build\n")),(0,i.mdx)("p",null,"The output to the terminal details the specific compilers being used, as well as the Envs that use them:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-bash"},'...\n✔ env "teambit.harmony/aspect", task "teambit.compilation/compiler:BabelCompiler (compile components for artifact dist)" has completed successfully in 363ms\n✔ env "teambit.react/react", task "teambit.compilation/compiler:TSCompiler (compile components for artifact dist)" has completed successfully in 1s\n✔ env "teambit.mdx/mdx", task "teambit.compilation/compiler:MDXCompiler (compile components)" has completed successfully in 879ms\n...\nthe build has been completed. total: 19 tasks\n')),(0,i.mdx)("p",null,"The compiled code is written into the ",(0,i.mdx)("a",{parentName:"p",href:"/"},"Component's Capsule"),". Run ",(0,i.mdx)("a",{parentName:"p",href:"/"},(0,i.mdx)("inlineCode",{parentName:"a"},"bit snap"))," or ",(0,i.mdx)("a",{parentName:"p",href:"/"},(0,i.mdx)("inlineCode",{parentName:"a"},"bit tag"))," to execute the build pipeline (as well as other pipelines), and have the compiled code persisted in the ",(0,i.mdx)("a",{parentName:"p",href:"/"},"Component version"),", and included in the ",(0,i.mdx)("a",{parentName:"p",href:"/"},"Component's package"),"."),(0,i.mdx)("p",null,"To learn more about compilation in the Workspace, see ",(0,i.mdx)("a",{parentName:"p",href:"/"},"'Compiling during build'"),"."),(0,i.mdx)("h2",null,"Compilation strategies and standards"),(0,i.mdx)("p",null,"The Compiler aspect does not set specific compilation strategies as these are defined by the ",(0,i.mdx)("a",{parentName:"p",href:"/"},"specific compilers")," themselves (and are often configurable by the Envs that use them)."),(0,i.mdx)("p",null,"However, all official Bit compilers are configured to favor dev experience when compiling during development, and to favor runtime performance and code universality, when compiling for distribution (during build)."),(0,i.mdx)("p",null,"For example, Bit's ",(0,i.mdx)("a",{parentName:"p",href:"/"},"TypeScript compiler")," performs type-checking when compiling during build but skips it when compiling during development.\nThis enables faster compilation and better dev experience."),(0,i.mdx)("p",null,"To examine a Component's specific compiler config, run the following:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre"},"bit env get COMPONENT_ID\n")),(0,i.mdx)("p",null,"For example:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre"},"bit env get company.demo/ui/card\n")),(0,i.mdx)("p",null,"The output details the Component's env config which includes the compiler config:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-bash"},'Environment: teambit.react/react\n...\nteambit.compilation/compiler\n\nconfigured compiler: teambit.typescript/typescript (TypeScript @ 4.4.2)\ncompiler config:\n{\n  "compilerOptions": {\n    "lib": [\n      "es2019",\n      "DOM",\n      "ES6",\n      "DOM.Iterable"\n    ],\n    "target": "es2015",\n    "module": "commonjs",\n    "jsx": "react",\n    "declaration": true,\n    "sourceMap": true,\n    "skipLibCheck": true,\n    "moduleResolution": "node",\n    "esModuleInterop": true,\n    "resolveJsonModule": true,\n    "outDir": "dist"\n  },\n  "exclude": [\n    "dist"\n  ]\n}\n\n')),(0,i.mdx)("h2",null,"Setting a Component with a specific compiler"),(0,i.mdx)("p",null,"Specific compilers are applied on Components via the Components' Envs. For example, the ",(0,i.mdx)("inlineCode",{parentName:"p"},"company.demo/ui/card")," Component examined earlier, is applied with\nthe ",(0,i.mdx)("a",{parentName:"p",href:"/"},"TypeScript")," compiler by its Env, the React Env."),(0,i.mdx)("p",null,"To learn how to use a specific compiler, see ",(0,i.mdx)("a",{parentName:"p",href:"/"},"'Using compilers'"),".")))}u.__bit_component=o,u.isMDXComponent=!0},13681:(e,n,t)=>{Object.defineProperty(n,"ZP",{enumerable:!0,get:function(){return o.default}});var o=i(t(36858));function i(e){return e&&e.__esModule?e:{default:e}}i.__bit_component={id:"teambit.compilation/content/compiler-overview@1.95.0",homepage:"https://bit.dev/teambit/compilation/content/compiler-overview",exported:!0}},40040:e=>{e.exports=MdxJsReact},87363:e=>{e.exports=React},70500:e=>{e.exports=TeambitMdxUiMdxScopeContext}},n={};function t(o){var i=n[o];if(void 0!==i)return i.exports;var r=n[o]={exports:{}};return e[o](r,r.exports,t),r.exports}t.d=(e,n)=>{for(var o in n)t.o(n,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:n[o]})},t.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{t.r(o),t.d(o,{compositions:()=>s,compositions_metadata:()=>f,overview:()=>u});var e={};t.r(e),t.d(e,{default:()=>c});var n=t(73375),i=(t(87363),t(40040)),r=t(70500),a=t(13681),p=["components"];function m(){return m=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},m.apply(this,arguments)}var l={},d="wrapper";function c(e){var n=e.components,t=function(e,n){if(null==e)return{};var t,o,i=function(e,n){if(null==e)return{};var t,o,i={},r=Object.keys(e);for(o=0;o<r.length;o++)t=r[o],n.indexOf(t)>=0||(i[t]=e[t]);return i}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o<r.length;o++)t=r[o],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(e,p);return(0,i.mdx)(d,m({},l,t,{components:n,mdxType:"MDXLayout"}),(0,i.mdx)(r.MDXScopeProvider,{components:{CompilerOverview:a.ZP},mdxType:"MDXScopeProvider"},(0,i.mdx)(a.ZP,{mdxType:"CompilerOverview"})))}c.isMDXComponent=!0;const s=[n],u=[e],f={compositions:[{displayName:"Logo",identifier:"Logo"}]}})(),o})()));

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

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

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/compiler",
-  "version": "1.0.108",
+  "version": "1.0.110",
   "homepage": "https://bit.cloud/teambit/compilation/compiler",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.compilation",
     "name": "compiler",
-    "version": "1.0.108"
+    "version": "1.0.110"
   },
   "dependencies": {
     "chalk": "2.4.2",
@@ -20,24 +20,24 @@
     "@teambit/component-id": "1.2.0",
     "@teambit/bit-roots": "0.0.133",
     "@teambit/bit-error": "0.0.404",
-    "@teambit/envs": "1.0.108",
-    "@teambit/cli": "0.0.840",
-    "@teambit/component": "1.0.108",
-    "@teambit/logger": "0.0.933",
-    "@teambit/pubsub": "1.0.108",
-    "@teambit/aspect-loader": "1.0.108",
-    "@teambit/builder": "1.0.108",
+    "@teambit/envs": "1.0.110",
+    "@teambit/cli": "0.0.842",
+    "@teambit/component": "1.0.110",
+    "@teambit/logger": "0.0.935",
+    "@teambit/pubsub": "1.0.110",
+    "@teambit/aspect-loader": "1.0.110",
+    "@teambit/builder": "1.0.110",
     "@teambit/component-issues": "0.0.138",
-    "@teambit/dependency-resolver": "1.0.108",
-    "@teambit/generator": "1.0.109",
-    "@teambit/issues": "1.0.108",
-    "@teambit/ui": "1.0.108",
-    "@teambit/watcher": "1.0.108",
-    "@teambit/workspace": "1.0.108",
-    "@teambit/isolator": "1.0.108",
+    "@teambit/dependency-resolver": "1.0.110",
+    "@teambit/generator": "1.0.111",
+    "@teambit/issues": "1.0.110",
+    "@teambit/ui": "1.0.110",
+    "@teambit/watcher": "1.0.110",
+    "@teambit/workspace": "1.0.110",
+    "@teambit/isolator": "1.0.110",
     "@teambit/toolbox.fs.hard-link-directory": "0.0.19",
-    "@teambit/multi-compiler": "1.0.108",
-    "@teambit/workspace.modules.node-modules-linker": "0.0.158"
+    "@teambit/multi-compiler": "1.0.110",
+    "@teambit/workspace.modules.node-modules-linker": "0.0.159"
   },
   "devDependencies": {
     "@types/fs-extra": "9.0.7",
@@ -46,7 +46,7 @@
     "@types/jest": "^29.2.2",
     "@types/testing-library__jest-dom": "^5.9.5",
     "@teambit/compilation.content.compiler-overview": "1.95.0",
-    "@teambit/harmony.envs.core-aspect-env": "0.0.13"
+    "@teambit/harmony.envs.core-aspect-env": "0.0.15"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0",
@@ -57,11 +57,15 @@
   "optionalDependencies": {},
   "peerDependenciesMeta": {},
   "exports": {
-    "node": {
-      "require": "./dist/index.js",
-      "import": "./dist/esm.mjs"
+    ".": {
+      "node": {
+        "require": "./dist/index.js",
+        "import": "./dist/esm.mjs"
+      },
+      "default": "./dist/index.js"
     },
-    "default": "./dist/index.js"
+    "./dist/*": "./dist/*",
+    "./artifacts/*": "./artifacts/*"
   },
   "private": false,
   "engines": {

package/compiler-env-type.ts

@@ -1,9 +0,0 @@
-import { EnvHandler } from '@teambit/envs';
-import { Compiler } from './types';
-
-export interface CompilerEnv {
-  /**
-   * return a compiler instance.
-   */
-  compiler(): EnvHandler<Compiler>;
-}

package/compiler.aspect.ts

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

package/compiler.cmd.ts

@@ -1,121 +0,0 @@
-import { Command, CommandOptions } from '@teambit/cli';
-import { Logger } from '@teambit/logger';
-import type { PubsubMain, BitBaseEvent } from '@teambit/pubsub';
-import chalk from 'chalk';
-import prettyTime from 'pretty-time';
-import { Component } from '@teambit/component';
-import { formatCompileResults } from './output-formatter';
-import { CompileError, WorkspaceCompiler, CompileOptions } from './workspace-compiler';
-import { CompilationInitiator } from './types';
-
-// IDs & events
-import { CompilerAspect } from './compiler.aspect';
-import { ComponentCompilationOnDoneEvent } from './events';
-
-export type ComponentsStatus = {
-  buildResults: string[];
-  component: Component;
-  errors: CompileError[];
-};
-
-export class CompileCmd implements Command {
-  componentsStatus: ComponentsStatus[] = [];
-  name = 'compile [component-names...]';
-  description = 'compile components in the workspace';
-  helpUrl = 'reference/compiling/compiler-overview';
-  arguments = [
-    {
-      name: 'component-names...',
-      description: 'a list of component names or component IDs (defaults to all components)',
-    },
-  ];
-  alias = '';
-  group = 'development';
-  options = [
-    ['c', 'changed', 'compile only new and modified components'],
-    ['v', 'verbose', 'show more data, such as, dist paths'],
-    ['j', 'json', 'return the compile results in json format'],
-    ['d', 'delete-dist-dir', 'delete existing dist folder before writing new compiled files'],
-  ] as CommandOptions;
-
-  constructor(private compile: WorkspaceCompiler, private logger: Logger, private pubsub: PubsubMain) {}
-
-  async report([components = []]: [string[]], compilerOptions: CompileOptions) {
-    const startTimestamp = process.hrtime();
-    this.logger.setStatusLine('Compiling your components, hold tight.');
-    this.pubsub.sub(CompilerAspect.id, this.onComponentCompilationDone.bind(this));
-
-    let outputString = '';
-    await this.compile.compileComponents(components, {
-      ...compilerOptions,
-      initiator: CompilationInitiator.CmdReport,
-    });
-    const compileTimeLength = process.hrtime(startTimestamp);
-
-    outputString += '\n';
-    outputString += `  ${chalk.underline('STATUS')}\t${chalk.underline('COMPONENT ID')}\n`;
-    outputString += formatCompileResults(this.componentsStatus, !!compilerOptions.verbose);
-    outputString += '\n';
-
-    outputString += this.getStatusLine(this.componentsStatus, compileTimeLength);
-
-    this.logger.clearStatusLine();
-
-    return {
-      data: outputString,
-      code: this.getExitCode(this.componentsStatus),
-    };
-  }
-
-  async json([components]: [string[]], compilerOptions: CompileOptions) {
-    compilerOptions.deleteDistDir = true;
-    // @ts-ignore
-    const compileResults = await this.compile.compileComponents(components, {
-      ...compilerOptions,
-      initiator: CompilationInitiator.CmdJson,
-    });
-    return {
-      data: compileResults,
-      // @todo: fix the code once compile is ready.
-      code: 0,
-    };
-  }
-
-  private failedComponents(componentsStatus: ComponentsStatus[]): ComponentsStatus[] {
-    return componentsStatus.filter((component) => component.errors.length);
-  }
-
-  private getSummaryIcon(componentsStatus: ComponentsStatus[]) {
-    switch (this.failedComponents(componentsStatus).length) {
-      case 0:
-        return chalk.green('✔');
-      case componentsStatus.length:
-        return chalk.red('✗');
-      default:
-        return chalk.yellow('⍻');
-    }
-  }
-
-  private getExitCode(componentsStatus: ComponentsStatus[]) {
-    return this.failedComponents(componentsStatus).length ? 1 : 0;
-  }
-
-  private getStatusLine(componentsStatus: ComponentsStatus[], compileTimeLength) {
-    const numberOfComponents = componentsStatus.length;
-    const numberOfFailingComponents = this.failedComponents(componentsStatus).length;
-    const numberOfSuccessfulComponents = componentsStatus.filter((component) => !component.errors.length).length;
-
-    const icon = this.getSummaryIcon(componentsStatus);
-    const summaryLine = numberOfFailingComponents
-      ? `${icon} ${numberOfFailingComponents}/${numberOfComponents} components failed to compile.`
-      : `${icon} ${numberOfSuccessfulComponents}/${numberOfComponents} components compiled successfully.`;
-
-    return `${summaryLine}\nFinished. (${prettyTime(compileTimeLength)})`;
-  }
-
-  private onComponentCompilationDone(event: BitBaseEvent<any>) {
-    if (event.type === ComponentCompilationOnDoneEvent.TYPE) {
-      this.componentsStatus.push(event.data);
-    }
-  }
-}

package/compiler.main.runtime.ts

@@ -1,191 +0,0 @@
-import * as path from 'path';
-import fs from 'fs-extra';
-import AspectLoaderAspect, { AspectLoaderMain } from '@teambit/aspect-loader';
-import { BuilderAspect, BuilderMain } from '@teambit/builder';
-import { CLIAspect, CLIMain, MainRuntime } from '@teambit/cli';
-import { IssuesClasses } from '@teambit/component-issues';
-import IssuesAspect, { IssuesMain } from '@teambit/issues';
-import { Component } from '@teambit/component';
-import { DEFAULT_DIST_DIRNAME } from '@teambit/legacy/dist/constants';
-import WatcherAspect, { WatcherMain } from '@teambit/watcher';
-import { EnvsAspect, EnvsMain, ExecutionContext } from '@teambit/envs';
-import { ComponentID } from '@teambit/component-id';
-import { DependencyResolverAspect, DependencyResolverMain } from '@teambit/dependency-resolver';
-import { LoggerAspect, LoggerMain } from '@teambit/logger';
-import { GeneratorAspect, GeneratorMain } from '@teambit/generator';
-import { PubsubAspect, PubsubMain } from '@teambit/pubsub';
-import UIAspect, { UiMain } from '@teambit/ui';
-import { Workspace, WorkspaceAspect } from '@teambit/workspace';
-import { CompilerAspect } from './compiler.aspect';
-import { CompileCmd } from './compiler.cmd';
-import { CompilerService } from './compiler.service';
-import { CompilerTask } from './compiler.task';
-import { DistArtifact } from './dist-artifact';
-import { DistArtifactNotFound } from './exceptions';
-import { CompilationInitiator, Compiler } from './types';
-import { CompileOptions, WorkspaceCompiler } from './workspace-compiler';
-import { compilerTemplate } from './templates/compiler';
-
-export class CompilerMain {
-  constructor(
-    private pubsub: PubsubMain,
-    private workspaceCompiler: WorkspaceCompiler,
-    private envs: EnvsMain,
-    private builder: BuilderMain,
-    private workspace: Workspace,
-    private dependencyResolver: DependencyResolverMain,
-    private compilerService: CompilerService
-  ) {}
-
-  getCompiler(context: ExecutionContext): Compiler {
-    return this.compilerService.getCompiler(context);
-  }
-
-  /**
-   * Run compilation on `bit new` and when new components are imported
-   */
-  compileOnWorkspace(
-    componentsIds: string[] | ComponentID[] | ComponentID[] = [], // when empty, it compiles all
-    options: CompileOptions = { initiator: CompilationInitiator.ComponentAdded }
-  ) {
-    return this.workspaceCompiler.compileComponents(componentsIds, options);
-  }
-  /**
-   * API to create a new compiler task, it facilitates the usage of multiple compilers.
-   * with this method you can create any number of compilers and add them to the buildPipeline.
-   */
-  createTask(name: string, compiler: Compiler): CompilerTask {
-    return new CompilerTask(CompilerAspect.id, name, compiler, this.dependencyResolver);
-  }
-
-  /**
-   * find the compiler configured on the workspace and ask for the dist path.
-   */
-  getDistPathBySrcPath(component: Component, srcPath: string): string | null {
-    const environment = this.envs.getEnv(component).env;
-    const compilerInstance = environment.getCompiler?.();
-    if (!compilerInstance) return null;
-    return compilerInstance.getDistPathBySrcPath(srcPath);
-  }
-
-  /**
-   * find the compiler configured on the workspace and ask for the dist folder path.
-   */
-  getRelativeDistFolder(component: Component): string {
-    const environment = this.envs.getOrCalculateEnv(component).env;
-    const compilerInstance: Compiler | undefined = environment.getCompiler?.();
-    if (!compilerInstance || !compilerInstance.getDistDir) return DEFAULT_DIST_DIRNAME;
-    return compilerInstance.getDistDir();
-  }
-
-  /**
-   * Check if the dist folder (in the component package under node_modules) exist
-   * @param component
-   * @returns
-   */
-  async isDistDirExists(component: Component): Promise<boolean> {
-    const packageDir = await this.workspace.getComponentPackagePath(component);
-    const distDir = this.getRelativeDistFolder(component);
-    const pathToCheck = path.join(packageDir, distDir);
-    return fs.existsSync(pathToCheck);
-  }
-
-  async getDistsFiles(component: Component): Promise<DistArtifact> {
-    const artifacts = await this.builder.getArtifactsVinylByAspect(component, CompilerAspect.id);
-    if (!artifacts.length) throw new DistArtifactNotFound(component.id);
-
-    return new DistArtifact(artifacts);
-  }
-
-  async addMissingDistsIssue(components: Component[], issuesToIgnore: string[]): Promise<void> {
-    if (issuesToIgnore.includes(IssuesClasses.MissingDists.name)) return;
-    await Promise.all(
-      components.map(async (component) => {
-        const exist = await this.isDistDirExists(component);
-        if (!exist) {
-          component.state.issues.getOrCreate(IssuesClasses.MissingDists).data = true;
-        }
-      })
-    );
-  }
-
-  static runtime = MainRuntime;
-
-  static dependencies = [
-    CLIAspect,
-    WorkspaceAspect,
-    EnvsAspect,
-    LoggerAspect,
-    PubsubAspect,
-    AspectLoaderAspect,
-    BuilderAspect,
-    UIAspect,
-    GeneratorAspect,
-    DependencyResolverAspect,
-    WatcherAspect,
-    IssuesAspect,
-  ];
-
-  static async provider([
-    cli,
-    workspace,
-    envs,
-    loggerMain,
-    pubsub,
-    aspectLoader,
-    builder,
-    ui,
-    generator,
-    dependencyResolver,
-    watcher,
-    issues,
-  ]: [
-    CLIMain,
-    Workspace,
-    EnvsMain,
-    LoggerMain,
-    PubsubMain,
-    AspectLoaderMain,
-    BuilderMain,
-    UiMain,
-    GeneratorMain,
-    DependencyResolverMain,
-    WatcherMain,
-    IssuesMain
-  ]) {
-    const logger = loggerMain.createLogger(CompilerAspect.id);
-    const compilerService = new CompilerService();
-
-    const workspaceCompiler = new WorkspaceCompiler(
-      workspace,
-      envs,
-      pubsub,
-      aspectLoader,
-      ui,
-      logger,
-      dependencyResolver,
-      watcher
-    );
-    envs.registerService(compilerService);
-    const compilerMain = new CompilerMain(
-      pubsub,
-      workspaceCompiler,
-      envs,
-      builder,
-      workspace,
-      dependencyResolver,
-      compilerService
-    );
-    cli.register(new CompileCmd(workspaceCompiler, logger, pubsub));
-    if (issues) {
-      issues.registerAddComponentsIssues(compilerMain.addMissingDistsIssue.bind(compilerMain));
-    }
-    if (generator) generator.registerComponentTemplate([compilerTemplate]);
-
-    return compilerMain;
-  }
-}
-
-CompilerAspect.addRuntime(CompilerMain);
-
-export default CompilerMain;

package/compiler.task.ts

@@ -1,104 +0,0 @@
-import { BuildContext, BuiltTaskResult, BuildTask, TaskResultsList } from '@teambit/builder';
-import { Capsule } from '@teambit/isolator';
-import { hardLinkDirectory } from '@teambit/toolbox.fs.hard-link-directory';
-import { EnvContext, EnvHandler } from '@teambit/envs';
-import { DependencyResolverMain } from '@teambit/dependency-resolver';
-import fs from 'fs-extra';
-import path from 'path';
-import { Compiler } from './types';
-import { CompilerAspect } from './compiler.aspect';
-
-export type CompilerTaskOptions = {
-  /**
-   * instance of compiler to use.
-   */
-  compiler: EnvHandler<Compiler>;
-
-  /**
-   * name of compiler task
-   */
-  name?: string;
-};
-
-/**
- * compiler build task. Allows to compile components during component build.
- */
-export class CompilerTask implements BuildTask {
-  readonly description = 'compile components';
-  constructor(
-    readonly aspectId: string,
-    readonly name: string,
-    private compilerInstance: Compiler,
-    private dependencyResolver: DependencyResolverMain
-  ) {
-    if (compilerInstance.artifactName) {
-      this.description += ` for artifact ${compilerInstance.artifactName}`;
-    }
-  }
-
-  async preBuild(context: BuildContext) {
-    await Promise.all(
-      context.capsuleNetwork.seedersCapsules.map((capsule) =>
-        this.copyNonSupportedFiles(capsule, this.compilerInstance)
-      )
-    );
-    if (!this.compilerInstance.preBuild) return;
-    await this.compilerInstance.preBuild(context);
-  }
-
-  async execute(context: BuildContext): Promise<BuiltTaskResult> {
-    const buildResults = await this.compilerInstance.build(context);
-    await this._hardLinkBuildArtifactsOnCapsules(context);
-    return buildResults;
-  }
-
-  /**
-   * This function hard links the compiled artifacts to the `node_modules` of other component capsules.
-   * For instance, if we have a `button` component that is a dependency of the `card` component,
-   * then the `dist` folder of the `button` component will be copied to `<card_capsule>/node_modules/button/dist`.
-   */
-  private async _hardLinkBuildArtifactsOnCapsules(context: BuildContext): Promise<void> {
-    await Promise.all(
-      context.capsuleNetwork.seedersCapsules.map(async (capsule) => {
-        const relCompDir = path.relative(context.capsuleNetwork.capsulesRootDir, capsule.path).replace(/\\/g, '/');
-        const injectedDirs = await this.dependencyResolver.getInjectedDirs(
-          context.capsuleNetwork.capsulesRootDir,
-          relCompDir,
-          this.dependencyResolver.getPackageName(capsule.component)
-        );
-        return hardLinkDirectory(
-          capsule.path,
-          injectedDirs.map((injectedDir) => path.join(context.capsuleNetwork.capsulesRootDir, injectedDir))
-        );
-      })
-    );
-  }
-
-  async postBuild?(context: BuildContext, tasksResults: TaskResultsList): Promise<void> {
-    if (!this.compilerInstance.postBuild) return;
-    await this.compilerInstance.postBuild(context, tasksResults);
-  }
-
-  async copyNonSupportedFiles(capsule: Capsule, compiler: Compiler) {
-    if (!compiler.shouldCopyNonSupportedFiles) {
-      return;
-    }
-    const component = capsule.component;
-    await Promise.all(
-      component.filesystem.files.map(async (file) => {
-        if (compiler.isFileSupported(file.path)) return;
-        const content = file.contents;
-        await fs.outputFile(path.join(capsule.path, compiler.distDir, file.relative), content);
-      })
-    );
-  }
-
-  static from(options: CompilerTaskOptions) {
-    return (context: EnvContext) => {
-      const aspectId = CompilerAspect.id;
-      const name = options.name || 'compiler-task';
-      const depResolve = context.getAspect<any>('teambit.dependencies/dependency-resolver');
-      return new CompilerTask(aspectId, name, options.compiler(context), depResolve);
-    };
-  }
-}

package/dist-artifact.ts

@@ -1,12 +0,0 @@
-import { AbstractVinyl } from '@teambit/legacy/dist/consumer/component/sources';
-import { pathNormalizeToLinux } from '@teambit/legacy/dist/utils';
-
-export class DistArtifact {
-  constructor(private artifacts: AbstractVinyl[]) {}
-
-  getFile(path: string) {
-    return this.artifacts.find((file) => {
-      return pathNormalizeToLinux(file.relative) === path;
-    });
-  }
-}

package/index.ts

@@ -1,15 +0,0 @@
-export type { CompilerMain } from './compiler.main.runtime';
-export type { CompilerTaskOptions } from './compiler.task';
-export { CompilerTask } from './compiler.task';
-export type { CompilerEnv } from './compiler-env-type';
-export { CompilerAspect } from './compiler.aspect';
-export { CompilationInitiator } from './types';
-export type {
-  Compiler,
-  CompilerOptions,
-  TranspileFileOutput,
-  TranspileFileParams,
-  TranspileComponentParams,
-  TranspileFileOutputOneFile,
-} from './types';
-export * from './events';

package/output-formatter.ts

@@ -1,20 +0,0 @@
-import chalk from 'chalk';
-import { ComponentsStatus } from './compiler.cmd';
-
-export const formatCompileResults = (compileResults: ComponentsStatus[], verbose: boolean) =>
-  compileResults
-    .map((componentResult: ComponentsStatus) => ({
-      componentId: componentResult.component.id.fullName,
-      files: componentResult.buildResults,
-      status: componentResult.errors.length ? 'FAILURE' : 'SUCCESS',
-      icon: componentResult.errors.length ? chalk.red('✗') : chalk.green('✔'),
-    }))
-    .reduce((outputString, result) => {
-      outputString += `${result.icon} ${result.status}\t${result.componentId}`;
-      if (verbose) {
-        outputString += ':';
-        outputString += result?.files?.reduce((fileList, file) => `${fileList}\t\t - ${file}\n`, '\n');
-      }
-      outputString += '\n';
-      return outputString;
-    }, '');

package/types.ts

@@ -1,154 +0,0 @@
-import { BuildContext, BuildTask, BuiltTaskResult, TaskResultsList } from '@teambit/builder';
-import type { Component } from '@teambit/component';
-import { ServiceHandler } from '@teambit/envs';
-
-export type TranspileFileParams = {
-  componentDir: string; // absolute path of the component's root directory
-  filePath: string; // relative path of the file inside the component directory
-};
-
-export enum CompilationInitiator {
-  CmdReport,
-  CmdJson,
-  PreStart,
-  PreWatch,
-  Start,
-  ComponentChanged,
-  AspectLoadFail,
-  ComponentAdded,
-  Install,
-}
-
-export type TranspileComponentParams = {
-  component: Component;
-  componentDir: string; // absolute path of the component's root directory
-  outputDir: string; // absolute path of the component's output directory
-  initiator: CompilationInitiator; // origin of the compilation's request
-};
-
-export type TranspileFileOutputOneFile = {
-  outputText: string;
-  outputPath: string;
-};
-
-export type TranspileFileOutput = TranspileFileOutputOneFile[] | null;
-
-export interface CompilerOptions {
-  /**
-   * name of the compiler.
-   */
-  name?: string;
-
-  /**
-   * relative path of the dist directory inside the capsule. e.g. "dist".
-   */
-  distDir: string;
-
-  /**
-   * determines which ones of the generated files will be saved in the bit objects when tagging.
-   * e.g. distGlobPatterns = [`${this.distDir}/**`, `!${this.distDir}/tsconfig.tsbuildinfo`];
-   * see https://github.com/mrmlnc/fast-glob for the supported glob patters syntax.
-   */
-  distGlobPatterns?: string[];
-
-  /**
-   * whether or not unsupported files (such as assets) should be copied into the dist directory
-   */
-  shouldCopyNonSupportedFiles?: boolean;
-
-  /**
-   * optional. default to "dist".
-   * useful when the build pipeline has multiple compiler tasks of the same compiler.
-   * e.g. using the same Babel compiler for two different tasks, one for creating "es5" files, and
-   * the second for creating "esm". the artifact names would be "es5" and "esm" accordingly.
-   */
-  artifactName?: string;
-}
-
-export interface Compiler extends CompilerOptions, ServiceHandler {
-  /**
-   * id of the compiler.
-   */
-  id: string;
-
-  /**
-   * Delete dist folder before writing the new compiled files
-   */
-  deleteDistDir?: boolean;
-
-  /**
-   * serialized config of the compiler.
-   */
-  displayConfig?(): string;
-
-  /**
-   * transpile a single file that gets saved into the workspace, used by `bit compile` and during
-   * development
-   */
-  transpileFile?: (
-    fileContent: string,
-    params: TranspileFileParams
-  ) => TranspileFileOutput | Promise<TranspileFileOutput>;
-
-  /**
-   * transpile all the files of a component, use this when you can't use `transpileFile`
-   */
-  transpileComponent?: (params: TranspileComponentParams) => Promise<void>;
-
-  /**
-   * compile components inside isolated capsules. this being used during tag for the release.
-   * meaning, the final package of the component has the dists generated by this method.
-   *
-   * no need to handle non-supported-files (e.g. assets) in this method because the compiler-aspect already copies them
-   * into the compiler.dist in the preBuild stage.
-   */
-  build(context: BuildContext): Promise<BuiltTaskResult>;
-
-  /**
-   * return the dist dir of the compiled files (relative path from the component root dir)
-   */
-  getDistDir?(): string;
-
-  /**
-   * given a source file, return its parallel in the dists. e.g. "index.ts" => "dist/index.js"
-   * both, the return path and the given path are relative paths.
-   */
-  getDistPathBySrcPath(srcPath: string): string;
-
-  /**
-   * given a component, returns the path to the source folder to use for the preview, uses the one
-   * in node_modules by default
-   */
-  getPreviewComponentRootPath?(component: Component): string;
-
-  /**
-   * only supported files matching get compiled. others, are copied to the dist dir.
-   */
-  isFileSupported(filePath: string): boolean;
-
-  /**
-   * sugar to create a Compiler task via the concrete compiler
-   */
-  createTask?(name?: string): BuildTask;
-
-  /**
-   * run before the build pipeline has started. this is useful when some preparation are needed to
-   * be done on all envs before the build starts.
-   */
-  preBuild?(context: BuildContext): Promise<void>;
-
-  /**
-   * run after the build pipeline completed for all envs. useful for some cleanups
-   */
-  postBuild?(context: BuildContext, tasksResults: TaskResultsList): Promise<void>;
-
-  /**
-   * returns the version of the current compiler instance (e.g. '4.0.1').
-   */
-  version(): string;
-
-  /**
-   * returns the display name of the current compiler instance (e.g. 'TypeScript')
-   */
-  displayName: string;
-}

package/workspace-compiler.ts

@@ -1,398 +0,0 @@
-/* eslint-disable max-classes-per-file */
-import mapSeries from 'p-map-series';
-import { Component } from '@teambit/component';
-import { EnvsMain } from '@teambit/envs';
-import type { PubsubMain } from '@teambit/pubsub';
-import { SerializableResults, Workspace, OutsideWorkspaceError } from '@teambit/workspace';
-import { WatcherMain, WatchOptions } from '@teambit/watcher';
-import path from 'path';
-import { ComponentID } from '@teambit/component-id';
-import { Logger } from '@teambit/logger';
-import loader from '@teambit/legacy/dist/cli/loader';
-import { DEFAULT_DIST_DIRNAME } from '@teambit/legacy/dist/constants';
-import { AbstractVinyl, Dist } from '@teambit/legacy/dist/consumer/component/sources';
-import DataToPersist from '@teambit/legacy/dist/consumer/component/sources/data-to-persist';
-import {
-  linkToNodeModulesByComponents,
-  removeLinksFromNodeModules,
-} from '@teambit/workspace.modules.node-modules-linker';
-import { AspectLoaderMain } from '@teambit/aspect-loader';
-import { DependencyResolverMain } from '@teambit/dependency-resolver';
-import componentIdToPackageName from '@teambit/legacy/dist/utils/bit/component-id-to-package-name';
-import RemovePath from '@teambit/legacy/dist/consumer/component/sources/remove-path';
-import { UiMain } from '@teambit/ui';
-import { readBitRootsDir } from '@teambit/bit-roots';
-import { groupBy, uniq } from 'lodash';
-import type { PreStartOpts } from '@teambit/ui';
-import { PathOsBasedAbsolute, PathOsBasedRelative } from '@teambit/legacy/dist/utils/path';
-import { MultiCompiler } from '@teambit/multi-compiler';
-import { CompilerAspect } from './compiler.aspect';
-import { CompilerErrorEvent, ComponentCompilationOnDoneEvent } from './events';
-import { Compiler, CompilationInitiator } from './types';
-
-export type BuildResult = { component: string; buildResults: string[] | null | undefined };
-
-export type CompileOptions = {
-  changed?: boolean; // compile only new and modified components
-  verbose?: boolean; // show more data, such as, dist paths
-  /**
-   * whether the dist root dir should be deleted before writing new dists.
-   * defaults to true for `bit compile` and false everywhere else, such as `bit watch` and `bit
-   * start` to avoid webpack "EINTR" error.
-   */
-  deleteDistDir?: boolean;
-  initiator: CompilationInitiator; // describes where the compilation is coming from
-  // should we create links in node_modules for the compiled components (default = true)
-  // this will link the source files, and create the package.json
-  linkComponents?: boolean;
-};
-
-export type CompileError = { path: string; error: Error };
-
-export class ComponentCompiler {
-  constructor(
-    private pubsub: PubsubMain,
-    private workspace: Workspace,
-    private component: Component,
-    private compilerInstance: Compiler,
-    private compilerId: string,
-    private logger: Logger,
-    private dependencyResolver: DependencyResolverMain,
-    private dists: Dist[] = [],
-    private compileErrors: CompileError[] = []
-  ) {}
-
-  async compile(noThrow = true, options: CompileOptions): Promise<BuildResult> {
-    let dataToPersist;
-    const deleteDistDir = options.deleteDistDir ?? this.compilerInstance.deleteDistDir;
-    // delete dist folder before transpilation (because some compilers (like ngPackagr) can generate files there during the compilation process)
-    if (deleteDistDir) {
-      dataToPersist = new DataToPersist();
-      for (const distDir of await this.distDirs()) {
-        dataToPersist.removePath(new RemovePath(distDir));
-      }
-      dataToPersist.addBasePath(this.workspace.path);
-      await dataToPersist.persistAllToFS();
-    }
-
-    const compilers: Compiler[] = (this.compilerInstance as MultiCompiler).compilers
-      ? (this.compilerInstance as MultiCompiler).compilers
-      : [this.compilerInstance];
-    const canTranspileFile = compilers.find((c) => c.transpileFile);
-    const canTranspileComponent = compilers.find((c) => c.transpileComponent);
-
-    if (canTranspileFile) {
-      await Promise.all(
-        this.component.filesystem.files.map((file: AbstractVinyl) => this.compileOneFile(file, options.initiator))
-      );
-    }
-
-    if (canTranspileComponent) {
-      await this.compileAllFiles(this.component, options.initiator);
-    }
-
-    if (!canTranspileFile && !canTranspileComponent) {
-      throw new Error(
-        `compiler ${this.compilerId.toString()} doesn't implement either "transpileFile" or "transpileComponent" methods`
-      );
-    }
-    this.throwOnCompileErrors(noThrow);
-
-    // writing the dists with `component.setDists(dists); component.dists.writeDists` is tricky
-    // as it uses other base-paths and doesn't respect the new node-modules base path.
-    dataToPersist = new DataToPersist();
-    dataToPersist.addManyFiles(this.dists);
-    dataToPersist.addBasePath(this.workspace.path);
-    await dataToPersist.persistAllToFS();
-    const linkComponents = options.linkComponents ?? true;
-    if (linkComponents) {
-      await linkToNodeModulesByComponents([this.component], this.workspace);
-    }
-    const buildResults = this.dists.map((distFile) => distFile.path);
-    if (this.component.state._consumer.compiler) loader.succeed();
-    this.pubsub.pub(
-      CompilerAspect.id,
-      new ComponentCompilationOnDoneEvent(this.compileErrors, this.component, buildResults)
-    );
-    return { component: this.component.id.toString(), buildResults };
-  }
-
-  private throwOnCompileErrors(noThrow = true) {
-    if (this.compileErrors.length) {
-      this.compileErrors.forEach((errorItem) => {
-        this.logger.error(`compilation error at ${errorItem.path}`, errorItem.error);
-      });
-      const formatError = (errorItem) => `${errorItem.path}\n${errorItem.error}`;
-      const err = new Error(`compilation failed. see the following errors from the compiler
-${this.compileErrors.map(formatError).join('\n')}`);
-
-      this.pubsub.pub(CompilerAspect.id, new CompilerErrorEvent(err));
-
-      if (!noThrow) {
-        throw err;
-      }
-
-      this.logger.console(err.message);
-    }
-  }
-
-  private async distDirs(): Promise<PathOsBasedRelative[]> {
-    const packageName = componentIdToPackageName(this.component.state._consumer);
-    const packageDir = path.join('node_modules', packageName);
-    const distDirName = this.compilerInstance.getDistDir?.() || DEFAULT_DIST_DIRNAME;
-    const injectedDirs = await this.getInjectedDirs(packageName);
-    return [packageDir, ...injectedDirs].map((dist) => path.join(dist, distDirName));
-  }
-
-  private async getInjectedDirs(packageName: string): Promise<string[]> {
-    const injectedDirs = await this.workspace.getInjectedDirs(this.component);
-    if (injectedDirs.length > 0) return injectedDirs;
-
-    const rootDirs = await readBitRootsDir(this.workspace.path);
-    return rootDirs.map((rootDir) => path.relative(this.workspace.path, path.join(rootDir, packageName)));
-  }
-
-  private get componentDir(): PathOsBasedAbsolute {
-    return this.workspace.componentDir(this.component.id);
-  }
-
-  private async compileOneFile(file: AbstractVinyl, initiator: CompilationInitiator): Promise<void> {
-    const options = { componentDir: this.componentDir, filePath: file.relative, initiator };
-    const isFileSupported = this.compilerInstance.isFileSupported(file.path);
-    let compileResults;
-    if (isFileSupported) {
-      try {
-        compileResults = await this.compilerInstance.transpileFile?.(file.contents.toString(), options);
-      } catch (error: any) {
-        this.compileErrors.push({ path: file.path, error });
-        return;
-      }
-    }
-    for (const base of await this.distDirs()) {
-      if (isFileSupported && compileResults) {
-        this.dists.push(
-          ...compileResults.map(
-            (result) =>
-              new Dist({
-                base,
-                path: path.join(base, result.outputPath),
-                contents: Buffer.from(result.outputText),
-              })
-          )
-        );
-      } else if (this.compilerInstance.shouldCopyNonSupportedFiles) {
-        // compiler doesn't support this file type. copy the file as is to the dist dir.
-        this.dists.push(new Dist({ base, path: path.join(base, file.relative), contents: file.contents }));
-      }
-    }
-  }
-
-  private async compileAllFiles(component: Component, initiator: CompilationInitiator): Promise<void> {
-    const filesToCompile: AbstractVinyl[] = [];
-    for (const base of await this.distDirs()) {
-      component.filesystem.files.forEach((file: AbstractVinyl) => {
-        const isFileSupported = this.compilerInstance.isFileSupported(file.path);
-        if (isFileSupported) {
-          filesToCompile.push(file);
-        } else if (this.compilerInstance.shouldCopyNonSupportedFiles) {
-          // compiler doesn't support this file type. copy the file as is to the dist dir.
-          this.dists.push(
-            new Dist({
-              base,
-              path: path.join(base, file.relative),
-              contents: file.contents,
-            })
-          );
-        }
-      });
-    }
-
-    if (filesToCompile.length) {
-      try {
-        await this.compilerInstance.transpileComponent?.({
-          component,
-          componentDir: this.componentDir,
-          outputDir: await this.workspace.getComponentPackagePath(component),
-          initiator,
-        });
-      } catch (error: any) {
-        this.compileErrors.push({ path: this.componentDir, error });
-      }
-    }
-  }
-}
-
-export class WorkspaceCompiler {
-  constructor(
-    private workspace: Workspace,
-    private envs: EnvsMain,
-    private pubsub: PubsubMain,
-    private aspectLoader: AspectLoaderMain,
-    private ui: UiMain,
-    private logger: Logger,
-    private dependencyResolver: DependencyResolverMain,
-    private watcher: WatcherMain
-  ) {
-    if (this.workspace) {
-      this.workspace.registerOnComponentChange(this.onComponentChange.bind(this));
-      this.workspace.registerOnComponentAdd(this.onComponentAdd.bind(this));
-      this.watcher.registerOnPreWatch(this.onPreWatch.bind(this));
-    }
-    this.ui.registerPreStart(this.onPreStart.bind(this));
-    if (this.aspectLoader) {
-      this.aspectLoader.registerOnAspectLoadErrorSlot(this.onAspectLoadFail.bind(this));
-    }
-  }
-
-  async onPreStart(preStartOpts: PreStartOpts): Promise<void> {
-    if (this.workspace) {
-      if (preStartOpts.skipCompilation) {
-        return;
-      }
-      await this.compileComponents([], {
-        changed: true,
-        verbose: false,
-        deleteDistDir: false,
-        initiator: CompilationInitiator.PreStart,
-      });
-    } else {
-      await this.watcher.watchScopeInternalFiles();
-    }
-  }
-
-  async onAspectLoadFail(err: Error & { code?: string }, id: ComponentID): Promise<boolean> {
-    if (err.code && err.code === 'MODULE_NOT_FOUND' && this.workspace) {
-      await this.compileComponents([id.toString()], { initiator: CompilationInitiator.AspectLoadFail }, true);
-      return true;
-    }
-    return false;
-  }
-
-  async onComponentAdd(component: Component, files: string[], watchOpts: WatchOptions) {
-    return this.onComponentChange(component, files, undefined, watchOpts);
-  }
-
-  async onComponentChange(
-    component: Component,
-    files: string[],
-    removedFiles: string[] = [],
-    watchOpts: WatchOptions
-  ): Promise<SerializableResults | void> {
-    if (!watchOpts.compile) return undefined;
-    // when files are removed, we need to remove the dist directories and the old symlinks, otherwise, it has
-    // symlinks to non-exist files and the dist has stale files
-    const deleteDistDir = Boolean(removedFiles?.length);
-    if (removedFiles?.length) {
-      await removeLinksFromNodeModules(component, this.workspace, removedFiles);
-    }
-    const buildResults = await this.compileComponents(
-      [component.id.toString()],
-      { initiator: watchOpts.initiator || CompilationInitiator.ComponentChanged, deleteDistDir },
-      true
-    );
-    // await linkToNodeModulesByComponents([component], this.workspace);
-    return {
-      results: buildResults,
-      toString() {
-        return `${buildResults[0]?.buildResults?.join('\n\t')}`;
-      },
-    };
-  }
-
-  async onPreWatch(componentIds: ComponentID[], watchOpts: WatchOptions) {
-    if (watchOpts.preCompile) {
-      const start = Date.now();
-      this.logger.console(`compiling ${componentIds.length} components`);
-      await this.compileComponents(
-        componentIds.map((id) => id),
-        { initiator: CompilationInitiator.PreWatch }
-      );
-      const end = Date.now() - start;
-      this.logger.consoleSuccess(`compiled ${componentIds.length} components successfully (${end / 1000} sec)`);
-    }
-  }
-
-  async compileComponents(
-    componentsIds: string[] | ComponentID[] | ComponentID[], // when empty, it compiles new+modified (unless options.all is set),
-    options: CompileOptions,
-    noThrow?: boolean
-  ): Promise<BuildResult[]> {
-    if (!this.workspace) throw new OutsideWorkspaceError();
-    const componentIds = await this.getIdsToCompile(componentsIds, options.changed);
-    // In case the aspect failed to load, we want to compile it without try to re-load it again
-    const getManyOpts =
-      options.initiator === CompilationInitiator.AspectLoadFail ? { loadSeedersAsAspects: false } : undefined;
-    const components = await this.workspace.getMany(componentIds, getManyOpts);
-
-    const grouped = this.groupByIsEnv(components);
-    const envsResults = grouped.envs ? await this.runCompileComponents(grouped.envs, options, noThrow) : [];
-    const otherResults = grouped.other ? await this.runCompileComponents(grouped.other, options, noThrow) : [];
-    return [...envsResults, ...otherResults];
-  }
-
-  private async runCompileComponents(
-    components: Component[],
-    options: CompileOptions,
-    noThrow?: boolean
-  ): Promise<BuildResult[]> {
-    const componentsCompilers: ComponentCompiler[] = [];
-
-    components.forEach((c) => {
-      const environment = this.envs.getEnv(c).env;
-      const compilerInstance = environment.getCompiler?.();
-
-      if (compilerInstance) {
-        const compilerName = compilerInstance.constructor.name || 'compiler';
-        componentsCompilers.push(
-          new ComponentCompiler(
-            this.pubsub,
-            this.workspace,
-            c,
-            compilerInstance,
-            compilerName,
-            this.logger,
-            this.dependencyResolver
-          )
-        );
-      } else {
-        this.logger.warn(`unable to find a compiler instance for ${c.id.toString()}`);
-      }
-    });
-    const resultOnWorkspace = await mapSeries(componentsCompilers, (componentCompiler) =>
-      componentCompiler.compile(noThrow, options)
-    );
-
-    return resultOnWorkspace;
-  }
-
-  /**
-   * This function get's a list of aspect ids and return them grouped by whether any of them is the env of other from the list
-   * @param ids
-   */
-  groupByIsEnv(components: Component[]): { envs?: Component[]; other?: Component[] } {
-    const envsIds = uniq(
-      components
-        .map((component) => this.envs.getEnvId(component))
-        .filter((envId) => !this.aspectLoader.isCoreEnv(envId))
-    );
-    const grouped = groupBy(components, (component) => {
-      if (envsIds.includes(component.id.toString())) return 'envs';
-      return 'other';
-    });
-    return grouped as { envs: Component[]; other: Component[] };
-  }
-
-  private async getIdsToCompile(
-    componentsIds: Array<string | ComponentID | ComponentID>,
-    changed = false
-  ): Promise<ComponentID[]> {
-    if (componentsIds.length) {
-      const componentIds = await this.workspace.resolveMultipleComponentIds(componentsIds);
-      return this.workspace.filterIds(componentIds);
-    }
-    if (changed) {
-      return this.workspace.getNewAndModifiedIds();
-    }
-    return this.workspace.listIds();
-  }
-}