@teambit/ui 0.0.659 → 0.0.662

package/{__preview-1645932113477.js → __preview-1646104918375.js}

@@ -1 +1 @@
-export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.ui-foundation_ui@0.0.659/dist/ui.docs.md')]
+export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.ui-foundation_ui@0.0.662/dist/ui.docs.md')]

package/dist/create-root.js

@@ -55,12 +55,15 @@ async function createRoot(aspectDefs, rootExtensionName, rootAspect = _ui().UIAs
   const rootId = rootExtensionName ? `'${rootExtensionName}'` : '';
   const identifiers = getIdentifiers(aspectDefs, 'Aspect');
   const idSetters = getIdSetters(aspectDefs, 'Aspect');
-  config['teambit.harmony/bit'] = rootExtensionName;
+  config['teambit.harmony/bit'] = rootExtensionName; // Escaping "'" in case for example in the config you have something like:
+  // description: "team's scope"
+
+  const stringifiedConfig = (0, _toolboxPath().toWindowsCompatiblePath)(JSON.stringify(config)).replace(/'/g, "\\'");
   return `
 ${createImports(aspectDefs)}
 
 const isBrowser = typeof window !== "undefined";
-const config = JSON.parse('${(0, _toolboxPath().toWindowsCompatiblePath)(JSON.stringify(config))}');
+const config = JSON.parse('${stringifiedConfig}');
 ${idSetters.join('\n')}
 export function render(...props){
   return Harmony.load([${identifiers.join(', ')}], '${runtime}', config)

package/dist/create-root.js.map

@@ -1 +1 @@
-{"version":3,"sources":["create-root.ts"],"names":["createRoot","aspectDefs","rootExtensionName","rootAspect","UIAspect","id","runtime","config","rootId","identifiers","getIdentifiers","idSetters","getIdSetters","createImports","JSON","stringify","join","defs","filter","def","runtimePath","getImportStatements","pathProp","suffix","map","aspectDef","getIdentifier","getId","undefined","val","component","local","getCoreIdentifier","aspectPath","getRegularAspectIdentifier","base","replace","path","name","split"],"mappings":"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","sourcesContent":["import { AspectDefinition } from '@teambit/aspect-loader';\nimport { toWindowsCompatiblePath } from '@teambit/toolbox.path.to-windows-compatible-path';\nimport { camelCase } from 'lodash';\nimport { parse } from 'path';\n\nimport { UIAspect } from './ui.aspect';\n\nexport async function createRoot(\n  aspectDefs: AspectDefinition[],\n  rootExtensionName?: string,\n  rootAspect = UIAspect.id,\n  runtime = 'ui',\n  config = {}\n) {\n  const rootId = rootExtensionName ? `'${rootExtensionName}'` : '';\n  const identifiers = getIdentifiers(aspectDefs, 'Aspect');\n\n  const idSetters = getIdSetters(aspectDefs, 'Aspect');\n  config['teambit.harmony/bit'] = rootExtensionName;\n\n  return `\n${createImports(aspectDefs)}\n\nconst isBrowser = typeof window !== \"undefined\";\nconst config = JSON.parse('${toWindowsCompatiblePath(JSON.stringify(config))}');\n${idSetters.join('\\n')}\nexport function render(...props){\n  return Harmony.load([${identifiers.join(', ')}], '${runtime}', config)\n    .then((harmony) => {\n      return harmony\n      .run()\n      .then(() => {\n        const rootExtension = harmony.get('${rootAspect}');\n\n        if (isBrowser) {\n          return rootExtension.render(${rootId}, ...props);\n        } else {\n          return rootExtension.renderSsr(${rootId}, ...props);\n        }\n      })\n      .catch((err) => {\n        throw err;\n      });\n    });\n}\n\nif (isBrowser) render();\n`;\n}\n\nfunction createImports(aspectDefs: AspectDefinition[]) {\n  const defs = aspectDefs.filter((def) => def.runtimePath);\n\n  return `import { Harmony } from '@teambit/harmony';\n${getImportStatements(aspectDefs, 'aspectPath', 'Aspect')}\n${getImportStatements(defs, 'runtimePath', 'Runtime')}`;\n}\n\nfunction getImportStatements(aspectDefs: AspectDefinition[], pathProp: string, suffix: string): string {\n  return aspectDefs\n    .map(\n      (aspectDef) =>\n        `import ${getIdentifier(aspectDef, suffix)} from '${toWindowsCompatiblePath(aspectDef[pathProp])}';`\n    )\n    .join('\\n');\n}\n\nfunction getIdentifiers(aspectDefs: AspectDefinition[], suffix: string): string[] {\n  return aspectDefs.map((aspectDef) => `${getIdentifier(aspectDef, suffix)}`);\n}\n\nfunction getIdSetters(defs: AspectDefinition[], suffix: string) {\n  return defs\n    .map((def) => {\n      if (!def.getId) return undefined;\n      return `${getIdentifier(def, suffix)}.id = '${def.getId}';`;\n    })\n    .filter((val) => !!val);\n}\n\nfunction getIdentifier(aspectDef: AspectDefinition, suffix: string): string {\n  if (!aspectDef.component && !aspectDef.local) {\n    return getCoreIdentifier(aspectDef.aspectPath, suffix);\n  }\n  return getRegularAspectIdentifier(aspectDef, suffix);\n}\n\nfunction getRegularAspectIdentifier(aspectDef: AspectDefinition, suffix: string): string {\n  return camelCase(`${parse(aspectDef.aspectPath).base.replace(/\\./, '__').replace('@', '__')}${suffix}`);\n}\n\nfunction getCoreIdentifier(path: string, suffix: string): string {\n  return camelCase(`${parse(path).name.split('.')[0]}${suffix}`);\n}\n"]}
+{"version":3,"sources":["create-root.ts"],"names":["createRoot","aspectDefs","rootExtensionName","rootAspect","UIAspect","id","runtime","config","rootId","identifiers","getIdentifiers","idSetters","getIdSetters","stringifiedConfig","JSON","stringify","replace","createImports","join","defs","filter","def","runtimePath","getImportStatements","pathProp","suffix","map","aspectDef","getIdentifier","getId","undefined","val","component","local","getCoreIdentifier","aspectPath","getRegularAspectIdentifier","base","path","name","split"],"mappings":"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","sourcesContent":["import { AspectDefinition } from '@teambit/aspect-loader';\nimport { toWindowsCompatiblePath } from '@teambit/toolbox.path.to-windows-compatible-path';\nimport { camelCase } from 'lodash';\nimport { parse } from 'path';\n\nimport { UIAspect } from './ui.aspect';\n\nexport async function createRoot(\n  aspectDefs: AspectDefinition[],\n  rootExtensionName?: string,\n  rootAspect = UIAspect.id,\n  runtime = 'ui',\n  config = {}\n) {\n  const rootId = rootExtensionName ? `'${rootExtensionName}'` : '';\n  const identifiers = getIdentifiers(aspectDefs, 'Aspect');\n\n  const idSetters = getIdSetters(aspectDefs, 'Aspect');\n  config['teambit.harmony/bit'] = rootExtensionName;\n  // Escaping \"'\" in case for example in the config you have something like:\n  // description: \"team's scope\"\n  const stringifiedConfig = toWindowsCompatiblePath(JSON.stringify(config)).replace(/'/g, \"\\\\'\");\n\n  return `\n${createImports(aspectDefs)}\n\nconst isBrowser = typeof window !== \"undefined\";\nconst config = JSON.parse('${stringifiedConfig}');\n${idSetters.join('\\n')}\nexport function render(...props){\n  return Harmony.load([${identifiers.join(', ')}], '${runtime}', config)\n    .then((harmony) => {\n      return harmony\n      .run()\n      .then(() => {\n        const rootExtension = harmony.get('${rootAspect}');\n\n        if (isBrowser) {\n          return rootExtension.render(${rootId}, ...props);\n        } else {\n          return rootExtension.renderSsr(${rootId}, ...props);\n        }\n      })\n      .catch((err) => {\n        throw err;\n      });\n    });\n}\n\nif (isBrowser) render();\n`;\n}\n\nfunction createImports(aspectDefs: AspectDefinition[]) {\n  const defs = aspectDefs.filter((def) => def.runtimePath);\n\n  return `import { Harmony } from '@teambit/harmony';\n${getImportStatements(aspectDefs, 'aspectPath', 'Aspect')}\n${getImportStatements(defs, 'runtimePath', 'Runtime')}`;\n}\n\nfunction getImportStatements(aspectDefs: AspectDefinition[], pathProp: string, suffix: string): string {\n  return aspectDefs\n    .map(\n      (aspectDef) =>\n        `import ${getIdentifier(aspectDef, suffix)} from '${toWindowsCompatiblePath(aspectDef[pathProp])}';`\n    )\n    .join('\\n');\n}\n\nfunction getIdentifiers(aspectDefs: AspectDefinition[], suffix: string): string[] {\n  return aspectDefs.map((aspectDef) => `${getIdentifier(aspectDef, suffix)}`);\n}\n\nfunction getIdSetters(defs: AspectDefinition[], suffix: string) {\n  return defs\n    .map((def) => {\n      if (!def.getId) return undefined;\n      return `${getIdentifier(def, suffix)}.id = '${def.getId}';`;\n    })\n    .filter((val) => !!val);\n}\n\nfunction getIdentifier(aspectDef: AspectDefinition, suffix: string): string {\n  if (!aspectDef.component && !aspectDef.local) {\n    return getCoreIdentifier(aspectDef.aspectPath, suffix);\n  }\n  return getRegularAspectIdentifier(aspectDef, suffix);\n}\n\nfunction getRegularAspectIdentifier(aspectDef: AspectDefinition, suffix: string): string {\n  return camelCase(`${parse(aspectDef.aspectPath).base.replace(/\\./, '__').replace('@', '__')}${suffix}`);\n}\n\nfunction getCoreIdentifier(path: string, suffix: string): string {\n  return camelCase(`${parse(path).name.split('.')[0]}${suffix}`);\n}\n"]}

package/dist/webpack/webpack.dev.config.js

@@ -219,14 +219,15 @@ function devConfig(workspaceDir, entryFiles, title) {
         }
       },
 
-      onBeforeSetupMiddleware({
-        app,
-        server
-      }) {
-        // Keep `evalSourceMapMiddleware` and `errorOverlayMiddleware`
+      onBeforeSetupMiddleware(wds) {
+        const {
+          app
+        } = wds; // Keep `evalSourceMapMiddleware` and `errorOverlayMiddleware`
         // middlewares before `redirectServedPath` otherwise will not have any effect
         // This lets us fetch source contents from webpack for the error overlay
-        app.use((0, _evalSourceMapMiddleware().default)(server)); // This lets us open files from the runtime error overlay.
+        // @ts-ignore @types/wds mismatch
+
+        app.use((0, _evalSourceMapMiddleware().default)(wds)); // This lets us open files from the runtime error overlay.
 
         app.use((0, _errorOverlayMiddleware().default)());
       },

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack.dev.config.ts"],"names":["matchNothingRegex","clientHost","process","env","WDS_SOCKET_HOST","clientPath","WDS_SOCKET_PATH","port","WDS_SOCKET_PORT","publicUrlOrPath","NODE_ENV","moduleFileExtensions","devConfig","workspaceDir","entryFiles","title","resolveWorkspacePath","relativePath","path","resolve","host","HOST","mode","snapshot","managedPaths","devtool","entry","main","output","filename","pathinfo","publicPath","chunkFilename","devtoolModuleFilenameTemplate","info","absoluteResourcePath","infrastructureLogging","level","stats","errorDetails","devServer","allowedHosts","static","directory","staticOptions","serveIndex","watch","compress","hot","historyApiFallback","disableDotRule","index","client","webSocketURL","hostname","pathname","onBeforeSetupMiddleware","app","server","use","onAfterSetupMiddleware","devMiddleware","slice","extensions","map","ext","alias","react","require","fallback","fs","stream","module","unsafeCache","rules","test","fullySpecified","enforce","include","descriptionData","componentId","value","exclude","loader","options","configFile","babelrc","presets","plugins","stylesRegexps","sassModuleRegex","modules","localIdentName","sourceMap","sassNoModuleRegex","lessModuleRegex","lessNoModuleRegex","cssModuleRegex","cssNoModulesRegex","ReactRefreshWebpackPlugin","HtmlWebpackPlugin","inject","templateContent","chunks","ProvidePlugin"],"mappings":"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","sourcesContent":["import { ProvidePlugin } from 'webpack';\nimport * as stylesRegexps from '@teambit/webpack.modules.style-regexps';\nimport { pathNormalizeToLinux } from '@teambit/legacy/dist/utils';\nimport { WebpackConfigWithDevServer } from '@teambit/webpack';\n\nimport HtmlWebpackPlugin from 'html-webpack-plugin';\nimport ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';\nimport errorOverlayMiddleware from 'react-dev-utils/errorOverlayMiddleware';\nimport evalSourceMapMiddleware from 'react-dev-utils/evalSourceMapMiddleware';\nimport noopServiceWorkerMiddleware from 'react-dev-utils/noopServiceWorkerMiddleware';\nimport redirectServedPath from 'react-dev-utils/redirectServedPathMiddleware';\nimport getPublicUrlOrPath from 'react-dev-utils/getPublicUrlOrPath';\nimport path from 'path';\nimport { html } from './html';\n\n/*\n * Webpack config for the bit ui\n * i.e. `bit start --dev`,\n */\n\nconst matchNothingRegex = 'a^';\nconst clientHost = process.env.WDS_SOCKET_HOST;\nconst clientPath = process.env.WDS_SOCKET_PATH; // default is '/sockjs-node';\nconst port = process.env.WDS_SOCKET_PORT;\n\n// const reactRefreshRuntimeEntry = require.resolve('react-refresh/runtime');\n// const reactRefreshWebpackPluginRuntimeEntry = require.resolve(\n//   '@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils'\n// );\n\nconst publicUrlOrPath = getPublicUrlOrPath(process.env.NODE_ENV === 'development', '/', '/public');\n\nconst moduleFileExtensions = [\n  'web.mjs',\n  'mjs',\n  'web.js',\n  'js',\n  'web.ts',\n  'ts',\n  'web.tsx',\n  'tsx',\n  'json',\n  'web.jsx',\n  'jsx',\n];\n\nexport function devConfig(workspaceDir, entryFiles, title): WebpackConfigWithDevServer {\n  const resolveWorkspacePath = (relativePath) => path.resolve(workspaceDir, relativePath);\n\n  // Host\n  const host = process.env.HOST || 'localhost';\n\n  // Required for babel-preset-react-app\n  process.env.NODE_ENV = 'development';\n\n  return {\n    // Environment mode\n    mode: 'development',\n    // improves HMR - assume node_modules might change\n    snapshot: { managedPaths: [] },\n\n    devtool: 'inline-source-map',\n\n    // Entry point of app\n    entry: {\n      main: entryFiles,\n    },\n\n    output: {\n      // Development filename output\n      filename: 'static/js/[name].bundle.js',\n\n      pathinfo: true,\n\n      path: resolveWorkspacePath('/'),\n\n      publicPath: publicUrlOrPath,\n\n      chunkFilename: 'static/js/[name].chunk.js',\n\n      // point sourcemap entries to original disk locations (format as URL on windows)\n      devtoolModuleFilenameTemplate: (info) => pathNormalizeToLinux(path.resolve(info.absoluteResourcePath)),\n\n      // this defaults to 'window', but by setting it to 'this' then\n      // module chunks which are built will work in web workers as well.\n      // Commented out to use the default (self) as according to tobias with webpack5 self is working with workers as well\n      // globalObject: 'this',\n    },\n\n    infrastructureLogging: {\n      level: 'error',\n    },\n\n    stats: {\n      errorDetails: true,\n    },\n\n    devServer: {\n      allowedHosts: 'all',\n\n      static: [\n        {\n          directory: resolveWorkspacePath(publicUrlOrPath),\n          staticOptions: {},\n          // Don't be confused with `dev.publicPath`, it is `publicPath` for static directory\n          // Can be:\n          // publicPath: ['/static-public-path-one/', '/static-public-path-two/'],\n          publicPath: publicUrlOrPath,\n          // Can be:\n          // serveIndex: {} (options for the `serveIndex` option you can find https://github.com/expressjs/serve-index)\n          serveIndex: true,\n          // Can be:\n          // watch: {} (options for the `watch` option you can find https://github.com/paulmillr/chokidar)\n          watch: true,\n        },\n      ],\n\n      // Enable compression\n      compress: true,\n\n      // Enable hot reloading\n      hot: true,\n\n      host,\n\n      historyApiFallback: {\n        disableDotRule: true,\n        index: publicUrlOrPath,\n      },\n\n      client: {\n        webSocketURL: {\n          hostname: clientHost,\n          pathname: clientPath,\n          port,\n        },\n      },\n\n      onBeforeSetupMiddleware({ app, server }) {\n        // Keep `evalSourceMapMiddleware` and `errorOverlayMiddleware`\n        // middlewares before `redirectServedPath` otherwise will not have any effect\n        // This lets us fetch source contents from webpack for the error overlay\n        app.use(evalSourceMapMiddleware(server));\n        // This lets us open files from the runtime error overlay.\n        app.use(errorOverlayMiddleware());\n      },\n\n      onAfterSetupMiddleware({ app }) {\n        // Redirect to `PUBLIC_URL` or `homepage` from `package.json` if url not match\n        app.use(redirectServedPath(publicUrlOrPath));\n\n        // This service worker file is effectively a 'no-op' that will reset any\n        // previous service worker registered for the same host:port combination.\n        // We do this in development to avoid hitting the production cache if\n        // it used the same host and port.\n        // https://github.com/facebook/create-react-app/issues/2272#issuecomment-302832432\n        app.use(noopServiceWorkerMiddleware(publicUrlOrPath));\n      },\n\n      devMiddleware: {\n        // forward static files\n        publicPath: publicUrlOrPath.slice(0, -1),\n      },\n    },\n\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      alias: {\n        react: require.resolve('react'),\n        'react-dom/server': require.resolve('react-dom/server'),\n        'react-dom': require.resolve('react-dom'),\n        // 'react-refresh/runtime': require.resolve('react-refresh/runtime'),\n      },\n      fallback: {\n        fs: false,\n        path: require.resolve('path-browserify'),\n        stream: false,\n        process: false,\n      },\n    },\n\n    module: {\n      // Webpack by default includes node_modules under its managed paths which cause the whole directory to be cached\n      // Watch mode requires us to turn off unsafeCache as well\n      // this de-optimizes the dev build but ensures hmr works when writing/linking into node modules.\n      // However we do not lose the caching entirely like cache: false\n      unsafeCache: false,\n      rules: [\n        {\n          test: /\\.m?js/,\n          resolve: {\n            fullySpecified: false,\n          },\n        },\n        {\n          test: /\\.js$/,\n          enforce: 'pre',\n          include: /node_modules/,\n          // only apply to packages with componentId in their package.json (ie. bit components)\n          descriptionData: { componentId: (value) => !!value },\n          use: [require.resolve('@pmmmwh/react-refresh-webpack-plugin/loader'), require.resolve('source-map-loader')],\n        },\n        {\n          test: /\\.(js|jsx|tsx|ts)$/,\n          exclude: /node_modules/,\n          include: workspaceDir,\n          use: [\n            require.resolve('@pmmmwh/react-refresh-webpack-plugin/loader'),\n            {\n              loader: require.resolve('babel-loader'),\n              options: {\n                configFile: false,\n                babelrc: false,\n                presets: [\n                  // Preset includes JSX, TypeScript, and some ESnext features\n                  require.resolve('babel-preset-react-app'),\n                ],\n                plugins: [require.resolve('react-refresh/babel')],\n              },\n            },\n          ],\n        },\n        {\n          test: stylesRegexps.sassModuleRegex,\n          use: [\n            require.resolve('style-loader'),\n            {\n              loader: require.resolve('css-loader'),\n              options: {\n                modules: {\n                  localIdentName: '[name]__[local]--[hash:base64:5]',\n                },\n                sourceMap: true,\n              },\n            },\n            {\n              loader: require.resolve('sass-loader'),\n              options: {\n                sourceMap: true,\n              },\n            },\n          ],\n        },\n        {\n          test: stylesRegexps.sassNoModuleRegex,\n          use: [\n            require.resolve('style-loader'),\n            require.resolve('css-loader'),\n            {\n              loader: require.resolve('sass-loader'),\n              options: {\n                sourceMap: true,\n              },\n            },\n          ],\n        },\n        {\n          test: stylesRegexps.lessModuleRegex,\n          use: [\n            require.resolve('style-loader'),\n            {\n              loader: require.resolve('css-loader'),\n              options: {\n                modules: {\n                  localIdentName: '[name]__[local]--[hash:base64:5]',\n                },\n                sourceMap: true,\n              },\n            },\n            {\n              loader: require.resolve('less-loader'),\n              options: {\n                sourceMap: true,\n              },\n            },\n          ],\n        },\n        {\n          test: stylesRegexps.lessNoModuleRegex,\n          use: [\n            require.resolve('style-loader'),\n            require.resolve('css-loader'),\n            {\n              loader: require.resolve('less-loader'),\n              options: {\n                sourceMap: true,\n              },\n            },\n          ],\n        },\n        {\n          test: stylesRegexps.cssModuleRegex,\n          use: [\n            require.resolve('style-loader'),\n            {\n              loader: require.resolve('css-loader'),\n              options: {\n                modules: {\n                  localIdentName: '[name]__[local]--[hash:base64:5]',\n                },\n                sourceMap: true,\n              },\n            },\n          ],\n        },\n        {\n          test: stylesRegexps.cssNoModulesRegex,\n          use: [require.resolve('style-loader'), require.resolve('css-loader')],\n        },\n      ],\n    },\n\n    plugins: [\n      new ReactRefreshWebpackPlugin({\n        // we use '@pmmmwh/react-refresh-webpack-plugin/loader' directly where relevant.\n        // FYI, original defaults of the plugin are:\n        // include: /\\.([cm]js|[jt]sx?|flow)$/i, exclude: /node_modules/,\n        include: matchNothingRegex,\n      }),\n      // Re-generate index.html with injected script tag.\n      // The injected script tag contains a src value of the\n      // filename output defined above.\n      new HtmlWebpackPlugin({\n        inject: true,\n        templateContent: html(title || 'My component workspace'),\n        chunks: ['main'],\n        filename: 'index.html',\n      }),\n      new ProvidePlugin({\n        process: require.resolve('process/browser'),\n      }),\n    ],\n  };\n}\n"]}
+{"version":3,"sources":["webpack.dev.config.ts"],"names":["matchNothingRegex","clientHost","process","env","WDS_SOCKET_HOST","clientPath","WDS_SOCKET_PATH","port","WDS_SOCKET_PORT","publicUrlOrPath","NODE_ENV","moduleFileExtensions","devConfig","workspaceDir","entryFiles","title","resolveWorkspacePath","relativePath","path","resolve","host","HOST","mode","snapshot","managedPaths","devtool","entry","main","output","filename","pathinfo","publicPath","chunkFilename","devtoolModuleFilenameTemplate","info","absoluteResourcePath","infrastructureLogging","level","stats","errorDetails","devServer","allowedHosts","static","directory","staticOptions","serveIndex","watch","compress","hot","historyApiFallback","disableDotRule","index","client","webSocketURL","hostname","pathname","onBeforeSetupMiddleware","wds","app","use","onAfterSetupMiddleware","devMiddleware","slice","extensions","map","ext","alias","react","require","fallback","fs","stream","module","unsafeCache","rules","test","fullySpecified","enforce","include","descriptionData","componentId","value","exclude","loader","options","configFile","babelrc","presets","plugins","stylesRegexps","sassModuleRegex","modules","localIdentName","sourceMap","sassNoModuleRegex","lessModuleRegex","lessNoModuleRegex","cssModuleRegex","cssNoModulesRegex","ReactRefreshWebpackPlugin","HtmlWebpackPlugin","inject","templateContent","chunks","ProvidePlugin"],"mappings":"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","sourcesContent":["import { ProvidePlugin } from 'webpack';\nimport * as stylesRegexps from '@teambit/webpack.modules.style-regexps';\nimport { pathNormalizeToLinux } from '@teambit/legacy/dist/utils';\nimport { WebpackConfigWithDevServer } from '@teambit/webpack';\n\nimport HtmlWebpackPlugin from 'html-webpack-plugin';\nimport ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';\nimport errorOverlayMiddleware from 'react-dev-utils/errorOverlayMiddleware';\nimport evalSourceMapMiddleware from 'react-dev-utils/evalSourceMapMiddleware';\nimport noopServiceWorkerMiddleware from 'react-dev-utils/noopServiceWorkerMiddleware';\nimport redirectServedPath from 'react-dev-utils/redirectServedPathMiddleware';\nimport getPublicUrlOrPath from 'react-dev-utils/getPublicUrlOrPath';\nimport path from 'path';\nimport { html } from './html';\n\n/*\n * Webpack config for the bit ui\n * i.e. `bit start --dev`,\n */\n\nconst matchNothingRegex = 'a^';\nconst clientHost = process.env.WDS_SOCKET_HOST;\nconst clientPath = process.env.WDS_SOCKET_PATH; // default is '/sockjs-node';\nconst port = process.env.WDS_SOCKET_PORT;\n\n// const reactRefreshRuntimeEntry = require.resolve('react-refresh/runtime');\n// const reactRefreshWebpackPluginRuntimeEntry = require.resolve(\n//   '@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils'\n// );\n\nconst publicUrlOrPath = getPublicUrlOrPath(process.env.NODE_ENV === 'development', '/', '/public');\n\nconst moduleFileExtensions = [\n  'web.mjs',\n  'mjs',\n  'web.js',\n  'js',\n  'web.ts',\n  'ts',\n  'web.tsx',\n  'tsx',\n  'json',\n  'web.jsx',\n  'jsx',\n];\n\nexport function devConfig(workspaceDir, entryFiles, title): WebpackConfigWithDevServer {\n  const resolveWorkspacePath = (relativePath) => path.resolve(workspaceDir, relativePath);\n\n  // Host\n  const host = process.env.HOST || 'localhost';\n\n  // Required for babel-preset-react-app\n  process.env.NODE_ENV = 'development';\n\n  return {\n    // Environment mode\n    mode: 'development',\n    // improves HMR - assume node_modules might change\n    snapshot: { managedPaths: [] },\n\n    devtool: 'inline-source-map',\n\n    // Entry point of app\n    entry: {\n      main: entryFiles,\n    },\n\n    output: {\n      // Development filename output\n      filename: 'static/js/[name].bundle.js',\n\n      pathinfo: true,\n\n      path: resolveWorkspacePath('/'),\n\n      publicPath: publicUrlOrPath,\n\n      chunkFilename: 'static/js/[name].chunk.js',\n\n      // point sourcemap entries to original disk locations (format as URL on windows)\n      devtoolModuleFilenameTemplate: (info) => pathNormalizeToLinux(path.resolve(info.absoluteResourcePath)),\n\n      // this defaults to 'window', but by setting it to 'this' then\n      // module chunks which are built will work in web workers as well.\n      // Commented out to use the default (self) as according to tobias with webpack5 self is working with workers as well\n      // globalObject: 'this',\n    },\n\n    infrastructureLogging: {\n      level: 'error',\n    },\n\n    stats: {\n      errorDetails: true,\n    },\n\n    devServer: {\n      allowedHosts: 'all',\n\n      static: [\n        {\n          directory: resolveWorkspacePath(publicUrlOrPath),\n          staticOptions: {},\n          // Don't be confused with `dev.publicPath`, it is `publicPath` for static directory\n          // Can be:\n          // publicPath: ['/static-public-path-one/', '/static-public-path-two/'],\n          publicPath: publicUrlOrPath,\n          // Can be:\n          // serveIndex: {} (options for the `serveIndex` option you can find https://github.com/expressjs/serve-index)\n          serveIndex: true,\n          // Can be:\n          // watch: {} (options for the `watch` option you can find https://github.com/paulmillr/chokidar)\n          watch: true,\n        },\n      ],\n\n      // Enable compression\n      compress: true,\n\n      // Enable hot reloading\n      hot: true,\n\n      host,\n\n      historyApiFallback: {\n        disableDotRule: true,\n        index: publicUrlOrPath,\n      },\n\n      client: {\n        webSocketURL: {\n          hostname: clientHost,\n          pathname: clientPath,\n          port,\n        },\n      },\n\n      onBeforeSetupMiddleware(wds) {\n        const { app } = wds;\n        // Keep `evalSourceMapMiddleware` and `errorOverlayMiddleware`\n        // middlewares before `redirectServedPath` otherwise will not have any effect\n        // This lets us fetch source contents from webpack for the error overlay\n        // @ts-ignore @types/wds mismatch\n        app.use(evalSourceMapMiddleware(wds));\n        // This lets us open files from the runtime error overlay.\n        app.use(errorOverlayMiddleware());\n      },\n\n      onAfterSetupMiddleware({ app }) {\n        // Redirect to `PUBLIC_URL` or `homepage` from `package.json` if url not match\n        app.use(redirectServedPath(publicUrlOrPath));\n\n        // This service worker file is effectively a 'no-op' that will reset any\n        // previous service worker registered for the same host:port combination.\n        // We do this in development to avoid hitting the production cache if\n        // it used the same host and port.\n        // https://github.com/facebook/create-react-app/issues/2272#issuecomment-302832432\n        app.use(noopServiceWorkerMiddleware(publicUrlOrPath));\n      },\n\n      devMiddleware: {\n        // forward static files\n        publicPath: publicUrlOrPath.slice(0, -1),\n      },\n    },\n\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      alias: {\n        react: require.resolve('react'),\n        'react-dom/server': require.resolve('react-dom/server'),\n        'react-dom': require.resolve('react-dom'),\n        // 'react-refresh/runtime': require.resolve('react-refresh/runtime'),\n      },\n      fallback: {\n        fs: false,\n        path: require.resolve('path-browserify'),\n        stream: false,\n        process: false,\n      },\n    },\n\n    module: {\n      // Webpack by default includes node_modules under its managed paths which cause the whole directory to be cached\n      // Watch mode requires us to turn off unsafeCache as well\n      // this de-optimizes the dev build but ensures hmr works when writing/linking into node modules.\n      // However we do not lose the caching entirely like cache: false\n      unsafeCache: false,\n      rules: [\n        {\n          test: /\\.m?js/,\n          resolve: {\n            fullySpecified: false,\n          },\n        },\n        {\n          test: /\\.js$/,\n          enforce: 'pre',\n          include: /node_modules/,\n          // only apply to packages with componentId in their package.json (ie. bit components)\n          descriptionData: { componentId: (value) => !!value },\n          use: [require.resolve('@pmmmwh/react-refresh-webpack-plugin/loader'), require.resolve('source-map-loader')],\n        },\n        {\n          test: /\\.(js|jsx|tsx|ts)$/,\n          exclude: /node_modules/,\n          include: workspaceDir,\n          use: [\n            require.resolve('@pmmmwh/react-refresh-webpack-plugin/loader'),\n            {\n              loader: require.resolve('babel-loader'),\n              options: {\n                configFile: false,\n                babelrc: false,\n                presets: [\n                  // Preset includes JSX, TypeScript, and some ESnext features\n                  require.resolve('babel-preset-react-app'),\n                ],\n                plugins: [require.resolve('react-refresh/babel')],\n              },\n            },\n          ],\n        },\n        {\n          test: stylesRegexps.sassModuleRegex,\n          use: [\n            require.resolve('style-loader'),\n            {\n              loader: require.resolve('css-loader'),\n              options: {\n                modules: {\n                  localIdentName: '[name]__[local]--[hash:base64:5]',\n                },\n                sourceMap: true,\n              },\n            },\n            {\n              loader: require.resolve('sass-loader'),\n              options: {\n                sourceMap: true,\n              },\n            },\n          ],\n        },\n        {\n          test: stylesRegexps.sassNoModuleRegex,\n          use: [\n            require.resolve('style-loader'),\n            require.resolve('css-loader'),\n            {\n              loader: require.resolve('sass-loader'),\n              options: {\n                sourceMap: true,\n              },\n            },\n          ],\n        },\n        {\n          test: stylesRegexps.lessModuleRegex,\n          use: [\n            require.resolve('style-loader'),\n            {\n              loader: require.resolve('css-loader'),\n              options: {\n                modules: {\n                  localIdentName: '[name]__[local]--[hash:base64:5]',\n                },\n                sourceMap: true,\n              },\n            },\n            {\n              loader: require.resolve('less-loader'),\n              options: {\n                sourceMap: true,\n              },\n            },\n          ],\n        },\n        {\n          test: stylesRegexps.lessNoModuleRegex,\n          use: [\n            require.resolve('style-loader'),\n            require.resolve('css-loader'),\n            {\n              loader: require.resolve('less-loader'),\n              options: {\n                sourceMap: true,\n              },\n            },\n          ],\n        },\n        {\n          test: stylesRegexps.cssModuleRegex,\n          use: [\n            require.resolve('style-loader'),\n            {\n              loader: require.resolve('css-loader'),\n              options: {\n                modules: {\n                  localIdentName: '[name]__[local]--[hash:base64:5]',\n                },\n                sourceMap: true,\n              },\n            },\n          ],\n        },\n        {\n          test: stylesRegexps.cssNoModulesRegex,\n          use: [require.resolve('style-loader'), require.resolve('css-loader')],\n        },\n      ],\n    },\n\n    plugins: [\n      new ReactRefreshWebpackPlugin({\n        // we use '@pmmmwh/react-refresh-webpack-plugin/loader' directly where relevant.\n        // FYI, original defaults of the plugin are:\n        // include: /\\.([cm]js|[jt]sx?|flow)$/i, exclude: /node_modules/,\n        include: matchNothingRegex,\n      }),\n      // Re-generate index.html with injected script tag.\n      // The injected script tag contains a src value of the\n      // filename output defined above.\n      new HtmlWebpackPlugin({\n        inject: true,\n        templateContent: html(title || 'My component workspace'),\n        chunks: ['main'],\n        filename: 'index.html',\n      }),\n      new ProvidePlugin({\n        process: require.resolve('process/browser'),\n      }),\n    ],\n  };\n}\n"]}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/ui",
-  "version": "0.0.659",
+  "version": "0.0.662",
   "homepage": "https://bit.dev/teambit/ui-foundation/ui",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.ui-foundation",
     "name": "ui",
-    "version": "0.0.659"
+    "version": "0.0.662"
   },
   "dependencies": {
     "lodash": "4.17.21",
@@ -31,7 +31,7 @@
     "css-minimizer-webpack-plugin": "3.0.2",
     "html-webpack-plugin": "5.3.2",
     "terser-webpack-plugin": "5.2.0",
-    "@pmmmwh/react-refresh-webpack-plugin": "0.5.1",
+    "@pmmmwh/react-refresh-webpack-plugin": "0.5.4",
     "path-browserify": "1.0.1",
     "less-loader": "8.0.0",
     "less": "^4.1.1",
@@ -54,28 +54,28 @@
     "@teambit/base-ui.loaders.loader-ribbon": "1.0.0",
     "@teambit/base-ui.theme.fonts.roboto": "1.0.0",
     "@teambit/base-ui.theme.theme-provider": "1.0.1",
-    "@teambit/aspect-loader": "0.0.659",
+    "@teambit/aspect-loader": "0.0.662",
     "@teambit/toolbox.path.to-windows-compatible-path": "0.0.483",
     "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.487",
     "@teambit/logger": "0.0.539",
     "@teambit/cli": "0.0.449",
     "@teambit/ui-foundation.cli.ui-server-console": "0.0.490",
-    "@teambit/bundler": "0.0.659",
-    "@teambit/component": "0.0.659",
+    "@teambit/bundler": "0.0.662",
+    "@teambit/component": "0.0.662",
     "@teambit/express": "0.0.543",
-    "@teambit/graphql": "0.0.659",
+    "@teambit/graphql": "0.0.662",
     "@teambit/toolbox.network.get-port": "0.0.113",
-    "@teambit/aspect": "0.0.659",
+    "@teambit/aspect": "0.0.662",
     "@teambit/cache": "0.0.539",
-    "@teambit/pubsub": "0.0.659",
-    "@teambit/react-router": "0.0.659",
+    "@teambit/pubsub": "0.0.662",
+    "@teambit/react-router": "0.0.662",
     "@teambit/ui-foundation.ui.rendering.html": "0.0.69",
     "@teambit/design.theme.icons-font": "1.0.8",
     "@teambit/design.ui.tooltip": "0.0.352",
     "@teambit/ui-foundation.ui.global-loader": "0.0.486",
     "@teambit/webpack.modules.generate-style-loaders": "0.0.103",
     "@teambit/webpack.modules.style-regexps": "0.0.132",
-    "@teambit/webpack": "0.0.659"
+    "@teambit/webpack": "0.0.662"
   },
   "devDependencies": {
     "@types/lodash": "4.14.165",
@@ -89,6 +89,7 @@
     "@types/lodash.compact": "3.0.6",
     "@types/react-dom": "^17.0.5",
     "@types/mini-css-extract-plugin": "2.2.0",
+    "@types/react-dev-utils": "9.0.10",
     "@types/postcss-normalize": "9.0.1",
     "@types/node": "12.20.4",
     "@types/mocha": "9.1.0",

package/webpack/webpack.dev.config.ts

@@ -136,11 +136,13 @@ export function devConfig(workspaceDir, entryFiles, title): WebpackConfigWithDev
         },
       },
 
-      onBeforeSetupMiddleware({ app, server }) {
+      onBeforeSetupMiddleware(wds) {
+        const { app } = wds;
         // Keep `evalSourceMapMiddleware` and `errorOverlayMiddleware`
         // middlewares before `redirectServedPath` otherwise will not have any effect
         // This lets us fetch source contents from webpack for the error overlay
-        app.use(evalSourceMapMiddleware(server));
+        // @ts-ignore @types/wds mismatch
+        app.use(evalSourceMapMiddleware(wds));
         // This lets us open files from the runtime error overlay.
         app.use(errorOverlayMiddleware());
       },