@teambit/react 1.0.952 → 1.0.953

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/react",
-  "version": "1.0.952",
+  "version": "1.0.953",
   "homepage": "https://bit.cloud/teambit/react/react",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.react",
     "name": "react",
-    "version": "1.0.952"
+    "version": "1.0.953"
   },
   "dependencies": {
     "eslint": "8.56.0",
@@ -25,6 +25,7 @@
     "webpack": "5.97.1",
     "@babel/preset-env": "7.28.3",
     "@babel/preset-react": "7.27.1",
+    "@babel/preset-typescript": "7.27.1",
     "@mdx-js/loader": "^3.1.1",
     "@svgr/webpack": "8.1.0",
     "babel-loader": "9.2.1",
@@ -88,9 +89,9 @@
     "@teambit/react.instructions.react.adding-compositions": "0.0.7",
     "@teambit/react.instructions.react.adding-tests": "0.0.6",
     "@teambit/api-reference.renderers.react": "0.0.69",
+    "@teambit/react.eslint-config-bit-react": "2.0.10",
     "@teambit/dependencies.modules.packages-excluder": "1.0.8",
     "@teambit/react.jest.react-jest": "1.0.38",
-    "@teambit/react.eslint-config-bit-react": "2.0.10",
     "@teambit/mdx.modules.mdx-v3-options": "0.0.2",
     "@teambit/react.babel.bit-react-transformer": "1.0.47",
     "@teambit/webpack.modules.generate-style-loaders": "1.0.25",
@@ -100,29 +101,29 @@
     "@teambit/toolbox.network.get-port": "1.0.20",
     "@teambit/react.rendering.ssr": "1.0.3",
     "@teambit/ui-foundation.ui.pages.static-error": "0.0.110",
-    "@teambit/typescript": "1.0.952",
-    "@teambit/builder": "1.0.952",
-    "@teambit/bundler": "1.0.952",
-    "@teambit/compiler": "1.0.952",
-    "@teambit/component": "1.0.952",
-    "@teambit/dependency-resolver": "1.0.952",
-    "@teambit/dev-files": "1.0.952",
-    "@teambit/envs": "1.0.952",
-    "@teambit/formatter": "1.0.952",
-    "@teambit/linter": "1.0.952",
-    "@teambit/pkg": "1.0.952",
-    "@teambit/preview": "1.0.952",
-    "@teambit/schema": "1.0.952",
-    "@teambit/tester": "1.0.952",
-    "@teambit/webpack": "1.0.952",
-    "@teambit/workspace-config-files": "1.0.952",
-    "@teambit/workspace": "1.0.952",
-    "@teambit/application": "1.0.952",
-    "@teambit/generator": "1.0.953",
-    "@teambit/graphql": "1.0.952",
-    "@teambit/api-reference": "1.0.952",
-    "@teambit/compositions": "1.0.952",
-    "@teambit/ui": "1.0.952"
+    "@teambit/typescript": "1.0.953",
+    "@teambit/builder": "1.0.953",
+    "@teambit/bundler": "1.0.953",
+    "@teambit/compiler": "1.0.953",
+    "@teambit/component": "1.0.953",
+    "@teambit/dependency-resolver": "1.0.953",
+    "@teambit/dev-files": "1.0.953",
+    "@teambit/envs": "1.0.953",
+    "@teambit/formatter": "1.0.953",
+    "@teambit/linter": "1.0.953",
+    "@teambit/pkg": "1.0.953",
+    "@teambit/preview": "1.0.953",
+    "@teambit/schema": "1.0.953",
+    "@teambit/tester": "1.0.953",
+    "@teambit/webpack": "1.0.953",
+    "@teambit/workspace-config-files": "1.0.953",
+    "@teambit/workspace": "1.0.953",
+    "@teambit/application": "1.0.953",
+    "@teambit/generator": "1.0.954",
+    "@teambit/graphql": "1.0.953",
+    "@teambit/api-reference": "1.0.953",
+    "@teambit/compositions": "1.0.953",
+    "@teambit/ui": "1.0.953"
   },
   "devDependencies": {
     "@types/react": "^17.0.8",

package/webpack/overlay/refreshOverlayInterop.js

@@ -11,9 +11,31 @@
 // @remove-on-eject-end
 'use strict';
 
-const { dismissRuntimeErrors, reportRuntimeError } = require('react-error-overlay');
+const {
+  dismissBuildError,
+  dismissRuntimeErrors,
+  reportBuildError,
+  reportRuntimeError,
+  setEditorHandler,
+} = require('react-error-overlay');
+const launchEditorEndpoint = require('./launchEditorEndpoint');
+
+setEditorHandler(function editorHandler(errorLocation) {
+  // Keep this in sync with the error overlay middleware endpoint.
+  fetch(
+    launchEditorEndpoint +
+      '?fileName=' +
+      window.encodeURIComponent(errorLocation.fileName) +
+      '&lineNumber=' +
+      window.encodeURIComponent(errorLocation.lineNumber || 1) +
+      '&colNumber=' +
+      window.encodeURIComponent(errorLocation.colNumber || 1)
+  );
+});
 
 module.exports = {
+  clearCompileError: dismissBuildError,
   clearRuntimeErrors: dismissRuntimeErrors,
+  showCompileError: reportBuildError,
   handleRuntimeError: reportRuntimeError,
 };

package/webpack/webpack.config.base.ts

@@ -71,6 +71,11 @@ export default function (isEnvProduction = false): Configuration {
       // `web` extension prefixes have been added for better support
       // for React Native Web.
       extensions: moduleFileExtensions.map((ext) => `.${ext}`),
+      extensionAlias: {
+        '.js': ['.ts', '.tsx', '.js', '.jsx'],
+        '.mjs': ['.mts', '.mjs'],
+        '.cjs': ['.cts', '.cjs'],
+      },
 
       alias: {
         'react/jsx-dev-runtime': require.resolve('react/jsx-dev-runtime'),
@@ -134,7 +139,11 @@ export default function (isEnvProduction = false): Configuration {
               options: {
                 babelrc: false,
                 configFile: false,
-                presets: [require.resolve('@babel/preset-env'), require.resolve('@babel/preset-react')],
+                presets: [
+                  require.resolve('@babel/preset-env'),
+                  require.resolve('@babel/preset-typescript'),
+                  require.resolve('@babel/preset-react'),
+                ],
                 // This is a feature of `babel-loader` for webpack (not Babel itself).
                 // It enables caching results in ./node_modules/.cache/babel-loader/
                 // directory for faster rebuilds.

package/webpack/webpack.config.component.dev.ts

@@ -89,8 +89,6 @@ export default function (workDir: string, envId: string): Configuration {
       new ReactRefreshWebpackPlugin({
         overlay: {
           sockPath: `_hmr/${envId}`,
-          // TODO - react-error-overlay not showing runtime errors - https://github.com/teambit/bit/issues/5452
-          entry: require.resolve('./overlay/webpackHotDevClient'),
           module: require.resolve('./overlay/refreshOverlayInterop'),
         },
 

package/artifacts/env-template/public/peers.65cdbd36f1fe2f94cb0f.js

@@ -1 +0,0 @@
-(()=>{"use strict";var __webpack_modules__={981:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__2)=>{var react__WEBPACK_IMPORTED_MODULE_2___namespace_cache,react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache,_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__2(60547),_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__2(58860),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__2(37953),react_dom__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__2(88705),globalObj=window;guard("TeambitMdxUiMdxScopeContext",_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_0__),guard("MdxJsReact",_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__),guard("React",react__WEBPACK_IMPORTED_MODULE_2___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_2___namespace_cache=__webpack_require__2.t(react__WEBPACK_IMPORTED_MODULE_2__,2))),guard("ReactDom",react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache||(react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache=__webpack_require__2.t(react_dom__WEBPACK_IMPORTED_MODULE_3__,2))),globalObj.TeambitMdxUiMdxScopeContext=_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_0__,globalObj.MdxJsReact=_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__,globalObj.React=react__WEBPACK_IMPORTED_MODULE_2___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_2___namespace_cache=__webpack_require__2.t(react__WEBPACK_IMPORTED_MODULE_2__,2)),globalObj.ReactDom=react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache||(react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache=__webpack_require__2.t(react_dom__WEBPACK_IMPORTED_MODULE_3__,2));function guard(property,expected){var existing=globalObj[property];if(existing===expected&&expected!==void 0)console.warn('[expose-peers] "'+property+'" already exists in global scope, but with correct value');else if(existing!==void 0)throw new Error('[expose-peers] "'+property+'" already exists in the global scope, cannot overwrite')}}},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(cachedModule!==void 0)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdO={},(()=>{var deferred=[];__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(chunkIds){priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority];return}for(var notFulfilled=1/0,i=0;i<deferred.length;i++){for(var[chunkIds,fn,priority]=deferred[i],fulfilled=!0,j=0;j<chunkIds.length;j++)(priority&!1||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every(key=>__webpack_require__.O[key](chunkIds[j]))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();r!==void 0&&(result=r)}}return result}})(),__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},(()=>{var getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,leafPrototypes;__webpack_require__.t=function(value,mode){if(mode&1&&(value=this(value)),mode&8||typeof value=="object"&&value&&(mode&4&&value.__esModule||mode&16&&typeof value.then=="function"))return value;var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=mode&2&&value;typeof current=="object"&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach(key=>def[key]=()=>value[key]);return def.default=()=>value,__webpack_require__.d(ns,def),ns}})(),__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch{if(typeof window=="object")return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),__webpack_require__.r=exports=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),(()=>{var installedChunks={626:0};__webpack_require__.O.j=chunkId=>installedChunks[chunkId]===0;var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var[chunkIds,moreModules,runtime]=data,moduleId,chunkId,i=0;if(chunkIds.some(id=>installedChunks[id]!==0)){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})();var __webpack_exports__=__webpack_require__.O(void 0,[548],()=>__webpack_require__(981));__webpack_exports__=__webpack_require__.O(__webpack_exports__)})();