@teambit/react 0.0.777 → 0.0.780

package/dist/webpack/webpack.config.env.template.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.templateWebpackConfigFactory = templateWebpackConfigFactory;
+
+function templateWebpackConfigFactory() {
+  return {
+    name: 'react.env-template',
+    output: {
+      filename: '[name].[chunkhash].js',
+      // might run into this error, when running multiple chunks created by different webpack builds:
+      //    "Uncaught TypeError: __webpack_require__.n is not a function"
+      // this is because each build creates its own runtime, and they compete on the same global name.
+      // setting a separate global name for the template ensures it will not conflict with preview chunks loaded in runtime
+      chunkLoadingGlobal: '__loadChunks_EnvTemplate'
+    }
+  };
+}
+
+//# sourceMappingURL=webpack.config.env.template.js.map

package/dist/webpack/webpack.config.env.template.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["templateWebpackConfigFactory","name","output","filename","chunkLoadingGlobal"],"sources":["webpack.config.env.template.ts"],"sourcesContent":["import { Configuration } from 'webpack';\n\nexport function templateWebpackConfigFactory(): Configuration {\n  return {\n    name: 'react.env-template',\n    output: {\n      filename: '[name].[chunkhash].js',\n      // might run into this error, when running multiple chunks created by different webpack builds:\n      //    \"Uncaught TypeError: __webpack_require__.n is not a function\"\n      // this is because each build creates its own runtime, and they compete on the same global name.\n      // setting a separate global name for the template ensures it will not conflict with preview chunks loaded in runtime\n      chunkLoadingGlobal: '__loadChunks_EnvTemplate',\n    },\n  };\n}\n"],"mappings":";;;;;;;AAEO,SAASA,4BAAT,GAAuD;EAC5D,OAAO;IACLC,IAAI,EAAE,oBADD;IAELC,MAAM,EAAE;MACNC,QAAQ,EAAE,uBADJ;MAEN;MACA;MACA;MACA;MACAC,kBAAkB,EAAE;IANd;EAFH,CAAP;AAWD"}

package/{overview-1656732493790.js → overview-1657039361770.js}

@@ -1,6 +1,5 @@
 
 import { linkModules } from '/home/circleci/bit/bit/node_modules/@teambit/preview/dist/preview.preview.runtime.js';
-import harmony from '/home/circleci/bit/bit/node_modules/@teambit/harmony/dist/index.js';
 import * as mainModule from '/home/circleci/bit/bit/node_modules/@teambit/react.ui.docs-app/dist/index.js';
 
 

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/react",
-  "version": "0.0.777",
+  "version": "0.0.780",
   "homepage": "https://bit.dev/teambit/react/react",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.react",
     "name": "react",
-    "version": "0.0.777"
+    "version": "0.0.780"
   },
   "dependencies": {
     "react-error-boundary": "^3.0.0",
@@ -79,40 +79,40 @@
     "@teambit/harmony": "0.3.3",
     "@teambit/react.instructions.react.adding-compositions": "0.0.6",
     "@teambit/react.instructions.react.adding-tests": "0.0.6",
-    "@teambit/design.ui.pages.standalone-not-found-page": "0.0.358",
-    "@teambit/preview": "0.0.777",
+    "@teambit/design.ui.pages.standalone-not-found-page": "0.0.359",
+    "@teambit/preview": "0.0.780",
     "@teambit/react.ui.error-fallback": "0.0.111",
-    "@teambit/react.ui.loader-fallback": "0.0.89",
+    "@teambit/react.ui.loader-fallback": "0.0.90",
     "@teambit/compositions.ui.hooks.use-composition": "0.0.163",
     "@teambit/design.ui.tooltip": "0.0.352",
-    "@teambit/builder": "0.0.777",
-    "@teambit/bundler": "0.0.777",
-    "@teambit/compiler": "0.0.777",
-    "@teambit/component.modules.component-url": "0.0.124",
-    "@teambit/component": "0.0.777",
-    "@teambit/dependency-resolver": "0.0.777",
-    "@teambit/envs": "0.0.777",
-    "@teambit/eslint": "0.0.777",
-    "@teambit/formatter": "0.0.328",
-    "@teambit/jest": "0.0.777",
-    "@teambit/linter": "0.0.777",
-    "@teambit/logger": "0.0.608",
-    "@teambit/pkg": "0.0.777",
-    "@teambit/prettier": "0.0.328",
+    "@teambit/builder": "0.0.780",
+    "@teambit/bundler": "0.0.780",
+    "@teambit/compiler": "0.0.780",
+    "@teambit/component.modules.component-url": "0.0.125",
+    "@teambit/component": "0.0.780",
+    "@teambit/dependency-resolver": "0.0.780",
+    "@teambit/envs": "0.0.780",
+    "@teambit/eslint": "0.0.780",
+    "@teambit/formatter": "0.0.331",
+    "@teambit/jest": "0.0.780",
+    "@teambit/linter": "0.0.780",
+    "@teambit/logger": "0.0.609",
+    "@teambit/pkg": "0.0.780",
+    "@teambit/prettier": "0.0.331",
     "@teambit/react.ui.highlighter.component-metadata.bit-component-meta": "0.0.21",
-    "@teambit/schema": "0.0.777",
-    "@teambit/tester": "0.0.777",
-    "@teambit/typescript": "0.0.777",
-    "@teambit/webpack": "0.0.777",
-    "@teambit/workspace": "0.0.777",
-    "@teambit/application": "0.0.419",
-    "@teambit/cli": "0.0.515",
-    "@teambit/generator": "0.0.777",
-    "@teambit/graphql": "0.0.777",
+    "@teambit/schema": "0.0.780",
+    "@teambit/tester": "0.0.780",
+    "@teambit/typescript": "0.0.780",
+    "@teambit/webpack": "0.0.780",
+    "@teambit/workspace": "0.0.780",
+    "@teambit/application": "0.0.422",
+    "@teambit/cli": "0.0.516",
+    "@teambit/generator": "0.0.780",
+    "@teambit/graphql": "0.0.780",
     "@teambit/react.ui.highlighter-provider": "0.0.189",
-    "@teambit/compositions": "0.0.777",
-    "@teambit/ui": "0.0.777",
-    "@teambit/react.eslint-config-bit-react": "0.0.589",
+    "@teambit/compositions": "0.0.780",
+    "@teambit/ui": "0.0.780",
+    "@teambit/react.eslint-config-bit-react": "0.0.590",
     "@teambit/mdx.modules.mdx-loader": "0.0.490",
     "@teambit/react.babel.bit-react-transformer": "0.0.501",
     "@teambit/webpack.modules.generate-style-loaders": "0.0.103",
@@ -120,7 +120,7 @@
     "@teambit/component-id": "0.0.402",
     "@teambit/toolbox.network.get-port": "0.0.113",
     "@teambit/react.modules.prerenderer-puppeteer": "0.0.2",
-    "@teambit/config": "0.0.528"
+    "@teambit/config": "0.0.529"
   },
   "devDependencies": {
     "@types/react": "^17.0.8",
@@ -139,7 +139,7 @@
     "@teambit/react.content.react-overview": "1.95.0"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.296",
+    "@teambit/legacy": "1.0.297",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },
@@ -203,7 +203,7 @@
         "@types/jest": "^26.0.0"
       },
       "peerDependencies": {
-        "@teambit/legacy": "1.0.296",
+        "@teambit/legacy": "1.0.297",
         "react-dom": "^16.8.0 || ^17.0.0",
         "react": "^16.8.0 || ^17.0.0"
       }

package/peers-link.12da65a556b208dcb44e12e06e145839e9b3df37.js

@@ -0,0 +1,26 @@
+// @ts-nocheck
+import * as React from "react";
+import * as ReactDom from "react-dom";
+import * as TeambitMdxUiMdxScopeContext from "@teambit/mdx.ui.mdx-scope-context";
+import * as MdxJsReact from "@mdx-js/react";
+
+const globalObj = window;
+
+guard("React", React);
+guard("ReactDom", ReactDom);
+guard("TeambitMdxUiMdxScopeContext", TeambitMdxUiMdxScopeContext);
+guard("MdxJsReact", MdxJsReact);
+
+globalObj["React"] = React;
+globalObj["ReactDom"] = ReactDom;
+globalObj["TeambitMdxUiMdxScopeContext"] = TeambitMdxUiMdxScopeContext;
+globalObj["MdxJsReact"] = MdxJsReact;
+
+function guard(property, expected) {
+  var existing = globalObj[property];
+
+  if (existing === expected && expected !== undefined)
+    console.warn('[expose-peers] "' + property + '" already exists in global scope, but with correct value');
+  else if (existing !== undefined)
+    throw new Error('[expose-peers] "' + property + '" already exists in the global scope, cannot overwrite');
+}

package/{preview-1656732493790.js → preview-1657039361770.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.react_react@0.0.777/dist/react.composition.js'
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.react_react@0.0.777/dist/react.docs.mdx'
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.react_react@0.0.780/dist/react.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.react_react@0.0.780/dist/react.docs.mdx';
 
 export const compositions = [compositions_0];
-export const overview = [overview_0]
+export const overview = [overview_0];

package/templates/react-hook/files/index-file.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentID } from '@teambit/component-id';
+import type { ComponentContext } from '@teambit/generator';
+import { indexFile } from './index-file';
+
+// react hook convention is `useX` (lowercase "use")
+// it is required to enable hook-specific linting rules
+const useFoobarSnapshot = `export { useFooBar } from './use-foo-bar';
+`; // trailing line break
+
+describe('templates: react-hook, index-file', () => {
+  it('should match snapshot', () => {
+    const ctx: ComponentContext = {
+      name: 'use-foo-bar',
+      namePascalCase: 'UseFooBar',
+      nameCamelCase: 'useFooBar',
+      componentId: ComponentID.fromString('baz.qux/use/foo/bar'),
+    };
+
+    const result = indexFile(ctx);
+
+    expect(result.content).toEqual(useFoobarSnapshot);
+  });
+});

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

@@ -1,7 +1,7 @@
 import { ComponentContext } from '@teambit/generator';
 
 export const indexFile = (context: ComponentContext) => {
-  const { name, namePascalCase: Name } = context;
+  const { name, nameCamelCase: Name } = context;
 
   return {
     relativePath: 'index.ts',

package/webpack/webpack.config.base.ts

@@ -72,10 +72,6 @@ export default function (isEnvProduction = false): Configuration {
       alias: {
         'react/jsx-dev-runtime': require.resolve('react/jsx-dev-runtime.js'),
         'react/jsx-runtime': require.resolve('react/jsx-runtime.js'),
-        // Support React Native Web
-        // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
-        // TODO: @uri please remember to remove after publishing evangelist and base-ui
-
         'react-dom/server': require.resolve('react-dom/server'),
         // Allows for better profiling with ReactDevTools
         ...(isEnvProductionProfile && {

package/webpack/webpack.config.env.template.ts

@@ -0,0 +1,15 @@
+import { Configuration } from 'webpack';
+
+export function templateWebpackConfigFactory(): Configuration {
+  return {
+    name: 'react.env-template',
+    output: {
+      filename: '[name].[chunkhash].js',
+      // might run into this error, when running multiple chunks created by different webpack builds:
+      //    "Uncaught TypeError: __webpack_require__.n is not a function"
+      // this is because each build creates its own runtime, and they compete on the same global name.
+      // setting a separate global name for the template ensures it will not conflict with preview chunks loaded in runtime
+      chunkLoadingGlobal: '__loadChunks_EnvTemplate',
+    },
+  };
+}