create-packer 1.39.3 → 1.40.0

package/template/web-app/react-webpack/shared/types/index.ts

@@ -1 +0,0 @@
-export * from './utils'

package/template/web-app/react-webpack/shared/types/utils.ts

@@ -1,2 +0,0 @@
-import type { UseBoundStore, StoreApi } from 'zustand'
-export type ExtractModelType<T> = T extends UseBoundStore<StoreApi<infer S>> ? S : unknown

package/template/web-app/react-webpack/tsconfig.json

@@ -1,27 +0,0 @@
-{
-    "compilerOptions": {
-        "baseUrl": ".",
-        "target": "ESNext",
-        "useDefineForClassFields": true,
-        "lib": ["DOM", "DOM.Iterable", "ESNext"],
-        "allowJs": true,
-        "strictNullChecks": true,
-        "skipLibCheck": true,
-        "esModuleInterop": false,
-        "allowSyntheticDefaultImports": true,
-        "strict": true,
-        "forceConsistentCasingInFileNames": true,
-        "strictPropertyInitialization": false,
-        "module": "ESNext",
-        "moduleResolution": "Node",
-        "resolveJsonModule": true,
-        "isolatedModules": true,
-        "noEmit": true,
-        "jsx": "react-jsx",
-        "paths": {
-            "@/*": ["./*"]
-        }
-    },
-    "include": ["**/*.tsx", "**/*.ts"],
-    "exclude": ["scripts"]
-}

package/template/web-app/react-webpack/tsconfig.node.json

@@ -1,9 +0,0 @@
-{
-    "compilerOptions": {
-        "composite": true,
-        "module": "ESNext",
-        "moduleResolution": "Node",
-        "allowSyntheticDefaultImports": true
-    },
-    "include": []
-}

package/template/web-app/react-webpack/webpack.config.mjs

@@ -1,161 +0,0 @@
-import path from 'path'
-import webpack from 'webpack'
-import WebpackBar from 'webpackbar'
-import { EsbuildPlugin } from 'esbuild-loader'
-import HtmlWebpackPlugin from 'html-webpack-plugin'
-import MiniCssExtractPlugin from 'mini-css-extract-plugin'
-import EslintWebpackPlugin from 'eslint-webpack-plugin'
-import StylelintWebpackPlugin from 'stylelint-webpack-plugin'
-import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin'
-import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer'
-import * as dotenv from 'dotenv'
-import { ROOT, OUTPUT, createCssLoader, createStyleLoader } from './webpack_config/index.mjs'
-
-/**
- *
- * @param {String} mode
- * @param {boolean} isProd
- * @returns {object}
- */
-function getEnvConfig(mode, isProd) {
-    const envConfig = dotenv.config({
-        path: isProd ? '.env' : `.env.${mode}`
-    }).parsed
-    Object.keys(envConfig).forEach(k => {
-        envConfig[k] = JSON.stringify(envConfig[k])
-    })
-    return envConfig
-}
-
-export default function (env) {
-    const isProd = ['prod', 'analyse'].includes(env.mode)
-    const envConfig = getEnvConfig(env.mode, isProd)
-    const publicPath = JSON.parse(envConfig.ENV_BASE_URL)
-
-    return {
-        entry: {
-            index: [path.join(ROOT, 'main.tsx')]
-        },
-        output: {
-            filename: isProd ? 'js/[name].[chunkhash].js' : 'js/[name].js',
-            chunkFilename: isProd ? 'js/[name].[chunkhash].js' : 'js/[name].js',
-            path: OUTPUT,
-            publicPath,
-            clean: true
-        },
-        mode: isProd ? 'production' : 'development',
-        stats: isProd ? 'normal' : 'errors-only',
-        performance: {
-            hints: false
-        },
-        devServer: {
-            host: '0.0.0.0',
-            hot: true,
-            open: publicPath,
-            static: {
-                publicPath
-            },
-            historyApiFallback: {
-                disableDotRule: true,
-                index: publicPath
-            },
-            devMiddleware: {
-                publicPath
-            },
-            proxy: [
-                {
-                    '/api': {
-                        target: 'http://127.0.0.1:3000',
-                        changeOrigin: true,
-                        secure: false,
-                        pathRewrite: {
-                            '^/api': ''
-                        }
-                    }
-                }
-            ]
-        },
-        module: {
-            rules: [
-                {
-                    test: /\.[jt]sx?$/,
-                    loader: 'esbuild-loader',
-                    options: {
-                        target: 'chrome82',
-                        drop: isProd ? ['console', 'debugger'] : []
-                    }
-                },
-                {
-                    test: /\.(png|jpg|jpeg|gif)$/i,
-                    type: 'asset/resource'
-                },
-                {
-                    test: /\.svg$/i,
-                    type: 'asset/resource',
-                    resourceQuery: /url/ // *.svg?url
-                },
-                {
-                    test: /\.svg$/i,
-                    issuer: /\.[jt]sx?$/,
-                    resourceQuery: { not: [/url/] }, // exclude react component if *.svg?url
-                    use: ['@svgr/webpack']
-                },
-                {
-                    test: /\.(woff|woff2|eot|ttf|otf)$/i,
-                    type: 'asset/resource'
-                },
-                {
-                    test: /\.css$/,
-                    exclude: /\.module\.css$/,
-                    use: [createStyleLoader(isProd), createCssLoader(), 'postcss-loader']
-                },
-                {
-                    test: /\.module\.css$/,
-                    use: [createStyleLoader(isProd), createCssLoader(true), 'postcss-loader']
-                }
-            ]
-        },
-        plugins: [
-            new WebpackBar(),
-            new HtmlWebpackPlugin({
-                filename: 'index.html',
-                template: path.resolve(ROOT, 'index.html')
-            }),
-            new EslintWebpackPlugin(),
-            new StylelintWebpackPlugin(),
-            new ForkTsCheckerWebpackPlugin(),
-            new webpack.DefinePlugin(envConfig),
-            new MiniCssExtractPlugin({
-                filename: isProd ? 'css/[name].[contenthash].css' : 'css/[name].css',
-                chunkFilename: isProd ? 'css/[name].[contenthash].css' : 'css/[name].css'
-            }),
-            env.mode === 'analyzer' && new BundleAnalyzerPlugin()
-        ],
-        optimization: {
-            minimizer: [new EsbuildPlugin()],
-            splitChunks: {
-                minChunks: 1,
-                cacheGroups: {
-                    react: {
-                        test: /[\\/]node_modules[\\/](react|react-dom)[\\/]/,
-                        chunks: 'all',
-                        name: 'react'
-                    },
-                    vendors: {
-                        test: /[\\/]node_modules[\\/]/,
-                        chunks: 'all',
-                        name: 'vendors',
-                        priority: -1
-                    }
-                }
-            }
-        },
-        resolve: {
-            extensions: ['.js', '.jsx', '.ts', '.tsx', '.json'],
-            alias: {
-                '@': ROOT
-            },
-            modules: ['node_modules']
-        }
-    }
-}

package/template/web-app/react-webpack/webpack_config/constant.mjs

@@ -1,5 +0,0 @@
-import path from 'path'
-
-export const ROOT = process.cwd()
-export const OUTPUT = path.join(ROOT, 'dist')
-export const SCOPE_CLASS_NAME = '[name]__[local]--[hash:base64:5]'

package/template/web-app/react-webpack/webpack_config/index.mjs

@@ -1,2 +0,0 @@
-export * from './constant.mjs'
-export * from './styles.mjs'

package/template/web-app/react-webpack/webpack_config/styles.mjs

@@ -1,22 +0,0 @@
-import MiniCssExtractPlugin from 'mini-css-extract-plugin'
-import { SCOPE_CLASS_NAME } from './constant.mjs'
-
-export function createStyleLoader(build) {
-    return build ? MiniCssExtractPlugin.loader : 'style-loader'
-}
-
-export function createCssLoader(module) {
-    if (module) {
-        return {
-            loader: 'css-loader',
-            options: {
-                importLoaders: 1,
-                modules: {
-                    mode: 'local',
-                    localIdentName: SCOPE_CLASS_NAME
-                }
-            }
-        }
-    }
-    return 'css-loader'
-}