@flatjs/evolve 1.8.1-next.92 → 1.8.1-next.93

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @flatjs/evolve
 
+## 1.8.1-next.93
+
+### Patch Changes
+
+- b70ff50: bump version
+- 76ffa17: Add `Circular` dependencies check plugin in `development` phase
+- ea10e66: bump version
+- Updated dependencies [b70ff50]
+- Updated dependencies [ea10e66]
+- Updated dependencies [ba80b25]
+  - @flatjs/forge-postcss-plugin-pixel@1.8.1-next.35
+  - @flatjs/evolve-preset-babel@1.8.1-next.17
+  - @flatjs/common@1.8.1-next.35
+  - @flatjs/graph@1.8.1-next.49
+  - @flatjs/mock@1.8.1-next.71
+
 ## 1.8.1-next.92
 
 ### Patch Changes

package/dist/create-webpack/create-plugins.js

@@ -1 +1 @@
-import{logger}from"@flatjs/common";import ReactRefreshWebpackPlugin from"@pmmmwh/react-refresh-webpack-plugin";import CaseSensitivePathsPlugin from"case-sensitive-paths-webpack-plugin";import ForkTsCheckerWebpackPlugin from"fork-ts-checker-webpack-plugin";import MiniCssExtractPlugin from"mini-css-extract-plugin";import webpack from"webpack";import{BundleAnalyzerPlugin}from"webpack-bundle-analyzer";import{enableBundleHashNameForModule}from"../helpers/enable-bundle-hashname-for-module.js";import{getBundleFileName}from"../helpers/get-bundle-file-name.js";import{shouldEnableReactFastRefresh}from"../helpers/should-enable-react-fast-refresh.js";import{createCleanWebpackPlugin}from"../plugins/clean-webpack/index.js";import{createBuiltinDefineVariables}from"../plugins/define-variable/index.js";import{createModuleFederationPlugin}from"../plugins/module-federation/index.js";import{createHtmlPlugins}from"../plugins/multi-html/index.js";export const createPlugins=async(e,n,a)=>{const[r,i]=n,t=enableBundleHashNameForModule(a,i?.options),l=[new webpack.WatchIgnorePlugin({paths:[/\.d\.[cm]ts$/]}),new CaseSensitivePathsPlugin,new MiniCssExtractPlugin({filename:`[name]/${getBundleFileName("css",e,t)}`,chunkFilename:"[id].[contenthash].css"}),...await createBuiltinDefineVariables(e,a),...createCleanWebpackPlugin(e,n,a),...createModuleFederationPlugin(e,n,a),...createHtmlPlugins(e,n,a)],{analyzer:s,loaderOptions:o}=a,c=(n[1].entry||[]).find((e=>/.vue$/.test(e)));o.runTsChecker&&!c&&l.push(new ForkTsCheckerWebpackPlugin({async:e,typescript:{context:a.projectCwd,memoryLimit:8192}})),s&&l.push(new BundleAnalyzerPlugin({analyzerPort:"auto",analyzerMode:"server",...s}));const u=shouldEnableReactFastRefresh(e,n,a);u&&l.push(new ReactRefreshWebpackPlugin({overlay:!1})),!u&&e&&logger.warn(`The HMR has disabled cause of \`"${r}":"moduleFederation"\``);const m=a.webpack?.plugins||[];return l.concat(m)};
+import{logger}from"@flatjs/common";import ReactRefreshWebpackPlugin from"@pmmmwh/react-refresh-webpack-plugin";import CaseSensitivePathsPlugin from"case-sensitive-paths-webpack-plugin";import ForkTsCheckerWebpackPlugin from"fork-ts-checker-webpack-plugin";import MiniCssExtractPlugin from"mini-css-extract-plugin";import webpack from"webpack";import{BundleAnalyzerPlugin}from"webpack-bundle-analyzer";import{enableBundleHashNameForModule}from"../helpers/enable-bundle-hashname-for-module.js";import{getBundleFileName}from"../helpers/get-bundle-file-name.js";import{shouldEnableReactFastRefresh}from"../helpers/should-enable-react-fast-refresh.js";import{createCircularDependencyPlugin}from"../plugins/circular-dependency/index.js";import{createCleanWebpackPlugin}from"../plugins/clean-webpack/index.js";import{createBuiltinDefineVariables}from"../plugins/define-variable/index.js";import{createModuleFederationPlugin}from"../plugins/module-federation/index.js";import{createHtmlPlugins}from"../plugins/multi-html/index.js";export const createPlugins=async(e,n,a)=>{const[r,i]=n,l=enableBundleHashNameForModule(a,i?.options),t=[new webpack.WatchIgnorePlugin({paths:[/\.d\.[cm]ts$/]}),new CaseSensitivePathsPlugin,...createCircularDependencyPlugin(e,a),new MiniCssExtractPlugin({filename:`[name]/${getBundleFileName("css",e,l)}`,chunkFilename:"[id].[contenthash].css"}),...await createBuiltinDefineVariables(e,a),...createCleanWebpackPlugin(e,n,a),...createModuleFederationPlugin(e,n,a),...createHtmlPlugins(e,n,a)],{analyzer:s,loaderOptions:o}=a,c=(n[1].entry||[]).find((e=>/.vue$/.test(e)));o.runTsChecker&&!c&&t.push(new ForkTsCheckerWebpackPlugin({async:e,typescript:{context:a.projectCwd,memoryLimit:8192}})),s&&t.push(new BundleAnalyzerPlugin({analyzerPort:"auto",analyzerMode:"server",...s}));const u=shouldEnableReactFastRefresh(e,n,a);u&&t.push(new ReactRefreshWebpackPlugin({overlay:!1})),!u&&e&&logger.warn(`The HMR has disabled cause of \`"${r}":"moduleFederation"\``);const p=a.webpack?.plugins||[];return t.concat(p)};

package/dist/plugins/circular-dependency/circular-dependency-plugin.d.ts

@@ -0,0 +1,54 @@
+import { type Compilation, type Compiler } from 'webpack';
+export interface Options {
+    /**
+     * The project root.
+     */
+    projectCwd?: string;
+    /**
+     * exclude detection of files based on a RegExp
+     * @default  /node_modules/
+     */
+    exclude?: RegExp;
+    /**
+     * include specific files based on a RegExp
+     * @default `new RegExp('.*')`
+     */
+    include?: RegExp;
+    /**
+     * add errors to webpack instead of warnings
+     * @default false
+     */
+    failOnError?: boolean;
+    /**
+     * allow import cycles that include an asynchronous import,
+     * e.g. via via import(/* webpackMode: "weak" *\/ './file.js')
+     * @default false
+     */
+    allowAsyncCycles?: boolean;
+    /**
+     * `onStart` is called before the cycle detection starts
+     */
+    onStart?: (options: {
+        compilation: Compilation;
+    }) => void;
+    /**
+     * `onDetected` is called for each module that is cyclical
+     *  `paths` will be an Array of the relative module paths that make up the cycle
+     */
+    onDetected?: (options: {
+        paths: string[];
+        compilation: Compilation;
+    }) => void;
+    /**
+     * `onEnd` is called before the cycle detection ends
+     */
+    onEnd?: (options: {
+        compilation: Compilation;
+    }) => void;
+}
+export declare class CircularDependencyPlugin {
+    private options;
+    constructor(options?: Options);
+    apply(compiler: Compiler): void;
+    private isCyclic;
+}

package/dist/plugins/circular-dependency/circular-dependency-plugin.js

@@ -0,0 +1 @@
+import{relative}from"node:path";import{mergeOptions}from"@flatjs/common";import Graph from"tarjan-graph";import webpack from"webpack";const BASE_ERROR="Circular dependency detected:\r\n",PLUGIN_TITLE="CircularDependencyPlugin";export class CircularDependencyPlugin{constructor(o={}){this.options=mergeOptions({exclude:/node_modules/,include:/.*/,failOnError:!1,allowAsyncCycles:!1,projectCwd:process.cwd()},o)}apply(o){const e=this.options.projectCwd;o.hooks.compilation.tap(PLUGIN_TITLE,(o=>{o.hooks.optimizeModules.tap(PLUGIN_TITLE,(t=>{this.options.onStart&&this.options.onStart({compilation:o});const n=new(Graph.default||Graph);for(const e of t){const t=[];for(const n of e.dependencies){if(n.constructor&&"CommonJsSelfReferenceDependency"===n.constructor.name)continue;let r=null;r=o.moduleGraph?o.moduleGraph.getModule(n):n.module,r&&(r instanceof webpack.NormalModule&&r.resource&&(this.options.allowAsyncCycles&&n.weak||e!==r&&t.push(r.identifier())))}n.add(e.identifier(),t)}const r=n.getCycles();this.isCyclic(r,o,e),this.options.onEnd&&this.options.onEnd({compilation:o})}))}))}isCyclic(o,e,t){o.forEach((o=>{const n=o.slice().reverse().map((o=>{const t=e.findModule(o.name);return t instanceof webpack.NormalModule&&t.resource||null}));if(n.every((o=>!o||this.options.exclude.test(o)||!this.options.include.test(o))))return;const r=n.map((o=>relative(t,o)));if(this.options.onDetected){try{this.options.onDetected({paths:r.concat([r[0]]),compilation:e})}catch(o){e.errors.push(o)}return}const s=new Error(BASE_ERROR.concat(r.concat([r[0]]).join(" -> ")));this.options.failOnError?e.errors.push(s):e.warnings.push(s)}))}}

package/dist/plugins/circular-dependency/index.d.ts

@@ -0,0 +1,7 @@
+import { type WebpackPlugin } from '../../create-webpack/types.js';
+import { type FlatEvolveOptions } from '../../types/types-options.js';
+/**
+ * Detect modules with circular dependencies when bundling with webpack for `development` mode.
+ * @returns
+ */
+export declare const createCircularDependencyPlugin: (serveMode: boolean, evolveOptions: FlatEvolveOptions) => WebpackPlugin[];

package/dist/plugins/circular-dependency/index.js

@@ -0,0 +1 @@
+import{CircularDependencyPlugin}from"./circular-dependency-plugin.js";export const createCircularDependencyPlugin=(e,n)=>e?[new CircularDependencyPlugin({projectCwd:n.projectCwd})]:[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flatjs/evolve",
-  "version": "1.8.1-next.92",
+  "version": "1.8.1-next.93",
   "license": "MIT",
   "type": "module",
   "exports": {
@@ -37,29 +37,29 @@
     "typecheck": "tsc --project ./tsconfig.json --noEmit"
   },
   "dependencies": {
-    "@armit/config-loader": "^0.0.50",
-    "@armit/file-utility": "^0.0.27",
-    "@armit/git": "^0.0.35",
-    "@armit/package": "^0.0.44",
-    "@armit/worker-threads": "^0.0.4",
+    "@armit/config-loader": "^0.0.51",
+    "@armit/file-utility": "^0.0.28",
+    "@armit/git": "^0.0.36",
+    "@armit/package": "^0.0.45",
+    "@armit/worker-threads": "^0.0.5",
     "@babel/core": "7.22.9",
-    "@flatjs/common": "1.8.1-next.34",
-    "@flatjs/evolve-preset-babel": "1.8.1-next.16",
-    "@flatjs/forge-postcss-plugin-pixel": "1.8.1-next.34",
-    "@flatjs/graph": "1.8.1-next.48",
-    "@flatjs/mock": "1.8.1-next.70",
+    "@flatjs/common": "1.8.1-next.35",
+    "@flatjs/evolve-preset-babel": "1.8.1-next.17",
+    "@flatjs/forge-postcss-plugin-pixel": "1.8.1-next.35",
+    "@flatjs/graph": "1.8.1-next.49",
+    "@flatjs/mock": "1.8.1-next.71",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.10",
     "@types/babel__core": "7.20.1",
     "babel-loader": "9.1.3",
     "babel-merge": "3.0.0",
-    "babel-plugin-import": "1.13.6",
+    "babel-plugin-import": "1.13.8",
     "better-opn": "3.0.2",
     "case-sensitive-paths-webpack-plugin": "2.4.0",
     "css-loader": "6.8.1",
     "cssnano": "6.0.1",
     "express": "4.18.2",
     "fork-ts-checker-webpack-plugin": "8.0.0",
-    "happy-dom": "10.5.2",
+    "happy-dom": "10.6.3",
     "html-webpack-plugin": "5.5.3",
     "image-minimizer-webpack-plugin": "3.8.3",
     "less": "4.1.3",
@@ -71,24 +71,25 @@
     "postcss-loader": "7.3.3",
     "react-refresh": "0.14.0",
     "svgo": "3.0.2",
+    "tarjan-graph": "3.0.0",
     "terser-webpack-plugin": "5.3.9",
     "tsconfig-paths-webpack-plugin": "4.1.0",
-    "type-fest": "^4.0.0",
+    "type-fest": "^4.1.0",
     "webpack": "5.88.2",
     "webpack-bundle-analyzer": "4.9.0",
     "webpack-dev-server": "4.15.1",
     "webpack-sources": "3.2.3"
   },
   "devDependencies": {
-    "@armit/eslint-config-bases": "^0.0.22",
-    "@flatjs/testing": "1.8.1-next.35",
-    "@swc/core": "1.3.70",
+    "@armit/eslint-config-bases": "^0.0.23",
+    "@flatjs/testing": "1.8.1-next.36",
+    "@swc/core": "1.3.74",
     "@types/express": "4.17.17",
     "@types/listr": "0.14.4",
-    "@types/node": "20.4.4",
-    "@vitest/coverage-istanbul": "0.33.0",
-    "@vitest/ui": "0.33.0",
-    "eslint": "8.45.0",
+    "@types/node": "20.4.6",
+    "@vitest/coverage-istanbul": "0.34.1",
+    "@vitest/ui": "0.34.1",
+    "eslint": "8.46.0",
     "imagemin-gifsicle": "7.0.0",
     "imagemin-jpegtran": "7.0.0",
     "imagemin-pngquant": "9.0.2",
@@ -100,7 +101,7 @@
     "swc-unplugin-ts": "1.0.2",
     "ts-node": "10.9.1",
     "vite-tsconfig-paths": "4.2.0",
-    "vitest": "0.33.0",
+    "vitest": "0.34.1",
     "vue-loader": "17.2.2"
   },
   "peerDependencies": {