@teambit/babel 1.0.108 → 1.0.109

package/artifacts/preview/teambit_compilation_babel-preview.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["teambit.compilation/babel-preview"]=t():e["teambit.compilation/babel-preview"]=t()}(self,(()=>(()=>{"use strict";var e={17856:(e,t,o)=>{var n={id:"teambit.compilation/babel@1.0.109",homepage:"https://bit.cloud/teambit/compilation/babel",exported:!0};function r(){const e=i(o(87363));return r=function(){return e},e}function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Logo=void 0,r.__bit_component=n,i.__bit_component=n;const a=()=>r().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},r().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/babel.svg"}));a.__bit_component=n,t.Logo=a},76694:(e,t,o)=>{var n={id:"teambit.compilation/aspect-docs/babel@0.0.166",homepage:"https://bit.cloud/teambit/compilation/aspect-docs/babel",exported:!0};Object.defineProperty(t,"__esModule",{value:!0}),t.default=b,a(o(87363));var r=o(40040),i=["components"];function a(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},p.apply(this,arguments)}function l(e,t){if(null==e)return{};var o,n,r=s(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}function s(e,t){if(null==e)return{};var o,n,r={},i=Object.keys(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||(r[o]=e[o]);return r}a.__bit_component=n,p.__bit_component=n,l.__bit_component=n,s.__bit_component=n;var c={},m="wrapper";function b(e){var t=e.components,o=l(e,i);return(0,r.mdx)(m,p({},c,o,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("p",null,"This compiler utilizes the programmatic API of Babel to transpile files. See the compiler-options.ts for more data how to pass Babel options to the compiler."),(0,r.mdx)("p",null,"Note that to isolate the components from different Babel config files on the machine, the following two props are set to false (if they weren't passed in the options): ",(0,r.mdx)("inlineCode",{parentName:"p"},"configFile")," and ",(0,r.mdx)("inlineCode",{parentName:"p"},"babelrc"),"."),(0,r.mdx)("h2",null,"FAQ"),(0,r.mdx)("p",null,(0,r.mdx)("em",{parentName:"p"},"Q"),": I'm getting an error about missing plugins."),(0,r.mdx)("p",null,(0,r.mdx)("em",{parentName:"p"},"A"),": make sure that workspace.jsonc has the plugins and that you ran ",(0,r.mdx)("inlineCode",{parentName:"p"},"bit install"),".\nExample of the workspace.jsonc settings:"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre"},'"my-babel-env": {\n      "teambit.bit/aspect": {},\n      "teambit.bit/dependency-resolver": {\n        "policy": {\n          "dependencies": {\n            "@babel/core": "7.11.6",\n            "@babel/preset-react": "7.22.15",\n            "@babel/preset-env": "7.22.15",\n            "@babel/preset-typescript": "7.22.15",\n            "@babel/plugin-transform-class-properties": "7.22.5"\n          }\n        }\n      }\n    },\n')),(0,r.mdx)("ol",{start:2},(0,r.mdx)("li",{parentName:"ol"},"You're not using the plugin.\nThe reason for the error is that Babel searches for config files in different directories. To disable this, add the following to the config you pass to the compiler:")),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre"},'{\n  ...\n  "babelrc": false,\n  "configFile": false,\n}\n')),(0,r.mdx)("p",null,"this takes care of both .babelrc and babel.config.json."))}b.__bit_component=n,b.isMDXComponent=!0},53802:(e,t,o)=>{Object.defineProperty(t,"C",{enumerable:!0,get:function(){return n.default}});var n=r(o(76694));function r(e){return e&&e.__esModule?e:{default:e}}r.__bit_component={id:"teambit.compilation/aspect-docs/babel@0.0.166",homepage:"https://bit.cloud/teambit/compilation/aspect-docs/babel",exported:!0}},40040:e=>{e.exports=MdxJsReact},87363:e=>{e.exports=React}},t={};function o(n){var r=t[n];if(void 0!==r)return r.exports;var i=t[n]={exports:{}};return e[n](i,i.exports,o),i.exports}o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{o.r(n),o.d(n,{compositions:()=>b,compositions_metadata:()=>u,overview:()=>d});var e={};o.r(e),o.d(e,{default:()=>m});var t=o(17856),r=(o(87363),o(40040));const i=TeambitMdxUiMdxScopeContext;var a=o(53802),p=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},l.apply(this,arguments)}var s={},c="wrapper";function m(e){var t=e.components,o=function(e,t){if(null==e)return{};var o,n,r=function(e,t){if(null==e)return{};var o,n,r={},i=Object.keys(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||(r[o]=e[o]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}(e,p);return(0,r.mdx)(c,l({},s,o,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(i.MDXScopeProvider,{components:{Babel:a.C},mdxType:"MDXScopeProvider"},(0,r.mdx)(a.C,{mdxType:"Babel"})))}m.isMDXComponent=!0;const b=[t],d=[e],u={compositions:[{displayName:"Logo",identifier:"Logo"}]}})(),n})()));

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

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

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/babel",
-  "version": "1.0.108",
+  "version": "1.0.109",
   "homepage": "https://bit.cloud/teambit/compilation/babel",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.compilation",
     "name": "babel",
-    "version": "1.0.108"
+    "version": "1.0.109"
   },
   "dependencies": {
     "@babel/core": "7.19.6",
@@ -15,12 +15,12 @@
     "multimatch": "5.0.0",
     "p-map-series": "2.1.0",
     "@teambit/harmony": "0.4.6",
-    "@teambit/builder": "1.0.108",
+    "@teambit/builder": "1.0.109",
     "@teambit/compilation.modules.babel-compiler": "0.0.137",
-    "@teambit/compiler": "1.0.108",
-    "@teambit/isolator": "1.0.108",
-    "@teambit/logger": "0.0.933",
-    "@teambit/cli": "0.0.840"
+    "@teambit/compiler": "1.0.109",
+    "@teambit/isolator": "1.0.109",
+    "@teambit/logger": "0.0.934",
+    "@teambit/cli": "0.0.841"
   },
   "devDependencies": {
     "@types/fs-extra": "9.0.7",
@@ -28,7 +28,7 @@
     "@types/mocha": "9.1.0",
     "@types/jest": "^29.2.2",
     "@types/testing-library__jest-dom": "^5.9.5",
-    "@teambit/harmony.envs.core-aspect-env": "0.0.13",
+    "@teambit/harmony.envs.core-aspect-env": "0.0.14",
     "@teambit/compilation.aspect-docs.babel": "0.0.166"
   },
   "peerDependencies": {

package/babel.aspect.ts

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

package/babel.compiler.ts

@@ -1,175 +0,0 @@
-import * as babel from '@babel/core';
-import multimatch from 'multimatch';
-import { flatten } from 'lodash';
-import mapSeries from 'p-map-series';
-import fs from 'fs-extra';
-import { BuildContext, BuiltTaskResult, ComponentResult } from '@teambit/builder';
-import { Compiler, CompilerMain, TranspileFileParams, TranspileFileOutput } from '@teambit/compiler';
-import { Capsule } from '@teambit/isolator';
-import { Logger } from '@teambit/logger';
-import path from 'path';
-import {
-  isFileSupported,
-  transpileFileContent,
-  transpileFilePathAsync,
-  replaceFileExtToJs,
-  TranspileContext,
-} from '@teambit/compilation.modules.babel-compiler';
-import { BabelCompilerOptions } from './compiler-options';
-
-export class BabelCompiler implements Compiler {
-  distDir: string;
-  distGlobPatterns: string[];
-  shouldCopyNonSupportedFiles: boolean;
-  artifactName: string;
-  supportedFilesGlobPatterns: string[] | null;
-  constructor(
-    readonly id: string,
-    private logger: Logger,
-    private compiler: CompilerMain,
-    private options: BabelCompilerOptions,
-    private babelModule = babel
-  ) {
-    this.distDir = options.distDir || 'dist';
-    this.distGlobPatterns = options.distGlobPatterns || [`${this.distDir}/**`, `!${this.distDir}/tsconfig.tsbuildinfo`];
-    this.shouldCopyNonSupportedFiles =
-      typeof options.shouldCopyNonSupportedFiles === 'boolean' ? options.shouldCopyNonSupportedFiles : true;
-    this.artifactName = options.artifactName || 'dist';
-    this.supportedFilesGlobPatterns = options.supportedFilesGlobPatterns
-      ? flatten(options.supportedFilesGlobPatterns)
-      : null;
-  }
-
-  displayName = 'Babel';
-  deleteDistDir = false;
-
-  version() {
-    return this.babelModule.version;
-  }
-
-  getDistDir() {
-    return this.distDir;
-  }
-
-  /**
-   * compile one file on the workspace
-   */
-  transpileFile(fileContent: string, options: TranspileFileParams): TranspileFileOutput {
-    const supportedExtensions = ['.ts', '.tsx', '.js', '.jsx'];
-    const fileExtension = path.extname(options.filePath);
-    if (!supportedExtensions.includes(fileExtension) || options.filePath.endsWith('.d.ts')) {
-      return null; // file is not supported
-    }
-    const transformOptions = this.options.babelTransformOptions || {};
-    const context: TranspileContext = {
-      filePath: options.filePath,
-      rootDir: options.componentDir,
-    };
-    const outputFiles = transpileFileContent(fileContent, context, transformOptions, this.babelModule);
-    return outputFiles;
-  }
-
-  /**
-   * compile multiple components on the capsules
-   */
-  async build(context: BuildContext): Promise<BuiltTaskResult> {
-    const capsules = context.capsuleNetwork.seedersCapsules;
-    const componentsResults: ComponentResult[] = [];
-    const longProcessLogger = this.logger.createLongProcessLogger('compile babel components', capsules.length);
-    await mapSeries(capsules, async (capsule) => {
-      const currentComponentResult: ComponentResult = {
-        errors: [],
-        component: capsule.component,
-      };
-      longProcessLogger.logProgress(capsule.component.id.toString());
-      await this.buildOneCapsule(capsule, currentComponentResult);
-      componentsResults.push({ ...currentComponentResult });
-    });
-
-    return {
-      artifacts: this.getArtifactDefinition(),
-      componentsResults,
-    };
-  }
-
-  createTask(name = 'BabelCompiler') {
-    return this.compiler.createTask(name, this);
-  }
-
-  private async buildOneCapsule(capsule: Capsule, componentResult: ComponentResult) {
-    componentResult.startTime = Date.now();
-    const sourceFiles = capsule.component.filesystem.files.map((file) => file.relative);
-    await fs.ensureDir(path.join(capsule.path, this.distDir));
-    await Promise.all(
-      sourceFiles.map(async (filePath) => {
-        if (this.isFileSupported(filePath)) {
-          const absoluteFilePath = path.join(capsule.path, filePath);
-          this.options.babelTransformOptions ||= {};
-          this.options.babelTransformOptions.sourceFileName = path.basename(filePath);
-          this.options.babelTransformOptions.filename = path.basename(filePath);
-          try {
-            const result = await transpileFilePathAsync(
-              absoluteFilePath,
-              this.options.babelTransformOptions || {},
-              this.babelModule
-            );
-            if (!result || !result.length) {
-              this.logger.debug(
-                `getting an empty response from Babel for the file ${filePath}. it might be configured to be ignored`
-              );
-              return;
-            }
-            // Make sure to get only the relative path of the dist because we want to add the dist dir.
-            // If we use the result outputPath we will get an absolute path here
-            const distPath = this.replaceFileExtToJs(filePath);
-            const distPathMap = `${distPath}.map`;
-            await fs.outputFile(path.join(capsule.path, this.distDir, distPath), result[0].outputText);
-            if (result.length > 1) {
-              await fs.outputFile(path.join(capsule.path, this.distDir, distPathMap), result[1].outputText);
-            }
-          } catch (err: any) {
-            componentResult.errors?.push(err);
-          }
-        }
-      })
-    );
-    componentResult.endTime = Date.now();
-  }
-
-  getArtifactDefinition() {
-    return [
-      {
-        generatedBy: this.id,
-        name: this.artifactName,
-        globPatterns: this.distGlobPatterns,
-      },
-    ];
-  }
-
-  /**
-   * given a source file, return its parallel in the dists. e.g. index.ts => dist/index.js
-   */
-  getDistPathBySrcPath(srcPath: string) {
-    const fileWithJSExtIfNeeded = this.replaceFileExtToJs(srcPath);
-    return path.join(this.distDir, fileWithJSExtIfNeeded);
-  }
-
-  /**
-   * whether babel is able to compile the given path
-   */
-  isFileSupported(filePath: string): boolean {
-    if (this.supportedFilesGlobPatterns) {
-      return isFileSupported(filePath) && !!multimatch(filePath, this.supportedFilesGlobPatterns).length;
-    }
-    return isFileSupported(filePath);
-  }
-
-  displayConfig() {
-    return JSON.stringify(this.options.babelTransformOptions || {}, null, 2);
-  }
-
-  private replaceFileExtToJs(filePath: string): string {
-    if (!this.isFileSupported(filePath)) return filePath;
-    return replaceFileExtToJs(filePath);
-  }
-}

package/babel.main.runtime.ts

@@ -1,31 +0,0 @@
-import { MainRuntime } from '@teambit/cli';
-import { CompilerAspect, CompilerMain } from '@teambit/compiler';
-import { Logger, LoggerAspect, LoggerMain } from '@teambit/logger';
-import * as babel from '@babel/core';
-import { BabelCompilerOptions } from './compiler-options';
-import { BabelAspect } from './babel.aspect';
-import { BabelCompiler } from './babel.compiler';
-
-export class BabelMain {
-  constructor(private logger: Logger, private compiler: CompilerMain) {}
-
-  createCompiler(options: BabelCompilerOptions, babelModule = babel): BabelCompiler {
-    return new BabelCompiler(BabelAspect.id, this.logger, this.compiler, options, babelModule);
-  }
-
-  getPackageJsonProps() {
-    return {
-      main: 'dist/{main}.js',
-    };
-  }
-
-  static runtime = MainRuntime;
-  static dependencies = [LoggerAspect, CompilerAspect];
-
-  static async provider([loggerExt, compiler]: [LoggerMain, CompilerMain]) {
-    const logger = loggerExt.createLogger(BabelAspect.id);
-    return new BabelMain(logger, compiler);
-  }
-}
-
-BabelAspect.addRuntime(BabelMain);

package/compiler-options.ts

@@ -1,22 +0,0 @@
-import type { TransformOptions } from '@babel/core';
-import { CompilerOptions } from '@teambit/compiler';
-
-export type BabelCompilerOptions = {
-  /**
-   * TransformOptions of Babel. @see https://babeljs.io/docs/en/options
-   *
-   * `babel.config.json` and `.babelrc.json` use the same options, so you can require the json file
-   * and pass it as the option parameter. e.g.
-   * ```
-   * createCompiler({ babelTransformOptions: require('./babel.config.json') });
-   * ```
-   */
-  babelTransformOptions?: TransformOptions;
-
-  /**
-   * Determines which files should be compiled by the Babel compiler.
-   * It only works with the file types supported by Babel (.ts, .tsx, .js, .jsx, .d.ts).
-   * See https://github.com/mrmlnc/fast-glob for the supported glob patters syntax.
-   */
-  supportedFilesGlobPatterns?: string[];
-} & Partial<CompilerOptions>;

package/index.ts

@@ -1,3 +0,0 @@
-export { BabelCompiler } from './babel.compiler';
-export type { BabelMain } from './babel.main.runtime';
-export { BabelAspect } from './babel.aspect';