afront 1.0.22 → 1.0.25

package/webpack.build-prod.js

@@ -1,141 +1,142 @@
-const htmlWebpackPlugin = require("html-webpack-plugin");
-const CspHtmlWebpackPlugin = require('csp-html-webpack-plugin');
-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 path = require("path");
-const crypto = require("crypto");
-
-module.exports = {
-  mode: "production",
-  entry: "./src/Static/indexStatic.js",
-  output: {
-    filename: "static/js/[name]-[contenthash].js",
-    path: path.resolve(__dirname, "build-prod-static"),
-    publicPath: "/",
-    clean: true,
-  },
-  module: {
-    rules: [
-      {
-        test: /\.js$/,
-        exclude: /node_modules/,
-        use: [
-          {
-            loader: "babel-loader",
-            options: {
-              configFile: path.resolve(__dirname, "./.babelrc"),
-            },
-          },
-        ],
-      },
-      {
-        test: /\.css$/,
-        use: [
-          MiniCssExtractPlugin.loader,
-          {
-            loader: "css-loader",
-            options: {
-              modules: {
-                localIdentName: "asggen-[hash:base64:7]",
-              },
-              sourceMap: true,
-            },
-          },
-        ],
-      },
-      {
-        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, // Remove all comments
-          },
-        },
-        extractComments: false, // Do not extract comments to a separate file
-      }),
-      new CssMinimizerPlugin(),
-    ],
-  },
-  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, options) => {
-        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" }, // Copy favicon
-        { from: "dev/logo192.png", to: "logo192.png" }, // Copy logo192
-        { from: "dev/logo512.png", to: "logo512.png" }, // Copy logo512
-        { from: "dev/manifest.json", to: "manifest.json" }, // Copy manifest
-        { 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" },
-      ],
-    }),
-  ],
+const htmlWebpackPlugin = require("html-webpack-plugin");
+const CspHtmlWebpackPlugin = require('csp-html-webpack-plugin');
+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 path = require("path");
+const crypto = require("crypto");
+
+module.exports = {
+  mode: "production",
+  entry: "./src/Static/indexStatic.js",
+  output: {
+    filename: "static/js/[name]-[contenthash].js",
+    path: path.resolve(__dirname, "build-prod-static"),
+    publicPath: "/",
+    clean: true,
+  },
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        exclude: /node_modules/,
+        use: [
+          {
+            loader: "babel-loader",
+            options: {
+              configFile: path.resolve(__dirname, "./.babelrc"),
+            },
+          },
+        ],
+      },
+      {
+        test: /\.css$/,
+        use: [
+          MiniCssExtractPlugin.loader,
+          {
+            loader: "css-loader",
+            options: {
+              modules: {
+                localIdentName: "asggen-[hash:base64:7]",
+              },
+              sourceMap: true,
+            },
+          },
+        ],
+      },
+      {
+        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, // Remove all comments
+          },
+        },
+        extractComments: false, // Do not extract comments to a separate file
+      }),
+      new CssMinimizerPlugin(),
+    ],
+  },
+  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, options) => {
+        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" }, // Copy favicon
+        { from: "dev/logo192.png", to: "logo192.png" }, // Copy logo192
+        { from: "dev/logo512.png", to: "logo512.png" }, // Copy logo512
+        { from: "dev/manifest.json", to: "manifest.json" }, // Copy manifest
+        { 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" },
+      ],
+    }),
+  ],
 };

package/webpack.dev.js

@@ -1,128 +1,128 @@
-const htmlWebpackPlugin = require("html-webpack-plugin");
-const CspHtmlWebpackPlugin = require('csp-html-webpack-plugin');
-const path = require("path");
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-const TerserWebpackPlugin = require("terser-webpack-plugin");
-const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
-const crypto = require("crypto");
-
-module.exports = {
-  mode: "development",
-  entry: "./src/index.js",
-  devtool: "cheap-module-source-map",
-  devServer: {
-    static: {
-      directory: path.join(__dirname, "dev"),
-    },
-    port: 9999,
-    open: true,
-    historyApiFallback: true,
-    headers: {
-      // Dev server: send a permissive CSP header to avoid blocking during development.
-      // This header is intentionally more permissive than the production meta tag.
-      "Content-Security-Policy": "default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com"
-    }
-  },
-  output: {
-    filename: "[name].bundle.js",
-    path: `${__dirname}/dev`,
-    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: "[local]",
-              },
-            },
-          },
-        ],
-      },
-      {
-        test: /\.css$/,
-        exclude: /\.module\.css$/,
-        use: [MiniCssExtractPlugin.loader, "css-loader"],
-      },
-      {
-        test: /\.(png|jpe?g|gif|svg)$/,
-        type: "asset/resource",
-        generator: {
-          filename: "static/media/[name][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(), new CssMinimizerPlugin()],
-  },
-  resolve: {
-    extensions: [".js", ".jsx", ".ts", ".tsx"],
-  },
-  plugins: [
-    new MiniCssExtractPlugin({
-      filename: "static/css/[name].bundle.css",
-    }),
-    new htmlWebpackPlugin({
-      title: "AFront",
-      template: `${__dirname}/dev/index.html`,
-      filename: "index.html",
-      hash: true, // This will add the hash in the injected scripts
-      templateParameters: (compilation) => {
-        const hash = crypto.createHash("sha256");
-        hash.update(compilation.hash);
-        const sha256Hash = hash.digest("hex");
-        return {
-          htmlWebpackPlugin: {
-            options: {
-              title: "AFront",
-              buildTag: `dev-${sha256Hash}`, // Set the build tag with the hash for dev
-            },
-          },
-        };
-      },
-    }),
-    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 }
-    }),
-  ],
+const htmlWebpackPlugin = require("html-webpack-plugin");
+const CspHtmlWebpackPlugin = require('csp-html-webpack-plugin');
+const path = require("path");
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const TerserWebpackPlugin = require("terser-webpack-plugin");
+const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
+const crypto = require("crypto");
+
+module.exports = {
+  mode: "development",
+  entry: "./src/index.js",
+  devtool: "cheap-module-source-map",
+  devServer: {
+    static: {
+      directory: path.join(__dirname, "dev"),
+    },
+    port: 9999,
+    open: true,
+    historyApiFallback: true,
+    headers: {
+      // Dev server: send a permissive CSP header to avoid blocking during development.
+      // This header is intentionally more permissive than the production meta tag.
+      "Content-Security-Policy": "default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com"
+    }
+  },
+  output: {
+    filename: "[name].bundle.js",
+    path: `${__dirname}/dev`,
+    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: "[local]",
+              },
+            },
+          },
+        ],
+      },
+      {
+        test: /\.css$/,
+        exclude: /\.module\.css$/,
+        use: [MiniCssExtractPlugin.loader, "css-loader"],
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg)$/,
+        type: "asset/resource",
+        generator: {
+          filename: "static/media/[name][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(), new CssMinimizerPlugin()],
+  },
+  resolve: {
+    extensions: [".js", ".jsx", ".ts", ".tsx"],
+  },
+  plugins: [
+    new MiniCssExtractPlugin({
+      filename: "static/css/[name].bundle.css",
+    }),
+    new htmlWebpackPlugin({
+      title: "AFront",
+      template: `${__dirname}/dev/index.html`,
+      filename: "index.html",
+      hash: true, // This will add the hash in the injected scripts
+      templateParameters: (compilation) => {
+        const hash = crypto.createHash("sha256");
+        hash.update(compilation.hash);
+        const sha256Hash = hash.digest("hex");
+        return {
+          htmlWebpackPlugin: {
+            options: {
+              title: "AFront",
+              buildTag: `dev-${sha256Hash}`, // Set the build tag with the hash for dev
+            },
+          },
+        };
+      },
+    }),
+    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 }
+    }),
+  ],
 };