@teambit/react 0.0.554 → 0.0.558

package/templates/workspace-common/files/types/style.ts

@@ -1,43 +0,0 @@
-export const styleTypes = `declare module '*.module.css' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-declare module '*.module.scss' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-declare module '*.module.sass' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.module.less' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.less' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.css' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.sass' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.scss' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.mdx' {
-  const component: any;
-  export default component;
-}
-`;

package/templates/workspace-common/files/workspace-config.ts

@@ -1,58 +0,0 @@
-import { WorkspaceContext } from '@teambit/generator';
-import { getWorkspaceConfigTemplateParsed, stringifyWorkspaceConfig } from '@teambit/config';
-import { parse, assign } from 'comment-json';
-
-export async function workspaceConfig({ name, defaultScope, empty }: WorkspaceContext) {
-  const scope = defaultScope || 'company.scope';
-  const configParsed = await getWorkspaceConfigTemplateParsed();
-  configParsed['teambit.workspace/workspace'].name = name;
-  configParsed['teambit.workspace/workspace'].defaultScope = scope;
-  configParsed['teambit.dependencies/dependency-resolver'].packageManager = 'teambit.dependencies/pnpm';
-  configParsed['teambit.dependencies/dependency-resolver'].policy = {
-    dependencies: {
-      '@teambit/eslint-config-bit-react': '~0.0.367',
-      '@typescript-eslint/eslint-plugin': '4.29.3',
-      'eslint-import-resolver-node': '0.3.6',
-      'eslint-plugin-import': '2.22.1',
-      'eslint-plugin-jest': '24.4.0',
-      'eslint-plugin-jsx-a11y': '6.4.1',
-      'eslint-plugin-mdx': '1.15.0',
-      'eslint-plugin-react': '7.25.1',
-    },
-    peerDependencies: {
-      '@testing-library/react': '12.0.0',
-      react: '17.0.2',
-      'react-dom': '17.0.2',
-    },
-  };
-
-  const variants = {
-    'teambit.workspace/variants': empty
-      ? {
-          '*': {
-            'teambit.react/react': {},
-          },
-        }
-      : parse(`{
-      "{ui/**}, {pages/**}": {
-        // uses the custom env
-        "${scope}/envs/my-react": {},
-        // uncomment the line below if you remove the custom env and remove the line above
-        // "teambit.react/react": {},
-      },
-      "{themes/**}": {
-        "teambit.react/react": {},
-      },
-      "{content/**}": {
-        "teambit.mdx/mdx": {},
-      },
-      "{envs/**}, {extensions/**}": {
-        "teambit.harmony/aspect": {},
-      },
-    }`),
-  };
-
-  const configMerged = assign(configParsed, variants);
-
-  return stringifyWorkspaceConfig(configMerged);
-}

package/templates/workspace-common/generate-files.ts

@@ -1,51 +0,0 @@
-import { WorkspaceContext } from '@teambit/generator';
-import { workspaceConfig } from './files/workspace-config';
-import { readme } from './files/readme-file';
-import { gitIgnore } from './files/git-ignore';
-import { assetTypes } from './files/types/asset';
-import { styleTypes } from './files/types/style';
-import { eslintConfig } from './files/eslint-config';
-import { tsConfig } from './files/ts-config';
-import { prettierConfig } from './files/prettier-config';
-
-type GeneratedFile = {
-  relativePath: string;
-  content: string;
-};
-
-export async function generateFiles(context: WorkspaceContext): Promise<GeneratedFile[]> {
-  return [
-    {
-      relativePath: 'workspace.jsonc',
-      content: await workspaceConfig(context),
-    },
-    {
-      relativePath: `.gitignore`,
-      content: gitIgnore(),
-    },
-    {
-      relativePath: `README.md`,
-      content: readme(),
-    },
-    {
-      relativePath: `.eslintrc.js`,
-      content: eslintConfig,
-    },
-    {
-      relativePath: `tsconfig.json`,
-      content: tsConfig,
-    },
-    {
-      relativePath: `.prettierrc.js`,
-      content: prettierConfig,
-    },
-    {
-      relativePath: `types/asset.d.ts`,
-      content: assetTypes,
-    },
-    {
-      relativePath: `types/style.d.ts`,
-      content: styleTypes,
-    },
-  ];
-}

package/templates/workspace-common/index.ts

@@ -1 +0,0 @@
-export { generateFiles } from './generate-files';

package/types/asset.d.ts

@@ -1,29 +0,0 @@
-declare module '*.png' {
-  const value: any;
-  export = value;
-}
-declare module '*.svg' {
-  import type { FunctionComponent, SVGProps } from 'react';
-
-  export const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>;
-  const src: string;
-  export default src;
-}
-
-// @TODO Gilad
-declare module '*.jpg' {
-  const value: any;
-  export = value;
-}
-declare module '*.jpeg' {
-  const value: any;
-  export = value;
-}
-declare module '*.gif' {
-  const value: any;
-  export = value;
-}
-declare module '*.bmp' {
-  const value: any;
-  export = value;
-}

package/types/style.d.ts

@@ -1,42 +0,0 @@
-declare module '*.module.css' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-declare module '*.module.scss' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-declare module '*.module.sass' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.module.less' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.less' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.css' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.sass' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.scss' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.mdx' {
-  const component: any;
-  export default component;
-}

package/typescript/asset.d.ts

@@ -1,29 +0,0 @@
-declare module '*.png' {
-  const value: any;
-  export = value;
-}
-declare module '*.svg' {
-  import type { FunctionComponent, SVGProps } from 'react';
-
-  export const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>;
-  const src: string;
-  export default src;
-}
-
-// @TODO Gilad
-declare module '*.jpg' {
-  const value: any;
-  export = value;
-}
-declare module '*.jpeg' {
-  const value: any;
-  export = value;
-}
-declare module '*.gif' {
-  const value: any;
-  export = value;
-}
-declare module '*.bmp' {
-  const value: any;
-  export = value;
-}

package/typescript/style.d.ts

@@ -1,42 +0,0 @@
-declare module '*.module.css' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-declare module '*.module.scss' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-declare module '*.module.sass' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.module.less' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.less' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.css' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.sass' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.scss' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.mdx' {
-  const component: any;
-  export default component;
-}

package/typescript/tsconfig.build.json

@@ -1,22 +0,0 @@
-{
-  "compilerOptions": {
-    "lib": [
-      "es2019", "DOM", "ES6" ,"DOM.Iterable"
-    ],
-    "target": "es2015",
-    "module": "commonjs",
-    "jsx": "react",
-    "allowJs": true,
-    "composite": true,
-    "declaration": true,
-    "sourceMap": true,
-    "skipLibCheck": true,
-    "outDir": "dist",
-    "moduleResolution": "node",
-    "esModuleInterop": true,
-    "rootDir": "."
-  },
-  "exclude": [
-    "dist"
-  ]
-}

package/typescript/tsconfig.json

@@ -1,18 +0,0 @@
-{
-  "compilerOptions": {
-    "lib": [
-      "es2019", "DOM", "ES6" ,"DOM.Iterable"
-    ],
-    "target": "es2015",
-    "module": "commonjs",
-    "jsx": "react",
-    "declaration": true,
-    "sourceMap": true,
-    "skipLibCheck": true,
-    "moduleResolution": "node",
-    "esModuleInterop": true
-  },
-  "exclude": [
-    "dist"
-  ]
-}

package/webpack/format-webpack-messages.js

@@ -1,102 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-const friendlySyntaxErrorLabel = 'Syntax error:';
-
-function isLikelyASyntaxError(message) {
-  return message.indexOf(friendlySyntaxErrorLabel) !== -1;
-}
-
-// Cleans up webpack error messages.
-function formatMessage(error) {
-  let message = error.message;
-  let lines = message.split('\n');
-
-  // Strip webpack-added headers off errors/warnings
-  // https://github.com/webpack/webpack/blob/master/lib/ModuleError.js
-  lines = lines.filter((line) => !/Module [A-z ]+\(from/.test(line));
-
-  // Transform parsing error into syntax error
-  // TODO: move this to our ESLint formatter?
-  lines = lines.map((line) => {
-    const parsingError = /Line (\d+):(?:(\d+):)?\s*Parsing error: (.+)$/.exec(line);
-    if (!parsingError) {
-      return line;
-    }
-    const [, errorLine, errorColumn, errorMessage] = parsingError;
-    return `${friendlySyntaxErrorLabel} ${errorMessage} (${errorLine}:${errorColumn})`;
-  });
-
-  message = lines.join('\n');
-  // Smoosh syntax errors (commonly found in CSS)
-  message = message.replace(/SyntaxError\s+\((\d+):(\d+)\)\s*(.+?)\n/g, `${friendlySyntaxErrorLabel} $3 ($1:$2)\n`);
-  // Clean up export errors
-  message = message.replace(
-    /^.*export '(.+?)' was not found in '(.+?)'.*$/gm,
-    `Attempted import error: '$1' is not exported from '$2'.`
-  );
-  message = message.replace(
-    /^.*export 'default' \(imported as '(.+?)'\) was not found in '(.+?)'.*$/gm,
-    `Attempted import error: '$2' does not contain a default export (imported as '$1').`
-  );
-  message = message.replace(
-    /^.*export '(.+?)' \(imported as '(.+?)'\) was not found in '(.+?)'.*$/gm,
-    `Attempted import error: '$1' is not exported from '$3' (imported as '$2').`
-  );
-  lines = message.split('\n');
-
-  // Remove leading newline
-  if (lines.length > 2 && lines[1].trim() === '') {
-    lines.splice(1, 1);
-  }
-  // Clean up file name
-  lines[0] = lines[0].replace(/^(.*) \d+:\d+-\d+$/, '$1');
-
-  // Cleans up verbose "module not found" messages for files and packages.
-  if (lines[1] && lines[1].indexOf('Module not found: ') === 0) {
-    lines = [
-      lines[0],
-      lines[1].replace('Error: ', '').replace('Module not found: Cannot find file:', 'Cannot find file:'),
-    ];
-  }
-
-  // Add helpful message for users trying to use Sass for the first time
-  if (lines[1] && lines[1].match(/Cannot find module.+node-sass/)) {
-    lines[1] = 'To import Sass files, you first need to install node-sass.\n';
-    lines[1] += 'Run `npm install node-sass` or `yarn add node-sass` inside your workspace.';
-  }
-
-  message = lines.join('\n');
-  // Internal stacks are generally useless so we strip them... with the
-  // exception of stacks containing `webpack:` because they're normally
-  // from user code generated by webpack. For more information see
-  // https://github.com/facebook/create-react-app/pull/1050
-  message = message.replace(/^\s*at\s((?!webpack:).)*:\d+:\d+[\s)]*(\n|$)/gm, ''); // at ... ...:x:y
-  message = message.replace(/^\s*at\s<anonymous>(\n|$)/gm, ''); // at <anonymous>
-  lines = message.split('\n');
-
-  // Remove duplicated newlines
-  lines = lines.filter(
-    (line, index, arr) => index === 0 || line.trim() !== '' || line.trim() !== arr[index - 1].trim()
-  );
-
-  // Reassemble the message
-  message = lines.join('\n');
-  return message.trim();
-}
-
-function formatWebpackMessages(json) {
-  const formattedErrors = json.errors.map(formatMessage);
-  const formattedWarnings = json.warnings.map(formatMessage);
-  const result = { errors: formattedErrors, warnings: formattedWarnings };
-  if (result.errors.some(isLikelyASyntaxError)) {
-    // If there are any syntax errors, show just them.
-    result.errors = result.errors.filter(isLikelyASyntaxError);
-  }
-  return result;
-}
-
-module.exports = formatWebpackMessages;

package/webpack/launch-editor-endpoint.js

@@ -1,8 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-// TODO: we might want to make this injectable to support DEV-time non-root URLs.
-module.exports = '/__open-stack-frame-in-editor';

package/webpack/postcss.config.ts

@@ -1,21 +0,0 @@
-
-export const postCssConfig = {
-  // Necessary for external CSS imports to work
-  // https://github.com/facebook/create-react-app/issues/2677
-  ident: 'postcss',
-  plugins: [
-    // eslint-disable-next-line global-require
-    require.resolve('postcss-flexbugs-fixes'),
-    // eslint-disable-next-line global-require
-    require('postcss-preset-env')({
-      autoprefixer: {
-        flexbox: 'no-2009',
-      },
-      stage: 3,
-    }),
-    // Adds PostCSS Normalize as the reset css with default options,
-    // so that it honors browserslist config in package.json
-    // which in turn let's users customize the target behavior as per their needs.
-    require.resolve('postcss-normalize'),
-  ],
-};