@teambit/aspect 0.0.554 → 0.0.558

package/dist/aspect.env.d.ts

@@ -1,20 +1,19 @@
-import { BabelMain } from '@teambit/babel';
-import { CompilerMain, Compiler } from '@teambit/compiler';
-import { Environment } from '@teambit/envs';
+import { Compiler } from '@teambit/compiler';
+import { DependenciesEnv } from '@teambit/envs';
 import { TsConfigSourceFile } from 'typescript';
 import { ReactEnv } from '@teambit/react';
 export declare const AspectEnvType = "aspect";
-export declare class AspectEnv implements Environment {
+/**
+ * a component environment built for [Aspects](https://reactjs.org) .
+ */
+export declare class AspectEnv implements DependenciesEnv {
     private reactEnv;
-    private babel;
-    private compiler;
-    constructor(reactEnv: ReactEnv, babel: BabelMain, compiler: CompilerMain);
+    constructor(reactEnv: ReactEnv);
     icon: string;
     __getDescriptor(): Promise<{
         type: string;
     }>;
     getTsConfig(tsConfig: TsConfigSourceFile): any;
-    getCompiler(): import("@teambit/babel").BabelCompiler;
     createTsCompiler(tsConfig: TsConfigSourceFile): Compiler;
     getDependencies(): Promise<{
         dependencies: {
@@ -38,5 +37,4 @@ export declare class AspectEnv implements Environment {
             'react-dom': string;
         };
     }>;
-    getBuildPipe(): (import("@teambit/builder").BuildTask | import("@teambit/compiler/compiler.task").CompilerTask)[];
 }

package/dist/aspect.env.js

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.promise.js");
 
 Object.defineProperty(exports, "__esModule", {
@@ -21,16 +19,6 @@ function _defineProperty2() {
   return data;
 }
 
-function _compiler() {
-  const data = require("@teambit/compiler");
-
-  _compiler = function () {
-    return data;
-  };
-
-  return data;
-}
-
 function _lodash() {
   const data = require("lodash");
 
@@ -41,16 +29,6 @@ function _lodash() {
   return data;
 }
 
-function _babelConfig() {
-  const data = require("./babel/babel-config");
-
-  _babelConfig = function () {
-    return data;
-  };
-
-  return data;
-}
-
 const tsconfig = require('./typescript/tsconfig.json');
 
 const AspectEnvType = 'aspect';
@@ -61,10 +39,8 @@ const AspectEnvType = 'aspect';
 exports.AspectEnvType = AspectEnvType;
 
 class AspectEnv {
-  constructor(reactEnv, babel, compiler) {
+  constructor(reactEnv) {
     this.reactEnv = reactEnv;
-    this.babel = babel;
-    this.compiler = compiler;
     (0, _defineProperty2().default)(this, "icon", 'https://static.bit.dev/extensions-icons/default.svg');
   }
 
@@ -79,12 +55,6 @@ class AspectEnv {
     return targetConf;
   }
 
-  getCompiler() {
-    return this.babel.createCompiler({
-      babelTransformOptions: _babelConfig().babelConfig
-    });
-  }
-
   createTsCompiler(tsConfig) {
     return this.reactEnv.getCompiler(this.getTsConfig(tsConfig));
   }
@@ -115,25 +85,6 @@ class AspectEnv {
         'react-dom': '^16.8.0 || ^17.0.0'
       }
     };
-  } // TODO: move this to be in the aspect.main.runtime and use the react.overrideBuildPipe API.
-  // TODO: see example in e2e/fixtures/extensions/multiple-compilers-env/multiple-compilers-env.extension.ts
-  // TODO: or maybe even use the - react.overrideCompilerTasks
-
-
-  getBuildPipe() {
-    const transformer = config => {
-      config.mergeTsConfig(tsconfig).setArtifactName('declaration').setDistGlobPatterns([`dist/**/*.d.ts`]).setShouldCopyNonSupportedFiles(false);
-      return config;
-    };
-
-    const tsCompiler = this.reactEnv.getCompiler([transformer]);
-    const babelCompiler = this.babel.createCompiler({
-      babelTransformOptions: _babelConfig().babelConfig
-    });
-    const pipeWithoutCompiler = this.reactEnv.getBuildPipe().filter(task => task.aspectId !== _compiler().CompilerAspect.id);
-    return [this.compiler.createTask('TypescriptCompiler', tsCompiler), // for d.ts files
-    this.compiler.createTask('BabelCompiler', babelCompiler), // for dists
-    ...pipeWithoutCompiler];
   }
 
 }

package/dist/aspect.env.js.map

@@ -1 +1 @@
-{"version":3,"sources":["aspect.env.ts"],"names":["tsconfig","require","AspectEnvType","AspectEnv","constructor","reactEnv","babel","compiler","__getDescriptor","type","getTsConfig","tsConfig","targetConf","getCompiler","createCompiler","babelTransformOptions","babelConfig","createTsCompiler","getDependencies","dependencies","react","devDependencies","peerDependencies","getBuildPipe","transformer","config","mergeTsConfig","setArtifactName","setDistGlobPatterns","setShouldCopyNonSupportedFiles","tsCompiler","babelCompiler","pipeWithoutCompiler","filter","task","aspectId","CompilerAspect","id","createTask"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAGA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA,MAAMA,QAAQ,GAAGC,OAAO,CAAC,4BAAD,CAAxB;;AAEO,MAAMC,aAAa,GAAG,QAAtB;AAEP;AACA;AACA;;;;AACO,MAAMC,SAAN,CAAuC;AAC5CC,EAAAA,WAAW,CAASC,QAAT,EAAqCC,KAArC,EAA+DC,QAA/D,EAAuF;AAAA,SAA9EF,QAA8E,GAA9EA,QAA8E;AAAA,SAAlDC,KAAkD,GAAlDA,KAAkD;AAAA,SAAxBC,QAAwB,GAAxBA,QAAwB;AAAA,kDAE3F,qDAF2F;AAAE;;AAI/E,QAAfC,eAAe,GAAG;AACtB,WAAO;AACLC,MAAAA,IAAI,EAAEP;AADD,KAAP;AAGD;;AAEDQ,EAAAA,WAAW,CAACC,QAAD,EAA+B;AACxC,UAAMC,UAAU,GAAG,qBAAMZ,QAAN,EAAgBW,QAAhB,CAAnB;AACA,WAAOC,UAAP;AACD;;AAEDC,EAAAA,WAAW,GAAG;AACZ,WAAO,KAAKP,KAAL,CAAWQ,cAAX,CAA0B;AAAEC,MAAAA,qBAAqB,EAAEC;AAAzB,KAA1B,CAAP;AACD;;AAEDC,EAAAA,gBAAgB,CAACN,QAAD,EAAyC;AACvD,WAAO,KAAKN,QAAL,CAAcQ,WAAd,CAA0B,KAAKH,WAAL,CAAiBC,QAAjB,CAA1B,CAAP;AACD;;AAEoB,QAAfO,eAAe,GAAG;AACtB,WAAO;AACLC,MAAAA,YAAY,EAAE;AACZC,QAAAA,KAAK,EAAE,GADK;AAEZ,qBAAa,GAFD;AAGZ,mBAAW,QAHC;AAIZ;AACA,0BAAkB;AALN,OADT;AAQL;AACAC,MAAAA,eAAe,EAAE;AACfD,QAAAA,KAAK,EAAE,GADQ;AAEf,qBAAa,GAFE;AAGf,wBAAgB,GAHD;AAIf,uBAAe,SAJA;AAKf,wBAAgB,SALD;AAMf,4BAAoB,SANL;AAOf,uBAAe,SAPA;AAQf,4CAAoC;AARrB,OATZ;AAmBLE,MAAAA,gBAAgB,EAAE;AAChB;AACAF,QAAAA,KAAK,EAAE,oBAFS;AAGhB,qBAAa;AAHG;AAnBb,KAAP;AAyBD,GAlD2C,CAoD5C;AACA;AACA;;;AACAG,EAAAA,YAAY,GAAG;AACb,UAAMC,WAAgC,GAAIC,MAAD,IAAqC;AAC5EA,MAAAA,MAAM,CACHC,aADH,CACiB1B,QADjB,EAEG2B,eAFH,CAEmB,aAFnB,EAGGC,mBAHH,CAGuB,CAAE,gBAAF,CAHvB,EAIGC,8BAJH,CAIkC,KAJlC;AAKA,aAAOJ,MAAP;AACD,KAPD;;AAQA,UAAMK,UAAU,GAAG,KAAKzB,QAAL,CAAcQ,WAAd,CAA0B,CAACW,WAAD,CAA1B,CAAnB;AAEA,UAAMO,aAAa,GAAG,KAAKzB,KAAL,CAAWQ,cAAX,CAA0B;AAAEC,MAAAA,qBAAqB,EAAEC;AAAzB,KAA1B,CAAtB;AAEA,UAAMgB,mBAAmB,GAAG,KAAK3B,QAAL,CAAckB,YAAd,GAA6BU,MAA7B,CAAqCC,IAAD,IAAUA,IAAI,CAACC,QAAL,KAAkBC,2BAAeC,EAA/E,CAA5B;AAEA,WAAO,CACL,KAAK9B,QAAL,CAAc+B,UAAd,CAAyB,oBAAzB,EAA+CR,UAA/C,CADK,EACuD;AAC5D,SAAKvB,QAAL,CAAc+B,UAAd,CAAyB,eAAzB,EAA0CP,aAA1C,CAFK,EAEqD;AAC1D,OAAGC,mBAHE,CAAP;AAKD;;AA3E2C","sourcesContent":["import { TypescriptConfigMutator } from '@teambit/typescript.modules.ts-config-mutator';\nimport { TsConfigTransformer } from '@teambit/typescript';\nimport { BabelMain } from '@teambit/babel';\nimport { CompilerAspect, CompilerMain, Compiler } from '@teambit/compiler';\nimport { Environment } from '@teambit/envs';\nimport { merge } from 'lodash';\nimport { TsConfigSourceFile } from 'typescript';\nimport { ReactEnv } from '@teambit/react';\nimport { babelConfig } from './babel/babel-config';\n\nconst tsconfig = require('./typescript/tsconfig.json');\n\nexport const AspectEnvType = 'aspect';\n\n/**\n * a component environment built for [Aspects](https://reactjs.org) .\n */\nexport class AspectEnv implements Environment {\n  constructor(private reactEnv: ReactEnv, private babel: BabelMain, private compiler: CompilerMain) {}\n\n  icon = 'https://static.bit.dev/extensions-icons/default.svg';\n\n  async __getDescriptor() {\n    return {\n      type: AspectEnvType,\n    };\n  }\n\n  getTsConfig(tsConfig: TsConfigSourceFile) {\n    const targetConf = merge(tsconfig, tsConfig);\n    return targetConf;\n  }\n\n  getCompiler() {\n    return this.babel.createCompiler({ babelTransformOptions: babelConfig });\n  }\n\n  createTsCompiler(tsConfig: TsConfigSourceFile): Compiler {\n    return this.reactEnv.getCompiler(this.getTsConfig(tsConfig));\n  }\n\n  async getDependencies() {\n    return {\n      dependencies: {\n        react: '-',\n        'react-dom': '-',\n        'core-js': '^3.0.0',\n        // For aspects the babel runtime should be a runtime dep not only dev as they are compiled by babel\n        '@babel/runtime': '7.12.18',\n      },\n      // TODO: add this only if using ts\n      devDependencies: {\n        react: '-',\n        'react-dom': '-',\n        '@types/mocha': '-',\n        '@types/node': '12.20.4',\n        '@types/react': '^17.0.8',\n        '@types/react-dom': '^17.0.5',\n        '@types/jest': '^26.0.0',\n        '@types/testing-library__jest-dom': '5.9.5',\n      },\n      peerDependencies: {\n        // TODO: check if we really need react for aspects (maybe for ink support)\n        react: '^16.8.0 || ^17.0.0',\n        'react-dom': '^16.8.0 || ^17.0.0',\n      },\n    };\n  }\n\n  // TODO: move this to be in the aspect.main.runtime and use the react.overrideBuildPipe API.\n  // TODO: see example in e2e/fixtures/extensions/multiple-compilers-env/multiple-compilers-env.extension.ts\n  // TODO: or maybe even use the - react.overrideCompilerTasks\n  getBuildPipe() {\n    const transformer: TsConfigTransformer = (config: TypescriptConfigMutator) => {\n      config\n        .mergeTsConfig(tsconfig)\n        .setArtifactName('declaration')\n        .setDistGlobPatterns([`dist/**/*.d.ts`])\n        .setShouldCopyNonSupportedFiles(false);\n      return config;\n    };\n    const tsCompiler = this.reactEnv.getCompiler([transformer]);\n\n    const babelCompiler = this.babel.createCompiler({ babelTransformOptions: babelConfig });\n\n    const pipeWithoutCompiler = this.reactEnv.getBuildPipe().filter((task) => task.aspectId !== CompilerAspect.id);\n\n    return [\n      this.compiler.createTask('TypescriptCompiler', tsCompiler), // for d.ts files\n      this.compiler.createTask('BabelCompiler', babelCompiler), // for dists\n      ...pipeWithoutCompiler,\n    ];\n  }\n}\n"]}
+{"version":3,"sources":["aspect.env.ts"],"names":["tsconfig","require","AspectEnvType","AspectEnv","constructor","reactEnv","__getDescriptor","type","getTsConfig","tsConfig","targetConf","createTsCompiler","getCompiler","getDependencies","dependencies","react","devDependencies","peerDependencies"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAIA,MAAMA,QAAQ,GAAGC,OAAO,CAAC,4BAAD,CAAxB;;AAEO,MAAMC,aAAa,GAAG,QAAtB;AAEP;AACA;AACA;;;;AACO,MAAMC,SAAN,CAA2C;AAChDC,EAAAA,WAAW,CAASC,QAAT,EAA6B;AAAA,SAApBA,QAAoB,GAApBA,QAAoB;AAAA,kDAEjC,qDAFiC;AAAE;;AAIrB,QAAfC,eAAe,GAAG;AACtB,WAAO;AACLC,MAAAA,IAAI,EAAEL;AADD,KAAP;AAGD;;AAEDM,EAAAA,WAAW,CAACC,QAAD,EAA+B;AACxC,UAAMC,UAAU,GAAG,qBAAMV,QAAN,EAAgBS,QAAhB,CAAnB;AACA,WAAOC,UAAP;AACD;;AAEDC,EAAAA,gBAAgB,CAACF,QAAD,EAAyC;AACvD,WAAO,KAAKJ,QAAL,CAAcO,WAAd,CAA0B,KAAKJ,WAAL,CAAiBC,QAAjB,CAA1B,CAAP;AACD;;AAEoB,QAAfI,eAAe,GAAG;AACtB,WAAO;AACLC,MAAAA,YAAY,EAAE;AACZC,QAAAA,KAAK,EAAE,GADK;AAEZ,qBAAa,GAFD;AAGZ,mBAAW,QAHC;AAIZ;AACA,0BAAkB;AALN,OADT;AAQL;AACAC,MAAAA,eAAe,EAAE;AACfD,QAAAA,KAAK,EAAE,GADQ;AAEf,qBAAa,GAFE;AAGf,wBAAgB,GAHD;AAIf,uBAAe,SAJA;AAKf,wBAAgB,SALD;AAMf,4BAAoB,SANL;AAOf,uBAAe,SAPA;AAQf,4CAAoC;AARrB,OATZ;AAmBLE,MAAAA,gBAAgB,EAAE;AAChB;AACAF,QAAAA,KAAK,EAAE,oBAFS;AAGhB,qBAAa;AAHG;AAnBb,KAAP;AAyBD;;AA9C+C","sourcesContent":["import { Compiler } from '@teambit/compiler';\nimport { DependenciesEnv } from '@teambit/envs';\nimport { merge } from 'lodash';\nimport { TsConfigSourceFile } from 'typescript';\nimport { ReactEnv } from '@teambit/react';\n\nconst tsconfig = require('./typescript/tsconfig.json');\n\nexport const AspectEnvType = 'aspect';\n\n/**\n * a component environment built for [Aspects](https://reactjs.org) .\n */\nexport class AspectEnv implements DependenciesEnv {\n  constructor(private reactEnv: ReactEnv) {}\n\n  icon = 'https://static.bit.dev/extensions-icons/default.svg';\n\n  async __getDescriptor() {\n    return {\n      type: AspectEnvType,\n    };\n  }\n\n  getTsConfig(tsConfig: TsConfigSourceFile) {\n    const targetConf = merge(tsconfig, tsConfig);\n    return targetConf;\n  }\n\n  createTsCompiler(tsConfig: TsConfigSourceFile): Compiler {\n    return this.reactEnv.getCompiler(this.getTsConfig(tsConfig));\n  }\n\n  async getDependencies() {\n    return {\n      dependencies: {\n        react: '-',\n        'react-dom': '-',\n        'core-js': '^3.0.0',\n        // For aspects the babel runtime should be a runtime dep not only dev as they are compiled by babel\n        '@babel/runtime': '7.12.18',\n      },\n      // TODO: add this only if using ts\n      devDependencies: {\n        react: '-',\n        'react-dom': '-',\n        '@types/mocha': '-',\n        '@types/node': '12.20.4',\n        '@types/react': '^17.0.8',\n        '@types/react-dom': '^17.0.5',\n        '@types/jest': '^26.0.0',\n        '@types/testing-library__jest-dom': '5.9.5',\n      },\n      peerDependencies: {\n        // TODO: check if we really need react for aspects (maybe for ink support)\n        react: '^16.8.0 || ^17.0.0',\n        'react-dom': '^16.8.0 || ^17.0.0',\n      },\n    };\n  }\n}\n"]}

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

@@ -10,6 +10,9 @@ export declare class AspectMain {
     readonly aspectEnv: AspectEnv;
     private envs;
     constructor(aspectEnv: AspectEnv, envs: EnvsMain);
+    /**
+     * compose your own aspect environment.
+     */
     compose(transformers?: EnvTransformer[]): import("@teambit/envs").Environment;
     static runtime: import("@teambit/harmony").RuntimeDefinition;
     static dependencies: import("@teambit/harmony").Aspect[];

package/dist/aspect.main.runtime.js

@@ -141,6 +141,18 @@ function _aspect3() {
   return data;
 }
 
+function _babelConfig() {
+  const data = require("./babel/babel-config");
+
+  _babelConfig = function () {
+    return data;
+  };
+
+  return data;
+}
+
+const tsconfig = require('./typescript/tsconfig.json');
+
 class AspectMain {
   constructor(aspectEnv, envs) {
     this.aspectEnv = aspectEnv;
@@ -156,7 +168,28 @@ class AspectMain {
   }
 
   static async provider([react, envs, builder, aspectLoader, compiler, babel, generator]) {
-    const aspectEnv = envs.merge(new (_aspect2().AspectEnv)(react.reactEnv, babel, compiler), react.reactEnv);
+    const babelCompiler = babel.createCompiler({
+      babelTransformOptions: _babelConfig().babelConfig,
+      distDir: 'dist',
+      distGlobPatterns: [`dist/**`, `!dist/**/*.d.ts`, `!dist/tsconfig.tsbuildinfo`]
+    });
+    const compilerOverride = envs.override({
+      getCompiler: () => {
+        return babelCompiler;
+      }
+    });
+
+    const transformer = config => {
+      config.mergeTsConfig(tsconfig).setArtifactName('declaration').setDistGlobPatterns([`dist/**/*.d.ts`]).setShouldCopyNonSupportedFiles(false);
+      return config;
+    };
+
+    const tsCompiler = react.env.getCompiler([transformer]);
+    const compilerTasksOverride = react.overrideCompilerTasks([compiler.createTask('BabelCompiler', babelCompiler), compiler.createTask('TypescriptCompiler', tsCompiler)]);
+    const pkgJsonOverride = react.overridePackageJsonProps({
+      files: [babelCompiler.distDir, `!${babelCompiler.distDir}/tsconfig.tsbuildinfo`, 'README.md', 'README.mdx', '*.js', '*.json']
+    });
+    const aspectEnv = react.compose([compilerOverride, compilerTasksOverride, pkgJsonOverride], new (_aspect2().AspectEnv)(react.reactEnv));
     const coreExporterTask = new (_coreExporter().CoreExporterTask)(aspectEnv, aspectLoader);
 
     if (!__dirname.includes('@teambit/bit')) {

package/dist/aspect.main.runtime.js.map

@@ -1 +1 @@
-{"version":3,"sources":["aspect.main.runtime.ts"],"names":["AspectMain","constructor","aspectEnv","envs","compose","transformers","provider","react","builder","aspectLoader","compiler","babel","generator","merge","AspectEnv","reactEnv","coreExporterTask","CoreExporterTask","__dirname","includes","registerBuildTasks","registerEnv","registerComponentTemplate","aspectTemplate","MainRuntime","ReactAspect","EnvsAspect","BuilderAspect","AspectLoaderAspect","CompilerAspect","BabelAspect","GeneratorAspect","AspectAspect","addRuntime"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,UAAN,CAAiB;AACtBC,EAAAA,WAAW,CAAUC,SAAV,EAAwCC,IAAxC,EAAwD;AAAA,SAA9CD,SAA8C,GAA9CA,SAA8C;AAAA,SAAhBC,IAAgB,GAAhBA,IAAgB;AAAE;AAErE;AACF;AACA;;;AACEC,EAAAA,OAAO,CAACC,YAA8B,GAAG,EAAlC,EAAsC;AAC3C,WAAO,KAAKF,IAAL,CAAUC,OAAV,CAAkB,KAAKF,SAAvB,EAAkCG,YAAlC,CAAP;AACD;;AAaoB,eAARC,QAAQ,CAAC,CAACC,KAAD,EAAQJ,IAAR,EAAcK,OAAd,EAAuBC,YAAvB,EAAqCC,QAArC,EAA+CC,KAA/C,EAAsDC,SAAtD,CAAD,EAQlB;AACD,UAAMV,SAAS,GAAGC,IAAI,CAACU,KAAL,CAAsB,KAAIC,oBAAJ,EAAcP,KAAK,CAACQ,QAApB,EAA8BJ,KAA9B,EAAqCD,QAArC,CAAtB,EAAsEH,KAAK,CAACQ,QAA5E,CAAlB;AACA,UAAMC,gBAAgB,GAAG,KAAIC,gCAAJ,EAAqBf,SAArB,EAAgCO,YAAhC,CAAzB;;AACA,QAAI,CAACS,SAAS,CAACC,QAAV,CAAmB,cAAnB,CAAL,EAAyC;AACvCX,MAAAA,OAAO,CAACY,kBAAR,CAA2B,CAACJ,gBAAD,CAA3B;AACD;;AAEDb,IAAAA,IAAI,CAACkB,WAAL,CAAiBnB,SAAjB;AACAU,IAAAA,SAAS,CAACU,yBAAV,CAAoC,CAACC,yBAAD,CAApC;AACA,WAAO,IAAIvB,UAAJ,CAAeE,SAAf,EAA0BC,IAA1B,CAAP;AACD;;AAvCqB;;;gCAAXH,U,aAUMwB,kB;gCAVNxB,U,kBAWW,CACpByB,oBADoB,EAEpBC,kBAFoB,EAGpBC,wBAHoB,EAIpBC,kCAJoB,EAKpBC,0BALoB,EAMpBC,oBANoB,EAOpBC,4BAPoB,C;;AA+BxBC,uBAAaC,UAAb,CAAwBjC,UAAxB","sourcesContent":["import { AspectLoaderAspect, AspectLoaderMain } from '@teambit/aspect-loader';\nimport { BuilderAspect, BuilderMain } from '@teambit/builder';\nimport { MainRuntime } from '@teambit/cli';\nimport { EnvsAspect, EnvsMain, EnvTransformer } from '@teambit/envs';\nimport { ReactAspect, ReactMain } from '@teambit/react';\nimport { GeneratorAspect, GeneratorMain } from '@teambit/generator';\nimport { BabelAspect, BabelMain } from '@teambit/babel';\nimport { CompilerAspect, CompilerMain } from '@teambit/compiler';\nimport { AspectAspect } from './aspect.aspect';\nimport { AspectEnv } from './aspect.env';\nimport { CoreExporterTask } from './core-exporter.task';\nimport { aspectTemplate } from './templates/aspect';\n\nexport class AspectMain {\n  constructor(readonly aspectEnv: AspectEnv, private envs: EnvsMain) {}\n\n  /**\n   * compose your own aspect environment.\n   */\n  compose(transformers: EnvTransformer[] = []) {\n    return this.envs.compose(this.aspectEnv, transformers);\n  }\n\n  static runtime = MainRuntime;\n  static dependencies = [\n    ReactAspect,\n    EnvsAspect,\n    BuilderAspect,\n    AspectLoaderAspect,\n    CompilerAspect,\n    BabelAspect,\n    GeneratorAspect,\n  ];\n\n  static async provider([react, envs, builder, aspectLoader, compiler, babel, generator]: [\n    ReactMain,\n    EnvsMain,\n    BuilderMain,\n    AspectLoaderMain,\n    CompilerMain,\n    BabelMain,\n    GeneratorMain\n  ]) {\n    const aspectEnv = envs.merge<AspectEnv>(new AspectEnv(react.reactEnv, babel, compiler), react.reactEnv);\n    const coreExporterTask = new CoreExporterTask(aspectEnv, aspectLoader);\n    if (!__dirname.includes('@teambit/bit')) {\n      builder.registerBuildTasks([coreExporterTask]);\n    }\n\n    envs.registerEnv(aspectEnv);\n    generator.registerComponentTemplate([aspectTemplate]);\n    return new AspectMain(aspectEnv, envs);\n  }\n}\n\nAspectAspect.addRuntime(AspectMain);\n"]}
+{"version":3,"sources":["aspect.main.runtime.ts"],"names":["tsconfig","require","AspectMain","constructor","aspectEnv","envs","compose","transformers","provider","react","builder","aspectLoader","compiler","babel","generator","babelCompiler","createCompiler","babelTransformOptions","babelConfig","distDir","distGlobPatterns","compilerOverride","override","getCompiler","transformer","config","mergeTsConfig","setArtifactName","setDistGlobPatterns","setShouldCopyNonSupportedFiles","tsCompiler","env","compilerTasksOverride","overrideCompilerTasks","createTask","pkgJsonOverride","overridePackageJsonProps","files","AspectEnv","reactEnv","coreExporterTask","CoreExporterTask","__dirname","includes","registerBuildTasks","registerEnv","registerComponentTemplate","aspectTemplate","MainRuntime","ReactAspect","EnvsAspect","BuilderAspect","AspectLoaderAspect","CompilerAspect","BabelAspect","GeneratorAspect","AspectAspect","addRuntime"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA,MAAMA,QAAQ,GAAGC,OAAO,CAAC,4BAAD,CAAxB;;AAEO,MAAMC,UAAN,CAAiB;AACtBC,EAAAA,WAAW,CAAUC,SAAV,EAAwCC,IAAxC,EAAwD;AAAA,SAA9CD,SAA8C,GAA9CA,SAA8C;AAAA,SAAhBC,IAAgB,GAAhBA,IAAgB;AAAE;AAErE;AACF;AACA;;;AACEC,EAAAA,OAAO,CAACC,YAA8B,GAAG,EAAlC,EAAsC;AAC3C,WAAO,KAAKF,IAAL,CAAUC,OAAV,CAAkB,KAAKF,SAAvB,EAAkCG,YAAlC,CAAP;AACD;;AAaoB,eAARC,QAAQ,CAAC,CAACC,KAAD,EAAQJ,IAAR,EAAcK,OAAd,EAAuBC,YAAvB,EAAqCC,QAArC,EAA+CC,KAA/C,EAAsDC,SAAtD,CAAD,EAQlB;AACD,UAAMC,aAAa,GAAGF,KAAK,CAACG,cAAN,CAAqB;AACzCC,MAAAA,qBAAqB,EAAEC,0BADkB;AAEzCC,MAAAA,OAAO,EAAE,MAFgC;AAGzCC,MAAAA,gBAAgB,EAAE,CAAE,SAAF,EAAa,iBAAb,EAAgC,4BAAhC;AAHuB,KAArB,CAAtB;AAKA,UAAMC,gBAAgB,GAAGhB,IAAI,CAACiB,QAAL,CAAc;AACrCC,MAAAA,WAAW,EAAE,MAAM;AACjB,eAAOR,aAAP;AACD;AAHoC,KAAd,CAAzB;;AAMA,UAAMS,WAAW,GAAIC,MAAD,IAAY;AAC9BA,MAAAA,MAAM,CACHC,aADH,CACiB1B,QADjB,EAEG2B,eAFH,CAEmB,aAFnB,EAGGC,mBAHH,CAGuB,CAAE,gBAAF,CAHvB,EAIGC,8BAJH,CAIkC,KAJlC;AAKA,aAAOJ,MAAP;AACD,KAPD;;AAQA,UAAMK,UAAU,GAAGrB,KAAK,CAACsB,GAAN,CAAUR,WAAV,CAAsB,CAACC,WAAD,CAAtB,CAAnB;AAEA,UAAMQ,qBAAqB,GAAGvB,KAAK,CAACwB,qBAAN,CAA4B,CACxDrB,QAAQ,CAACsB,UAAT,CAAoB,eAApB,EAAqCnB,aAArC,CADwD,EAExDH,QAAQ,CAACsB,UAAT,CAAoB,oBAApB,EAA0CJ,UAA1C,CAFwD,CAA5B,CAA9B;AAKA,UAAMK,eAAe,GAAG1B,KAAK,CAAC2B,wBAAN,CAA+B;AACrDC,MAAAA,KAAK,EAAE,CACLtB,aAAa,CAACI,OADT,EAEJ,IAAGJ,aAAa,CAACI,OAAQ,uBAFrB,EAGL,WAHK,EAIL,YAJK,EAKL,MALK,EAML,QANK;AAD8C,KAA/B,CAAxB;AAWA,UAAMf,SAAS,GAAGK,KAAK,CAACH,OAAN,CAChB,CAACe,gBAAD,EAAmBW,qBAAnB,EAA0CG,eAA1C,CADgB,EAEhB,KAAIG,oBAAJ,EAAc7B,KAAK,CAAC8B,QAApB,CAFgB,CAAlB;AAKA,UAAMC,gBAAgB,GAAG,KAAIC,gCAAJ,EAAqBrC,SAArB,EAAgCO,YAAhC,CAAzB;;AACA,QAAI,CAAC+B,SAAS,CAACC,QAAV,CAAmB,cAAnB,CAAL,EAAyC;AACvCjC,MAAAA,OAAO,CAACkC,kBAAR,CAA2B,CAACJ,gBAAD,CAA3B;AACD;;AAEDnC,IAAAA,IAAI,CAACwC,WAAL,CAAiBzC,SAAjB;AACAU,IAAAA,SAAS,CAACgC,yBAAV,CAAoC,CAACC,yBAAD,CAApC;AACA,WAAO,IAAI7C,UAAJ,CAAeE,SAAf,EAAuCC,IAAvC,CAAP;AACD;;AAhFqB;;;gCAAXH,U,aAUM8C,kB;gCAVN9C,U,kBAWW,CACpB+C,oBADoB,EAEpBC,kBAFoB,EAGpBC,wBAHoB,EAIpBC,kCAJoB,EAKpBC,0BALoB,EAMpBC,oBANoB,EAOpBC,4BAPoB,C;;AAwExBC,uBAAaC,UAAb,CAAwBvD,UAAxB","sourcesContent":["import { AspectLoaderAspect, AspectLoaderMain } from '@teambit/aspect-loader';\nimport { BuilderAspect, BuilderMain } from '@teambit/builder';\nimport { MainRuntime } from '@teambit/cli';\nimport { EnvsAspect, EnvsMain, EnvTransformer } from '@teambit/envs';\nimport { ReactAspect, ReactMain } from '@teambit/react';\nimport { GeneratorAspect, GeneratorMain } from '@teambit/generator';\nimport { BabelAspect, BabelMain } from '@teambit/babel';\nimport { CompilerAspect, CompilerMain } from '@teambit/compiler';\nimport { AspectAspect } from './aspect.aspect';\nimport { AspectEnv } from './aspect.env';\nimport { CoreExporterTask } from './core-exporter.task';\nimport { aspectTemplate } from './templates/aspect';\nimport { babelConfig } from './babel/babel-config';\n\nconst tsconfig = require('./typescript/tsconfig.json');\n\nexport class AspectMain {\n  constructor(readonly aspectEnv: AspectEnv, private envs: EnvsMain) {}\n\n  /**\n   * compose your own aspect environment.\n   */\n  compose(transformers: EnvTransformer[] = []) {\n    return this.envs.compose(this.aspectEnv, transformers);\n  }\n\n  static runtime = MainRuntime;\n  static dependencies = [\n    ReactAspect,\n    EnvsAspect,\n    BuilderAspect,\n    AspectLoaderAspect,\n    CompilerAspect,\n    BabelAspect,\n    GeneratorAspect,\n  ];\n\n  static async provider([react, envs, builder, aspectLoader, compiler, babel, generator]: [\n    ReactMain,\n    EnvsMain,\n    BuilderMain,\n    AspectLoaderMain,\n    CompilerMain,\n    BabelMain,\n    GeneratorMain\n  ]) {\n    const babelCompiler = babel.createCompiler({\n      babelTransformOptions: babelConfig,\n      distDir: 'dist',\n      distGlobPatterns: [`dist/**`, `!dist/**/*.d.ts`, `!dist/tsconfig.tsbuildinfo`],\n    });\n    const compilerOverride = envs.override({\n      getCompiler: () => {\n        return babelCompiler;\n      },\n    });\n\n    const transformer = (config) => {\n      config\n        .mergeTsConfig(tsconfig)\n        .setArtifactName('declaration')\n        .setDistGlobPatterns([`dist/**/*.d.ts`])\n        .setShouldCopyNonSupportedFiles(false);\n      return config;\n    };\n    const tsCompiler = react.env.getCompiler([transformer]);\n\n    const compilerTasksOverride = react.overrideCompilerTasks([\n      compiler.createTask('BabelCompiler', babelCompiler),\n      compiler.createTask('TypescriptCompiler', tsCompiler),\n    ]);\n\n    const pkgJsonOverride = react.overridePackageJsonProps({\n      files: [\n        babelCompiler.distDir,\n        `!${babelCompiler.distDir}/tsconfig.tsbuildinfo`,\n        'README.md',\n        'README.mdx',\n        '*.js',\n        '*.json',\n      ],\n    });\n\n    const aspectEnv = react.compose(\n      [compilerOverride, compilerTasksOverride, pkgJsonOverride],\n      new AspectEnv(react.reactEnv)\n    );\n\n    const coreExporterTask = new CoreExporterTask(aspectEnv, aspectLoader);\n    if (!__dirname.includes('@teambit/bit')) {\n      builder.registerBuildTasks([coreExporterTask]);\n    }\n\n    envs.registerEnv(aspectEnv);\n    generator.registerComponentTemplate([aspectTemplate]);\n    return new AspectMain(aspectEnv as AspectEnv, envs);\n  }\n}\n\nAspectAspect.addRuntime(AspectMain);\n"]}

package/dist/typescript/tsconfig.json

@@ -21,7 +21,6 @@
     "moduleResolution": "node",
     "noImplicitAny": false,
     "rootDir": ".",
-    "removeComments": true,
     "preserveConstEnums": true,
     "resolveJsonModule": true
   },

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/aspect",
-  "version": "0.0.554",
+  "version": "0.0.558",
   "homepage": "https://bit.dev/teambit/harmony/aspect",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.harmony",
     "name": "aspect",
-    "version": "0.0.554"
+    "version": "0.0.558"
   },
   "dependencies": {
     "@teambit/harmony": "0.2.11",
@@ -24,21 +24,19 @@
     "@babel/plugin-proposal-class-properties": "7.12.13",
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
-    "@teambit/babel": "0.0.554",
-    "@teambit/compiler": "0.0.554",
-    "@teambit/envs": "0.0.554",
-    "@teambit/react": "0.0.554",
-    "@teambit/typescript.modules.ts-config-mutator": "0.0.42",
-    "@teambit/typescript": "0.0.554",
-    "@teambit/aspect-loader": "0.0.554",
-    "@teambit/builder": "0.0.554",
-    "@teambit/cli": "0.0.385",
-    "@teambit/generator": "0.0.554",
-    "@teambit/compositions": "0.0.554",
+    "@teambit/compiler": "0.0.558",
+    "@teambit/envs": "0.0.558",
+    "@teambit/react": "0.0.558",
+    "@teambit/aspect-loader": "0.0.558",
+    "@teambit/babel": "0.0.558",
+    "@teambit/builder": "0.0.558",
+    "@teambit/cli": "0.0.388",
+    "@teambit/generator": "0.0.558",
+    "@teambit/compositions": "0.0.558",
     "@teambit/design.ui.empty-box": "0.0.352",
-    "@teambit/tester": "0.0.554",
-    "@teambit/ui": "0.0.554",
-    "@teambit/isolator": "0.0.554"
+    "@teambit/tester": "0.0.558",
+    "@teambit/ui": "0.0.558",
+    "@teambit/isolator": "0.0.558"
   },
   "devDependencies": {
     "@types/react": "^17.0.8",
@@ -89,6 +87,14 @@
       }
     }
   },
+  "files": [
+    "dist",
+    "!dist/tsconfig.tsbuildinfo",
+    "README.md",
+    "README.mdx",
+    "*.js",
+    "*.json"
+  ],
   "private": false,
   "engines": {
     "node": ">=12.22.0"

package/tsconfig.json

@@ -15,9 +15,9 @@
     "skipLibCheck": true,
     "moduleResolution": "node",
     "esModuleInterop": true,
-    "outDir": "dist",
     "composite": true,
     "emitDeclarationOnly": true,
+    "outDir": "dist",
     "experimentalDecorators": true,
     "emitDecoratorMetadata": true,
     "allowSyntheticDefaultImports": true,
@@ -25,7 +25,6 @@
     "strict": true,
     "noImplicitAny": false,
     "rootDir": ".",
-    "removeComments": true,
     "preserveConstEnums": true,
     "resolveJsonModule": true
   },

package/aspect.aspect.ts

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

package/aspect.composition.tsx

@@ -1,7 +0,0 @@
-import React from 'react';
-
-export const Logo = () => (
-  <div style={{ height: '100%', display: 'flex', justifyContent: 'center' }}>
-    <img style={{ width: 70 }} src="https://static.bit.dev/extensions-icons/default.svg" />
-  </div>
-);

package/aspect.env.ts

@@ -1,94 +0,0 @@
-import { TypescriptConfigMutator } from '@teambit/typescript.modules.ts-config-mutator';
-import { TsConfigTransformer } from '@teambit/typescript';
-import { BabelMain } from '@teambit/babel';
-import { CompilerAspect, CompilerMain, Compiler } from '@teambit/compiler';
-import { Environment } from '@teambit/envs';
-import { merge } from 'lodash';
-import { TsConfigSourceFile } from 'typescript';
-import { ReactEnv } from '@teambit/react';
-import { babelConfig } from './babel/babel-config';
-
-const tsconfig = require('./typescript/tsconfig.json');
-
-export const AspectEnvType = 'aspect';
-
-/**
- * a component environment built for [Aspects](https://reactjs.org) .
- */
-export class AspectEnv implements Environment {
-  constructor(private reactEnv: ReactEnv, private babel: BabelMain, private compiler: CompilerMain) {}
-
-  icon = 'https://static.bit.dev/extensions-icons/default.svg';
-
-  async __getDescriptor() {
-    return {
-      type: AspectEnvType,
-    };
-  }
-
-  getTsConfig(tsConfig: TsConfigSourceFile) {
-    const targetConf = merge(tsconfig, tsConfig);
-    return targetConf;
-  }
-
-  getCompiler() {
-    return this.babel.createCompiler({ babelTransformOptions: babelConfig });
-  }
-
-  createTsCompiler(tsConfig: TsConfigSourceFile): Compiler {
-    return this.reactEnv.getCompiler(this.getTsConfig(tsConfig));
-  }
-
-  async getDependencies() {
-    return {
-      dependencies: {
-        react: '-',
-        'react-dom': '-',
-        'core-js': '^3.0.0',
-        // For aspects the babel runtime should be a runtime dep not only dev as they are compiled by babel
-        '@babel/runtime': '7.12.18',
-      },
-      // TODO: add this only if using ts
-      devDependencies: {
-        react: '-',
-        'react-dom': '-',
-        '@types/mocha': '-',
-        '@types/node': '12.20.4',
-        '@types/react': '^17.0.8',
-        '@types/react-dom': '^17.0.5',
-        '@types/jest': '^26.0.0',
-        '@types/testing-library__jest-dom': '5.9.5',
-      },
-      peerDependencies: {
-        // TODO: check if we really need react for aspects (maybe for ink support)
-        react: '^16.8.0 || ^17.0.0',
-        'react-dom': '^16.8.0 || ^17.0.0',
-      },
-    };
-  }
-
-  // TODO: move this to be in the aspect.main.runtime and use the react.overrideBuildPipe API.
-  // TODO: see example in e2e/fixtures/extensions/multiple-compilers-env/multiple-compilers-env.extension.ts
-  // TODO: or maybe even use the - react.overrideCompilerTasks
-  getBuildPipe() {
-    const transformer: TsConfigTransformer = (config: TypescriptConfigMutator) => {
-      config
-        .mergeTsConfig(tsconfig)
-        .setArtifactName('declaration')
-        .setDistGlobPatterns([`dist/**/*.d.ts`])
-        .setShouldCopyNonSupportedFiles(false);
-      return config;
-    };
-    const tsCompiler = this.reactEnv.getCompiler([transformer]);
-
-    const babelCompiler = this.babel.createCompiler({ babelTransformOptions: babelConfig });
-
-    const pipeWithoutCompiler = this.reactEnv.getBuildPipe().filter((task) => task.aspectId !== CompilerAspect.id);
-
-    return [
-      this.compiler.createTask('TypescriptCompiler', tsCompiler), // for d.ts files
-      this.compiler.createTask('BabelCompiler', babelCompiler), // for dists
-      ...pipeWithoutCompiler,
-    ];
-  }
-}

package/aspect.main.runtime.ts

@@ -1,56 +0,0 @@
-import { AspectLoaderAspect, AspectLoaderMain } from '@teambit/aspect-loader';
-import { BuilderAspect, BuilderMain } from '@teambit/builder';
-import { MainRuntime } from '@teambit/cli';
-import { EnvsAspect, EnvsMain, EnvTransformer } from '@teambit/envs';
-import { ReactAspect, ReactMain } from '@teambit/react';
-import { GeneratorAspect, GeneratorMain } from '@teambit/generator';
-import { BabelAspect, BabelMain } from '@teambit/babel';
-import { CompilerAspect, CompilerMain } from '@teambit/compiler';
-import { AspectAspect } from './aspect.aspect';
-import { AspectEnv } from './aspect.env';
-import { CoreExporterTask } from './core-exporter.task';
-import { aspectTemplate } from './templates/aspect';
-
-export class AspectMain {
-  constructor(readonly aspectEnv: AspectEnv, private envs: EnvsMain) {}
-
-  /**
-   * compose your own aspect environment.
-   */
-  compose(transformers: EnvTransformer[] = []) {
-    return this.envs.compose(this.aspectEnv, transformers);
-  }
-
-  static runtime = MainRuntime;
-  static dependencies = [
-    ReactAspect,
-    EnvsAspect,
-    BuilderAspect,
-    AspectLoaderAspect,
-    CompilerAspect,
-    BabelAspect,
-    GeneratorAspect,
-  ];
-
-  static async provider([react, envs, builder, aspectLoader, compiler, babel, generator]: [
-    ReactMain,
-    EnvsMain,
-    BuilderMain,
-    AspectLoaderMain,
-    CompilerMain,
-    BabelMain,
-    GeneratorMain
-  ]) {
-    const aspectEnv = envs.merge<AspectEnv>(new AspectEnv(react.reactEnv, babel, compiler), react.reactEnv);
-    const coreExporterTask = new CoreExporterTask(aspectEnv, aspectLoader);
-    if (!__dirname.includes('@teambit/bit')) {
-      builder.registerBuildTasks([coreExporterTask]);
-    }
-
-    envs.registerEnv(aspectEnv);
-    generator.registerComponentTemplate([aspectTemplate]);
-    return new AspectMain(aspectEnv, envs);
-  }
-}
-
-AspectAspect.addRuntime(AspectMain);

package/aspect.ui.runtime.tsx

@@ -1,42 +0,0 @@
-import React from 'react';
-import { CompositionsAspect, CompositionsUI } from '@teambit/compositions';
-import { UIRuntime } from '@teambit/ui';
-import { TesterAspect, TesterUI } from '@teambit/tester';
-import { EmptyBox } from '@teambit/design.ui.empty-box';
-import { AspectAspect } from './aspect.aspect';
-
-export class AspectEnvUI {
-  static runtime = UIRuntime;
-  static slots = [];
-  static dependencies = [CompositionsAspect, TesterAspect];
-
-  static async provider([compositionsUI, testerUi]: [CompositionsUI, TesterUI]) {
-    const aspectEnvUI = new AspectEnvUI();
-
-    testerUi.registerEmptyState(() => {
-      return (
-        <EmptyBox
-          title="This component doesn’t have any tests."
-          linkText="Learn how to add tests to your aspect components"
-          link="https://harmony-docs.bit.dev/testing/overview/"
-        />
-      );
-    });
-
-    compositionsUI.registerEmptyState(() => {
-      return (
-        <EmptyBox
-          title="This component doesn’t have any compositions."
-          linkText="Learn how to add compositions to your aspect components"
-          link="https://harmony-docs.bit.dev/compositions/overview/"
-        />
-      );
-    });
-
-    return aspectEnvUI;
-  }
-}
-
-AspectAspect.addRuntime(AspectEnvUI);
-
-export default AspectEnvUI;

package/babel/babel-config.ts

@@ -1,33 +0,0 @@
-const presets = [
-  require.resolve('@babel/preset-react'),
-  require.resolve('@babel/preset-typescript'),
-  [
-    require.resolve('@babel/preset-env'),
-    {
-      targets: {
-        node: 8,
-      },
-      useBuiltIns: 'usage',
-      corejs: 3,
-    },
-  ],
-];
-const plugins = [
-  [
-    require.resolve('@babel/plugin-transform-modules-commonjs'),
-    {
-      lazy: () => true,
-    },
-  ],
-  require.resolve('babel-plugin-transform-typescript-metadata'),
-  [require.resolve('@babel/plugin-proposal-decorators'), { legacy: true }],
-  [require.resolve('@babel/plugin-transform-runtime')],
-  [require.resolve('@babel/plugin-proposal-object-rest-spread')],
-  [require.resolve('@babel/plugin-proposal-class-properties')],
-];
-
-export const babelConfig = {
-  presets,
-  plugins,
-  sourceMaps: true,
-};

package/core-exporter.task.ts

@@ -1,82 +0,0 @@
-import path from 'path';
-import fs from 'fs-extra';
-import { BuildContext, BuiltTaskResult, BuildTask, TaskLocation } from '@teambit/builder';
-import { AspectLoaderMain, getCoreAspectName, getCoreAspectPackageName } from '@teambit/aspect-loader';
-import { Capsule } from '@teambit/isolator';
-import { Environment } from '@teambit/envs';
-
-export class CoreExporterTask implements BuildTask {
-  constructor(private env: Environment, private aspectLoader: AspectLoaderMain) {}
-
-  location: TaskLocation = 'start';
-  readonly aspectId = 'teambit.harmony/aspect';
-  readonly name = 'CoreExporter';
-  readonly description = 'export all core aspects via the main aspects';
-
-  async execute(context: BuildContext): Promise<BuiltTaskResult> {
-    const mainAspect = this.aspectLoader.mainAspect;
-    const capsules = context.capsuleNetwork.seedersCapsules;
-    const mainAspectCapsule = capsules.find((capsule) => capsule.component.id.name === mainAspect.name);
-    if (mainAspectCapsule) {
-      const distDir = this.env.getCompiler().distDir;
-      await this.addFolderForAllCoreAspects(mainAspectCapsule, distDir);
-      await this.addFolderForHarmony(mainAspectCapsule, distDir);
-      await this.addFolderForLegacy(mainAspectCapsule, distDir);
-    }
-
-    return {
-      componentsResults: [],
-      artifacts: [],
-    };
-  }
-
-  private addFolderForAllCoreAspects(mainAspectCapsule: Capsule, distDir: string) {
-    const coreAspectsIds = this.aspectLoader.getCoreAspectIds();
-    const coreAspectsNamesPackages = coreAspectsIds.map((id) => {
-      return {
-        name: getCoreAspectName(id),
-        packageName: getCoreAspectPackageName(id),
-      };
-    });
-    const capsuleDir = mainAspectCapsule.path;
-    const createBarrelFilesP = coreAspectsNamesPackages.map(async ({ name, packageName }) => {
-      const newDirPath = path.join(capsuleDir, distDir, name);
-      await fs.ensureDir(newDirPath);
-      const barrelContent = generateBarrelFile(packageName);
-      await fs.writeFile(path.join(newDirPath, 'index.js'), barrelContent);
-    });
-    return Promise.all(createBarrelFilesP);
-  }
-
-  private async addFolderForNonAspectCorePackages(
-    mainAspectCapsule: Capsule,
-    distDir: string,
-    name: string,
-    packageName = `@teambit/${name}`
-  ) {
-    const capsuleDir = mainAspectCapsule.path;
-    const newDirPath = path.join(capsuleDir, distDir, name);
-    await fs.ensureDir(newDirPath);
-    const barrelContent = generateBarrelFile(packageName);
-    await fs.writeFile(path.join(newDirPath, 'index.js'), barrelContent);
-  }
-
-  private async addFolderForHarmony(mainAspectCapsule: Capsule, distDir: string) {
-    const name = 'harmony';
-    await this.addFolderForNonAspectCorePackages(mainAspectCapsule, distDir, name);
-  }
-
-  private async addFolderForLegacy(mainAspectCapsule: Capsule, distDir: string) {
-    const name = 'legacy';
-    await this.addFolderForNonAspectCorePackages(mainAspectCapsule, distDir, name);
-  }
-}
-
-function generateBarrelFile(packageName) {
-  return `
-Object.defineProperty(exports, "__esModule", { value: true });
-// const aspect = require("${packageName}");
-// module.exports = aspect;
-module.exports.path = require.resolve("${packageName}");
-`;
-}

package/index.ts

@@ -1,3 +0,0 @@
-export type { AspectMain } from './aspect.main.runtime';
-export { AspectAspect, AspectAspect as default } from './aspect.aspect';
-export type { AspectEnv } from './aspect.env';

package/templates/aspect/files/aspect-file.ts

@@ -1,10 +0,0 @@
-import { ComponentContext } from '@teambit/generator';
-
-export function aspectFile({ namePascalCase, componentId }: ComponentContext) {
-  return `import { Aspect } from '@teambit/harmony';
-
-export const ${namePascalCase}Aspect = Aspect.create({
-  id: '${componentId}',
-});
-  `;
-}

package/templates/aspect/files/index.ts

@@ -1,10 +0,0 @@
-import { ComponentContext } from '@teambit/generator';
-
-export function indexFile({ namePascalCase, name }: ComponentContext) {
-  return `import { ${namePascalCase}Aspect } from './${name}.aspect';
-
-export type { ${namePascalCase}Main } from './${name}.main.runtime';
-export default ${namePascalCase}Aspect;
-export { ${namePascalCase}Aspect };
-`;
-}

package/templates/aspect/files/main-runtime.ts

@@ -1,18 +0,0 @@
-import { ComponentContext } from '@teambit/generator';
-
-export function mainRuntime({ name, namePascalCase }: ComponentContext) {
-  return `import { MainRuntime } from '@teambit/cli';
-import { ${namePascalCase}Aspect } from './${name}.aspect';
-
-export class ${namePascalCase}Main {
-  static slots = [];
-  static dependencies = [];
-  static runtime = MainRuntime;
-  static async provider() {
-    return new ${namePascalCase}Main();
-  }
-}
-
-${namePascalCase}Aspect.addRuntime(${namePascalCase}Main);
-`;
-}

package/templates/aspect/index.ts

@@ -1,26 +0,0 @@
-import { ComponentContext, ComponentTemplate } from '@teambit/generator';
-import { indexFile } from './files/index';
-import { aspectFile } from './files/aspect-file';
-import { mainRuntime } from './files/main-runtime';
-
-export const aspectTemplate: ComponentTemplate = {
-  name: 'aspect',
-  description: 'extend Bit capabilities',
-  generateFiles: (context: ComponentContext) => {
-    return [
-      {
-        relativePath: 'index.ts',
-        content: indexFile(context),
-        isMain: true,
-      },
-      {
-        relativePath: `${context.name}.aspect.ts`,
-        content: aspectFile(context),
-      },
-      {
-        relativePath: `${context.name}.main.runtime.ts`,
-        content: mainRuntime(context),
-      },
-    ];
-  },
-};

package/types/asset.d.ts

@@ -1,29 +0,0 @@
-declare module '*.png' {
-  const value: any;
-  export = value;
-}
-declare module '*.svg' {
-  import type { FunctionComponent, SVGProps } from 'react';
-
-  export const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>;
-  const src: string;
-  export default src;
-}
-
-// @TODO Gilad
-declare module '*.jpg' {
-  const value: any;
-  export = value;
-}
-declare module '*.jpeg' {
-  const value: any;
-  export = value;
-}
-declare module '*.gif' {
-  const value: any;
-  export = value;
-}
-declare module '*.bmp' {
-  const value: any;
-  export = value;
-}

package/types/style.d.ts

@@ -1,42 +0,0 @@
-declare module '*.module.css' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-declare module '*.module.scss' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-declare module '*.module.sass' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.module.less' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.less' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.css' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.sass' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.scss' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.mdx' {
-  const component: any;
-  export default component;
-}

package/typescript/tsconfig.json

@@ -1,31 +0,0 @@
-{
-  "compilerOptions": {
-    "lib": [
-      "es2019", "DOM", "ES6" ,"DOM.Iterable", "ScriptHost"
-    ],
-    "target": "es2015",
-    "module": "commonjs",
-    "jsx": "react",
-    "composite": true,
-    "emitDeclarationOnly": true,
-    "declaration": true,
-    "sourceMap": true,
-    "skipLibCheck": true,
-    "outDir": "dist",
-    "esModuleInterop": true,
-    "experimentalDecorators": true,
-    "emitDecoratorMetadata": true,
-    "allowSyntheticDefaultImports": true,
-    "strictPropertyInitialization": false,
-    "strict": true,
-    "moduleResolution": "node",
-    "noImplicitAny": false,
-    "rootDir": ".",
-    "removeComments": true,
-    "preserveConstEnums": true,
-    "resolveJsonModule": true
-  },
-  "exclude": [
-    "dist"
-  ]
-}