@teambit/react 0.0.555 → 0.0.559

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/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'),
-  ],
-};

package/webpack/webpack.config.base.prod.ts

@@ -1,123 +0,0 @@
-import WorkboxWebpackPlugin from 'workbox-webpack-plugin';
-import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';
-import TerserPlugin from 'terser-webpack-plugin';
-import { Configuration } from 'webpack';
-import { WebpackManifestPlugin } from 'webpack-manifest-plugin';
-
-// This is the production and development configuration.
-// It is focused on developer experience, fast rebuilds, and a minimal bundle.
-// eslint-disable-next-line complexity
-export default function (): Configuration {
-  return {
-    optimization: {
-      minimize: true,
-      minimizer: [
-        // This is only used in production mode
-        new TerserPlugin({
-          terserOptions: {
-            parse: {
-              // We want terser to parse ecma 8 code. However, we don't want it
-              // to apply any minification steps that turns valid ecma 5 code
-              // into invalid ecma 5 code. This is why the 'compress' and 'output'
-              // sections only apply transformations that are ecma 5 safe
-              // https://github.com/facebook/create-react-app/pull/4234
-              ecma: 8,
-            },
-            compress: {
-              ecma: 5,
-              warnings: false,
-              // Disabled because of an issue with Uglify breaking seemingly valid code:
-              // https://github.com/facebook/create-react-app/issues/2376
-              // Pending further investigation:
-              // https://github.com/mishoo/UglifyJS2/issues/2011
-              comparisons: false,
-              // Disabled because of an issue with Terser breaking valid code:
-              // https://github.com/facebook/create-react-app/issues/5250
-              // Pending further investigation:
-              // https://github.com/terser-js/terser/issues/120
-              inline: 2,
-            },
-            mangle: {
-              safari10: true,
-            },
-            output: {
-              ecma: 5,
-              comments: false,
-              // Turned on because emoji and regex is not minified properly using default
-              // https://github.com/facebook/create-react-app/issues/2488
-              ascii_only: true,
-            },
-          },
-        }),
-        new CssMinimizerPlugin({
-          minimizerOptions: {
-            preset: [
-              'default',
-              {
-                minifyFontValues: { removeQuotes: false },
-              },
-            ],
-          },
-        }),
-      ],
-      // Automatically split vendor and commons
-      // https://twitter.com/wSokra/status/969633336732905474
-      // https://medium.com/webpack/webpack-4-code-splitting-chunk-graph-and-the-splitchunks-optimization-be739a861366
-      splitChunks: {
-        chunks: 'all',
-        // name: false,
-      },
-      // Keep the runtime chunk separated to enable long term caching
-      // https://twitter.com/wSokra/status/969679223278505985
-      // https://github.com/facebook/create-react-app/issues/5358
-      runtimeChunk: {
-        name: (entrypoint) => `runtime-${entrypoint.name}`,
-      },
-    },
-
-    plugins: [
-      // Generate an asset manifest file with the following content:
-      // - "files" key: Mapping of all asset filenames to their corresponding
-      //   output file so that tools can pick it up without having to parse
-      //   `index.html`
-      //   can be used to reconstruct the HTML if necessary
-      new WebpackManifestPlugin({
-        fileName: 'asset-manifest.json',
-        publicPath: 'public',
-        generate: (seed, files, entrypoints) => {
-          const manifestFiles = files.reduce((manifest, file) => {
-            manifest[file.name] = file.path;
-            return manifest;
-          }, seed);
-          const entrypointFiles = entrypoints.main.filter((fileName) => !fileName.endsWith('.map'));
-
-          // @ts-ignore - https://github.com/shellscape/webpack-manifest-plugin/issues/276
-          return {
-            files: manifestFiles,
-            entrypoints: entrypointFiles,
-          } as Record<string, string>;
-        },
-      }),
-      // Generate a service worker script that will precache, and keep up to date,
-      // the HTML & assets that are part of the webpack build.
-      new WorkboxWebpackPlugin.GenerateSW({
-        clientsClaim: true,
-        exclude: [/\.map$/, /asset-manifest\.json$/],
-        // importWorkboxFrom: 'cdn',
-        navigateFallback: 'public/index.html',
-        navigateFallbackDenylist: [
-          // Exclude URLs starting with /_, as they're likely an API call
-          new RegExp('^/_'),
-          // Exclude any URLs whose last part seems to be a file extension
-          // as they're likely a resource and not a SPA route.
-          // URLs containing a "?" character won't be blacklisted as they're likely
-          // a route with query params (e.g. auth callbacks).
-          new RegExp('/[^/?]+\\.[^/]+$'),
-        ],
-      }),
-    ].filter(Boolean),
-    // Turn off performance processing because we utilize
-    // our own hints via the FileSizeReporter
-    performance: false,
-  };
-}