@teambit/mdx 1.0.413 → 1.0.414

package/mdx.detector.ts

@@ -1,21 +0,0 @@
-import { DependencyDetector, FileContext } from '@teambit/dependency-resolver';
-import { compileSync } from '@teambit/mdx.compilers.mdx-transpiler';
-
-export class MDXDependencyDetector implements DependencyDetector {
-  constructor(private supportedExtensions: string[]) {}
-
-  isSupported(context: FileContext): boolean {
-    return this.supportedExtensions.includes(context.ext);
-  }
-
-  detect(source: string): string[] {
-    const output = compileSync(source);
-    const imports = output.getImportSpecifiers();
-    if (!imports) return [];
-    const files: string[] = imports.map((importSpec) => {
-      return importSpec.fromModule;
-    });
-
-    return files;
-  }
-}

package/mdx.doc-reader.ts

@@ -1,18 +0,0 @@
-import { DocReader, Doc } from '@teambit/docs';
-import { compile } from '@teambit/mdx.compilers.mdx-transpiler';
-
-export class MDXDocReader implements DocReader {
-  constructor(private extensions: string[]) {}
-
-  async read(path: string, contents: Buffer) {
-    const output = await compile(contents.toString('utf-8'), { filepath: path });
-    const metadata = output.getMetadata();
-
-    const doc = Doc.from(path, metadata);
-    return doc;
-  }
-
-  isFormatSupported(format: string) {
-    return this.extensions.includes(format);
-  }
-}

package/mdx.env.ts

@@ -1,7 +0,0 @@
-import { Environment } from '@teambit/envs';
-
-export const MdxEnvType = 'mdx';
-
-export class MdxEnv implements Environment {
-  // TODO: add the env here properly.
-}

package/mdx.main.runtime.ts

@@ -1,142 +0,0 @@
-import { Harmony } from '@teambit/harmony';
-import { BabelCompiler } from '@teambit/compilation.babel-compiler';
-import { TypescriptConfigMutator } from '@teambit/typescript.modules.ts-config-mutator';
-import { TsConfigTransformer } from '@teambit/typescript';
-import { MainRuntime } from '@teambit/cli';
-import { CompilerAspect, CompilerMain } from '@teambit/compiler';
-import { DependencyResolverAspect, DependencyResolverMain } from '@teambit/dependency-resolver';
-import { DocsAspect, DocsMain } from '@teambit/docs';
-import { ComponentID } from '@teambit/component-id';
-import { LoggerAspect, LoggerMain } from '@teambit/logger';
-import { WorkerAspect, WorkerMain } from '@teambit/worker';
-import { EnvContext, EnvsAspect, EnvsMain } from '@teambit/envs';
-import { MultiCompilerAspect, MultiCompilerMain } from '@teambit/multi-compiler';
-import { ReactAspect, ReactEnv, ReactMain } from '@teambit/react';
-import { GeneratorAspect, GeneratorMain } from '@teambit/generator';
-import { MDXAspect } from './mdx.aspect';
-import { MDXCompiler, MDXCompilerOpts } from './mdx.compiler';
-import { MDXDependencyDetector } from './mdx.detector';
-import { MDXDocReader } from './mdx.doc-reader';
-import { getTemplates } from './mdx.templates';
-import { babelConfig } from './babel/babel.config';
-
-export type MDXConfig = {
-  /**
-   * list of file extensions to consider as MDX files.
-   */
-  extensions: string[];
-};
-
-export class MDXMain {
-  icon() {
-    return 'https://static.bit.dev/extensions-icons/mdx-icon-small.svg';
-  }
-
-  /**
-   * create an instance of the MDX compiler.
-   */
-  createCompiler(opts: MDXCompilerOpts = {}) {
-    const mdxCompiler = new MDXCompiler(MDXAspect.id, opts);
-    return mdxCompiler;
-  }
-
-  _mdxEnv: ReactEnv;
-  get mdxEnv() {
-    return this._mdxEnv;
-  }
-  private set mdxEnv(value: ReactEnv) {
-    this._mdxEnv = value;
-  }
-
-  static runtime = MainRuntime;
-
-  static dependencies = [
-    DocsAspect,
-    DependencyResolverAspect,
-    ReactAspect,
-    EnvsAspect,
-    MultiCompilerAspect,
-    CompilerAspect,
-    GeneratorAspect,
-    LoggerAspect,
-    WorkerAspect,
-  ];
-
-  static defaultConfig = {
-    extensions: ['.md', '.mdx'],
-  };
-
-  static async provider(
-    [docs, depResolver, react, envs, multiCompiler, compiler, generator, loggerAspect, workerMain]: [
-      DocsMain,
-      DependencyResolverMain,
-      ReactMain,
-      EnvsMain,
-      MultiCompilerMain,
-      CompilerMain,
-      GeneratorMain,
-      LoggerMain,
-      WorkerMain
-    ],
-    config: MDXConfig,
-    slots,
-    harmony: Harmony
-  ) {
-    const mdx = new MDXMain();
-    const tsTransformer: TsConfigTransformer = (tsconfig: TypescriptConfigMutator) => {
-      // set the shouldCopyNonSupportedFiles to false since we don't want ts to copy the .mdx file to the dist folder (it will conflict with the .mdx.js file created by the mdx compiler)
-      tsconfig.setCompileJs(false).setCompileJsx(false).setShouldCopyNonSupportedFiles(false);
-      return tsconfig;
-    };
-    const tsCompiler = react.env.getCompiler([tsTransformer]);
-    const logger = loggerAspect.createLogger(MDXAspect.id);
-
-    const babelCompiler = BabelCompiler.create(
-      {
-        babelTransformOptions: babelConfig,
-        // set the shouldCopyNonSupportedFiles to false since we don't want babel to copy the .mdx file to the dist
-        // folder (it will conflict with the .mdx.js file created by the mdx compiler)
-        shouldCopyNonSupportedFiles: false,
-      },
-      { logger }
-    );
-
-    const mdxCompiler = multiCompiler.createCompiler(
-      [
-        babelCompiler,
-        mdx.createCompiler({ ignoredPatterns: docs.getPatterns(), babelTransformOptions: babelConfig }),
-        tsCompiler,
-      ],
-      {}
-    );
-    const mdxEnv = envs.compose(react.reactEnv, [
-      react.overrideCompiler(mdxCompiler),
-      react.overrideDependencies({
-        dependencies: {
-          '@teambit/mdx.ui.mdx-scope-context': '1.0.0',
-          '@mdx-js/react': '1.6.22',
-        },
-      }),
-      react.overrideCompilerTasks([compiler.createTask('MDXCompiler', mdxCompiler)]),
-      envs.override({
-        __getDescriptor: async () => {
-          return {
-            type: 'mdx',
-          };
-        },
-      }),
-    ]);
-    envs.registerEnv(mdxEnv);
-    depResolver.registerDetector(new MDXDependencyDetector(config.extensions));
-    docs.registerDocReader(new MDXDocReader(config.extensions));
-    if (generator) {
-      const envContext = new EnvContext(ComponentID.fromString(ReactAspect.id), loggerAspect, workerMain, harmony);
-      generator.registerComponentTemplate(getTemplates(envContext));
-    }
-
-    mdx.mdxEnv = mdxEnv as ReactEnv;
-    return mdx;
-  }
-}
-
-MDXAspect.addRuntime(MDXMain);

package/mdx.templates.ts

@@ -1,13 +0,0 @@
-import { MdxComponentTemplate, MdxEnvTemplate } from '@teambit/mdx.generator.mdx-templates';
-import { EnvContext } from '@teambit/envs';
-import { ComponentTemplate, TemplateList } from '@teambit/generator';
-
-const templateListHandler = TemplateList.from([
-  MdxComponentTemplate.from({ env: 'teambit.mdx/mdx-env' }),
-  MdxEnvTemplate.from({}),
-]);
-
-export function getTemplates(envContext: EnvContext): ComponentTemplate[] {
-  const templateList = templateListHandler(envContext);
-  return templateList.compute();
-}