@moneko/core 3.26.12-beta.2 → 3.26.12-beta.3

package/lib/build/common.d.mts

@@ -1,7 +1,6 @@
 import MiniCssExtractPlugin from 'mini-css-extract-plugin';
 import TerserPlugin from 'terser-webpack-plugin';
 import webpack, { type Configuration } from 'webpack';
-import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer';
 import { merge } from 'webpack-merge';
 import { commonConfig } from '../common.mjs';
 import { CONFIG } from '../config.mjs';

package/lib/build/common.mjs

@@ -1 +1 @@
-import e from"mini-css-extract-plugin";import i from"terser-webpack-plugin";import n from"webpack";import{BundleAnalyzerPlugin as m}from"webpack-bundle-analyzer";import{merge as r}from"webpack-merge";import{commonConfig as t}from"../common.mjs";import{CONFIG as o}from"../config.mjs";import{getMinifyOption as s}from"../options/js-minify.mjs";import{LightningCssMinifyPlugin as l}from"../plugin/lightningcss-plugin.mjs";import{getLightningCssTargets as p}from"../polyfills/targets.mjs";let a=[];o.minifier&&(a.push(new i(s(o.minifier.type,o.minifier.options))),a.push(new l({targets:p()})));let u={maxAssetSize:256e3,maxEntrypointSize:256e3,assetFilter:e=>!e.endsWith(".map")&&!e.endsWith("ce28377f3a428346.js"),...o.performance},c=r(t,{performance:o.performance&&u,plugins:[new e({filename:"style/[name].bundle.css",chunkFilename:"style/[name].chunk.css",ignoreOrder:!0}),o.splitChunk&&new n.optimize.MinChunkSizePlugin({minChunkSize:51200}),o.bundleAnalyzer&&new m({analyzerMode:"static",reportFilename:"report.html",openAnalyzer:!1,defaultSizes:"gzip",logLevel:"silent",...o.bundleAnalyzer})].filter(Boolean),optimization:{splitChunks:o.splitChunk,runtimeChunk:o.runtimeChunk,chunkIds:"deterministic",moduleIds:"deterministic",concatenateModules:!0,emitOnErrors:!1,removeAvailableModules:!0,removeEmptyChunks:!0,mergeDuplicateChunks:!0,minimize:!0,minimizer:a}});export default c;
+import e from"mini-css-extract-plugin";import i from"terser-webpack-plugin";import n from"webpack";import{merge as m}from"webpack-merge";import{commonConfig as r}from"../common.mjs";import{CONFIG as t}from"../config.mjs";import{getMinifyOption as s}from"../options/js-minify.mjs";import{LightningCssMinifyPlugin as l}from"../plugin/lightningcss-plugin.mjs";import{getLightningCssTargets as o}from"../polyfills/targets.mjs";let p=[];t.minifier&&(p.push(new i(s(t.minifier.type,t.minifier.options))),p.push(new l({targets:o()})));let a={maxAssetSize:256e3,maxEntrypointSize:256e3,assetFilter:e=>!e.endsWith(".map")&&!e.endsWith("ce28377f3a428346.js"),...t.performance},u=m(r,{performance:t.performance&&a,plugins:[new e({filename:"style/[name].bundle.css",chunkFilename:"style/[name].chunk.css",ignoreOrder:!0})],optimization:{splitChunks:t.splitChunk,runtimeChunk:t.runtimeChunk,chunkIds:"deterministic",moduleIds:"deterministic",concatenateModules:!0,emitOnErrors:!1,removeAvailableModules:!0,removeEmptyChunks:!0,mergeDuplicateChunks:!0,minimize:!0,minimizer:p}});if(t.splitChunk&&u.plugins?.push(new n.optimize.MinChunkSizePlugin({minChunkSize:51200})),t.bundleAnalyzer){let e=(await import("webpack-bundle-analyzer")).BundleAnalyzerPlugin;u.plugins?.push(new e({analyzerMode:"static",reportFilename:"report.html",openAnalyzer:!1,defaultSizes:"gzip",logLevel:"silent",...t.bundleAnalyzer}))}export default u;

package/lib/index.d.mts

@@ -9,6 +9,7 @@ export { type MockConfiguration, type ProxyFuncType, type RequestFormData, yApiM
 export type { ProxyConfig } from './dev/proxy.mjs';
 export { type JsxDomExpressions, default as jsxDomExpressions } from './options/jsx-dom-expressions.mjs';
 export { type OptimizationSplitChunksOptions, default as splitChunk } from './options/split-chunk.mjs';
+export type { HtmlWebpackOption } from './plugin/html-webpack-plugin.mjs';
 export type { OverrideResolverOption } from './plugin/override-resolve.mjs';
 export type { VirtualModulePluginOption } from './plugin/virtual-module.mjs';
 export { APPTYPE, coreName, FRAMEWORK, isDev, isLibrary, isMicro, mainDirectory, PACKAGENAME, PACKAGEVERSION } from './process-env.mjs';

package/lib/options/html-plugin-option.d.mts

@@ -1,11 +1,10 @@
 import { merge } from 'webpack-merge';
-import type { HtmlWebpackOption } from '../../typings/global.js';
 import { CONFIG } from '../config.mjs';
+import type { HtmlWebpackOption } from '../plugin/html-webpack-plugin.mjs';
 import { coreName, description, keywords, PACKAGENAME } from '../process-env.mjs';
 import { resolveProgram } from '../utils/index.mjs';
 declare const option: HtmlWebpackOption;
 declare const favicon: string | false;
-declare function templateContent({ htmlWebpackPlugin: { options } }: any);
 declare const relCanonical: string | false;
 declare const meta: HtmlWebpackOption['meta'];
 declare const htmlPluginOption: HtmlWebpackOption;

package/lib/options/html-plugin-option.mjs

@@ -1,11 +1 @@
-import{merge as e}from"webpack-merge";import{CONFIG as t}from"../config.mjs";import{coreName as i,description as o,keywords as r,PACKAGENAME as a}from"../process-env.mjs";import{resolveProgram as n}from"../utils/index.mjs";let l=t.htmlPluginOption||{},p=l.favicon??`node_modules/${i}/lib/options/favicon.ico`,m=t.seo&&`https://${t.seo.domain}${t.basename}`,s={charset:"UTF-8","X-UA-Compatible":{"http-equiv":"X-UA-Compatible",content:"IE=edge,Chrome=1"},HandheldFriendly:"true",MobileOptimized:"320","screen-orientation":"portrait","x5-orientation":"portrait",browsermode:"application","x5-page-mode":"app","msapplication-tap-highlight":"no","mobile-web-app-capable":"yes",renderer:"webkit",description:o,keywords:Array.isArray(r)?r.toString():"","http-equiv":"refresh",viewport:"width=device-width, initial-scale=1"};m&&Object.assign(s,{relCanonical:{rel:"canonical",href:m}});let c=e({title:t.env?.PROJECTNAME||a.toLocaleUpperCase()||"Title",filename:"index.html",hash:!1,minify:{minifyJS:!0,minifyCSS:!0,collapseWhitespace:!0,removeComments:!0,removeRedundantAttributes:!1,removeScriptTypeAttributes:!1,removeStyleLinkTypeAttributes:!1,removeAttributeQuotes:!0,useShortDoctype:!0},meta:s,tags:[]},l,{favicon:p?n(p):p},l.template?{template:n(l.template)}:{templateContent:function({htmlWebpackPlugin:{options:e}}){let t=e.tags,i="",o="";return t&&t.map(function(e){let{tag:t="script",textContent:r="",inject:a="head",...n}=e,l="";for(let e in n)Object.prototype.hasOwnProperty.call(n,e)&&(l+=`${e}="${n[e]}" `);let p=`<${t} ${l}>${r}</${t}>`;"body"===a?o+=p:i+=p}),`<!DOCTYPE html>
-    <html lang="en">
-    <head>
-      <title>${e.title}</title>
-      ${i}
-    </head>
-    <body>
-      <div id="root"></div>
-      ${o}
-    </body>
-  </html>`}});export default c;
+import{merge as e}from"webpack-merge";import{CONFIG as t}from"../config.mjs";import{coreName as i,description as o,keywords as a,PACKAGENAME as r}from"../process-env.mjs";import{resolveProgram as n}from"../utils/index.mjs";let p=t.htmlPluginOption||{},l=p.favicon??`node_modules/${i}/lib/options/favicon.ico`,m=t.seo&&`https://${t.seo.domain}${t.basename}`,s={charset:"UTF-8","X-UA-Compatible":{"http-equiv":"X-UA-Compatible",content:"IE=edge,Chrome=1"},HandheldFriendly:"true",MobileOptimized:"320","screen-orientation":"portrait","x5-orientation":"portrait",browsermode:"application","x5-page-mode":"app","msapplication-tap-highlight":"no","mobile-web-app-capable":"yes",renderer:"webkit",description:o,keywords:Array.isArray(a)?a.toString():"","http-equiv":"refresh",viewport:"width=device-width, initial-scale=1"};m&&Object.assign(s,{relCanonical:{rel:"canonical",href:m}});let c=e({title:t.env?.PROJECTNAME||r.toLocaleUpperCase()||"Title",filename:"index.html",meta:s,tags:[]},p,{favicon:l?n(l):l},p.template?{template:n(p.template)}:{});export default c;

package/lib/plugin/html-webpack-plugin.d.mts

@@ -0,0 +1,41 @@
+import fs from 'fs';
+import path from 'path';
+import webpack, { type Compilation, type Compiler } from 'webpack';
+declare const sources: typeof webpack.sources;
+interface HtmlMeta {
+    [key: string]: string | Record<string, string>;
+}
+export interface HtmlWebpackOption {
+    favicon?: string | false;
+    title?: string;
+    template?: string;
+    filename?: string | ((entryName: string) => string);
+    inject?: boolean | 'head' | 'body';
+    templateContent?: (options: HtmlWebpackOption) => string;
+    tags?: {
+        textContent?: string;
+        tag?: string;
+        inject?: 'body' | 'head';
+        [key: string]: string | null | boolean | number | undefined;
+    }[];
+    meta?: HtmlMeta;
+}
+export declare class SimpleHtmlWebpackPlugin {
+    private options: HtmlWebpackOption;
+    constructor(options: HtmlWebpackOption = {});
+    apply(compiler: Compiler);
+    private generateDefaultTemplate(): string;
+    private generateMetaTags(): string;
+    private generateCustomTags(): {
+        head: string;
+        body: string;
+    };
+    private getAssets(compilation: Compilation): {
+        js: string[];
+        css: string[];
+    };
+    private injectAssets(templateHtml: string, assets: {
+        js: string[];
+        css: string[];
+    }, inject: boolean | 'head' | 'body'): string;
+}

package/lib/plugin/html-webpack-plugin.mjs

@@ -0,0 +1,23 @@
+import t from"fs";import e from"path";import s from"webpack";let i=s.sources;export class SimpleHtmlWebpackPlugin{constructor(t={}){this.options={title:"Web App",filename:"index.html",inject:"body",...t}}apply(s){s.hooks.emit.tapAsync("SimpleHtmlWebpackPlugin",(o,n)=>{let a;if(this.options.templateContent)a=this.options.templateContent(this.options);else if(this.options.template){let i=e.resolve(s.context,this.options.template);a=t.readFileSync(i,"utf-8")}else a=this.generateDefaultTemplate();if(this.options.inject){let t=this.getAssets(o);a=this.injectAssets(a,t,this.options.inject)}let l="function"==typeof this.options.filename?this.options.filename("index"):this.options.filename||"index.html";o.emitAsset(l,new i.RawSource(a)),n()})}generateDefaultTemplate(){let t=this.generateMetaTags(),e=this.generateCustomTags(),s=this.options.favicon?`<link rel="icon" type="image/x-icon" href="${this.options.favicon}">`:"";return`
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    ${t}
+    <title>${this.options.title}</title>
+    ${s}
+    ${e.head}
+  </head>
+  <body>
+    <div id="root"></div>
+    ${e.body}
+  </body>
+</html>`}generateMetaTags(){return this.options.meta?Object.entries(this.options.meta).map(([t,e])=>{if("string"==typeof e)return`<meta name="${t}" content="${e}">`;let s=Object.entries(e).map(([t,e])=>`${t}="${e}"`).join(" ");return`<meta ${s}>`}).join("\n"):""}generateCustomTags(){let t={head:"",body:""};return this.options.tags&&this.options.tags.forEach(e=>{let{tag:s="script",textContent:i="",inject:o="body",...n}=e,a=Object.entries(n).filter(([,t])=>null!==t&&!1!==t).map(([t,e])=>!0===e?t:`${t}="${e}"`).join(" "),l=`<${s} ${a}>${i}</${s}>`;"head"===o?t.head+=(t.head?"\n":"")+l:t.body+=(t.body?"\n":"")+l}),t}getAssets(t){let e={js:[],css:[]},s=t.outputOptions.publicPath||"";for(let i of t.entrypoints.values())i.getFiles().forEach(t=>{t.endsWith(".js")?e.js.push(s+t):t.endsWith(".css")&&e.css.push(s+t)});return e}injectAssets(t,e,s){let i=t,o=e.css.map(t=>`<link href="${t}" rel="stylesheet">`).join("\n"),n=e.js.map(t=>`<script src="${t}"></script>`).join("\n"),a=this.generateCustomTags();return"head"===s?(i=i.replace("</head>",`${o}
+${n}
+${a.head}
+</head>`),a.body&&(i=i.replace("</body>",`${a.body}
+</body>`))):(i=i.replace("</body>",`${o}
+${n}
+${a.body}
+</body>`),a.head&&(i=i.replace("</head>",`${a.head}
+</head>`))),i}}

package/lib/plugins.config.d.mts

@@ -1,8 +1,8 @@
-import HtmlWebpackPlugin from 'html-webpack-plugin';
 import webpack, { type WebpackPluginInstance } from 'webpack';
 import htmlPluginOption from './options/html-plugin-option.mjs';
 import { AddEntryAttributePlugin } from './plugin/add-entry-attribute.mjs';
 import { CopyPlugin } from './plugin/copy.mjs';
+import { SimpleHtmlWebpackPlugin } from './plugin/html-webpack-plugin.mjs';
 import moduleFederation from './plugin/module-federation.mjs';
 import { VirtualModuleWebpackPlugin } from './plugin/virtual-module.mjs';
 import { CONFIG } from './config.mjs';

package/lib/plugins.config.mjs

@@ -1 +1 @@
-import e from"html-webpack-plugin";import t from"webpack";import o from"./options/html-plugin-option.mjs";import{AddEntryAttributePlugin as l}from"./plugin/add-entry-attribute.mjs";import{CopyPlugin as i}from"./plugin/copy.mjs";import n from"./plugin/module-federation.mjs";import{VirtualModuleWebpackPlugin as p}from"./plugin/virtual-module.mjs";import{CONFIG as r}from"./config.mjs";import{isMicro as s}from"./process-env.mjs";let m=t.DefinePlugin,a=t.SourceMapDevToolPlugin,c=t.IgnorePlugin,u=r.basename.split("/").filter(Boolean).length,h=`${Array(u).fill("..").join("/")+(u?"/":"")}404.html`,f=r.fixBrowserRouter||{},g=f.pathSegmentsToKeep??u,d=f.path??h,w=[...n,new p(r.virtualModule),r.htmlPluginOption&&new e(o),r.fixBrowserRouter&&new e({filename:d,inject:!1,templateContent:()=>`<html lang="en"><head><title>${o.title}</title><script>const pathKeep = ${g};const l = window.location;l.replace(l.protocol + '//' + l.hostname + (l.port ? ':' + l.port : '') + l.pathname.split('/').slice(0, 1 + pathKeep).join('/') + '/?/' + l.pathname.slice(1).split('/').slice(pathKeep).join('/').replace(/&/g, '~and~') + (l.search ? '&' + l.search.slice(1).replace(/&/g, '~and~') : '') + l.hash);</script></head><body></body></html>`}),new i(r.copy),s&&new l({test:/main\.bundle\.js$/}),new m({"process.env":JSON.stringify(r.env)}),new c({resourceRegExp:/\/(__(tests|mocks)__|test|spec|e2e)\//}),r.sourceMap&&new a(r.sourceMap),...r.plugins].filter(e=>!!e);export default w;
+import e from"webpack";import t from"./options/html-plugin-option.mjs";import{AddEntryAttributePlugin as o}from"./plugin/add-entry-attribute.mjs";import{CopyPlugin as l}from"./plugin/copy.mjs";import{SimpleHtmlWebpackPlugin as i}from"./plugin/html-webpack-plugin.mjs";import n from"./plugin/module-federation.mjs";import{VirtualModuleWebpackPlugin as p}from"./plugin/virtual-module.mjs";import{CONFIG as r}from"./config.mjs";import{isMicro as s}from"./process-env.mjs";let m=e.DefinePlugin,a=e.SourceMapDevToolPlugin,c=e.IgnorePlugin,u=r.basename.split("/").filter(Boolean).length,g=`${Array(u).fill("..").join("/")+(u?"/":"")}404.html`,h=r.fixBrowserRouter||{},f=h.pathSegmentsToKeep??u,d=h.path??g,w=[...n,new p(r.virtualModule),r.htmlPluginOption&&new i(t),r.fixBrowserRouter&&new i({filename:d,inject:!1,templateContent:()=>`<html lang="en"><head><title>${t.title}</title><script>const pathKeep = ${f};const l = window.location;l.replace(l.protocol + '//' + l.hostname + (l.port ? ':' + l.port : '') + l.pathname.split('/').slice(0, 1 + pathKeep).join('/') + '/?/' + l.pathname.slice(1).split('/').slice(pathKeep).join('/').replace(/&/g, '~and~') + (l.search ? '&' + l.search.slice(1).replace(/&/g, '~and~') : '') + l.hash);</script></head><body></body></html>`}),new l(r.copy),s&&new o({test:/main\.bundle\.js$/}),new m({"process.env":JSON.stringify(r.env)}),new c({resourceRegExp:/\/(__(tests|mocks)__|test|spec|e2e)\//}),r.sourceMap&&new a(r.sourceMap),...r.plugins].filter(e=>!!e);export default w;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moneko/core",
-  "version": "3.26.12-beta.2",
+  "version": "3.26.12-beta.3",
   "description": "core",
   "main": "lib/index.mjs",
   "type": "module",
@@ -29,7 +29,6 @@
     "core-js": "3.39.0",
     "core-js-compat": "3.39.0",
     "fastify": "4.29.0",
-    "html-webpack-plugin": "5.6.3",
     "less": "4.2.1",
     "less-loader": "12.2.0",
     "lightningcss": "1.28.2",
@@ -40,7 +39,6 @@
     "terser-webpack-plugin": "5.3.11",
     "typescript": "5.5.4",
     "webpack": "5.97.1",
-    "webpack-bundle-analyzer": "4.10.2",
     "webpack-dev-middleware": "7.4.2",
     "webpack-hot-middleware": "2.26.1",
     "webpack-merge": "6.0.1",
@@ -55,7 +53,8 @@
     "sass": "1.83.0",
     "sass-loader": "16.0.4",
     "solid-refresh": "0.7.5",
-    "stylelint": "^16.11.0"
+    "stylelint": "16.11.0",
+    "webpack-bundle-analyzer": "4.10.2"
   },
   "files": [
     "lib",

package/typings/global.d.ts

@@ -1,6 +1,5 @@
 import type { MdxOptions } from '@moneko/mdx';
 import type { Config as SwcConfig, JsMinifyOptions as SwcMinifyOptions } from '@swc/core';
-import type { Options as HtmlWebpackPluginOptions } from 'html-webpack-plugin';
 import type { PluginOptions as MiniCssExtractPluginOptions } from 'mini-css-extract-plugin';
 import type { MinifyOptions as TerserMinifyOptions } from 'terser';
 import type {
@@ -15,6 +14,7 @@ import type {
 } from 'webpack';
 
 import type {
+  HtmlWebpackOption,
   JsxDomExpressions,
   OptimizationSplitChunksOptions,
   OverrideResolverOption,
@@ -31,53 +31,6 @@ export type MinifierType = 'swc' | 'terser';
 export declare type AppType = 'mobile' | 'site' | 'backstage' | 'micro' | 'library';
 export declare type Framework = 'react' | 'solid';
 
-export type HtmlWebpackOption = HtmlWebpackPluginOptions & {
-  /** 
-   * 自定义额外的 tags, 当需要添加远程cdn时很有用
-   * @description
-   * 如果你配置了自定义的 template, 那么默认情况下 tags 将不生效, 请在你的 template 中按照下方案例进行修改
-   * @example
-   * ```html
-   * <!DOCTYPE html>
-<html lang="en">
-  <head>
-    <title><%= htmlWebpackPlugin.options.title %></title>
-    <%
-      var customTag="";
-      if (htmlWebpackPlugin.options.tags) {
-        htmlWebpackPlugin.options.tags.forEach(function(item){
-          var { tag = "script", textContent = "", ...attrs } = item;
-          var _attrs = "";
-          for (const key in attrs) {
-            if (attrs.hasOwnProperty(key)) {
-              _attrs += `${key}="${attrs[key]}" `;
-            }
-          }
-          customTag += `<${tag} ${_attrs}>${textContent}</${tag}>`;
-        });
-      }
-    %>
-    <%= customTag %>
-  </head>
-  <body>
-    <div id="root"></div>
-  </body>
-</html>
-   * ```
-   */
-  tags?: {
-    /**
-     * 标签内容
-     */
-    textContent?: string;
-    /** 标签
-     * @default script
-     */
-    tag?: string;
-    inject?: 'body' | 'head';
-    [key: string]: string | null | boolean | number;
-  }[];
-};
 export type DevtoolOption =
   | 'eval'
   | 'eval-cheap-source-map'