afront 1.0.24 → 1.0.25

package/webpack.prod.js

@@ -1,148 +1,149 @@
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
-const TerserWebpackPlugin = require("terser-webpack-plugin");
-const CopyWebpackPlugin = require("copy-webpack-plugin");
-const HtmlWebpackPlugin = require("html-webpack-plugin");
-const CspHtmlWebpackPlugin = require('csp-html-webpack-plugin');
-const path = require("path");
-const crypto = require("crypto");
-
-module.exports = {
-  mode: "production",
-  entry: "./src/index.js",
-  output: {
-    filename: "static/js/[name]-[contenthash].js",
-    path: path.resolve(__dirname, "build-prod"),
-    publicPath: "/",
-    clean: true,
-  },
-  module: {
-    rules: [
-      {
-        test: /\.js$/,
-        exclude: /node_modules/,
-        use: {
-          loader: "babel-loader",
-          options: {
-            configFile: path.resolve(__dirname, "./.babelrc"),
-          },
-        },
-      },
-      {
-        test: /\.module\.css$/,
-        use: [
-          MiniCssExtractPlugin.loader,
-          {
-            loader: "css-loader",
-            options: {
-              modules: {
-                localIdentName: "asggen-[hash:base64:7]",
-              },
-            },
-          },
-        ],
-      },
-      {
-        test: /\.css$/,
-        exclude: /\.module\.css$/,
-        use: [MiniCssExtractPlugin.loader, "css-loader"],
-      },
-      {
-        test: /\.(png|jpe?g|gif|svg)$/,
-        type: "asset/resource",
-        generator: {
-          filename: "static/media/[contenthash][ext]",
-        },
-      },
-      {
-        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)$/,
-        type: "asset/resource",
-        generator: {
-          filename: "static/media/[name][ext]",
-        },
-      },
-      {
-        test: /\.(woff|woff2|eot|ttf|otf)$/,
-        type: "asset/resource",
-        generator: {
-          filename: "static/fonts/[name][ext]",
-        },
-      },
-    ],
-  },
-  optimization: {
-    minimizer: [
-      new TerserWebpackPlugin({
-        terserOptions: {
-          compress: {
-            drop_console: false,
-          },
-          format: {
-            comments: false,
-          },
-        },
-        extractComments: false,
-      }),
-      new CssMinimizerPlugin(),
-    ],
-    splitChunks: {
-      chunks: "all", // Automatically split vendor and app code
-    },
-  },
-  plugins: [
-    new HtmlWebpackPlugin({
-      title: "AFront",
-      template: "./dev/index.html",
-      buildTag: `prod-[contenthash]`,
-      hash: true,
-      minify: {
-        removeComments: true,
-        collapseWhitespace: true,
-        minifyCSS: true,
-        minifyJS: true,
-      },
-      templateParameters: (compilation) => {
-        const hash = crypto.createHash("sha256");
-        hash.update(compilation.hash);
-        const sha256Hash = hash.digest("hex");
-        return {
-          htmlWebpackPlugin: {
-            options: {
-              title: "AFront",
-              buildTag: `prod-${sha256Hash}`,
-            },
-          },
-        };
-      },
-    }),
-    new CspHtmlWebpackPlugin({
-      "default-src": ["'self'"],
-      "script-src": ["'self'"],
-      "style-src": ["'self'", "https://fonts.googleapis.com", "'unsafe-hashes'"],
-      "style-src-elem": ["'self'", "https://fonts.googleapis.com", "https://fonts.gstatic.com"],
-      "font-src": ["'self'", "https://fonts.gstatic.com"]
-    }, {
-      hashingMethod: 'sha256',
-      hashEnabled: { 'script-src': true, 'style-src': true }
-    }),
-    new MiniCssExtractPlugin({
-      filename: "static/css/[name]-[contenthash].css",
-    }),
-    new CopyWebpackPlugin({
-      patterns: [
-        { from: "dev/favicon.ico", to: "favicon.ico" },
-        { from: "dev/logo192.png", to: "logo192.png" },
-        { from: "dev/logo512.png", to: "logo512.png" },
-        { from: "dev/manifest.json", to: "manifest.json" },
-        { from: "dev/style.css", to: "style.css" },
-        { from: "dev/inline.js", to: "inline.js" },
-        { from: "dev/robots.txt", to: "robots.txt" },
-        { from: "dev/service-worker.js", to: "service-worker.js" },
-        { from: "dev/offline.html", to: "offline.html" },
-      ],
-    }),
-  ],
-  performance: {
-    hints: "warning",
-  },
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
+const TerserWebpackPlugin = require("terser-webpack-plugin");
+const CopyWebpackPlugin = require("copy-webpack-plugin");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+const CspHtmlWebpackPlugin = require('csp-html-webpack-plugin');
+const path = require("path");
+const crypto = require("crypto");
+
+module.exports = {
+  mode: "production",
+  entry: "./src/index.js",
+  output: {
+    filename: "static/js/[name]-[contenthash].js",
+    path: path.resolve(__dirname, "build-prod"),
+    publicPath: "/",
+    clean: true,
+  },
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        exclude: /node_modules/,
+        use: {
+          loader: "babel-loader",
+          options: {
+            configFile: path.resolve(__dirname, "./.babelrc"),
+          },
+        },
+      },
+      {
+        test: /\.module\.css$/,
+        use: [
+          MiniCssExtractPlugin.loader,
+          {
+            loader: "css-loader",
+            options: {
+              modules: {
+                localIdentName: "asggen-[hash:base64:7]",
+              },
+            },
+          },
+        ],
+      },
+      {
+        test: /\.css$/,
+        exclude: /\.module\.css$/,
+        use: [MiniCssExtractPlugin.loader, "css-loader"],
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg)$/,
+        type: "asset/resource",
+        generator: {
+          filename: "static/media/[contenthash][ext]",
+        },
+      },
+      {
+        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)$/,
+        type: "asset/resource",
+        generator: {
+          filename: "static/media/[name][ext]",
+        },
+      },
+      {
+        test: /\.(woff|woff2|eot|ttf|otf)$/,
+        type: "asset/resource",
+        generator: {
+          filename: "static/fonts/[name][ext]",
+        },
+      },
+    ],
+  },
+  optimization: {
+    minimizer: [
+      new TerserWebpackPlugin({
+        terserOptions: {
+          compress: {
+            drop_console: false,
+          },
+          format: {
+            comments: false,
+          },
+        },
+        extractComments: false,
+      }),
+      new CssMinimizerPlugin(),
+    ],
+    splitChunks: {
+      chunks: "all", // Automatically split vendor and app code
+    },
+  },
+  plugins: [
+    new HtmlWebpackPlugin({
+      title: "AFront",
+      template: "./dev/index.html",
+      buildTag: `prod-[contenthash]`,
+      hash: true,
+      minify: {
+        removeComments: true,
+        collapseWhitespace: true,
+        minifyCSS: true,
+        minifyJS: true,
+      },
+      templateParameters: (compilation) => {
+        const hash = crypto.createHash("sha256");
+        hash.update(compilation.hash);
+        const sha256Hash = hash.digest("hex");
+        return {
+          htmlWebpackPlugin: {
+            options: {
+              title: "AFront",
+              buildTag: `prod-${sha256Hash}`,
+            },
+          },
+        };
+      },
+    }),
+    new CspHtmlWebpackPlugin({
+      "default-src": ["'self'"],
+      "connect-src": ["'self'", "wss:"],
+      "script-src": ["'self'"],
+      "style-src": ["'self'", "https://fonts.googleapis.com", "'unsafe-hashes'"],
+      "style-src-elem": ["'self'", "https://fonts.googleapis.com", "https://fonts.gstatic.com"],
+      "font-src": ["'self'", "https://fonts.gstatic.com"]
+    }, {
+      hashingMethod: 'sha256',
+      hashEnabled: { 'script-src': true, 'style-src': true }
+    }),
+    new MiniCssExtractPlugin({
+      filename: "static/css/[name]-[contenthash].css",
+    }),
+    new CopyWebpackPlugin({
+      patterns: [
+        { from: "dev/favicon.ico", to: "favicon.ico" },
+        { from: "dev/logo192.png", to: "logo192.png" },
+        { from: "dev/logo512.png", to: "logo512.png" },
+        { from: "dev/manifest.json", to: "manifest.json" },
+        { from: "dev/style.css", to: "style.css" },
+        { from: "dev/inline.js", to: "inline.js" },
+        { from: "dev/robots.txt", to: "robots.txt" },
+        { from: "dev/service-worker.js", to: "service-worker.js" },
+        { from: "dev/offline.html", to: "offline.html" },
+      ],
+    }),
+  ],
+  performance: {
+    hints: "warning",
+  },
 };

package/webpack.ssr.prod.js

@@ -1,97 +1,97 @@
-const path = require("path");
-const nodeExternals = require("webpack-node-externals");
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
-const TerserWebpackPlugin = require("terser-webpack-plugin");
-
-module.exports = {
-  mode: "production",
-  entry: "./Asggen SSR/index.js",
-  output: {
-    path: path.resolve(__dirname, "build-prod-ssr"),
-    filename: "ssr.prod.js",
-    publicPath: "/",
-    clean: true,
-    libraryTarget: "commonjs2",
-  },
-  target: "node",
-  module: {
-    rules: [
-      {
-        test: /\.js$/,
-        exclude: /node_modules/,
-        use: {
-          loader: "babel-loader",
-          options: {
-            presets: ["@babel/preset-env", "@babel/preset-react"],
-          },
-        },
-      },
-      {
-        test: /\.module\.css$/,
-        use: [
-          MiniCssExtractPlugin.loader,
-          {
-            loader: "css-loader",
-            options: {
-              modules: {
-                localIdentName: "asggen-[hash:base64:7]",
-              },
-            },
-          },
-        ],
-      },
-      {
-        test: /\.css$/,
-        exclude: /\.module\.css$/,
-        use: [MiniCssExtractPlugin.loader, "css-loader"],
-      },
-      {
-        test: /\.(png|jpe?g|gif|svg)$/,
-        type: "asset/resource",
-        generator: {
-          filename: "static/media/[contenthash][ext]",
-        },
-      },
-      {
-        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)$/,
-        type: "asset/resource",
-        generator: {
-          filename: "static/media/[name][ext]",
-        },
-      },
-      {
-        test: /\.(woff|woff2|eot|ttf|otf)$/,
-        type: "asset/resource",
-        generator: {
-          filename: "static/fonts/[name][ext]",
-        },
-      },
-    ],
-  },
-  optimization: {
-    minimizer: [
-      new TerserWebpackPlugin({
-        terserOptions: {
-          compress: {
-            drop_console: false,
-          },
-          format: {
-            comments: false,
-          },
-        },
-        extractComments: false,
-      }),
-      new CssMinimizerPlugin(),
-    ],
-  },
-  plugins: [
-    new MiniCssExtractPlugin({
-      filename: "static/css/[name]-[contenthash].css",
-    }),
-  ],
-  resolve: {
-    extensions: [".js", ".jsx", ".ts", ".tsx"],
-  },
-  externals: [nodeExternals()],
-};
+const path = require("path");
+const nodeExternals = require("webpack-node-externals");
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
+const TerserWebpackPlugin = require("terser-webpack-plugin");
+
+module.exports = {
+  mode: "production",
+  entry: "./Asggen SSR/index.js",
+  output: {
+    path: path.resolve(__dirname, "build-prod-ssr"),
+    filename: "ssr.prod.js",
+    publicPath: "/",
+    clean: true,
+    libraryTarget: "commonjs2",
+  },
+  target: "node",
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        exclude: /node_modules/,
+        use: {
+          loader: "babel-loader",
+          options: {
+            presets: ["@babel/preset-env", "@babel/preset-react"],
+          },
+        },
+      },
+      {
+        test: /\.module\.css$/,
+        use: [
+          MiniCssExtractPlugin.loader,
+          {
+            loader: "css-loader",
+            options: {
+              modules: {
+                localIdentName: "asggen-[hash:base64:7]",
+              },
+            },
+          },
+        ],
+      },
+      {
+        test: /\.css$/,
+        exclude: /\.module\.css$/,
+        use: [MiniCssExtractPlugin.loader, "css-loader"],
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg)$/,
+        type: "asset/resource",
+        generator: {
+          filename: "static/media/[contenthash][ext]",
+        },
+      },
+      {
+        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)$/,
+        type: "asset/resource",
+        generator: {
+          filename: "static/media/[name][ext]",
+        },
+      },
+      {
+        test: /\.(woff|woff2|eot|ttf|otf)$/,
+        type: "asset/resource",
+        generator: {
+          filename: "static/fonts/[name][ext]",
+        },
+      },
+    ],
+  },
+  optimization: {
+    minimizer: [
+      new TerserWebpackPlugin({
+        terserOptions: {
+          compress: {
+            drop_console: false,
+          },
+          format: {
+            comments: false,
+          },
+        },
+        extractComments: false,
+      }),
+      new CssMinimizerPlugin(),
+    ],
+  },
+  plugins: [
+    new MiniCssExtractPlugin({
+      filename: "static/css/[name]-[contenthash].css",
+    }),
+  ],
+  resolve: {
+    extensions: [".js", ".jsx", ".ts", ".tsx"],
+  },
+  externals: [nodeExternals()],
+};