@teambit/mdx 0.0.568 → 0.0.569

package/babel/babel.config.ts

@@ -1,4 +1,8 @@
-const presets = [require.resolve('@babel/preset-env'), require.resolve('@babel/preset-react')];
+const presets = [
+  require.resolve('@babel/preset-env'),
+  require.resolve('@babel/preset-react'),
+  require.resolve('@babel/preset-typescript'),
+];
 const plugins = [require.resolve('@babel/plugin-proposal-class-properties')];
 
 export const babelConfig = {

package/dist/babel/babel.config.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.babelConfig = void 0;
-const presets = [require.resolve('@babel/preset-env'), require.resolve('@babel/preset-react')];
+const presets = [require.resolve('@babel/preset-env'), require.resolve('@babel/preset-react'), require.resolve('@babel/preset-typescript')];
 const plugins = [require.resolve('@babel/plugin-proposal-class-properties')];
 const babelConfig = {
   presets,

package/dist/babel/babel.config.js.map

@@ -1 +1 @@
-{"version":3,"sources":["babel.config.ts"],"names":["presets","require","resolve","plugins","babelConfig","sourceMaps"],"mappings":";;;;;;AAAA,MAAMA,OAAO,GAAG,CAACC,OAAO,CAACC,OAAR,CAAgB,mBAAhB,CAAD,EAAuCD,OAAO,CAACC,OAAR,CAAgB,qBAAhB,CAAvC,CAAhB;AACA,MAAMC,OAAO,GAAG,CAACF,OAAO,CAACC,OAAR,CAAgB,yCAAhB,CAAD,CAAhB;AAEO,MAAME,WAAW,GAAG;AACzBJ,EAAAA,OADyB;AAEzBG,EAAAA,OAFyB;AAGzBE,EAAAA,UAAU,EAAE;AAHa,CAApB","sourcesContent":["const presets = [require.resolve('@babel/preset-env'), require.resolve('@babel/preset-react')];\nconst plugins = [require.resolve('@babel/plugin-proposal-class-properties')];\n\nexport const babelConfig = {\n  presets,\n  plugins,\n  sourceMaps: true,\n};\n"]}
+{"version":3,"sources":["babel.config.ts"],"names":["presets","require","resolve","plugins","babelConfig","sourceMaps"],"mappings":";;;;;;AAAA,MAAMA,OAAO,GAAG,CACdC,OAAO,CAACC,OAAR,CAAgB,mBAAhB,CADc,EAEdD,OAAO,CAACC,OAAR,CAAgB,qBAAhB,CAFc,EAGdD,OAAO,CAACC,OAAR,CAAgB,0BAAhB,CAHc,CAAhB;AAKA,MAAMC,OAAO,GAAG,CAACF,OAAO,CAACC,OAAR,CAAgB,yCAAhB,CAAD,CAAhB;AAEO,MAAME,WAAW,GAAG;AACzBJ,EAAAA,OADyB;AAEzBG,EAAAA,OAFyB;AAGzBE,EAAAA,UAAU,EAAE;AAHa,CAApB","sourcesContent":["const presets = [\n  require.resolve('@babel/preset-env'),\n  require.resolve('@babel/preset-react'),\n  require.resolve('@babel/preset-typescript'),\n];\nconst plugins = [require.resolve('@babel/plugin-proposal-class-properties')];\n\nexport const babelConfig = {\n  presets,\n  plugins,\n  sourceMaps: true,\n};\n"]}

package/dist/templates/mdx-component/files/component.js

@@ -1,9 +1,14 @@
 "use strict";
 
+require("core-js/modules/es.regexp.exec.js");
+
+require("core-js/modules/es.string.replace.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.componentFile = void 0;
+const regex = /([A-Z])([A-Z])([a-z])|([a-z])([A-Z])/g;
 
 const componentFile = context => {
   const {
@@ -12,7 +17,7 @@ const componentFile = context => {
   } = context;
   return {
     relativePath: `${name}.mdx`,
-    content: `# Title - ${Name}
+    content: `# ${Name.replace(regex, '$1$4 $2$3$5')}
 
 This is markdown.
 

package/dist/templates/mdx-component/files/component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["component.ts"],"names":["componentFile","context","name","namePascalCase","Name","relativePath","content"],"mappings":";;;;;;;AAEO,MAAMA,aAAa,GAAIC,OAAD,IAA+B;AAC1D,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,cAAc,EAAEC;AAAxB,MAAiCH,OAAvC;AACA,SAAO;AACLI,IAAAA,YAAY,EAAG,GAAEH,IAAK,MADjB;AAELI,IAAAA,OAAO,EAAG,aAAYF,IAAK;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAXS,GAAP;AAaD,CAfM","sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const componentFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n  return {\n    relativePath: `${name}.mdx`,\n    content: `# Title - ${Name}\n\nThis is markdown.\n\n<p>This is HTML</p>\n\n# Import a React Component or use HTML\n\n<button>Button 👋 </button>\n`,\n  };\n};\n"]}
+{"version":3,"sources":["component.ts"],"names":["regex","componentFile","context","name","namePascalCase","Name","relativePath","content","replace"],"mappings":";;;;;;;;;;AAEA,MAAMA,KAAK,GAAG,uCAAd;;AAEO,MAAMC,aAAa,GAAIC,OAAD,IAA+B;AAC1D,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,cAAc,EAAEC;AAAxB,MAAiCH,OAAvC;AACA,SAAO;AACLI,IAAAA,YAAY,EAAG,GAAEH,IAAK,MADjB;AAELI,IAAAA,OAAO,EAAG,KAAIF,IAAI,CAACG,OAAL,CAAaR,KAAb,EAAoB,aAApB,CAAmC;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAXS,GAAP;AAaD,CAfM","sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nconst regex = /([A-Z])([A-Z])([a-z])|([a-z])([A-Z])/g;\n\nexport const componentFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n  return {\n    relativePath: `${name}.mdx`,\n    content: `# ${Name.replace(regex, '$1$4 $2$3$5')}\n\nThis is markdown.\n\n<p>This is HTML</p>\n\n# Import a React Component or use HTML\n\n<button>Button 👋 </button>\n`,\n  };\n};\n"]}

package/dist/templates/mdx-component/files/docs.js

@@ -28,7 +28,7 @@ import { ${Name} } from './index';
 
 \`\`\`js
 import { ThemeCompositions } from '@teambit/documenter.theme.theme-compositions'
-import { MDXLayout } from '@teambit/ui.mdx-layout'
+import { MDXLayout } from '@teambit/mdx.ui.mdx-layout'
 import { ${Name} } from './index'
 
 <ThemeCompositions>

package/dist/templates/mdx-component/files/docs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["docs.ts"],"names":["docsFile","context","name","namePascalCase","Name","relativePath","content"],"mappings":";;;;;;;AAEO,MAAMA,QAAQ,GAAIC,OAAD,IAA+B;AACrD,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,cAAc,EAAEC;AAAxB,MAAiCH,OAAvC;AAEA,SAAO;AACLI,IAAAA,YAAY,EAAG,GAAEH,IAAK,WADjB;AAELI,IAAAA,OAAO,EAAG;AACd;AACA;AACA;AACA;AACA,WAAWF,IAAK;AAChB;AACA;AACA;AACA,GAAGA,IAAK;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAWA,IAAK;AAChB;AACA;AACA;AACA,OAAOA,IAAK;AACZ;AACA;AACA;AACA;AA3BS,GAAP;AA6BD,CAhCM","sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const docsFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n\n  return {\n    relativePath: `${name}.docs.mdx`,\n    content: `---\ndescription: 'An MDX component.'\nlabels: ['content', 'mdx']\n---\n\nimport { ${Name} } from './index';\n\n### Component usage\n\\`\\`\\`js\n<${Name} />\n\\`\\`\\`\n\n### Render with theme and MDX providers\n\n\\`\\`\\`js\nimport { ThemeCompositions } from '@teambit/documenter.theme.theme-compositions'\nimport { MDXLayout } from '@teambit/ui.mdx-layout'\nimport { ${Name} } from './index'\n\n<ThemeCompositions>\n  <MDXLayout>\n    <${Name} />\n  </MDXLayout>\n</ThemeCompositions>\n\\`\\`\\`\n`,\n  };\n};\n"]}
+{"version":3,"sources":["docs.ts"],"names":["docsFile","context","name","namePascalCase","Name","relativePath","content"],"mappings":";;;;;;;AAEO,MAAMA,QAAQ,GAAIC,OAAD,IAA+B;AACrD,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,cAAc,EAAEC;AAAxB,MAAiCH,OAAvC;AAEA,SAAO;AACLI,IAAAA,YAAY,EAAG,GAAEH,IAAK,WADjB;AAELI,IAAAA,OAAO,EAAG;AACd;AACA;AACA;AACA;AACA,WAAWF,IAAK;AAChB;AACA;AACA;AACA,GAAGA,IAAK;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAWA,IAAK;AAChB;AACA;AACA;AACA,OAAOA,IAAK;AACZ;AACA;AACA;AACA;AA3BS,GAAP;AA6BD,CAhCM","sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const docsFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n\n  return {\n    relativePath: `${name}.docs.mdx`,\n    content: `---\ndescription: 'An MDX component.'\nlabels: ['content', 'mdx']\n---\n\nimport { ${Name} } from './index';\n\n### Component usage\n\\`\\`\\`js\n<${Name} />\n\\`\\`\\`\n\n### Render with theme and MDX providers\n\n\\`\\`\\`js\nimport { ThemeCompositions } from '@teambit/documenter.theme.theme-compositions'\nimport { MDXLayout } from '@teambit/mdx.ui.mdx-layout'\nimport { ${Name} } from './index'\n\n<ThemeCompositions>\n  <MDXLayout>\n    <${Name} />\n  </MDXLayout>\n</ThemeCompositions>\n\\`\\`\\`\n`,\n  };\n};\n"]}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/mdx",
-  "version": "0.0.568",
+  "version": "0.0.569",
   "homepage": "https://bit.dev/teambit/mdx/mdx",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.mdx",
     "name": "mdx",
-    "version": "0.0.568"
+    "version": "0.0.569"
   },
   "dependencies": {
     "@teambit/harmony": "0.2.11",
@@ -15,24 +15,24 @@
     "minimatch": "3.0.4",
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
-    "@teambit/builder": "0.0.588",
+    "@teambit/builder": "0.0.589",
     "@teambit/compilation.modules.babel-compiler": "0.0.119",
-    "@teambit/compiler": "0.0.588",
+    "@teambit/compiler": "0.0.589",
     "@teambit/mdx.modules.mdx-compiler": "0.0.481",
-    "@teambit/dependency-resolver": "0.0.588",
-    "@teambit/docs": "0.0.588",
-    "@teambit/babel": "0.0.588",
+    "@teambit/dependency-resolver": "0.0.589",
+    "@teambit/docs": "0.0.589",
+    "@teambit/babel": "0.0.589",
     "@teambit/cli": "0.0.404",
-    "@teambit/envs": "0.0.588",
-    "@teambit/generator": "0.0.588",
-    "@teambit/multi-compiler": "0.0.588",
-    "@teambit/react": "0.0.588",
+    "@teambit/envs": "0.0.589",
+    "@teambit/generator": "0.0.589",
+    "@teambit/multi-compiler": "0.0.589",
+    "@teambit/react": "0.0.589",
     "@teambit/typescript.modules.ts-config-mutator": "0.0.61",
-    "@teambit/typescript": "0.0.588",
-    "@teambit/compositions": "0.0.588",
+    "@teambit/typescript": "0.0.589",
+    "@teambit/compositions": "0.0.589",
     "@teambit/design.ui.empty-box": "0.0.352",
-    "@teambit/tester": "0.0.588",
-    "@teambit/ui": "0.0.588"
+    "@teambit/tester": "0.0.589",
+    "@teambit/ui": "0.0.589"
   },
   "devDependencies": {
     "@types/fs-extra": "9.0.7",

package/templates/mdx-component/files/component.ts

@@ -1,10 +1,12 @@
 import { ComponentContext } from '@teambit/generator';
 
+const regex = /([A-Z])([A-Z])([a-z])|([a-z])([A-Z])/g;
+
 export const componentFile = (context: ComponentContext) => {
   const { name, namePascalCase: Name } = context;
   return {
     relativePath: `${name}.mdx`,
-    content: `# Title - ${Name}
+    content: `# ${Name.replace(regex, '$1$4 $2$3$5')}
 
 This is markdown.
 

package/templates/mdx-component/files/docs.ts

@@ -21,7 +21,7 @@ import { ${Name} } from './index';
 
 \`\`\`js
 import { ThemeCompositions } from '@teambit/documenter.theme.theme-compositions'
-import { MDXLayout } from '@teambit/ui.mdx-layout'
+import { MDXLayout } from '@teambit/mdx.ui.mdx-layout'
 import { ${Name} } from './index'
 
 <ThemeCompositions>