@raisenow/tamaro-cli 1.1.8 → 1.2.0

package/src/webpack.config.ts

@@ -1,437 +0,0 @@
-import {existsSync} from 'fs'
-import {createRequire} from 'module'
-import {basename, dirname, resolve} from 'path'
-import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin'
-import StatoscopeWebpackPlugin from '@statoscope/webpack-plugin'
-import {CleanWebpackPlugin} from 'clean-webpack-plugin'
-import CopyPlugin from 'copy-webpack-plugin'
-import CssMinimizerPlugin from 'css-minimizer-webpack-plugin'
-import ESLintPlugin from 'eslint-webpack-plugin'
-import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin'
-import {globSync} from 'glob'
-import HtmlWebpackPlugin from 'html-webpack-plugin'
-import MiniCssExtractPlugin from 'mini-css-extract-plugin'
-import {TsconfigPathsPlugin} from 'tsconfig-paths-webpack-plugin'
-import type {Configuration, RuleSetUseItem} from 'webpack'
-// eslint-disable-next-line import/no-named-as-default
-import webpack from 'webpack'
-import {getIfUtils, removeEmpty} from 'webpack-config-utils'
-// Needed for webpack-dev-server types to be picked up correctly
-import {} from 'webpack-dev-server'
-import {HTTPS_CRT_FILE, HTTPS_KEY_FILE} from 'lib/constants'
-import {getEnvVars} from 'lib/env'
-import {InterpolateHtmlPlugin} from 'lib/InterpolateHtmlPlugin'
-import {logDataTable, logTitle} from 'lib/logging'
-import {
-  extensions,
-  getIfCoreFns,
-  getPaths,
-  getRelativePaths,
-  moduleFileExtensions,
-  resolveApp,
-} from 'lib/resolve'
-
-///////////////////////////////////////////////////////////////////////////////
-
-const require = createRequire(import.meta.url)
-const imageInlineSizeLimit = 0
-// const imageInlineSizeLimit = 8 * 1024 // 8kb
-
-///////////////////////////////////////////////////////////////////////////////
-
-const getWebpackConfig = (env: any): Configuration => {
-  const {ifMin, ifNotMin} = getIfUtils(env, ['min'])
-  const {ifAnalyze} = getIfUtils(env, ['analyze'])
-  const {ifHttps} = getIfUtils(env, ['https'])
-  const {ifLocalCore} = getIfUtils(env, ['localCore'])
-  const {ifCore} = getIfCoreFns()
-  const paths = getPaths(ifCore)
-  const appHtmlFiles = globSync(paths.appHtml)
-  const appEnvFiles = globSync(paths.appEnv)
-  const envVars = getEnvVars(appEnvFiles, ifMin, ifCore, ifLocalCore, ifHttps)
-  const {ifHmr} = getIfUtils({hmr: process.env.HMR_ENABLED === 'true'}, ['hmr'])
-  const {ifNolint} = getIfUtils(env, ['nolint'])
-  const useTailwind =
-    ifCore() && paths.appTailwindConfig && existsSync(paths.appTailwindConfig)
-
-  logTitle('Paths:')
-  logDataTable(getRelativePaths(paths))
-
-  logTitle('Environment variables:')
-  logDataTable(envVars.raw)
-
-  const getCssLoaders = ({
-    styleLoader = true,
-    ...cssOptions
-  }: {styleLoader?: boolean} & Record<string, any>): RuleSetUseItem[] => {
-    return removeEmpty([
-      styleLoader ? ifMin({loader: MiniCssExtractPlugin.loader}) : undefined,
-      styleLoader
-        ? ifNotMin({
-            loader: require.resolve('style-loader'),
-            options: {
-              attributes: {
-                'data-widget': process.env.ELEMENT_ATTRIBUTE_DATA_WIDGET,
-              },
-            },
-          })
-        : undefined,
-      {
-        loader: require.resolve('css-loader'),
-        options: {
-          sourceMap: ifNotMin(),
-          importLoaders: 3,
-          ...cssOptions,
-        },
-      },
-      {
-        loader: require.resolve('postcss-loader'),
-        options: {
-          postcssOptions: {
-            plugins: removeEmpty([
-              useTailwind
-                ? [
-                    require.resolve('tailwindcss', {
-                      paths: [paths.appNodeModules],
-                    }),
-                    paths.appTailwindConfig,
-                  ]
-                : undefined,
-              require.resolve('postcss-custom-properties'),
-              require.resolve('autoprefixer'),
-            ]),
-          },
-        },
-      },
-      {
-        loader: require.resolve('resolve-url-loader'),
-        options: {sourceMap: ifNotMin()},
-      },
-      {
-        loader: require.resolve('sass-loader'),
-        options: {api: 'modern-compiler', sourceMap: true},
-      },
-    ])
-  }
-
-  const config: Configuration = {
-    mode: ifMin('production', 'development'),
-    resolve: {
-      symlinks: false,
-      extensions: [...extensions, '...'],
-      modules: ['node_modules', paths.appNodeModules],
-      plugins: [
-        new TsconfigPathsPlugin({
-          configFile: paths.appTsConfig,
-          extensions,
-        }),
-      ],
-    },
-    entry: paths.appEntry,
-    output: {
-      publicPath: 'auto',
-      path: ifMin(paths.appDist, undefined),
-      pathinfo: false,
-      filename: ifCore('index.js', 'widget.js'),
-      chunkFilename: ifMin('[name]-[contenthash:16].js', '[name].js'),
-      assetModuleFilename: 'assets/[name]-[contenthash:16][ext]',
-      crossOriginLoading: 'anonymous',
-      uniqueName: process.env.WEBPACK_UNIQUE_NAME,
-    },
-    stats: ifAnalyze(
-      {
-        all: undefined,
-      },
-      {
-        modules: false,
-        children: false,
-        chunks: false,
-        env: true,
-        entrypoints: true,
-        errorDetails: true,
-      },
-    ),
-    module: {
-      rules: removeEmpty([
-        // Source maps
-        ifNotMin({
-          enforce: 'pre',
-          exclude: /@babel\/runtime/,
-          test: /\.(js|jsx|ts|tsx|css|scss)$/,
-          use: require.resolve('source-map-loader'),
-        }),
-
-        {
-          oneOf: [
-            /**
-             * App Javascript and Typescript (Babel)
-             * and some dependencies distributed in a non-es5 formats
-             */
-            {
-              test: /\.(js|ts)x?$/,
-              include: ifCore(
-                [
-                  resolveApp('src'),
-                  resolveApp('node_modules/micromark'),
-                  resolveApp('node_modules/decode-named-character-reference'),
-                ],
-                [resolveApp('.'), resolveApp('../../src')],
-              ),
-
-              loader: require.resolve('babel-loader'),
-              options: {
-                babelrc: false,
-                configFile: false,
-                sourceMaps: ifNotMin(),
-                inputSourceMap: ifNotMin(),
-                presets: [
-                  require.resolve('@babel/preset-env'),
-                  [
-                    require.resolve('@babel/preset-typescript'),
-                    {
-                      allowDeclareFields: true,
-                    },
-                  ],
-                  require.resolve('@babel/preset-react'),
-                ],
-                plugins: removeEmpty([
-                  [
-                    require.resolve('@babel/plugin-transform-runtime'),
-                    {
-                      corejs: {
-                        version: 3,
-                        proposals: true,
-                      },
-                      absoluteRuntime: dirname(
-                        require.resolve('@babel/runtime-corejs3/package.json'),
-                      ),
-                    },
-                  ],
-                  [
-                    require.resolve('@babel/plugin-proposal-decorators'),
-                    {
-                      legacy: true,
-                    },
-                  ],
-                  require.resolve('@babel/plugin-syntax-dynamic-import'),
-                  require.resolve('babel-plugin-lodash'),
-                  ifHmr(require.resolve('react-refresh/babel')),
-                  ifNotMin(require.resolve('babel-plugin-istanbul')),
-                ]),
-              },
-            },
-
-            // Other Javascript (not in app) - no transformation
-            {
-              test: /\.(js|mjs)$/,
-            },
-
-            // Styles (extracted)
-            {
-              test: /\.s?css$/,
-              resourceQuery: {not: [/inline/]},
-              use: getCssLoaders({
-                styleLoader: true,
-              }),
-            },
-
-            // Styles (as string)
-            {
-              test: /\.s?css$/,
-              resourceQuery: /inline/,
-              use: getCssLoaders({
-                styleLoader: false,
-                exportType: 'string',
-                sourceMap: false,
-              }),
-            },
-
-            // Images and fonts
-            {
-              test: /\.(png|jpe?g|svg|webp|gif|ico|ttf|eot|woff2?)$/,
-              type: 'asset',
-              parser: {
-                dataUrlCondition: {
-                  maxSize: imageInlineSizeLimit,
-                },
-              },
-            },
-
-            // YML
-            {
-              test: /\.ya?ml$/,
-              use: [
-                {loader: require.resolve('json-loader')},
-                {
-                  loader: require.resolve('yaml-loader'),
-                  options: {asJSON: true},
-                },
-              ],
-            },
-
-            // HTML
-            {
-              test: /\.html$/,
-              loader: require.resolve('html-loader'),
-              options: {
-                minimize: false,
-              },
-            },
-
-            /**
-             * All other files - fallback
-             * This must be the latest rule!
-             */
-            {
-              exclude: [/^$/, /\.(js|jsx|ts|tsx|mjs)$/, /\.html$/, /\.json$/],
-              type: 'asset/resource',
-            },
-          ],
-        },
-      ]),
-    },
-
-    devtool: ifMin(false, 'cheap-module-source-map'),
-
-    devServer: {
-      static: false,
-      historyApiFallback: {
-        disableDotRule: true,
-      },
-      hot: ifHmr(),
-      headers: {
-        'Access-Control-Allow-Origin': '*',
-      },
-      allowedHosts: 'all',
-      client: {
-        overlay: {
-          warnings: false,
-          errors: true,
-        },
-      },
-      server: ifHttps({
-        type: 'https',
-        options: {
-          cert: resolve(paths.root, HTTPS_CRT_FILE),
-          key: resolve(paths.root, HTTPS_KEY_FILE),
-        },
-      }),
-    },
-
-    optimization: {
-      // minimize: false,
-      removeEmptyChunks: true,
-      // moduleIds: 'deterministic', // todo: use instead of HashedModuleIdsPlugin
-      // chunkIds: 'named',
-      minimizer: ['...', new CssMinimizerPlugin()], // sourceMaps: true?
-    },
-
-    plugins: removeEmpty([
-      new webpack.ProgressPlugin(),
-      ifNolint(
-        false,
-        new ESLintPlugin({
-          extensions: moduleFileExtensions,
-          eslintPath: require.resolve('eslint'),
-          cwd: paths.app,
-          resolvePluginsRelativeTo: paths.app,
-        }),
-      ),
-      ifMin(
-        new CleanWebpackPlugin({
-          // verbose: true,
-        }),
-      ),
-
-      ...appHtmlFiles.map(
-        (file) =>
-          new HtmlWebpackPlugin({
-            template: file,
-            filename: basename(file),
-            inject: false,
-            minify: false,
-            // ...ifMin({
-            //   minify: {
-            //     collapseWhitespace: true,
-            //     removeComments: true,
-            //     removeRedundantAttributes: true,
-            //     removeScriptTypeAttributes: true,
-            //     removeStyleLinkTypeAttributes: true,
-            //     useShortDoctype: true,
-            //     quoteCharacter: '"',
-            //     minifyJS: true,
-            //     minifyCSS: true,
-            //   },
-            // }),
-          }),
-      ),
-
-      new InterpolateHtmlPlugin(envVars.raw),
-      new webpack.DefinePlugin(envVars.stringified),
-
-      new ForkTsCheckerWebpackPlugin({
-        typescript: {
-          typescriptPath: require.resolve('typescript', {
-            paths: [paths.appNodeModules],
-          }),
-          configFile: paths.appTsConfig,
-          mode: 'write-references',
-          diagnosticOptions: {
-            syntactic: true,
-            semantic: true,
-            declaration: false,
-            global: false,
-          },
-        },
-      }),
-
-      ifHmr(new ReactRefreshWebpackPlugin()),
-
-      ifMin(
-        new MiniCssExtractPlugin({
-          filename: '[name]-[contenthash:16].css',
-          chunkFilename: '[name]-[contenthash:16].css',
-          ignoreOrder: true,
-          attributes: {
-            'data-widget': process.env.ELEMENT_ATTRIBUTE_DATA_WIDGET!,
-          },
-        }),
-      ),
-
-      new webpack.IgnorePlugin({
-        resourceRegExp: /^\.\/locale$/,
-        contextRegExp: /moment$/,
-      }),
-
-      // eslint-disable-next-line import/no-named-as-default-member
-      ifMin(new webpack.ids.HashedModuleIdsPlugin()), // todo: remove?
-
-      ifMin() && ifCore()
-        ? new CopyPlugin({
-            patterns: ['*.md', '*.html'],
-          })
-        : undefined,
-
-      ifMin() && ifAnalyze()
-        ? new StatoscopeWebpackPlugin({
-            name: ifCore('tamaro-core', 'tamaro-customer-config'),
-            saveReportTo: 'reports/report.html',
-            saveStatsTo: 'reports/stats-[name]-[hash].json',
-            additionalStats: globSync('reports/*.json'),
-            open: false,
-          })
-        : undefined,
-    ]),
-
-    infrastructureLogging: {
-      stream: process.stdout,
-      appendOnly: false,
-    },
-  }
-
-  // console.log(util.inspect(config, {showHidden: false, depth: null}))
-
-  return removeEmpty(config)
-}
-
-export default getWebpackConfig