@gravity-ui/app-builder 0.8.6 → 0.9.0

package/README.md

@@ -238,6 +238,7 @@ With this `{rootDir}/src/ui/tsconfig.json`:
   - `locale`: (`string[]=['ru']`) — list of `moment.js` or `day.js` locales to include, e.g. `['de', 'es']`. Locale `En` is always present.
 - `safari10` (`boolean`) — Enables `safari10` terser's option. [Terser options](https://github.com/terser/terser#minify-options)
 - `transformCssWithLightningCss` (`boolean`) — use [Lighting CSS](https://lightningcss.dev) to transform and minimize css instead of PostCSS and cssnano
+- `terser` (`(options: TerserOptions) => TerserOptions`) - modify or return a custom [Terser options](https://github.com/terser/terser#minify-options).
 
 ##### Monaco editor support
 

package/dist/common/models/index.d.ts

@@ -13,6 +13,7 @@ import type { Options as StatoscopeOptions } from '@statoscope/webpack-plugin';
 import type { SentryWebpackPluginOptions } from '@sentry/webpack-plugin';
 import type { WebpackMode } from '../webpack/config';
 import type { UploadOptions } from '../s3-upload/upload';
+import type { TerserOptions } from 'terser-webpack-plugin';
 export interface Entities<T> {
     data: Record<string, T>;
     keys: string[];
@@ -122,6 +123,8 @@ export interface ClientConfig {
     symlinks?: boolean;
     /**
      * Enables `safari10` terser's option. [Terser options](https://github.com/terser/terser#minify-options)
+     *
+     * @deprecated use `terser` option instead
      */
     safari10?: boolean;
     /**
@@ -187,6 +190,10 @@ export interface ClientConfig {
     babel?: (config: Babel.TransformOptions, options: {
         configType: `${WebpackMode}`;
     }) => Babel.TransformOptions | Promise<Babel.TransformOptions>;
+    /**
+     * Modify or return a custom [Terser options](https://github.com/terser/terser#minify-options).
+     */
+    terser?: (options: TerserOptions) => TerserOptions;
 }
 export interface CdnUploadConfig {
     bucket: string;

package/dist/common/webpack/config.js

@@ -42,7 +42,6 @@ const react_refresh_webpack_plugin_1 = __importDefault(require("@pmmmwh/react-re
 const moment_timezone_data_webpack_plugin_1 = __importDefault(require("moment-timezone-data-webpack-plugin"));
 const webpack_plugin_1 = __importDefault(require("@statoscope/webpack-plugin"));
 const circular_dependency_plugin_1 = __importDefault(require("circular-dependency-plugin"));
-const webpack_plugin_2 = require("@sentry/webpack-plugin");
 const paths_1 = __importDefault(require("../paths"));
 const tempData_1 = __importDefault(require("../tempData"));
 const babel_1 = require("../babel");
@@ -595,6 +594,7 @@ function configurePlugins(options) {
     if (config.monaco) {
         const MonacoEditorWebpackPlugin = require('monaco-editor-webpack-plugin');
         plugins.push(new MonacoEditorWebpackPlugin({
+            filename: isEnvProduction ? '[name].[hash:8].worker.js' : undefined,
             ...config.monaco,
             // currently, workers located on cdn are not working properly, so we are enforcing loading workers from
             // service instead
@@ -642,7 +642,8 @@ function configurePlugins(options) {
             ignoreOrder: true,
         }));
         if (config.sentryConfig) {
-            plugins.push((0, webpack_plugin_2.sentryWebpackPlugin)({ ...config.sentryConfig }));
+            const sentryPlugin = require('@sentry/webpack-plugin');
+            plugins.push(sentryPlugin({ ...config.sentryConfig }));
         }
         if (config.analyzeBundle === 'true') {
             plugins.push(new webpack_bundle_analyzer_1.BundleAnalyzerPlugin({
@@ -794,15 +795,18 @@ function configureOptimization({ config }) {
             (compiler) => {
                 // Lazy load the Terser plugin
                 const TerserPlugin = require('terser-webpack-plugin');
-                new TerserPlugin({
-                    terserOptions: {
-                        compress: {
-                            passes: 2,
-                        },
-                        safari10: config.safari10,
-                        mangle: !config.reactProfiling,
+                let terserOptions = {
+                    compress: {
+                        passes: 2,
                     },
-                }).apply(compiler);
+                    safari10: config.safari10,
+                    mangle: !config.reactProfiling,
+                };
+                const { terser } = config;
+                if (typeof terser === 'function') {
+                    terserOptions = terser(terserOptions);
+                }
+                new TerserPlugin({ terserOptions }).apply(compiler);
             },
         ],
     };

package/dist/common/webpack/worker/web-worker.mjs

@@ -20,7 +20,7 @@ function generateWorkerLoader(url) {
     const publicPath = __webpack_public_path__;
     const workerPublicPath = publicPath.match(/^https?:\/\//)
         ? publicPath
-        : new URL(publicPath, window.location.href).toString();
+        : new URL(publicPath, window.location.origin).toString();
     const objectURL = URL.createObjectURL(new Blob([
         [
             `self.__PUBLIC_PATH__ = ${JSON.stringify(workerPublicPath)}`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/app-builder",
-  "version": "0.8.6",
+  "version": "0.9.0",
   "description": "Develop and build your React client-server projects, powered by typescript and webpack",
   "license": "MIT",
   "type": "commonjs",
@@ -70,7 +70,6 @@
     "@babel/runtime": "^7.22.0",
     "@okikio/sharedworker": "^1.0.4",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.11",
-    "@sentry/webpack-plugin": "^2.7.1",
     "@statoscope/webpack-plugin": "^5.27.0",
     "@svgr/core": "^8.1.0",
     "@svgr/plugin-jsx": "^8.1.0",
@@ -97,7 +96,6 @@
     "fork-ts-checker-webpack-plugin": "^8.0.0",
     "fs-extra": "^11.1.1",
     "get-port": "^7.0.0",
-    "lightningcss": "^1.21.5",
     "lodash": "^4.17.21",
     "mime-types": "^2.1.35",
     "mini-css-extract-plugin": "^2.7.6",
@@ -140,6 +138,7 @@
     "@gravity-ui/eslint-config": "^3.0.0",
     "@gravity-ui/prettier-config": "^1.1.0",
     "@gravity-ui/tsconfig": "^1.0.0",
+    "@sentry/webpack-plugin": "^2.7.1",
     "@types/babel__helper-plugin-utils": "^7.10.1",
     "@types/circular-dependency-plugin": "^5.0.6",
     "@types/common-tags": "^1.8.2",
@@ -159,6 +158,7 @@
     "eslint": "^8.49.0",
     "husky": "^8.0.3",
     "jest": "^29.5.0",
+    "lightningcss": "^1.21.5",
     "monaco-editor-webpack-plugin": "^6.0.0",
     "nano-staged": "^0.8.0",
     "npm-run-all": "^4.1.5",
@@ -166,11 +166,19 @@
     "ts-jest": "^29.1.0"
   },
   "peerDependencies": {
-    "monaco-editor-webpack-plugin": "*"
+    "lightningcss": "^1.21.5",
+    "monaco-editor-webpack-plugin": "*",
+    "@sentry/webpack-plugin": "^2.7.1"
   },
   "peerDependenciesMeta": {
+    "lightningcss": {
+      "optional": true
+    },
     "monaco-editor-webpack-plugin": {
       "optional": true
+    },
+    "@sentry/webpack-plugin": {
+      "optional": true
     }
   },
   "nano-staged": {