@teambit/babel 0.0.555 → 0.0.556

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/babel",
-  "version": "0.0.555",
+  "version": "0.0.556",
   "homepage": "https://bit.dev/teambit/compilation/babel",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.compilation",
     "name": "babel",
-    "version": "0.0.555"
+    "version": "0.0.556"
   },
   "dependencies": {
     "@teambit/harmony": "0.2.11",
@@ -15,12 +15,12 @@
     "p-map-series": "2.1.0",
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
-    "@teambit/builder": "0.0.555",
-    "@teambit/compilation.modules.babel-compiler": "0.0.101",
-    "@teambit/compiler": "0.0.555",
-    "@teambit/isolator": "0.0.555",
-    "@teambit/logger": "0.0.471",
-    "@teambit/cli": "0.0.386"
+    "@teambit/builder": "0.0.556",
+    "@teambit/compilation.modules.babel-compiler": "0.0.102",
+    "@teambit/compiler": "0.0.556",
+    "@teambit/isolator": "0.0.556",
+    "@teambit/logger": "0.0.472",
+    "@teambit/cli": "0.0.387"
   },
   "devDependencies": {
     "@types/fs-extra": "9.0.7",
@@ -30,10 +30,10 @@
     "@types/jest": "^26.0.0",
     "@types/react-dom": "^17.0.5",
     "@types/node": "12.20.4",
-    "@teambit/compilation.aspect-docs.babel": "0.0.105"
+    "@teambit/compilation.aspect-docs.babel": "0.0.106"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.172",
+    "@teambit/legacy": "1.0.173",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },
@@ -61,12 +61,18 @@
         "react": "-"
       },
       "peerDependencies": {
-        "@teambit/legacy": "1.0.172",
+        "@teambit/legacy": "1.0.173",
         "react-dom": "^16.8.0 || ^17.0.0",
         "react": "^16.8.0 || ^17.0.0"
       }
     }
   },
+  "files": [
+    "dist",
+    "!dist/tsconfig.tsbuildinfo",
+    "README.md",
+    "README.mdx"
+  ],
   "private": false,
   "engines": {
     "node": ">=12.22.0"

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,159 +0,0 @@
-import * as babel from '@babel/core';
-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;
-  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';
-  }
-
-  displayName = 'Babel';
-
-  version() {
-    return this.babelModule.version;
-  }
-
-  /**
-   * 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) => {
-        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 {
-    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.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/brands/logo-babbel.svg" />
-  </div>
-);

package/babel.docs.mdx

@@ -1,8 +0,0 @@
----
-description: Babel compilation for Bit components
-labels: ['babel', 'compiler', 'bit', 'extension', 'aspect']
----
-
-import { Babel } from '@teambit/compilation.aspect-docs.babel';
-
-<Babel />

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,15 +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;
-} & 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';

package/tsconfig.json

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

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;
-}