@gravity-ui/app-builder 0.4.3 → 0.5.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [0.5.1](https://github.com/gravity-ui/app-builder/compare/v0.5.0...v0.5.1) (2023-06-26)
+
+
+### Features
+
+* added the ability to disable entries for webpack lazy compilation ([#32](https://github.com/gravity-ui/app-builder/issues/32)) ([fed462a](https://github.com/gravity-ui/app-builder/commit/fed462a9803f4891ea0aff300133dec45c708fb9))
+
+## [0.5.0](https://github.com/gravity-ui/app-builder/compare/v0.4.3...v0.5.0) (2023-06-17)
+
+
+### Features
+
+* **build:** remove the use of @babel/plugin-proposal-decorators ([#27](https://github.com/gravity-ui/app-builder/issues/27)) ([2b09510](https://github.com/gravity-ui/app-builder/commit/2b09510130232578e503cc8042010e8995cb237f))
+
 ## [0.4.3](https://github.com/gravity-ui/app-builder/compare/v0.4.2...v0.4.3) (2023-06-05)
 
 

package/README.md

@@ -201,6 +201,11 @@ With this `{rootDir}/src/ui/tsconfig.json`:
   - `watchPackages` (`boolean`) - watch all changes in `node_modules`.
 - `disableReactRefresh` (`boolean`) — disable `react-refresh` in dev mode.
 - `detectCircularDependencies` (`true | CircularDependenciesOptions`) - detect modules with circular dependencies, [more](https://github.com/aackerman/circular-dependency-plugin)
+- `lazyCompilation` (`true | LazyCompilationConfig`) — enable experimental [lazy compilation](https://webpack.js.org/configuration/experiments/#experimentslazycompilation) feature
+  - `true` — enable feature
+  - `LazyCompilationConfig`
+    - `port` (`number`) — port where to listen to from the server
+    - `entries` (`boolean=true`) — if `false` - disables lazy compilation for `src/ui/entries` folder content
 
 ##### Production build
 

package/dist/commands/dev/client.js

@@ -33,6 +33,7 @@ async function buildWebpackServer(config) {
         liveReload: false,
         hot: true,
         client: {
+            logging: config.verbose ? 'log' : 'error',
             webSocketURL: { pathname: webSocketPath },
             overlay: {
                 runtimeErrors: config.verbose,

package/dist/common/babel/ui-preset.js

@@ -43,14 +43,6 @@ module.exports = function (_context, options = {}) {
         ],
     ].filter(Boolean);
     const plugins = [
-        isTypeScriptEnabled && [
-            require.resolve('@babel/plugin-proposal-decorators'),
-            {
-                // @decorator
-                // export class Foo {}
-                decoratorsBeforeExport: true,
-            },
-        ],
         // Polyfills the runtime needed for async/await and generators
         [require.resolve('@babel/plugin-transform-runtime'), runtimeOptions],
         isEnvProduction && [

package/dist/common/library/index.js

@@ -257,7 +257,9 @@ function buildLibrary(config) {
         const componentDefFile = getFilePath(file, { dir: paths_1.default.libCompiledAssetsEsm, ext: 'd.ts' });
         if (svgoRegEx.test(iconFile)) {
             try {
-                const component = await (0, core_1.transform)(fs_1.default.readFileSync(iconFile, 'utf-8'));
+                const component = await (0, core_1.transform)(fs_1.default.readFileSync(iconFile, 'utf-8'), {
+                    jsxRuntime: config.lib.newJsxTransform ? 'automatic' : 'classic',
+                });
                 babel.transform(component, {
                     filename: iconFile,
                     presets: [(0, babel_1.babelPreset)(config.lib)],

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

@@ -183,7 +183,12 @@ export type NormalizedClientConfig = Omit<ClientConfig, 'publicPathPrefix' | 'hi
     hiddenSourceMap: boolean;
     svgr: NonNullable<ClientConfig['svgr']>;
     lazyCompilation?: {
-        port: number;
+        port?: number;
+        /**
+         * @default true
+         * disable lazy compilation for entries
+         */
+        entries?: boolean;
     };
     devServer: Omit<DevServerConfig, 'port' | 'type' | 'options'> & {
         port?: number;

package/dist/common/webpack/config.js

@@ -87,18 +87,7 @@ function webpackConfigFactory(webpackMode, config, { logger } = {}) {
                 level: 'verbose',
             }
             : undefined,
-        experiments: isEnvDevelopment
-            ? {
-                lazyCompilation: config.lazyCompilation
-                    ? {
-                        backend: {
-                            client: require.resolve('./lazy-client.js'),
-                            listen: config.lazyCompilation,
-                        },
-                    }
-                    : undefined,
-            }
-            : undefined,
+        experiments: configureExperiments(helperOptions),
         snapshot: {
             managedPaths: config.watchOptions?.watchPackages ? [] : undefined,
         },
@@ -170,6 +159,36 @@ function configureWatchOptions({ config }) {
     delete watchOptions.watchPackages;
     return watchOptions;
 }
+function configureExperiments({ config, isEnvProduction, }) {
+    if (isEnvProduction) {
+        return undefined;
+    }
+    let lazyCompilation;
+    let port;
+    let entries;
+    if (config.lazyCompilation) {
+        if (typeof config.lazyCompilation === 'object') {
+            port = config.lazyCompilation.port;
+            entries = config.lazyCompilation.entries;
+        }
+        lazyCompilation = {
+            backend: {
+                client: require.resolve('./lazy-client.js'),
+                ...(port
+                    ? {
+                        listen: {
+                            port,
+                        },
+                    }
+                    : {}),
+            },
+            entries,
+        };
+    }
+    return {
+        lazyCompilation,
+    };
+}
 function configureResolve({ isEnvProduction, config, tsLinkedPackages, }) {
     let alias = config.alias || {};
     alias = Object.entries(alias).reduce((result, [key, value]) => {

package/dist/common/webpack/storybook.d.ts

@@ -8,6 +8,6 @@ export declare function configureWebpackConfigForStorybook(mode: Mode, userConfi
         rules: Webpack.RuleSetRule[];
     };
     resolve: Webpack.ResolveOptions;
-    plugins: (((this: Webpack.Compiler, compiler: Webpack.Compiler) => void) | Webpack.WebpackPluginInstance)[];
+    plugins: (false | "" | 0 | ((this: Webpack.Compiler, compiler: Webpack.Compiler) => void) | Webpack.WebpackPluginInstance | null | undefined)[];
 }>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/app-builder",
-  "version": "0.4.3",
+  "version": "0.5.1",
   "description": "Develop and build your React client-server projects, powered by typescript and webpack",
   "license": "MIT",
   "main": "dist/index.js",
@@ -68,8 +68,8 @@
     "@babel/runtime": "^7.21.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10",
     "@statoscope/webpack-plugin": "^5.26.2",
-    "@svgr/core": "^7.0.0",
-    "@svgr/webpack": "^7.0.0",
+    "@svgr/core": "^8.0.0",
+    "@svgr/webpack": "^8.0.1",
     "babel-loader": "^9.1.2",
     "babel-plugin-inline-react-svg": "^2.0.2",
     "babel-plugin-lodash": "^3.3.4",
@@ -81,9 +81,9 @@
     "common-tags": "^1.8.2",
     "cosmiconfig": "^8.1.3",
     "cosmiconfig-typescript-loader": "^4.3.0",
-    "css-loader": "^6.7.3",
-    "css-minimizer-webpack-plugin": "^4.2.2",
-    "dotenv": "^16.0.3",
+    "css-loader": "^6.8.1",
+    "css-minimizer-webpack-plugin": "^5.0.0",
+    "dotenv": "^16.1.4",
     "execa": "^5.1.1",
     "fast-glob": "^3.2.12",
     "file-type": "^16.5.3",
@@ -92,62 +92,62 @@
     "get-port": "^5.1.1",
     "lodash": "^4.17.21",
     "mime-types": "^2.1.35",
-    "mini-css-extract-plugin": "^2.7.5",
+    "mini-css-extract-plugin": "^2.7.6",
     "moment-timezone-data-webpack-plugin": "^1.5.1",
     "nodemon": "^2.0.22",
     "p-map": "^4.0.0",
     "p-queue": "^6.6.2",
     "pino-pretty": "^10.0.0",
     "postcss": "^8.4.23",
-    "postcss-loader": "^7.2.4",
-    "postcss-preset-env": "^8.3.2",
+    "postcss-loader": "^7.3.2",
+    "postcss-preset-env": "^8.4.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-refresh": "^0.14.0",
     "resolve-url-loader": "^5.0.0",
     "rimraf": "^5.0.0",
-    "sass": "^1.61.0",
-    "sass-loader": "^13.2.2",
+    "sass": "^1.62.1",
+    "sass-loader": "^13.3.1",
     "semver": "^7.5.0",
     "signal-exit": "^3.0.7",
     "source-map-loader": "^4.0.1",
     "strip-ansi": "^6.0.1",
-    "style-loader": "^3.3.2",
+    "style-loader": "^3.3.3",
     "svgo": "^3.0.2",
     "ts-node": "10.9.1",
     "tslib": "^2.5.0",
-    "typescript": "^5.0.4",
-    "webpack": "^5.81.0",
+    "typescript": "^5.1.3",
+    "webpack": "^5.85.1",
     "webpack-assets-manifest": "^5.1.0",
-    "webpack-bundle-analyzer": "^4.8.0",
-    "webpack-dev-server": "^4.13.3",
+    "webpack-bundle-analyzer": "^4.9.0",
+    "webpack-dev-server": "^4.15.0",
     "webpack-manifest-plugin": "^5.0.0",
     "worker-loader": "^3.0.8",
     "yargs": "^17.7.2"
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.6.3",
-    "@commitlint/config-conventional": "^17.6.3",
+    "@commitlint/cli": "^17.6.5",
+    "@commitlint/config-conventional": "^17.6.5",
     "@gravity-ui/eslint-config": "^1.0.2",
     "@gravity-ui/prettier-config": "^1.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",
     "@types/circular-dependency-plugin": "^5.0.5",
     "@types/common-tags": "^1.8.1",
     "@types/fs-extra": "^11.0.1",
-    "@types/jest": "^29.5.1",
-    "@types/lodash": "^4.14.194",
+    "@types/jest": "^29.5.2",
+    "@types/lodash": "^4.14.195",
     "@types/mime-types": "^2.1.1",
     "@types/node": "^14.18.45",
     "@types/nodemon": "^1.19.2",
     "@types/sass": "^1.45.0",
-    "@types/semver": "^7.3.13",
+    "@types/semver": "^7.5.0",
     "@types/signal-exit": "^3.0.1",
     "@types/terser-webpack-plugin": "^5.2.0",
     "@types/webpack-assets-manifest": "^5.1.0",
     "@types/webpack-bundle-analyzer": "^4.6.0",
     "@types/webpack-manifest-plugin": "^3.0.5",
     "@types/yargs": "17.0.11",
-    "eslint": "^8.40.0",
+    "eslint": "^8.42.0",
     "husky": "^8.0.3",
     "jest": "^29.5.0",
     "monaco-editor-webpack-plugin": "^6.0.0",