@teambit/react 0.0.668 → 0.0.671

package/dist/templates/react-component/files/index-file.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.indexFile = void 0;
+
+const indexFile = context => {
+  const {
+    name,
+    namePascalCase: Name
+  } = context;
+  return {
+    relativePath: 'index.ts',
+    content: `export { ${Name} } from './${name}';
+export type { ${Name}Props } from './${name}';
+`
+  };
+};
+
+exports.indexFile = indexFile;
+
+//# sourceMappingURL=index-file.js.map

package/dist/templates/react-component/files/index-file.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index-file.ts"],"names":["indexFile","context","name","namePascalCase","Name","relativePath","content"],"mappings":";;;;;;;AAEO,MAAMA,SAAS,GAAIC,OAAD,IAA+B;AACtD,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,cAAc,EAAEC;AAAxB,MAAiCH,OAAvC;AAEA,SAAO;AACLI,IAAAA,YAAY,EAAE,UADT;AAELC,IAAAA,OAAO,EAAG,YAAWF,IAAK,cAAaF,IAAK;AAChD,gBAAgBE,IAAK,mBAAkBF,IAAK;AAC5C;AAJS,GAAP;AAMD,CATM","sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const indexFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n\n  return {\n    relativePath: 'index.ts',\n    content: `export { ${Name} } from './${name}';\nexport type { ${Name}Props } from './${name}';\n`,\n  };\n}\n"]}

package/dist/templates/react-component/index.js

@@ -1,10 +1,22 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.reactComponent = exports.deprecatedReactComponent = void 0;
 
+function _defineProperty2() {
+  const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+  _defineProperty2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
 function _component() {
   const data = require("./files/component");
 
@@ -45,42 +57,39 @@ function _test() {
   return data;
 }
 
+function _indexFile() {
+  const data = require("./files/index-file");
+
+  _indexFile = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2().default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 const reactComponent = {
   name: 'react',
   description: 'a basic react component',
   generateFiles: context => {
-    const {
-      name,
-      namePascalCase: Name
-    } = context;
-    const indexFile = {
-      relativePath: 'index.ts',
-      content: `export { ${Name} } from './${name}';
-export type { ${Name}Props } from './${name}';
-`
-    };
-    return [indexFile, (0, _component().componentFile)(context), (0, _composition().compositionFile)(context), (0, _docs().docsFile)(context), (0, _test().testFile)(context)];
-  }
+    return [(0, _indexFile().indexFile)(context), (0, _component().componentFile)(context), (0, _composition().compositionFile)(context), (0, _docs().docsFile)(context), (0, _test().testFile)(context)];
+  } // config: {
+  //   'teambit.envs/envs': {
+  //     env: 'teambit.react/react',
+  //   },
+  // }
+
 };
 exports.reactComponent = reactComponent;
-const deprecatedReactComponent = {
+
+const deprecatedReactComponent = _objectSpread(_objectSpread({}, reactComponent), {}, {
   name: 'react-component',
-  description: 'a basic react component',
-  hidden: true,
-  generateFiles: context => {
-    const {
-      name,
-      namePascalCase: Name
-    } = context;
-    const indexFile = {
-      relativePath: 'index.ts',
-      content: `export { ${Name} } from './${name}';
-export type { ${Name}Props } from './${name}';
-`
-    };
-    return [indexFile, (0, _component().componentFile)(context), (0, _composition().compositionFile)(context), (0, _docs().docsFile)(context), (0, _test().testFile)(context)];
-  }
-};
+  hidden: true
+});
+
 exports.deprecatedReactComponent = deprecatedReactComponent;
 
 //# sourceMappingURL=index.js.map

package/dist/templates/react-component/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["reactComponent","name","description","generateFiles","context","namePascalCase","Name","indexFile","relativePath","content","deprecatedReactComponent","hidden"],"mappings":";;;;;;;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,cAAiC,GAAG;AAC/CC,EAAAA,IAAI,EAAE,OADyC;AAE/CC,EAAAA,WAAW,EAAE,yBAFkC;AAG/CC,EAAAA,aAAa,EAAGC,OAAD,IAA+B;AAC5C,UAAM;AAAEH,MAAAA,IAAF;AAAQI,MAAAA,cAAc,EAAEC;AAAxB,QAAiCF,OAAvC;AACA,UAAMG,SAAS,GAAG;AAChBC,MAAAA,YAAY,EAAE,UADE;AAEhBC,MAAAA,OAAO,EAAG,YAAWH,IAAK,cAAaL,IAAK;AAClD,gBAAgBK,IAAK,mBAAkBL,IAAK;AAC5C;AAJsB,KAAlB;AAOA,WAAO,CAACM,SAAD,EAAY,gCAAcH,OAAd,CAAZ,EAAoC,oCAAgBA,OAAhB,CAApC,EAA8D,sBAASA,OAAT,CAA9D,EAAiF,sBAASA,OAAT,CAAjF,CAAP;AACD;AAb8C,CAA1C;;AAgBA,MAAMM,wBAA2C,GAAG;AACzDT,EAAAA,IAAI,EAAE,iBADmD;AAEzDC,EAAAA,WAAW,EAAE,yBAF4C;AAGzDS,EAAAA,MAAM,EAAE,IAHiD;AAKzDR,EAAAA,aAAa,EAAGC,OAAD,IAA+B;AAC5C,UAAM;AAAEH,MAAAA,IAAF;AAAQI,MAAAA,cAAc,EAAEC;AAAxB,QAAiCF,OAAvC;AACA,UAAMG,SAAS,GAAG;AAChBC,MAAAA,YAAY,EAAE,UADE;AAEhBC,MAAAA,OAAO,EAAG,YAAWH,IAAK,cAAaL,IAAK;AAClD,gBAAgBK,IAAK,mBAAkBL,IAAK;AAC5C;AAJsB,KAAlB;AAOA,WAAO,CAACM,SAAD,EAAY,gCAAcH,OAAd,CAAZ,EAAoC,oCAAgBA,OAAhB,CAApC,EAA8D,sBAASA,OAAT,CAA9D,EAAiF,sBAASA,OAAT,CAAjF,CAAP;AACD;AAfwD,CAApD","sourcesContent":["import { ComponentTemplate, ComponentContext } from '@teambit/generator';\nimport { componentFile } from './files/component';\nimport { compositionFile } from './files/composition';\nimport { docsFile } from './files/docs';\nimport { testFile } from './files/test';\n\nexport const reactComponent: ComponentTemplate = {\n  name: 'react',\n  description: 'a basic react component',\n  generateFiles: (context: ComponentContext) => {\n    const { name, namePascalCase: Name } = context;\n    const indexFile = {\n      relativePath: 'index.ts',\n      content: `export { ${Name} } from './${name}';\nexport type { ${Name}Props } from './${name}';\n`,\n    };\n\n    return [indexFile, componentFile(context), compositionFile(context), docsFile(context), testFile(context)];\n  },\n};\n\nexport const deprecatedReactComponent: ComponentTemplate = {\n  name: 'react-component',\n  description: 'a basic react component',\n  hidden: true,\n\n  generateFiles: (context: ComponentContext) => {\n    const { name, namePascalCase: Name } = context;\n    const indexFile = {\n      relativePath: 'index.ts',\n      content: `export { ${Name} } from './${name}';\nexport type { ${Name}Props } from './${name}';\n`,\n    };\n\n    return [indexFile, componentFile(context), compositionFile(context), docsFile(context), testFile(context)];\n  },\n};\n"]}
+{"version":3,"sources":["index.ts"],"names":["reactComponent","name","description","generateFiles","context","deprecatedReactComponent","hidden"],"mappings":";;;;;;;;;;;;;;;;;;;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,cAAiC,GAAG;AAC/CC,EAAAA,IAAI,EAAE,OADyC;AAE/CC,EAAAA,WAAW,EAAE,yBAFkC;AAG/CC,EAAAA,aAAa,EAAGC,OAAD,IAA+B;AAC5C,WAAO,CAAC,4BAAUA,OAAV,CAAD,EAAqB,gCAAcA,OAAd,CAArB,EAA6C,oCAAgBA,OAAhB,CAA7C,EAAuE,sBAASA,OAAT,CAAvE,EAA0F,sBAASA,OAAT,CAA1F,CAAP;AACD,GAL8C,CAM/C;AACA;AACA;AACA;AACA;;AAV+C,CAA1C;;;AAaA,MAAMC,wBAA2C,mCACnDL,cADmD;AAEtDC,EAAAA,IAAI,EAAE,iBAFgD;AAGtDK,EAAAA,MAAM,EAAE;AAH8C,EAAjD","sourcesContent":["import { ComponentTemplate, ComponentContext } from '@teambit/generator';\nimport { componentFile } from './files/component';\nimport { compositionFile } from './files/composition';\nimport { docsFile } from './files/docs';\nimport { testFile } from './files/test';\nimport { indexFile } from './files/index-file';\n\nexport const reactComponent: ComponentTemplate = {\n  name: 'react',\n  description: 'a basic react component',\n  generateFiles: (context: ComponentContext) => {\n    return [indexFile(context), componentFile(context), compositionFile(context), docsFile(context), testFile(context)];\n  },\n  // config: {\n  //   'teambit.envs/envs': {\n  //     env: 'teambit.react/react',\n  //   },\n  // }\n};\n\nexport const deprecatedReactComponent: ComponentTemplate = {\n  ...reactComponent,\n  name: 'react-component',\n  hidden: true,\n};\n"]}

package/dist/templates/react-component-js/index.js

@@ -1,10 +1,22 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.reactComponentJS = exports.deprecatedReactComponentJS = void 0;
 
+function _defineProperty2() {
+  const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+  _defineProperty2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
 function _component() {
   const data = require("./files/component");
 
@@ -45,6 +57,10 @@ function _test() {
   return data;
 }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2().default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 const reactComponentJS = {
   name: 'react-js',
   description: 'a basic react component in js',
@@ -59,26 +75,20 @@ const reactComponentJS = {
 `
     };
     return [indexFile, (0, _component().componentFile)(context), (0, _composition().compositionFile)(context), (0, _docs().docsFile)(context), (0, _test().testFile)(context)];
-  }
+  } // config: {
+  //   'teambit.envs/envs': {
+  //     env: 'teambit.react/react',
+  //   },
+  // }
+
 };
 exports.reactComponentJS = reactComponentJS;
-const deprecatedReactComponentJS = {
+
+const deprecatedReactComponentJS = _objectSpread(_objectSpread({}, reactComponentJS), {}, {
   name: 'react-component-js',
-  description: 'a basic react component in js',
-  hidden: true,
-  generateFiles: context => {
-    const {
-      name,
-      namePascalCase: Name
-    } = context;
-    const indexFile = {
-      relativePath: 'index.js',
-      content: `export { ${Name} } from './${name}';
-`
-    };
-    return [indexFile, (0, _component().componentFile)(context), (0, _composition().compositionFile)(context), (0, _docs().docsFile)(context), (0, _test().testFile)(context)];
-  }
-};
+  hidden: true
+});
+
 exports.deprecatedReactComponentJS = deprecatedReactComponentJS;
 
 //# sourceMappingURL=index.js.map

package/dist/templates/react-component-js/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["reactComponentJS","name","description","generateFiles","context","namePascalCase","Name","indexFile","relativePath","content","deprecatedReactComponentJS","hidden"],"mappings":";;;;;;;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,gBAAmC,GAAG;AACjDC,EAAAA,IAAI,EAAE,UAD2C;AAEjDC,EAAAA,WAAW,EAAE,+BAFoC;AAIjDC,EAAAA,aAAa,EAAGC,OAAD,IAA+B;AAC5C,UAAM;AAAEH,MAAAA,IAAF;AAAQI,MAAAA,cAAc,EAAEC;AAAxB,QAAiCF,OAAvC;AACA,UAAMG,SAAS,GAAG;AAChBC,MAAAA,YAAY,EAAE,UADE;AAEhBC,MAAAA,OAAO,EAAG,YAAWH,IAAK,cAAaL,IAAK;AAClD;AAHsB,KAAlB;AAMA,WAAO,CAACM,SAAD,EAAY,gCAAcH,OAAd,CAAZ,EAAoC,oCAAgBA,OAAhB,CAApC,EAA8D,sBAASA,OAAT,CAA9D,EAAiF,sBAASA,OAAT,CAAjF,CAAP;AACD;AAbgD,CAA5C;;AAgBA,MAAMM,0BAA6C,GAAG;AAC3DT,EAAAA,IAAI,EAAE,oBADqD;AAE3DC,EAAAA,WAAW,EAAE,+BAF8C;AAG3DS,EAAAA,MAAM,EAAE,IAHmD;AAK3DR,EAAAA,aAAa,EAAGC,OAAD,IAA+B;AAC5C,UAAM;AAAEH,MAAAA,IAAF;AAAQI,MAAAA,cAAc,EAAEC;AAAxB,QAAiCF,OAAvC;AACA,UAAMG,SAAS,GAAG;AAChBC,MAAAA,YAAY,EAAE,UADE;AAEhBC,MAAAA,OAAO,EAAG,YAAWH,IAAK,cAAaL,IAAK;AAClD;AAHsB,KAAlB;AAMA,WAAO,CAACM,SAAD,EAAY,gCAAcH,OAAd,CAAZ,EAAoC,oCAAgBA,OAAhB,CAApC,EAA8D,sBAASA,OAAT,CAA9D,EAAiF,sBAASA,OAAT,CAAjF,CAAP;AACD;AAd0D,CAAtD","sourcesContent":["import { ComponentTemplate, ComponentContext } from '@teambit/generator';\nimport { componentFile } from './files/component';\nimport { compositionFile } from './files/composition';\nimport { docsFile } from './files/docs';\nimport { testFile } from './files/test';\n\nexport const reactComponentJS: ComponentTemplate = {\n  name: 'react-js',\n  description: 'a basic react component in js',\n\n  generateFiles: (context: ComponentContext) => {\n    const { name, namePascalCase: Name } = context;\n    const indexFile = {\n      relativePath: 'index.js',\n      content: `export { ${Name} } from './${name}';\n`,\n    };\n\n    return [indexFile, componentFile(context), compositionFile(context), docsFile(context), testFile(context)];\n  },\n};\n\nexport const deprecatedReactComponentJS: ComponentTemplate = {\n  name: 'react-component-js',\n  description: 'a basic react component in js',\n  hidden: true,\n\n  generateFiles: (context: ComponentContext) => {\n    const { name, namePascalCase: Name } = context;\n    const indexFile = {\n      relativePath: 'index.js',\n      content: `export { ${Name} } from './${name}';\n`,\n    };\n\n    return [indexFile, componentFile(context), compositionFile(context), docsFile(context), testFile(context)];\n  },\n};\n"]}
+{"version":3,"sources":["index.ts"],"names":["reactComponentJS","name","description","generateFiles","context","namePascalCase","Name","indexFile","relativePath","content","deprecatedReactComponentJS","hidden"],"mappings":";;;;;;;;;;;;;;;;;;;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,gBAAmC,GAAG;AACjDC,EAAAA,IAAI,EAAE,UAD2C;AAEjDC,EAAAA,WAAW,EAAE,+BAFoC;AAIjDC,EAAAA,aAAa,EAAGC,OAAD,IAA+B;AAC5C,UAAM;AAAEH,MAAAA,IAAF;AAAQI,MAAAA,cAAc,EAAEC;AAAxB,QAAiCF,OAAvC;AACA,UAAMG,SAAS,GAAG;AAChBC,MAAAA,YAAY,EAAE,UADE;AAEhBC,MAAAA,OAAO,EAAG,YAAWH,IAAK,cAAaL,IAAK;AAClD;AAHsB,KAAlB;AAKA,WAAO,CAACM,SAAD,EAAY,gCAAcH,OAAd,CAAZ,EAAoC,oCAAgBA,OAAhB,CAApC,EAA8D,sBAASA,OAAT,CAA9D,EAAiF,sBAASA,OAAT,CAAjF,CAAP;AACD,GAZgD,CAajD;AACA;AACA;AACA;AACA;;AAjBiD,CAA5C;;;AAoBA,MAAMM,0BAA6C,mCACrDV,gBADqD;AAExDC,EAAAA,IAAI,EAAE,oBAFkD;AAGxDU,EAAAA,MAAM,EAAE;AAHgD,EAAnD","sourcesContent":["import { ComponentTemplate, ComponentContext } from '@teambit/generator';\nimport { componentFile } from './files/component';\nimport { compositionFile } from './files/composition';\nimport { docsFile } from './files/docs';\nimport { testFile } from './files/test';\n\nexport const reactComponentJS: ComponentTemplate = {\n  name: 'react-js',\n  description: 'a basic react component in js',\n\n  generateFiles: (context: ComponentContext) => {\n    const { name, namePascalCase: Name } = context;\n    const indexFile = {\n      relativePath: 'index.js',\n      content: `export { ${Name} } from './${name}';\n`,\n    };\n    return [indexFile, componentFile(context), compositionFile(context), docsFile(context), testFile(context)];\n  },\n  // config: {\n  //   'teambit.envs/envs': {\n  //     env: 'teambit.react/react',\n  //   },\n  // }\n};\n\nexport const deprecatedReactComponentJS: ComponentTemplate = {\n  ...reactComponentJS,\n  name: 'react-component-js',\n  hidden: true,\n};\n"]}

package/dist/templates/react-context/files/index-file.d.ts

@@ -0,0 +1,5 @@
+import { ComponentContext } from '@teambit/generator';
+export declare const indexFile: (context: ComponentContext) => {
+    relativePath: string;
+    content: string;
+};

package/dist/templates/react-context/files/index-file.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.indexFile = void 0;
+
+const indexFile = context => {
+  const {
+    name,
+    namePascalCase: Name
+  } = context;
+  return {
+    relativePath: 'index.ts',
+    content: `export { ${Name}Context } from './${name}-context';
+export type { ${Name}ContextType } from './${name}-context';
+export { ${Name}Provider } from './${name}-context-provider';
+export type { ${Name}ProviderProps } from './${name}-context-provider';
+`
+  };
+};
+
+exports.indexFile = indexFile;
+
+//# sourceMappingURL=index-file.js.map

package/dist/templates/react-context/files/index-file.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index-file.ts"],"names":["indexFile","context","name","namePascalCase","Name","relativePath","content"],"mappings":";;;;;;;AAEO,MAAMA,SAAS,GAAIC,OAAD,IAA+B;AACtD,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,cAAc,EAAEC;AAAxB,MAAiCH,OAAvC;AAEA,SAAO;AACLI,IAAAA,YAAY,EAAE,UADT;AAELC,IAAAA,OAAO,EAAG,YAAWF,IAAK,qBAAoBF,IAAK;AACvD,gBAAgBE,IAAK,yBAAwBF,IAAK;AAClD,WAAWE,IAAK,sBAAqBF,IAAK;AAC1C,gBAAgBE,IAAK,2BAA0BF,IAAK;AACpD;AANS,GAAP;AAQD,CAXM","sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const indexFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n\n  return {\n    relativePath: 'index.ts',\n    content: `export { ${Name}Context } from './${name}-context';\nexport type { ${Name}ContextType } from './${name}-context';\nexport { ${Name}Provider } from './${name}-context-provider';\nexport type { ${Name}ProviderProps } from './${name}-context-provider';\n`,\n  };\n}\n"]}

package/dist/templates/react-context/index.js

@@ -55,24 +55,27 @@ function _test() {
   return data;
 }
 
+function _indexFile() {
+  const data = require("./files/index-file");
+
+  _indexFile = function () {
+    return data;
+  };
+
+  return data;
+}
+
 const reactContext = {
   name: 'react-context',
   description: 'a react context component',
   generateFiles: context => {
-    const {
-      name,
-      namePascalCase: Name
-    } = context;
-    const indexFile = {
-      relativePath: 'index.ts',
-      content: `export { ${Name}Context } from './${name}-context';
-export type { ${Name}ContextType } from './${name}-context';
-export { ${Name}Provider } from './${name}-context-provider';
-export type { ${Name}ProviderProps } from './${name}-context-provider';
-`
-    };
-    return [indexFile, (0, _context().contextFile)(context), (0, _contextProvider().contextProviderFile)(context), (0, _composition().compositionFile)(context), (0, _docs().docsFile)(context), (0, _test().testFile)(context)];
-  }
+    return [(0, _indexFile().indexFile)(context), (0, _context().contextFile)(context), (0, _contextProvider().contextProviderFile)(context), (0, _composition().compositionFile)(context), (0, _docs().docsFile)(context), (0, _test().testFile)(context)];
+  } // config: {
+  //   'teambit.envs/envs': {
+  //     env: 'teambit.react/react',
+  //   },
+  // }
+
 };
 exports.reactContext = reactContext;
 

package/dist/templates/react-context/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["reactContext","name","description","generateFiles","context","namePascalCase","Name","indexFile","relativePath","content"],"mappings":";;;;;;;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,YAA+B,GAAG;AAC7CC,EAAAA,IAAI,EAAE,eADuC;AAE7CC,EAAAA,WAAW,EAAE,2BAFgC;AAI7CC,EAAAA,aAAa,EAAGC,OAAD,IAA+B;AAC5C,UAAM;AAAEH,MAAAA,IAAF;AAAQI,MAAAA,cAAc,EAAEC;AAAxB,QAAiCF,OAAvC;AACA,UAAMG,SAAS,GAAG;AAChBC,MAAAA,YAAY,EAAE,UADE;AAEhBC,MAAAA,OAAO,EAAG,YAAWH,IAAK,qBAAoBL,IAAK;AACzD,gBAAgBK,IAAK,yBAAwBL,IAAK;AAClD,WAAWK,IAAK,sBAAqBL,IAAK;AAC1C,gBAAgBK,IAAK,2BAA0BL,IAAK;AACpD;AANsB,KAAlB;AASA,WAAO,CACLM,SADK,EAEL,4BAAYH,OAAZ,CAFK,EAGL,4CAAoBA,OAApB,CAHK,EAIL,oCAAgBA,OAAhB,CAJK,EAKL,sBAASA,OAAT,CALK,EAML,sBAASA,OAAT,CANK,CAAP;AAQD;AAvB4C,CAAxC","sourcesContent":["import { ComponentTemplate, ComponentContext } from '@teambit/generator';\nimport { contextFile } from './files/context';\nimport { contextProviderFile } from './files/context-provider';\nimport { compositionFile } from './files/composition';\nimport { docsFile } from './files/docs';\nimport { testFile } from './files/test';\n\nexport const reactContext: ComponentTemplate = {\n  name: 'react-context',\n  description: 'a react context component',\n\n  generateFiles: (context: ComponentContext) => {\n    const { name, namePascalCase: Name } = context;\n    const indexFile = {\n      relativePath: 'index.ts',\n      content: `export { ${Name}Context } from './${name}-context';\nexport type { ${Name}ContextType } from './${name}-context';\nexport { ${Name}Provider } from './${name}-context-provider';\nexport type { ${Name}ProviderProps } from './${name}-context-provider';\n`,\n    };\n\n    return [\n      indexFile,\n      contextFile(context),\n      contextProviderFile(context),\n      compositionFile(context),\n      docsFile(context),\n      testFile(context),\n    ];\n  },\n};\n"]}
+{"version":3,"sources":["index.ts"],"names":["reactContext","name","description","generateFiles","context"],"mappings":";;;;;;;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,YAA+B,GAAG;AAC7CC,EAAAA,IAAI,EAAE,eADuC;AAE7CC,EAAAA,WAAW,EAAE,2BAFgC;AAI7CC,EAAAA,aAAa,EAAGC,OAAD,IAA+B;AAC5C,WAAO,CACL,4BAAUA,OAAV,CADK,EAEL,4BAAYA,OAAZ,CAFK,EAGL,4CAAoBA,OAApB,CAHK,EAIL,oCAAgBA,OAAhB,CAJK,EAKL,sBAASA,OAAT,CALK,EAML,sBAASA,OAAT,CANK,CAAP;AAQD,GAb4C,CAc7C;AACA;AACA;AACA;AACA;;AAlB6C,CAAxC","sourcesContent":["import { ComponentTemplate, ComponentContext } from '@teambit/generator';\nimport { contextFile } from './files/context';\nimport { contextProviderFile } from './files/context-provider';\nimport { compositionFile } from './files/composition';\nimport { docsFile } from './files/docs';\nimport { testFile } from './files/test';\nimport { indexFile } from './files/index-file';\n\nexport const reactContext: ComponentTemplate = {\n  name: 'react-context',\n  description: 'a react context component',\n\n  generateFiles: (context: ComponentContext) => {\n    return [\n      indexFile(context),\n      contextFile(context),\n      contextProviderFile(context),\n      compositionFile(context),\n      docsFile(context),\n      testFile(context),\n    ];\n  },\n  // config: {\n  //   'teambit.envs/envs': {\n  //     env: 'teambit.react/react',\n  //   },\n  // }\n};\n"]}

package/dist/templates/react-env/index.js

@@ -115,6 +115,12 @@ const reactEnvTemplate = {
       relativePath: `jest/jest.config.js`,
       content: (0, _jest().jestConfigFile)()
     }];
+  },
+  config: {
+    'teambit.envs/env': {},
+    'teambit.envs/envs': {
+      env: 'teambit.envs/env'
+    }
   }
 };
 exports.reactEnvTemplate = reactEnvTemplate;

package/dist/templates/react-env/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["reactEnvTemplate","name","description","generateFiles","context","relativePath","content","isMain"],"mappings":";;;;;;;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,gBAAmC,GAAG;AACjDC,EAAAA,IAAI,EAAE,WAD2C;AAEjDC,EAAAA,WAAW,EAAE,0DAFoC;AAGjDC,EAAAA,aAAa,EAAGC,OAAD,IAA+B;AAC5C,WAAO,CACL;AACEC,MAAAA,YAAY,EAAE,UADhB;AAEEC,MAAAA,OAAO,EAAE,wBAAUF,OAAV,CAFX;AAGEG,MAAAA,MAAM,EAAE;AAHV,KADK,EAML;AACEF,MAAAA,YAAY,EAAG,GAAED,OAAO,CAACH,IAAK,WADhC;AAEEK,MAAAA,OAAO,EAAE,oBAAQF,OAAR;AAFX,KANK,EAUL;AACEC,MAAAA,YAAY,EAAG,GAAED,OAAO,CAACH,IAAK,kBADhC;AAEEK,MAAAA,OAAO,EAAE,6BAAgBF,OAAhB;AAFX,KAVK,EAcL;AACEC,MAAAA,YAAY,EAAG,GAAED,OAAO,CAACH,IAAK,qBADhC;AAEEK,MAAAA,OAAO,EAAE,mCAAmBF,OAAnB;AAFX,KAdK,EAkBL;AACEC,MAAAA,YAAY,EAAG,GAAED,OAAO,CAACH,IAAK,YADhC;AAEEK,MAAAA,OAAO,EAAE,0BAAWF,OAAX;AAFX,KAlBK,EAsBL;AACEC,MAAAA,YAAY,EAAG,iCADjB;AAEEC,MAAAA,OAAO,EAAE;AAFX,KAtBK,EA0BL;AACED,MAAAA,YAAY,EAAG,0BADjB;AAEEC,MAAAA,OAAO,EAAE;AAFX,KA1BK,EA8BL;AACED,MAAAA,YAAY,EAAG,qBADjB;AAEEC,MAAAA,OAAO,EAAE;AAFX,KA9BK,CAAP;AAmCD;AAvCgD,CAA5C","sourcesContent":["import { ComponentContext, ComponentTemplate } from '@teambit/generator';\nimport { indexFile } from './files/index';\nimport { docFile } from './files/doc';\nimport { mainRuntimeFile } from './files/main.runtime';\nimport { previewRuntimeFile } from './files/preview.runtime';\nimport { aspectFile } from './files/aspect';\nimport { webpackConfigFile } from './files/webpack.config';\nimport { typescriptConfigFile } from './files/typescript.config';\nimport { jestConfigFile } from './files/jest.config';\n\nexport const reactEnvTemplate: ComponentTemplate = {\n  name: 'react-env',\n  description: 'customize the base React env with your configs and tools',\n  generateFiles: (context: ComponentContext) => {\n    return [\n      {\n        relativePath: 'index.ts',\n        content: indexFile(context),\n        isMain: true,\n      },\n      {\n        relativePath: `${context.name}.docs.mdx`,\n        content: docFile(context),\n      },\n      {\n        relativePath: `${context.name}.main.runtime.ts`,\n        content: mainRuntimeFile(context),\n      },\n      {\n        relativePath: `${context.name}.preview.runtime.ts`,\n        content: previewRuntimeFile(context),\n      },\n      {\n        relativePath: `${context.name}.aspect.ts`,\n        content: aspectFile(context),\n      },\n      {\n        relativePath: `webpack/webpack-transformers.ts`,\n        content: webpackConfigFile(),\n      },\n      {\n        relativePath: `typescript/tsconfig.json`,\n        content: typescriptConfigFile(),\n      },\n      {\n        relativePath: `jest/jest.config.js`,\n        content: jestConfigFile(),\n      },\n    ];\n  },\n};\n"]}
+{"version":3,"sources":["index.ts"],"names":["reactEnvTemplate","name","description","generateFiles","context","relativePath","content","isMain","config","env"],"mappings":";;;;;;;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,gBAAmC,GAAG;AACjDC,EAAAA,IAAI,EAAE,WAD2C;AAEjDC,EAAAA,WAAW,EAAE,0DAFoC;AAGjDC,EAAAA,aAAa,EAAGC,OAAD,IAA+B;AAC5C,WAAO,CACL;AACEC,MAAAA,YAAY,EAAE,UADhB;AAEEC,MAAAA,OAAO,EAAE,wBAAUF,OAAV,CAFX;AAGEG,MAAAA,MAAM,EAAE;AAHV,KADK,EAML;AACEF,MAAAA,YAAY,EAAG,GAAED,OAAO,CAACH,IAAK,WADhC;AAEEK,MAAAA,OAAO,EAAE,oBAAQF,OAAR;AAFX,KANK,EAUL;AACEC,MAAAA,YAAY,EAAG,GAAED,OAAO,CAACH,IAAK,kBADhC;AAEEK,MAAAA,OAAO,EAAE,6BAAgBF,OAAhB;AAFX,KAVK,EAcL;AACEC,MAAAA,YAAY,EAAG,GAAED,OAAO,CAACH,IAAK,qBADhC;AAEEK,MAAAA,OAAO,EAAE,mCAAmBF,OAAnB;AAFX,KAdK,EAkBL;AACEC,MAAAA,YAAY,EAAG,GAAED,OAAO,CAACH,IAAK,YADhC;AAEEK,MAAAA,OAAO,EAAE,0BAAWF,OAAX;AAFX,KAlBK,EAsBL;AACEC,MAAAA,YAAY,EAAG,iCADjB;AAEEC,MAAAA,OAAO,EAAE;AAFX,KAtBK,EA0BL;AACED,MAAAA,YAAY,EAAG,0BADjB;AAEEC,MAAAA,OAAO,EAAE;AAFX,KA1BK,EA8BL;AACED,MAAAA,YAAY,EAAG,qBADjB;AAEEC,MAAAA,OAAO,EAAE;AAFX,KA9BK,CAAP;AAmCD,GAvCgD;AAwCjDE,EAAAA,MAAM,EAAE;AACN,wBAAoB,EADd;AAEN,yBAAqB;AACnBC,MAAAA,GAAG,EAAE;AADc;AAFf;AAxCyC,CAA5C","sourcesContent":["import { ComponentContext, ComponentTemplate } from '@teambit/generator';\nimport { indexFile } from './files/index';\nimport { docFile } from './files/doc';\nimport { mainRuntimeFile } from './files/main.runtime';\nimport { previewRuntimeFile } from './files/preview.runtime';\nimport { aspectFile } from './files/aspect';\nimport { webpackConfigFile } from './files/webpack.config';\nimport { typescriptConfigFile } from './files/typescript.config';\nimport { jestConfigFile } from './files/jest.config';\n\nexport const reactEnvTemplate: ComponentTemplate = {\n  name: 'react-env',\n  description: 'customize the base React env with your configs and tools',\n  generateFiles: (context: ComponentContext) => {\n    return [\n      {\n        relativePath: 'index.ts',\n        content: indexFile(context),\n        isMain: true,\n      },\n      {\n        relativePath: `${context.name}.docs.mdx`,\n        content: docFile(context),\n      },\n      {\n        relativePath: `${context.name}.main.runtime.ts`,\n        content: mainRuntimeFile(context),\n      },\n      {\n        relativePath: `${context.name}.preview.runtime.ts`,\n        content: previewRuntimeFile(context),\n      },\n      {\n        relativePath: `${context.name}.aspect.ts`,\n        content: aspectFile(context),\n      },\n      {\n        relativePath: `webpack/webpack-transformers.ts`,\n        content: webpackConfigFile(),\n      },\n      {\n        relativePath: `typescript/tsconfig.json`,\n        content: typescriptConfigFile(),\n      },\n      {\n        relativePath: `jest/jest.config.js`,\n        content: jestConfigFile(),\n      },\n    ];\n  },\n  config: {\n    'teambit.envs/env': {},\n    'teambit.envs/envs': {\n      env: 'teambit.envs/env',\n    },\n  },\n};\n"]}

package/dist/templates/react-hook/files/index-file.d.ts

@@ -0,0 +1,5 @@
+import { ComponentContext } from '@teambit/generator';
+export declare const indexFile: (context: ComponentContext) => {
+    relativePath: string;
+    content: string;
+};

package/dist/templates/react-hook/files/index-file.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.indexFile = void 0;
+
+const indexFile = context => {
+  const {
+    name,
+    namePascalCase: Name
+  } = context;
+  return {
+    relativePath: 'index.ts',
+    content: `export { ${Name} } from './${name}';
+`
+  };
+};
+
+exports.indexFile = indexFile;
+
+//# sourceMappingURL=index-file.js.map

package/dist/templates/react-hook/files/index-file.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index-file.ts"],"names":["indexFile","context","name","namePascalCase","Name","relativePath","content"],"mappings":";;;;;;;AAEO,MAAMA,SAAS,GAAIC,OAAD,IAA+B;AACtD,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,cAAc,EAAEC;AAAxB,MAAiCH,OAAvC;AAEA,SAAO;AACLI,IAAAA,YAAY,EAAE,UADT;AAELC,IAAAA,OAAO,EAAG,YAAWF,IAAK,cAAaF,IAAK;AAChD;AAHS,GAAP;AAKD,CARM","sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const indexFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n\n  return {\n    relativePath: 'index.ts',\n    content: `export { ${Name} } from './${name}';\n`,\n  };\n}\n"]}

package/dist/templates/react-hook/index.js

@@ -45,21 +45,27 @@ function _test() {
   return data;
 }
 
+function _indexFile() {
+  const data = require("./files/index-file");
+
+  _indexFile = function () {
+    return data;
+  };
+
+  return data;
+}
+
 const reactHook = {
   name: 'react-hook',
   description: 'a react hook component',
   generateFiles: context => {
-    const {
-      name,
-      nameCamelCase: Name
-    } = context;
-    const indexFile = {
-      relativePath: 'index.ts',
-      content: `export { ${Name} } from './${name}';
-`
-    };
-    return [indexFile, (0, _component().componentFile)(context), (0, _composition().compositionFile)(context), (0, _docs().docsFile)(context), (0, _test().testFile)(context)];
-  }
+    return [(0, _indexFile().indexFile)(context), (0, _component().componentFile)(context), (0, _composition().compositionFile)(context), (0, _docs().docsFile)(context), (0, _test().testFile)(context)];
+  } // config: {
+  //   'teambit.envs/envs': {
+  //     env: 'teambit.react/react',
+  //   },
+  // }
+
 };
 exports.reactHook = reactHook;
 

package/dist/templates/react-hook/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["reactHook","name","description","generateFiles","context","nameCamelCase","Name","indexFile","relativePath","content"],"mappings":";;;;;;;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,SAA4B,GAAG;AAC1CC,EAAAA,IAAI,EAAE,YADoC;AAE1CC,EAAAA,WAAW,EAAE,wBAF6B;AAI1CC,EAAAA,aAAa,EAAGC,OAAD,IAA+B;AAC5C,UAAM;AAAEH,MAAAA,IAAF;AAAQI,MAAAA,aAAa,EAAEC;AAAvB,QAAgCF,OAAtC;AACA,UAAMG,SAAS,GAAG;AAChBC,MAAAA,YAAY,EAAE,UADE;AAEhBC,MAAAA,OAAO,EAAG,YAAWH,IAAK,cAAaL,IAAK;AAClD;AAHsB,KAAlB;AAMA,WAAO,CAACM,SAAD,EAAY,gCAAcH,OAAd,CAAZ,EAAoC,oCAAgBA,OAAhB,CAApC,EAA8D,sBAASA,OAAT,CAA9D,EAAiF,sBAASA,OAAT,CAAjF,CAAP;AACD;AAbyC,CAArC","sourcesContent":["import { ComponentTemplate, ComponentContext } from '@teambit/generator';\nimport { componentFile } from './files/component';\nimport { compositionFile } from './files/composition';\nimport { docsFile } from './files/docs';\nimport { testFile } from './files/test';\n\nexport const reactHook: ComponentTemplate = {\n  name: 'react-hook',\n  description: 'a react hook component',\n\n  generateFiles: (context: ComponentContext) => {\n    const { name, nameCamelCase: Name } = context;\n    const indexFile = {\n      relativePath: 'index.ts',\n      content: `export { ${Name} } from './${name}';\n`,\n    };\n\n    return [indexFile, componentFile(context), compositionFile(context), docsFile(context), testFile(context)];\n  },\n};\n"]}
+{"version":3,"sources":["index.ts"],"names":["reactHook","name","description","generateFiles","context"],"mappings":";;;;;;;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,SAA4B,GAAG;AAC1CC,EAAAA,IAAI,EAAE,YADoC;AAE1CC,EAAAA,WAAW,EAAE,wBAF6B;AAI1CC,EAAAA,aAAa,EAAGC,OAAD,IAA+B;AAC5C,WAAO,CAAC,4BAAUA,OAAV,CAAD,EAAqB,gCAAcA,OAAd,CAArB,EAA6C,oCAAgBA,OAAhB,CAA7C,EAAuE,sBAASA,OAAT,CAAvE,EAA0F,sBAASA,OAAT,CAA1F,CAAP;AACD,GANyC,CAO1C;AACA;AACA;AACA;AACA;;AAX0C,CAArC","sourcesContent":["import { ComponentTemplate, ComponentContext } from '@teambit/generator';\nimport { componentFile } from './files/component';\nimport { compositionFile } from './files/composition';\nimport { docsFile } from './files/docs';\nimport { testFile } from './files/test';\nimport { indexFile } from './files/index-file';\n\nexport const reactHook: ComponentTemplate = {\n  name: 'react-hook',\n  description: 'a react hook component',\n\n  generateFiles: (context: ComponentContext) => {\n    return [indexFile(context), componentFile(context), compositionFile(context), docsFile(context), testFile(context)];\n  },\n  // config: {\n  //   'teambit.envs/envs': {\n  //     env: 'teambit.react/react',\n  //   },\n  // }\n};\n"]}

package/dist/webpack/webpack.config.base.js

@@ -332,6 +332,9 @@ function _default(isEnvProduction = false) {
             dataUrlCondition: {
               maxSize: imageInlineSizeLimit
             }
+          },
+          generator: {
+            filename: 'static/images/[hash][ext][query]'
           }
         }, {
           // loads svg as both inlineUrl and react component, like:
@@ -354,6 +357,12 @@ function _default(isEnvProduction = false) {
             type: 'asset' // export a data URI or emit a separate file
 
           }]
+        }, {
+          test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
+          type: 'asset',
+          generator: {
+            filename: 'static/fonts/[hash][ext][query]'
+          }
         }, // "file" loader makes sure those assets get served by WebpackDevServer.
         // When you `import` an asset, you get its (virtual) filename.
         // In production, they would get copied to the `build` folder.
@@ -365,6 +374,9 @@ function _default(isEnvProduction = false) {
           // Also exclude `html` and `json` extensions so they get processed
           // by webpacks internal loaders.
           exclude: [/\.(js|mjs|cjs|jsx|ts|tsx)$/, /\.html$/, /\.mdx?/, /\.json$/, /\.css$/],
+          generator: {
+            filename: 'static/[hash][ext][query]'
+          },
           type: 'asset'
         } // ** STOP ** Are you adding a new loader?
         // Make sure to add the new loader(s) before the "type:asset" loader.

package/dist/webpack/webpack.config.base.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack.config.base.ts"],"names":["styleLoaderPath","require","resolve","moduleFileExtensions","shouldUseSourceMap","process","env","GENERATE_SOURCEMAP","imageInlineSizeLimit","parseInt","IMAGE_INLINE_SIZE_LIMIT","isEnvProduction","isEnvProductionProfile","argv","includes","baseStyleLoadersOptions","injectingLoader","MiniCssExtractPlugin","loader","cssLoaderPath","postCssLoaderPath","postCssConfig","extensions","map","ext","alias","module","strictExportPresence","rules","test","fullySpecified","oneOf","stylesRegexps","cssNoModulesRegex","use","cssLoaderOpts","importLoaders","sourceMap","sideEffects","exclude","options","babelrc","configFile","customize","presets","cacheDirectory","cacheCompression","compact","cssModuleRegex","modules","getLocalIdent","getCSSModuleLocalIdent","sassNoModuleRegex","preProcessOptions","resolveUrlLoaderPath","preProcessorPath","sassModuleRegex","lessNoModuleRegex","lessModuleRegex","type","parser","dataUrlCondition","maxSize","dependency","not","titleProp","ref","plugins","filename","chunkFilename","IgnorePlugin","resourceRegExp","contextRegExp","filter","Boolean","performance"],"mappings":"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","sourcesContent":["import { merge } from 'lodash';\nimport 'style-loader';\nimport MiniCssExtractPlugin from 'mini-css-extract-plugin';\nimport getCSSModuleLocalIdent from 'react-dev-utils/getCSSModuleLocalIdent';\nimport { Configuration, IgnorePlugin } from 'webpack';\nimport * as stylesRegexps from '@teambit/webpack.modules.style-regexps';\nimport { generateStyleLoaders } from '@teambit/webpack.modules.generate-style-loaders';\nimport { postCssConfig } from './postcss.config';\n// Make sure the bit-react-transformer is a dependency\n// TODO: remove it once we can set policy from component to component then set it via the component.json\nimport '@teambit/react.babel.bit-react-transformer';\n// Make sure the mdx-loader is a dependency\nimport '@teambit/mdx.modules.mdx-loader';\n\nconst styleLoaderPath = require.resolve('style-loader');\n\nconst moduleFileExtensions = [\n  'web.mjs',\n  'mjs',\n  'web.js',\n  'js',\n  'cjs',\n  'web.ts',\n  'ts',\n  'web.tsx',\n  'tsx',\n  'json',\n  'web.jsx',\n  'jsx',\n  'mdx',\n  'md',\n];\n\n// Source maps are resource heavy and can cause out of memory issue for large source files.\nconst shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';\n\nconst imageInlineSizeLimit = parseInt(process.env.IMAGE_INLINE_SIZE_LIMIT || '10000');\n\n// This is the production and development configuration.\n// It is focused on developer experience, fast rebuilds, and a minimal bundle.\n// eslint-disable-next-line complexity\nexport default function (isEnvProduction = false): Configuration {\n  // Variable used for enabling profiling in Production\n  // passed into alias object. Uses a flag if passed into the build command\n  const isEnvProductionProfile = process.argv.includes('--profile');\n\n  const baseStyleLoadersOptions = {\n    injectingLoader: isEnvProduction ? MiniCssExtractPlugin.loader : styleLoaderPath,\n    cssLoaderPath: require.resolve('css-loader'),\n    postCssLoaderPath: require.resolve('postcss-loader'),\n    postCssConfig,\n  };\n\n  // We will provide `paths.publicUrlOrPath` to our app\n  // as %PUBLIC_URL% in `index.html` and `process.env.PUBLIC_URL` in JavaScript.\n  // Omit trailing slash as %PUBLIC_URL%/xyz looks better than %PUBLIC_URL%xyz.\n  // Get environment variables to inject into our app.\n  // const env = getClientEnvironment(publicUrlOrPath.slice(0, -1));\n\n  return {\n    // TODO: make the dev tool according to shouldUseSourceMap and isEnvProduction\n    // devtool: 'inline-source-map',\n    resolve: {\n      // These are the reasonable defaults supported by the Node ecosystem.\n      // We also include JSX as a common component filename extension to support\n      // some tools, although we do not recommend using it, see:\n      // https://github.com/facebook/create-react-app/issues/290\n      // `web` extension prefixes have been added for better support\n      // for React Native Web.\n      extensions: moduleFileExtensions.map((ext) => `.${ext}`),\n\n      alias: {\n        'react/jsx-dev-runtime': require.resolve('react/jsx-dev-runtime.js'),\n        'react/jsx-runtime': require.resolve('react/jsx-runtime.js'),\n        // Support React Native Web\n        // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/\n        // TODO: @uri please remember to remove after publishing evangelist and base-ui\n\n        'react-dom/server': require.resolve('react-dom/server'),\n        // Allows for better profiling with ReactDevTools\n        ...(isEnvProductionProfile && {\n          'react-dom$': 'react-dom/profiling',\n          'scheduler/tracing': 'scheduler/tracing-profiling',\n        }),\n      },\n    },\n    module: {\n      strictExportPresence: true,\n      rules: [\n        {\n          test: /\\.m?js/,\n          resolve: {\n            fullySpecified: false,\n          },\n        },\n        {\n          // \"oneOf\" will traverse all following loaders until one will\n          // match the requirements. When no loader matches it will fall\n          // back to the \"file\" loader at the end of the loader list.\n          oneOf: [\n            // \"postcss\" loader applies autoprefixer to our CSS.\n            // \"css\" loader resolves paths in CSS and adds assets as dependencies.\n            // \"style\" loader turns CSS into JS modules that inject <style> tags.\n            // In production, we use MiniCSSExtractPlugin to extract that CSS\n            // to a file, but in development \"style\" loader enables hot editing\n            // of CSS.\n            // By default we support CSS Modules with the extension .module.css\n            {\n              test: stylesRegexps.cssNoModulesRegex,\n              use: generateStyleLoaders(\n                merge({}, baseStyleLoadersOptions, {\n                  cssLoaderOpts: {\n                    importLoaders: 1,\n                    sourceMap: isEnvProduction || shouldUseSourceMap,\n                  },\n                })\n              ),\n              // Don't consider CSS imports dead code even if the\n              // containing package claims to have no side effects.\n              // Remove this when webpack adds a warning or an error for this.\n              // See https://github.com/webpack/webpack/issues/6571\n              sideEffects: true,\n            },\n\n            // Process application JS with Babel.\n            // The preset includes JSX, Flow, TypeScript, and some ESnext features.\n            {\n              test: /\\.(js|mjs|jsx|ts|tsx)$/,\n              exclude: [/node_modules/, /\\/dist\\//],\n              // consider: limit loader to files only in a capsule that has bitid in package.json\n              // descriptionData: { componentId: ComponentID.isValidObject },\n              // // or\n              // include: capsulePaths\n              loader: require.resolve('babel-loader'),\n              options: {\n                babelrc: false,\n                configFile: false,\n                customize: require.resolve('babel-preset-react-app/webpack-overrides'),\n                presets: [require.resolve('@babel/preset-react')],\n                // This is a feature of `babel-loader` for webpack (not Babel itself).\n                // It enables caching results in ./node_modules/.cache/babel-loader/\n                // directory for faster rebuilds.\n                cacheDirectory: true,\n                // See #6846 for context on why cacheCompression is disabled\n                cacheCompression: false,\n                compact: isEnvProduction,\n              },\n            },\n            // Process any JS outside of the app with Babel.\n            // Unlike the application JS, we only compile the standard ES features.\n            // Probably not needed in our use case\n            // {\n            //   test: /\\.(js|mjs)$/,\n            //   exclude: /@babel(?:\\/|\\\\{1,2})runtime/,\n            //   loader: require.resolve('babel-loader'),\n            //   options: {\n            //     babelrc: false,\n            //     configFile: false,\n            //     compact: false,\n            //     presets: [[require.resolve('babel-preset-react-app/dependencies'), { helpers: true }]],\n            //     cacheDirectory: true,\n            //     // See #6846 for context on why cacheCompression is disabled\n            //     cacheCompression: false,\n\n            //     // Babel sourcemaps are needed for debugging into node_modules\n            //     // code.  Without the options below, debuggers like VSCode\n            //     // show incorrect code and set breakpoints on the wrong lines.\n            //     sourceMaps: shouldUseSourceMap,\n            //     inputSourceMap: shouldUseSourceMap,\n            //   },\n            // },\n            // MDX support (move to the mdx aspect and extend from there)\n            {\n              test: /\\.mdx?$/,\n              exclude: [/node_modules/],\n              use: [\n                {\n                  loader: require.resolve('babel-loader'),\n                  options: {\n                    babelrc: false,\n                    configFile: false,\n                    presets: [require.resolve('@babel/preset-react'), require.resolve('@babel/preset-env')],\n                  },\n                },\n                {\n                  loader: require.resolve('@teambit/mdx.modules.mdx-loader'),\n                },\n              ],\n            },\n            // Adds support for CSS Modules (https://github.com/css-modules/css-modules)\n            // using the extension .module.css\n            {\n              test: stylesRegexps.cssModuleRegex,\n              use: generateStyleLoaders(\n                merge({}, baseStyleLoadersOptions, {\n                  cssLoaderOpts: {\n                    importLoaders: 1,\n                    sourceMap: isEnvProduction || shouldUseSourceMap,\n                    modules: {\n                      getLocalIdent: getCSSModuleLocalIdent,\n                    },\n                  },\n                  shouldUseSourceMap: isEnvProduction || shouldUseSourceMap,\n                })\n              ),\n            },\n            // Opt-in support for SASS (using .scss or .sass extensions).\n            // By default we support SASS Modules with the\n            // extensions .module.scss or .module.sass\n            {\n              test: stylesRegexps.sassNoModuleRegex,\n              use: generateStyleLoaders(\n                merge({}, baseStyleLoadersOptions, {\n                  cssLoaderOpts: {\n                    importLoaders: 3,\n                    sourceMap: isEnvProduction || shouldUseSourceMap,\n                  },\n                  shouldUseSourceMap: isEnvProduction || shouldUseSourceMap,\n                  preProcessOptions: {\n                    resolveUrlLoaderPath: require.resolve('resolve-url-loader'),\n                    preProcessorPath: require.resolve('sass-loader'),\n                  },\n                })\n              ),\n              // Don't consider CSS imports dead code even if the\n              // containing package claims to have no side effects.\n              // Remove this when webpack adds a warning or an error for this.\n              // See https://github.com/webpack/webpack/issues/6571\n              sideEffects: true,\n            },\n            // Adds support for CSS Modules, but using SASS\n            // using the extension .module.scss or .module.sass\n            {\n              test: stylesRegexps.sassModuleRegex,\n              use: generateStyleLoaders(\n                merge({}, baseStyleLoadersOptions, {\n                  cssLoaderOpts: {\n                    importLoaders: 3,\n                    sourceMap: isEnvProduction || shouldUseSourceMap,\n                    modules: {\n                      getLocalIdent: getCSSModuleLocalIdent,\n                    },\n                  },\n                  shouldUseSourceMap: isEnvProduction || shouldUseSourceMap,\n                  preProcessOptions: {\n                    resolveUrlLoaderPath: require.resolve('resolve-url-loader'),\n                    preProcessorPath: require.resolve('sass-loader'),\n                  },\n                })\n              ),\n            },\n            {\n              test: stylesRegexps.lessNoModuleRegex,\n              use: generateStyleLoaders(\n                merge({}, baseStyleLoadersOptions, {\n                  cssLoaderOpts: {\n                    importLoaders: 1,\n                    sourceMap: isEnvProduction || shouldUseSourceMap,\n                  },\n                  shouldUseSourceMap: isEnvProduction || shouldUseSourceMap,\n                  preProcessOptions: {\n                    resolveUrlLoaderPath: require.resolve('resolve-url-loader'),\n                    preProcessorPath: require.resolve('less-loader'),\n                  },\n                })\n              ),\n              // Don't consider CSS imports dead code even if the\n              // containing package claims to have no side effects.\n              // Remove this when webpack adds a warning or an error for this.\n              // See https://github.com/webpack/webpack/issues/6571\n              sideEffects: true,\n            },\n            {\n              test: stylesRegexps.lessModuleRegex,\n              use: generateStyleLoaders(\n                merge({}, baseStyleLoadersOptions, {\n                  cssLoaderOpts: {\n                    importLoaders: 1,\n                    sourceMap: isEnvProduction || shouldUseSourceMap,\n                    modules: {\n                      getLocalIdent: getCSSModuleLocalIdent,\n                    },\n                  },\n                  shouldUseSourceMap: isEnvProduction || shouldUseSourceMap,\n                  preProcessOptions: {\n                    resolveUrlLoaderPath: require.resolve('resolve-url-loader'),\n                    preProcessorPath: require.resolve('less-loader'),\n                  },\n                })\n              ),\n            },\n            {\n              test: [/\\.bmp$/, /\\.gif$/, /\\.jpe?g$/, /\\.png$/],\n              type: 'asset',\n              parser: {\n                dataUrlCondition: {\n                  maxSize: imageInlineSizeLimit,\n                },\n              },\n            },\n            {\n              // loads svg as both inlineUrl and react component, like:\n              // import starUrl, { ReactComponent as StarIcon } from './star.svg';\n              // (remove when there is native support for both opitons from webpack5 / svgr)\n              test: /\\.svg$/,\n              oneOf: [\n                {\n                  dependency: { not: ['url'] }, // exclude new URL calls\n                  use: [\n                    {\n                      loader: require.resolve('@svgr/webpack'),\n                      options: { titleProp: true, ref: true },\n                    },\n                    require.resolve('new-url-loader'),\n                  ],\n                },\n                {\n                  type: 'asset', // export a data URI or emit a separate file\n                },\n              ],\n            },\n            // \"file\" loader makes sure those assets get served by WebpackDevServer.\n            // When you `import` an asset, you get its (virtual) filename.\n            // In production, they would get copied to the `build` folder.\n            // This loader doesn't use a \"test\" so it will catch all modules\n            // that fall through the other loaders.\n            {\n              // Exclude `js` files to keep \"css\" loader working as it injects\n              // its runtime that would otherwise be processed through \"file\" loader.\n              // Also exclude `html` and `json` extensions so they get processed\n              // by webpacks internal loaders.\n              exclude: [/\\.(js|mjs|cjs|jsx|ts|tsx)$/, /\\.html$/, /\\.mdx?/, /\\.json$/, /\\.css$/],\n              type: 'asset',\n            },\n            // ** STOP ** Are you adding a new loader?\n            // Make sure to add the new loader(s) before the \"type:asset\" loader.\n          ],\n        },\n      ],\n    },\n    // @ts-ignore\n    plugins: [\n      isEnvProduction &&\n        new MiniCssExtractPlugin({\n          // Options similar to the same options in webpackOptions.output\n          // both options are optional\n          filename: 'static/css/[name].[contenthash:8].css',\n          chunkFilename: 'static/css/[name].[contenthash:8].chunk.css',\n        }),\n      // Moment.js is an extremely popular library that bundles large locale files\n      // by default due to how webpack interprets its code. This is a practical\n      // solution that requires the user to opt into importing specific locales.\n      // https://github.com/jmblog/how-to-optimize-momentjs-with-webpack\n      // You can remove this if you don't use Moment.js:\n      new IgnorePlugin({\n        resourceRegExp: /^\\.\\/locale$/,\n        contextRegExp: /moment$/,\n      }),\n    ].filter(Boolean),\n    // Turn off performance processing because we utilize\n    // our own hints via the FileSizeReporter\n    performance: false,\n  };\n}\n"]}
+{"version":3,"sources":["webpack.config.base.ts"],"names":["styleLoaderPath","require","resolve","moduleFileExtensions","shouldUseSourceMap","process","env","GENERATE_SOURCEMAP","imageInlineSizeLimit","parseInt","IMAGE_INLINE_SIZE_LIMIT","isEnvProduction","isEnvProductionProfile","argv","includes","baseStyleLoadersOptions","injectingLoader","MiniCssExtractPlugin","loader","cssLoaderPath","postCssLoaderPath","postCssConfig","extensions","map","ext","alias","module","strictExportPresence","rules","test","fullySpecified","oneOf","stylesRegexps","cssNoModulesRegex","use","cssLoaderOpts","importLoaders","sourceMap","sideEffects","exclude","options","babelrc","configFile","customize","presets","cacheDirectory","cacheCompression","compact","cssModuleRegex","modules","getLocalIdent","getCSSModuleLocalIdent","sassNoModuleRegex","preProcessOptions","resolveUrlLoaderPath","preProcessorPath","sassModuleRegex","lessNoModuleRegex","lessModuleRegex","type","parser","dataUrlCondition","maxSize","generator","filename","dependency","not","titleProp","ref","plugins","chunkFilename","IgnorePlugin","resourceRegExp","contextRegExp","filter","Boolean","performance"],"mappings":"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","sourcesContent":["import { merge } from 'lodash';\nimport 'style-loader';\nimport MiniCssExtractPlugin from 'mini-css-extract-plugin';\nimport getCSSModuleLocalIdent from 'react-dev-utils/getCSSModuleLocalIdent';\nimport { Configuration, IgnorePlugin } from 'webpack';\nimport * as stylesRegexps from '@teambit/webpack.modules.style-regexps';\nimport { generateStyleLoaders } from '@teambit/webpack.modules.generate-style-loaders';\nimport { postCssConfig } from './postcss.config';\n// Make sure the bit-react-transformer is a dependency\n// TODO: remove it once we can set policy from component to component then set it via the component.json\nimport '@teambit/react.babel.bit-react-transformer';\n// Make sure the mdx-loader is a dependency\nimport '@teambit/mdx.modules.mdx-loader';\n\nconst styleLoaderPath = require.resolve('style-loader');\n\nconst moduleFileExtensions = [\n  'web.mjs',\n  'mjs',\n  'web.js',\n  'js',\n  'cjs',\n  'web.ts',\n  'ts',\n  'web.tsx',\n  'tsx',\n  'json',\n  'web.jsx',\n  'jsx',\n  'mdx',\n  'md',\n];\n\n// Source maps are resource heavy and can cause out of memory issue for large source files.\nconst shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';\n\nconst imageInlineSizeLimit = parseInt(process.env.IMAGE_INLINE_SIZE_LIMIT || '10000');\n\n// This is the production and development configuration.\n// It is focused on developer experience, fast rebuilds, and a minimal bundle.\n// eslint-disable-next-line complexity\nexport default function (isEnvProduction = false): Configuration {\n  // Variable used for enabling profiling in Production\n  // passed into alias object. Uses a flag if passed into the build command\n  const isEnvProductionProfile = process.argv.includes('--profile');\n\n  const baseStyleLoadersOptions = {\n    injectingLoader: isEnvProduction ? MiniCssExtractPlugin.loader : styleLoaderPath,\n    cssLoaderPath: require.resolve('css-loader'),\n    postCssLoaderPath: require.resolve('postcss-loader'),\n    postCssConfig,\n  };\n\n  // We will provide `paths.publicUrlOrPath` to our app\n  // as %PUBLIC_URL% in `index.html` and `process.env.PUBLIC_URL` in JavaScript.\n  // Omit trailing slash as %PUBLIC_URL%/xyz looks better than %PUBLIC_URL%xyz.\n  // Get environment variables to inject into our app.\n  // const env = getClientEnvironment(publicUrlOrPath.slice(0, -1));\n\n  return {\n    // TODO: make the dev tool according to shouldUseSourceMap and isEnvProduction\n    // devtool: 'inline-source-map',\n    resolve: {\n      // These are the reasonable defaults supported by the Node ecosystem.\n      // We also include JSX as a common component filename extension to support\n      // some tools, although we do not recommend using it, see:\n      // https://github.com/facebook/create-react-app/issues/290\n      // `web` extension prefixes have been added for better support\n      // for React Native Web.\n      extensions: moduleFileExtensions.map((ext) => `.${ext}`),\n\n      alias: {\n        'react/jsx-dev-runtime': require.resolve('react/jsx-dev-runtime.js'),\n        'react/jsx-runtime': require.resolve('react/jsx-runtime.js'),\n        // Support React Native Web\n        // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/\n        // TODO: @uri please remember to remove after publishing evangelist and base-ui\n\n        'react-dom/server': require.resolve('react-dom/server'),\n        // Allows for better profiling with ReactDevTools\n        ...(isEnvProductionProfile && {\n          'react-dom$': 'react-dom/profiling',\n          'scheduler/tracing': 'scheduler/tracing-profiling',\n        }),\n      },\n    },\n    module: {\n      strictExportPresence: true,\n      rules: [\n        {\n          test: /\\.m?js/,\n          resolve: {\n            fullySpecified: false,\n          },\n        },\n        {\n          // \"oneOf\" will traverse all following loaders until one will\n          // match the requirements. When no loader matches it will fall\n          // back to the \"file\" loader at the end of the loader list.\n          oneOf: [\n            // \"postcss\" loader applies autoprefixer to our CSS.\n            // \"css\" loader resolves paths in CSS and adds assets as dependencies.\n            // \"style\" loader turns CSS into JS modules that inject <style> tags.\n            // In production, we use MiniCSSExtractPlugin to extract that CSS\n            // to a file, but in development \"style\" loader enables hot editing\n            // of CSS.\n            // By default we support CSS Modules with the extension .module.css\n            {\n              test: stylesRegexps.cssNoModulesRegex,\n              use: generateStyleLoaders(\n                merge({}, baseStyleLoadersOptions, {\n                  cssLoaderOpts: {\n                    importLoaders: 1,\n                    sourceMap: isEnvProduction || shouldUseSourceMap,\n                  },\n                })\n              ),\n              // Don't consider CSS imports dead code even if the\n              // containing package claims to have no side effects.\n              // Remove this when webpack adds a warning or an error for this.\n              // See https://github.com/webpack/webpack/issues/6571\n              sideEffects: true,\n            },\n\n            // Process application JS with Babel.\n            // The preset includes JSX, Flow, TypeScript, and some ESnext features.\n            {\n              test: /\\.(js|mjs|jsx|ts|tsx)$/,\n              exclude: [/node_modules/, /\\/dist\\//],\n              // consider: limit loader to files only in a capsule that has bitid in package.json\n              // descriptionData: { componentId: ComponentID.isValidObject },\n              // // or\n              // include: capsulePaths\n              loader: require.resolve('babel-loader'),\n              options: {\n                babelrc: false,\n                configFile: false,\n                customize: require.resolve('babel-preset-react-app/webpack-overrides'),\n                presets: [require.resolve('@babel/preset-react')],\n                // This is a feature of `babel-loader` for webpack (not Babel itself).\n                // It enables caching results in ./node_modules/.cache/babel-loader/\n                // directory for faster rebuilds.\n                cacheDirectory: true,\n                // See #6846 for context on why cacheCompression is disabled\n                cacheCompression: false,\n                compact: isEnvProduction,\n              },\n            },\n            // Process any JS outside of the app with Babel.\n            // Unlike the application JS, we only compile the standard ES features.\n            // Probably not needed in our use case\n            // {\n            //   test: /\\.(js|mjs)$/,\n            //   exclude: /@babel(?:\\/|\\\\{1,2})runtime/,\n            //   loader: require.resolve('babel-loader'),\n            //   options: {\n            //     babelrc: false,\n            //     configFile: false,\n            //     compact: false,\n            //     presets: [[require.resolve('babel-preset-react-app/dependencies'), { helpers: true }]],\n            //     cacheDirectory: true,\n            //     // See #6846 for context on why cacheCompression is disabled\n            //     cacheCompression: false,\n\n            //     // Babel sourcemaps are needed for debugging into node_modules\n            //     // code.  Without the options below, debuggers like VSCode\n            //     // show incorrect code and set breakpoints on the wrong lines.\n            //     sourceMaps: shouldUseSourceMap,\n            //     inputSourceMap: shouldUseSourceMap,\n            //   },\n            // },\n            // MDX support (move to the mdx aspect and extend from there)\n            {\n              test: /\\.mdx?$/,\n              exclude: [/node_modules/],\n              use: [\n                {\n                  loader: require.resolve('babel-loader'),\n                  options: {\n                    babelrc: false,\n                    configFile: false,\n                    presets: [require.resolve('@babel/preset-react'), require.resolve('@babel/preset-env')],\n                  },\n                },\n                {\n                  loader: require.resolve('@teambit/mdx.modules.mdx-loader'),\n                },\n              ],\n            },\n            // Adds support for CSS Modules (https://github.com/css-modules/css-modules)\n            // using the extension .module.css\n            {\n              test: stylesRegexps.cssModuleRegex,\n              use: generateStyleLoaders(\n                merge({}, baseStyleLoadersOptions, {\n                  cssLoaderOpts: {\n                    importLoaders: 1,\n                    sourceMap: isEnvProduction || shouldUseSourceMap,\n                    modules: {\n                      getLocalIdent: getCSSModuleLocalIdent,\n                    },\n                  },\n                  shouldUseSourceMap: isEnvProduction || shouldUseSourceMap,\n                })\n              ),\n            },\n            // Opt-in support for SASS (using .scss or .sass extensions).\n            // By default we support SASS Modules with the\n            // extensions .module.scss or .module.sass\n            {\n              test: stylesRegexps.sassNoModuleRegex,\n              use: generateStyleLoaders(\n                merge({}, baseStyleLoadersOptions, {\n                  cssLoaderOpts: {\n                    importLoaders: 3,\n                    sourceMap: isEnvProduction || shouldUseSourceMap,\n                  },\n                  shouldUseSourceMap: isEnvProduction || shouldUseSourceMap,\n                  preProcessOptions: {\n                    resolveUrlLoaderPath: require.resolve('resolve-url-loader'),\n                    preProcessorPath: require.resolve('sass-loader'),\n                  },\n                })\n              ),\n              // Don't consider CSS imports dead code even if the\n              // containing package claims to have no side effects.\n              // Remove this when webpack adds a warning or an error for this.\n              // See https://github.com/webpack/webpack/issues/6571\n              sideEffects: true,\n            },\n            // Adds support for CSS Modules, but using SASS\n            // using the extension .module.scss or .module.sass\n            {\n              test: stylesRegexps.sassModuleRegex,\n              use: generateStyleLoaders(\n                merge({}, baseStyleLoadersOptions, {\n                  cssLoaderOpts: {\n                    importLoaders: 3,\n                    sourceMap: isEnvProduction || shouldUseSourceMap,\n                    modules: {\n                      getLocalIdent: getCSSModuleLocalIdent,\n                    },\n                  },\n                  shouldUseSourceMap: isEnvProduction || shouldUseSourceMap,\n                  preProcessOptions: {\n                    resolveUrlLoaderPath: require.resolve('resolve-url-loader'),\n                    preProcessorPath: require.resolve('sass-loader'),\n                  },\n                })\n              ),\n            },\n            {\n              test: stylesRegexps.lessNoModuleRegex,\n              use: generateStyleLoaders(\n                merge({}, baseStyleLoadersOptions, {\n                  cssLoaderOpts: {\n                    importLoaders: 1,\n                    sourceMap: isEnvProduction || shouldUseSourceMap,\n                  },\n                  shouldUseSourceMap: isEnvProduction || shouldUseSourceMap,\n                  preProcessOptions: {\n                    resolveUrlLoaderPath: require.resolve('resolve-url-loader'),\n                    preProcessorPath: require.resolve('less-loader'),\n                  },\n                })\n              ),\n              // Don't consider CSS imports dead code even if the\n              // containing package claims to have no side effects.\n              // Remove this when webpack adds a warning or an error for this.\n              // See https://github.com/webpack/webpack/issues/6571\n              sideEffects: true,\n            },\n            {\n              test: stylesRegexps.lessModuleRegex,\n              use: generateStyleLoaders(\n                merge({}, baseStyleLoadersOptions, {\n                  cssLoaderOpts: {\n                    importLoaders: 1,\n                    sourceMap: isEnvProduction || shouldUseSourceMap,\n                    modules: {\n                      getLocalIdent: getCSSModuleLocalIdent,\n                    },\n                  },\n                  shouldUseSourceMap: isEnvProduction || shouldUseSourceMap,\n                  preProcessOptions: {\n                    resolveUrlLoaderPath: require.resolve('resolve-url-loader'),\n                    preProcessorPath: require.resolve('less-loader'),\n                  },\n                })\n              ),\n            },\n            {\n              test: [/\\.bmp$/, /\\.gif$/, /\\.jpe?g$/, /\\.png$/],\n              type: 'asset',\n              parser: {\n                dataUrlCondition: {\n                  maxSize: imageInlineSizeLimit,\n                },\n              },\n              generator: {\n                filename: 'static/images/[hash][ext][query]',\n              },\n            },\n            {\n              // loads svg as both inlineUrl and react component, like:\n              // import starUrl, { ReactComponent as StarIcon } from './star.svg';\n              // (remove when there is native support for both opitons from webpack5 / svgr)\n              test: /\\.svg$/,\n              oneOf: [\n                {\n                  dependency: { not: ['url'] }, // exclude new URL calls\n                  use: [\n                    {\n                      loader: require.resolve('@svgr/webpack'),\n                      options: { titleProp: true, ref: true },\n                    },\n                    require.resolve('new-url-loader'),\n                  ],\n                },\n                {\n                  type: 'asset', // export a data URI or emit a separate file\n                },\n              ],\n            },\n            {\n              test: /\\.(woff(2)?|ttf|eot|svg)(\\?v=\\d+\\.\\d+\\.\\d+)?$/,\n              type: 'asset',\n              generator: {\n                filename: 'static/fonts/[hash][ext][query]',\n              },\n            },\n\n            // \"file\" loader makes sure those assets get served by WebpackDevServer.\n            // When you `import` an asset, you get its (virtual) filename.\n            // In production, they would get copied to the `build` folder.\n            // This loader doesn't use a \"test\" so it will catch all modules\n            // that fall through the other loaders.\n            {\n              // Exclude `js` files to keep \"css\" loader working as it injects\n              // its runtime that would otherwise be processed through \"file\" loader.\n              // Also exclude `html` and `json` extensions so they get processed\n              // by webpacks internal loaders.\n              exclude: [/\\.(js|mjs|cjs|jsx|ts|tsx)$/, /\\.html$/, /\\.mdx?/, /\\.json$/, /\\.css$/],\n              generator: {\n                filename: 'static/[hash][ext][query]',\n              },\n              type: 'asset',\n            },\n            // ** STOP ** Are you adding a new loader?\n            // Make sure to add the new loader(s) before the \"type:asset\" loader.\n          ],\n        },\n      ],\n    },\n    // @ts-ignore\n    plugins: [\n      isEnvProduction &&\n        new MiniCssExtractPlugin({\n          // Options similar to the same options in webpackOptions.output\n          // both options are optional\n          filename: 'static/css/[name].[contenthash:8].css',\n          chunkFilename: 'static/css/[name].[contenthash:8].chunk.css',\n        }),\n      // Moment.js is an extremely popular library that bundles large locale files\n      // by default due to how webpack interprets its code. This is a practical\n      // solution that requires the user to opt into importing specific locales.\n      // https://github.com/jmblog/how-to-optimize-momentjs-with-webpack\n      // You can remove this if you don't use Moment.js:\n      new IgnorePlugin({\n        resourceRegExp: /^\\.\\/locale$/,\n        contextRegExp: /moment$/,\n      }),\n    ].filter(Boolean),\n    // Turn off performance processing because we utilize\n    // our own hints via the FileSizeReporter\n    performance: false,\n  };\n}\n"]}