@servicetitan/startup 22.17.0 → 22.18.0

package/src/webpack/development.config.ts

@@ -1,237 +0,0 @@
-import path from 'path';
-
-import { Configuration } from 'webpack';
-
-import MiniCssExtractPlugin from 'mini-css-extract-plugin';
-import merge from 'webpack-merge';
-
-import {
-    getDevServerConfiguration,
-    getFolders,
-    getPackageName,
-    getPackages,
-    isCustomStyleRules,
-    isExposeSharedDependencies,
-    isWebComponent,
-    PackageType,
-    readJson,
-    log,
-} from '../utils';
-
-import { Options } from '.';
-import { createConfig as createSharedConfig, Overrides as SharedOverrides } from './shared.config';
-
-import { featureCohort } from './utils/feature-cohort';
-
-export interface Overrides {
-    configuration: SharedOverrides['configuration'] & {
-        mode: 'development';
-    };
-    plugins?: SharedOverrides['plugins'];
-}
-
-export function createConfig(
-    { configuration, plugins = {} }: Overrides,
-    options: Options
-): Configuration {
-    const sharedConfig = createSharedConfig({ plugins }, options);
-
-    const { embed } = options;
-    const packageName = readJson('./package.json').name;
-    const watchIgnore = getPackages({ scope: getPackageName() })
-        .filter(({ type }) => type === PackageType.TSC)
-        .map(({ location }) => path.join(location, getFolders(location).source));
-
-    return merge(
-        sharedConfig,
-        {
-            devtool: 'cheap-module-source-map',
-            devServer: {
-                port: 8080,
-                historyApiFallback: true,
-                stats: sharedConfig.stats,
-                ...(watchIgnore.length
-                    ? {
-                          watchOptions: {
-                              ignored: watchIgnore,
-                          },
-                      }
-                    : {}),
-                writeToDisk: true,
-                headers: {
-                    'Access-Control-Allow-Origin': '*',
-                    'Access-Control-Allow-Headers':
-                        'Origin, X-Requested-With, Content-Type, Accept',
-                },
-                ...getDevServerConfiguration(),
-            },
-            module: {
-                rules: [
-                    ...(!isCustomStyleRules()
-                        ? [
-                              {
-                                  test: /\.module.scss$/,
-                                  use: [
-                                      {
-                                          loader: isWebComponent()
-                                              ? MiniCssExtractPlugin.loader
-                                              : 'style-loader',
-                                          options: {
-                                              esModule: true,
-                                          },
-                                      },
-                                      {
-                                          loader: 'css-loader',
-                                          options: {
-                                              esModule: true,
-                                              modules: {
-                                                  exportLocalsConvention: 'camelCaseOnly',
-                                                  namedExport: true,
-                                              },
-                                          },
-                                      },
-                                      'sass-loader',
-                                  ],
-                              },
-                              {
-                                  test: /(\.scss)$/,
-                                  exclude: /\.module.scss$/,
-                                  use: [
-                                      isWebComponent()
-                                          ? MiniCssExtractPlugin.loader
-                                          : 'style-loader',
-                                      'css-loader',
-                                      'sass-loader',
-                                  ],
-                              },
-                              {
-                                  test: /\.module.less$/,
-                                  use: [
-                                      {
-                                          loader: isWebComponent()
-                                              ? MiniCssExtractPlugin.loader
-                                              : 'style-loader',
-                                          options: {
-                                              esModule: true,
-                                          },
-                                      },
-                                      {
-                                          loader: 'css-loader',
-                                          options: {
-                                              esModule: true,
-                                              modules: {
-                                                  exportLocalsConvention: 'camelCaseOnly',
-                                                  namedExport: true,
-                                              },
-                                          },
-                                      },
-                                      {
-                                          loader: 'less-loader',
-                                          options: {
-                                              lessOptions: {
-                                                  math: 'always',
-                                              },
-                                          },
-                                      },
-                                  ],
-                              },
-                              {
-                                  test: /(\.less)$/,
-                                  exclude: /\.module.less$/,
-                                  use: [
-                                      isWebComponent()
-                                          ? MiniCssExtractPlugin.loader
-                                          : 'style-loader',
-                                      'css-loader',
-                                      {
-                                          loader: 'less-loader',
-                                          options: {
-                                              lessOptions: {
-                                                  math: 'always',
-                                              },
-                                          },
-                                      },
-                                  ],
-                              },
-                              {
-                                  test: /\.module.css$/,
-                                  use: [
-                                      {
-                                          loader: isWebComponent()
-                                              ? MiniCssExtractPlugin.loader
-                                              : 'style-loader',
-                                          options: {
-                                              esModule: true,
-                                          },
-                                      },
-                                      {
-                                          loader: 'css-loader',
-                                          options: {
-                                              esModule: true,
-                                              modules: {
-                                                  exportLocalsConvention: 'camelCaseOnly',
-                                                  namedExport: true,
-                                              },
-                                          },
-                                      },
-                                  ],
-                              },
-                              {
-                                  test: /(\.css)$/,
-                                  exclude: (path: string) => {
-                                      if (
-                                          isExposeSharedDependencies() &&
-                                          path.endsWith('design-system.css')
-                                      ) {
-                                          return true;
-                                      }
-
-                                      return path.endsWith('.module.css');
-                                  },
-                                  use: [
-                                      isWebComponent()
-                                          ? MiniCssExtractPlugin.loader
-                                          : 'style-loader',
-                                      'css-loader',
-                                  ],
-                              },
-                              ...(isExposeSharedDependencies()
-                                  ? [
-                                        {
-                                            test: /design-system.css$/,
-                                            use: [MiniCssExtractPlugin.loader, 'css-loader'],
-                                        },
-                                    ]
-                                  : []),
-                          ]
-                        : []),
-                ],
-            },
-            plugins: [
-                ...(isWebComponent() || (isExposeSharedDependencies() && !isCustomStyleRules())
-                    ? [
-                          new MiniCssExtractPlugin({
-                              filename: '[name].bundle.css',
-                          }),
-                      ]
-                    : []),
-            ],
-            ...featureCohort([2, 5], () => {
-                log.info('Persistent cache is active');
-                return {
-                    cache: {
-                        type: 'filesystem',
-                        name: isWebComponent()
-                            ? `${packageName}__${embed ? 'light' : 'full'}`
-                            : packageName,
-                        profile: true,
-                    },
-                };
-            }),
-            output: {
-                filename: '[name].bundle.js',
-            },
-        },
-        configuration
-    );
-}

package/src/webpack/production.config.ts

@@ -1,197 +0,0 @@
-import deepmerge from 'deepmerge';
-
-import { Configuration } from 'webpack';
-
-import MiniCssExtractPlugin, {
-    PluginOptions as MiniCssExtractPluginOptions,
-} from 'mini-css-extract-plugin';
-import merge from 'webpack-merge';
-
-import { isWebComponent, isCustomStyleRules } from '../utils';
-
-import { Options } from '.';
-import { createConfig as createSharedConfig, Overrides as SharedOverrides } from './shared.config';
-
-export interface Overrides {
-    configuration: SharedOverrides['configuration'] & {
-        mode: 'production';
-    };
-    plugins?: SharedOverrides['plugins'] & {
-        MiniCssExtractPlugin?: MiniCssExtractPluginOptions;
-    };
-}
-
-const cdnPath = process.env.CLIENT_CDN_PATH;
-
-export function createConfig(
-    { configuration, plugins = {} }: Overrides,
-    options: Options
-): Configuration {
-    const { MiniCssExtractPlugin: miniCssExtractPluginOptions = {} } = plugins;
-
-    return merge(
-        createSharedConfig({ plugins }, options),
-        {
-            devtool: isWebComponent() ? false : 'source-map',
-            module: {
-                rules: [
-                    ...(!isCustomStyleRules()
-                        ? [
-                              {
-                                  test: /\.module.scss$/,
-                                  use: [
-                                      {
-                                          loader: MiniCssExtractPlugin.loader,
-                                          options: {
-                                              esModule: true,
-                                          },
-                                      },
-                                      {
-                                          loader: 'css-loader',
-                                          options: {
-                                              esModule: true,
-                                              modules: {
-                                                  localIdentName: '[local]__[hash:base64:5]',
-                                                  exportLocalsConvention: 'camelCaseOnly',
-                                                  namedExport: true,
-                                              },
-                                          },
-                                      },
-                                      'sass-loader',
-                                  ],
-                              },
-                              {
-                                  test: /(\.scss)$/,
-                                  exclude: /\.module.scss$/,
-                                  use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader'],
-                              },
-                              {
-                                  test: /\.module.less$/,
-                                  use: [
-                                      {
-                                          loader: MiniCssExtractPlugin.loader,
-                                          options: {
-                                              esModule: true,
-                                          },
-                                      },
-                                      {
-                                          loader: 'css-loader',
-                                          options: {
-                                              esModule: true,
-                                              modules: {
-                                                  localIdentName: '[local]__[hash:base64:5]',
-                                                  exportLocalsConvention: 'camelCaseOnly',
-                                                  namedExport: true,
-                                              },
-                                          },
-                                      },
-                                      {
-                                          loader: 'less-loader',
-                                          options: {
-                                              lessOptions: {
-                                                  math: 'always',
-                                              },
-                                          },
-                                      },
-                                  ],
-                              },
-                              {
-                                  test: /(\.less)$/,
-                                  exclude: /\.module.less$/,
-                                  use: [
-                                      MiniCssExtractPlugin.loader,
-                                      'css-loader',
-                                      {
-                                          loader: 'less-loader',
-                                          options: {
-                                              lessOptions: {
-                                                  math: 'always',
-                                              },
-                                          },
-                                      },
-                                  ],
-                              },
-                              {
-                                  test: /\.module.css$/,
-                                  use: [
-                                      {
-                                          loader: MiniCssExtractPlugin.loader,
-                                          options: {
-                                              esModule: true,
-                                          },
-                                      },
-                                      {
-                                          loader: 'css-loader',
-                                          options: {
-                                              esModule: true,
-                                              modules: {
-                                                  localIdentName: '[local]__[hash:base64:5]',
-                                                  exportLocalsConvention: 'camelCaseOnly',
-                                                  namedExport: true,
-                                              },
-                                          },
-                                      },
-                                  ],
-                              },
-                              {
-                                  test: /(\.css)$/,
-                                  exclude: /\.module.css$/,
-                                  use: [MiniCssExtractPlugin.loader, 'css-loader'],
-                              },
-                          ]
-                        : []),
-                ],
-            },
-            plugins: [
-                ...(!isCustomStyleRules()
-                    ? [
-                          new MiniCssExtractPlugin(
-                              deepmerge<MiniCssExtractPluginOptions>(
-                                  {
-                                      filename: '[name].[contenthash:8].bundle.css',
-                                  },
-                                  miniCssExtractPluginOptions
-                              )
-                          ),
-                      ]
-                    : []),
-            ],
-            output: {
-                filename: '[name].[contenthash:8].bundle.js',
-                clean: true,
-            },
-            optimization: {
-                runtimeChunk: 'single',
-                splitChunks: {
-                    cacheGroups: isWebComponent()
-                        ? {
-                              common: {
-                                  name: 'common',
-                                  test: /[\\/]node_modules[\\/](axios|classnames|formstate|mobx|mobx-react|mobx-utils|react|react-dom|react-router|react-router-dom)[\\/]/,
-                                  chunks: 'all',
-                              },
-                              kendo: {
-                                  name: 'kendo',
-                                  test: /[\\/]node_modules[\\/](@progress|@telerik)[\\/]/,
-                                  chunks: 'all',
-                              },
-                              servicetitan: {
-                                  name: 'servicetitan',
-                                  test: /[\\/]node_modules[\\/]@servicetitan[\\/]/,
-                                  chunks: 'all',
-                              },
-                          }
-                        : {},
-                },
-            },
-        },
-        configuration,
-        cdnPath
-            ? {
-                  output: {
-                      publicPath: cdnPath,
-                  },
-              }
-            : {}
-    );
-}