@servicetitan/startup 22.17.0 → 22.19.0

package/src/webpack/shared.config.ts

@@ -1,360 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-import os from 'os';
-
-import deepmerge from 'deepmerge';
-
-import { Configuration, DefinePlugin, ProvidePlugin } from 'webpack';
-
-import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
-import { ForkTsCheckerWebpackPluginOptions } from 'fork-ts-checker-webpack-plugin/lib/plugin-options';
-const FilterWarningsPlugin = require('webpack-filter-warnings-plugin');
-import HtmlWebpackPlugin, { Options as HtmlWebpackPluginOptions } from 'html-webpack-plugin';
-import MomentLocalesPlugin from 'moment-locales-webpack-plugin';
-import WebpackAssetsManifest from 'webpack-assets-manifest';
-import VirtualModulesPlugin from 'webpack-virtual-modules';
-import merge from 'webpack-merge';
-import { argv, Arguments } from 'yargs';
-
-const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
-
-import {
-    getFolders,
-    getPackageData,
-    getPackageDependencyVersion,
-    getTsConfig,
-    isExposeSharedDependencies,
-    isWebComponent,
-    loadSharedDependencies,
-} from '../utils';
-import { splitByEntry } from './utils/split-by-entry';
-import { getModuleEntryPath } from './utils/bundle';
-
-import { Options } from '.';
-
-export interface Overrides {
-    configuration?: Configuration;
-    plugins?: {
-        ForkTsCheckerWebpackPlugin?: ForkTsCheckerWebpackPluginOptions;
-        HtmlWebpackPlugin?: HtmlWebpackPluginOptions;
-    };
-}
-
-export function createConfig(
-    { configuration = {}, plugins = {} }: Overrides,
-    { buildStat, embed, name }: Options
-): Configuration {
-    const { source, destination } = getFolders();
-    const packageData = getPackageData();
-
-    const {
-        ForkTsCheckerWebpackPlugin: forkTsCheckerWebpackPluginOptions = {},
-        HtmlWebpackPlugin: htmlWebpackPluginOptions = {},
-    } = plugins;
-
-    const argvSync = argv as Arguments;
-    const sharedDependencies = loadSharedDependencies(
-        packageData.dependencies,
-        packageData.sharedDependencies
-    );
-
-    return merge(
-        {
-            entry: {
-                main: [
-                    `./${source}/index`,
-                    ...(isExposeSharedDependencies()
-                        ? Object.keys(sharedDependencies).map(dependency =>
-                              getModuleEntryPath(dependency)
-                          )
-                        : []),
-                ],
-            },
-            resolve: {
-                extensions: ['.js', '.jsx', '.ts', '.tsx'],
-            },
-            module: {
-                rules: [
-                    {
-                        enforce: 'pre',
-                        test: /\.js$/,
-                        exclude: /node_modules/,
-                        loader: 'source-map-loader',
-                    },
-                    {
-                        test: /\.worker\.js$/,
-                        use: { loader: 'worker-loader' },
-                    },
-                    {
-                        test: /\.(png|svg|jpg|jpeg|gif)$/i,
-                        type: 'asset',
-                        generator: {
-                            filename: 'images/[contenthash][ext][query]',
-                        },
-                    },
-                    {
-                        test: /\.(woff|woff2|eot|ttf|otf)$/i,
-                        type: 'asset/resource',
-                        generator: {
-                            filename: 'fonts/[contenthash][ext][query]',
-                        },
-                    },
-                    argvSync.esbuild
-                        ? {
-                              test: /\.tsx?$/,
-                              exclude: /node_modules/,
-                              use: [
-                                  {
-                                      loader: 'esbuild-loader',
-                                      options: {
-                                          loader: 'tsx',
-                                          target: 'es2018',
-                                      },
-                                  },
-                              ],
-                          }
-                        : {
-                              test: /\.tsx?$/,
-                              exclude: /node_modules/,
-                              use: [
-                                  {
-                                      loader: 'ts-loader',
-                                      options: {
-                                          transpileOnly: true,
-                                      },
-                                  },
-                              ],
-                          },
-                    ...(isExposeSharedDependencies()
-                        ? Object.entries(sharedDependencies).map(([dependency, variable]) => ({
-                              test: getModuleEntryPath(dependency),
-                              loader: require.resolve('./loaders/expose-loader'),
-                              options: {
-                                  exposes: variable,
-                              },
-                          }))
-                        : []),
-                ],
-            },
-            plugins: [
-                argvSync.esbuild &&
-                    new ProvidePlugin({
-                        React: 'react',
-                    }),
-                new MomentLocalesPlugin({
-                    localesToKeep: ['en-au', 'en-ca', 'en-gb'],
-                }),
-                ...(!embed
-                    ? [
-                          new ForkTsCheckerWebpackPlugin(
-                              deepmerge<ForkTsCheckerWebpackPluginOptions>(
-                                  {
-                                      typescript: {
-                                          configFile: getTsConfig(),
-                                          configOverwrite: {
-                                              exclude: [
-                                                  '**/__tests__/**/*',
-                                                  '**/__mocks__/**/*',
-                                                  '**/*.test.*',
-                                                  '**/*.stories.tsx',
-                                              ],
-                                              references: [],
-                                          },
-                                      },
-                                  },
-                                  forkTsCheckerWebpackPluginOptions
-                              )
-                          ),
-                          new FilterWarningsPlugin({
-                              exclude: /export .* was not found in/,
-                          }),
-                          new HtmlWebpackPlugin(
-                              deepmerge<HtmlWebpackPluginOptions>(
-                                  {
-                                      title: 'ServiceTitan',
-                                      hash: true,
-                                      ...(isWebComponent()
-                                          ? {
-                                                inject: false,
-                                                publicPath: '/',
-                                                templateContent: ({
-                                                    htmlWebpackPlugin: {
-                                                        tags: { headTags, bodyTags },
-                                                        files,
-                                                    },
-                                                }) => {
-                                                    const styleUrls = encodeURIComponent(
-                                                        JSON.stringify(files.css)
-                                                    );
-
-                                                    return `
-                                                        <!DOCTYPE html>
-                                                        <html>
-                                                            <head>
-                                                                <meta name="viewport" content="width=device-width,initial-scale=1">
-                                                                ${headTags}
-                                                            </head>
-                                                            <body>
-                                                                <${name} style-urls="${styleUrls}" />
-                        
-                                                                ${bodyTags}
-                                                            </body>
-                                                        </html>
-                                                    `;
-                                                },
-                                            }
-                                          : {}),
-                                      templateParameters: {
-                                          splitByEntry,
-                                      },
-                                  },
-                                  htmlWebpackPluginOptions
-                              )
-                          ),
-                      ]
-                    : []),
-                ...(isExposeSharedDependencies()
-                    ? [
-                          new DefinePlugin({
-                              // eslint-disable-next-line @typescript-eslint/naming-convention
-                              EXPOSED_DEPENDENCIES: JSON.stringify(
-                                  Object.entries(sharedDependencies).reduce(
-                                      (result, [dependency, variable]) =>
-                                          Object.assign(result, {
-                                              [dependency]: {
-                                                  version: getPackageDependencyVersion(
-                                                      dependency,
-                                                      packageData.dependencies?.[dependency]
-                                                  ),
-                                                  variable,
-                                              },
-                                          }),
-                                      {}
-                                  )
-                              ),
-                          }),
-                      ]
-                    : []),
-                ...(buildStat
-                    ? [
-                          new BundleAnalyzerPlugin({
-                              analyzerMode: 'static',
-                              reportFilename: path.join(
-                                  os.tmpdir(),
-                                  `report-${embed ? 'light' : 'full'}-bundle-${Date.now()}.html`
-                              ),
-                          }),
-                      ]
-                    : []),
-                ...(isWebComponent()
-                    ? [
-                          new DefinePlugin({
-                              // eslint-disable-next-line @typescript-eslint/naming-convention
-                              WEB_COMPONENT_NAME: JSON.stringify(name),
-                          }),
-                          new VirtualModulesPlugin({
-                              ...(!fs.existsSync(
-                                  path.join(process.cwd(), `${source}/design-system.css`)
-                              )
-                                  ? {
-                                        [path.join(process.cwd(), `${source}/design-system.css`)]: [
-                                            `@import '~@servicetitan/tokens/core/tokens.css';`,
-                                            `@import '~@servicetitan/anvil-fonts/dist/css/anvil-fonts.css';`,
-                                            `@import '~@servicetitan/design-system/dist/system.min.css';`,
-                                        ].join('\n'),
-                                    }
-                                  : {}),
-                              [path.join(process.cwd(), `${source}/index.ts`)]: [
-                                  `import { register } from '@servicetitan/web-components';`,
-                                  `import { App } from './app';`,
-                                  embed
-                                      ? [`register(App, true);`]
-                                      : [
-                                            `require('./design-system.css');`,
-                                            `register(App, false);`,
-                                        ],
-                              ]
-                                  .flat()
-                                  .join('\n'),
-                          }),
-                          new WebpackAssetsManifest({
-                              entrypoints: true,
-                              output: 'entrypoints.json',
-                              transform(assets) {
-                                  const entrypoints = assets.entrypoints as Record<
-                                      string,
-                                      { assets: Record<string, string[]> }
-                                  >;
-
-                                  const getAssetsByType = (type: string) => {
-                                      return Object.values(entrypoints)
-                                          .map(({ assets }) => assets[type] ?? [])
-                                          .flat();
-                                  };
-
-                                  return {
-                                      css: getAssetsByType('css'),
-                                      js: getAssetsByType('js'),
-                                  };
-                              },
-                          }),
-                      ]
-                    : []),
-            ].filter(item => item),
-            ...(embed
-                ? {
-                      externals: Object.entries(sharedDependencies).reduce(
-                          (result, [dependency, variable]) =>
-                              Object.assign(result, {
-                                  [dependency]: `${variable}['${name}']`,
-                              }),
-                          {}
-                      ),
-                  }
-                : {}),
-            output: {
-                path: isWebComponent()
-                    ? path.join(process.cwd(), `${destination}/bundle/${embed ? 'light' : 'full'}`)
-                    : path.join(process.cwd(), `${destination}/bundle`),
-            },
-            optimization: {
-                chunkIds: 'size',
-                moduleIds: 'size',
-                mangleExports: 'size',
-                splitChunks: {
-                    cacheGroups: {
-                        ...(isExposeSharedDependencies()
-                            ? {
-                                  'design-system': {
-                                      test: /[\\/]node_modules[\\/]@servicetitan[\\/](tokens|anvil-fonts|design-system)[\\/].*\.css$/,
-                                      name: 'design-system',
-                                      chunks: 'all',
-                                      enforce: true,
-                                  },
-                              }
-                            : {}),
-                        ...(isWebComponent()
-                            ? {
-                                  styles: {
-                                      name: 'main',
-                                      type: 'css/mini-extract',
-                                      chunks: 'all',
-                                      enforce: true,
-                                  },
-                              }
-                            : {}),
-                    },
-                },
-            },
-            stats: {
-                all: false,
-                errors: true,
-                errorDetails: true,
-                warnings: true,
-                builtAt: true,
-                colors: true,
-            },
-        },
-        configuration
-    );
-}