@moneko/core 3.2.1-beta.0 → 3.2.1-beta.2

package/lib/swcrc.js

@@ -1,2 +1,100 @@
-import{merge as e}from"webpack-merge";import{CONFIG as o}from"./config.js";import r from"./paths.js";import s from"./polyfills.js";import{isReact as t,isSolid as n,jsxImportSource as c}from"./process-env.js";export const swcMinifyOption={compress:{top_retain:[],keep_infinity:!0,global_defs:{"@alert":"console.log"},pure_funcs:["console.log","console.warn","console.error","console.info"],toplevel:!1,drop_console:!0,drop_debugger:!0,module:!1,ecma:2015,ie8:!1,keep_classnames:void 0,keep_fnames:!1},mangle:!0};export default((a=!1)=>{let l={module:{type:"es6",resolveFully:!0},jsc:{parser:{syntax:"typescript",tsx:!0,decorators:!0,dynamicImport:!0},loose:!0,target:"es2017",externalHelpers:!0,transform:{legacyDecorator:!0,decoratorMetadata:!0,react:{runtime:"automatic",throwIfNamespace:!0,refresh:t&&a,development:a,importSource:c},optimizer:{simplify:!1}},experimental:{emitAssertForImportAttributes:!0,cacheRoot:r.swcCachePath,plugins:[["swc-plugin-another-transform-imports",function(e){for(let o=0,r=Object.keys(e),s=r.length;o<s;o++)e[r[o]].transform=`${r[o]}/${e[r[o]].transform}`,e[r[o]].style&&(e[r[o]].style=`${r[o]}/${e[r[o]].style}`);return e}(o.importOnDemand||{})],n&&["@moneko/jsx-dom-expressions",o.jsxDomExpressions||{}]].filter(Boolean)}},sourceMaps:!0,parseMap:!0};return(o.polyfill&&(l.jsc.target=void 0,// swc polyfill，会复用 babel 链路，但效率比 babel 低
-l.env={include:s(),mode:"usage",coreJs:"3.32.2"}),o.swcrc)?e(l,"function"==typeof o.swcrc?o.swcrc(a):o.swcrc):l});
+import { merge } from 'webpack-merge';
+import { CONFIG } from './config.js';
+import paths from './paths.js';
+import polyfills from './polyfills.js';
+import { isReact, isSolid, jsxImportSource } from './process-env.js';
+export const swcMinifyOption = {
+    compress: {
+        top_retain: [],
+        keep_infinity: true,
+        global_defs: {
+            '@alert': 'console.log'
+        },
+        pure_funcs: [
+            'console.log',
+            'console.warn',
+            'console.error',
+            'console.info'
+        ],
+        toplevel: false,
+        drop_console: true,
+        drop_debugger: true,
+        module: false,
+        ecma: 2015,
+        ie8: false,
+        keep_classnames: void 0,
+        keep_fnames: false
+    },
+    mangle: true
+};
+function transformConfigs(config) {
+    for(let i = 0, ks = Object.keys(config), l = ks.length; i < l; i++){
+        config[ks[i]].transform = `${ks[i]}/${config[ks[i]].transform}`;
+        if (config[ks[i]].style) {
+            config[ks[i]].style = `${ks[i]}/${config[ks[i]].style}`;
+        }
+    }
+    return config;
+}
+export default ((isDev = false)=>{
+    const swcOption = {
+        module: {
+            type: 'es6',
+            resolveFully: true
+        },
+        jsc: {
+            parser: {
+                syntax: 'typescript',
+                tsx: true,
+                decorators: true,
+                dynamicImport: true
+            },
+            loose: true,
+            target: 'es2017',
+            externalHelpers: true,
+            transform: {
+                legacyDecorator: true,
+                decoratorMetadata: true,
+                react: {
+                    runtime: 'automatic',
+                    throwIfNamespace: true,
+                    refresh: isReact && isDev,
+                    development: isDev,
+                    importSource: jsxImportSource
+                },
+                optimizer: {
+                    simplify: false
+                }
+            },
+            experimental: {
+                emitAssertForImportAttributes: true,
+                cacheRoot: paths.swcCachePath,
+                plugins: [
+                    [
+                        'swc-plugin-another-transform-imports',
+                        transformConfigs(CONFIG.importOnDemand || {})
+                    ],
+                    isSolid && [
+                        '@moneko/jsx-dom-expressions',
+                        CONFIG.jsxDomExpressions || {}
+                    ]
+                ].filter(Boolean)
+            }
+        },
+        sourceMaps: true,
+        parseMap: true
+    };
+    if (CONFIG.polyfill) {
+        swcOption.jsc.target = void 0;
+        // swc polyfill，会复用 babel 链路，但效率比 babel 低
+        swcOption.env = {
+            include: polyfills(),
+            mode: 'usage',
+            coreJs: '3.32.2'
+        };
+    }
+    if (CONFIG.swcrc) {
+        return merge(swcOption, typeof CONFIG.swcrc === 'function' ? CONFIG.swcrc(isDev) : CONFIG.swcrc);
+    }
+    return swcOption;
+});

package/lib/tsloader.config.js

@@ -1,2 +1,26 @@
-import t from"fs";import r from"ts-import-plugin";import o from"webpack-merge";import{CONFIG as e}from"./config.js";import{isFunction as s,readConf as m,resolveProgramPath as a}from"./utils.js";let i=[];Array.isArray(e.importOnDemand)&&Object.assign(i,e.importOnDemand.map(t=>r(t)));let n=[...i],p={transpileOnly:!0,getCustomTransformers:()=>({before:n})};try{let r=a("tsloader.config.ts");t.accessSync(r,t.constants.R_OK);let e=(await m(r,"tsloader.config")).default;p=o(p,s(e)?e(process):e);// eslint-disable-next-line no-empty
-}catch(t){}export default p;
+import fs from 'fs';
+import transformerFactory from 'ts-import-plugin';
+import merge from 'webpack-merge';
+import { CONFIG } from './config.js';
+import { isFunction, readConf, resolveProgramPath } from './utils.js';
+const importOnDemand = [];
+if (Array.isArray(CONFIG.importOnDemand)) {
+    Object.assign(importOnDemand, CONFIG.importOnDemand.map((item)=>transformerFactory(item)));
+}
+const beforeTransformers = [
+    ...importOnDemand
+];
+let tsLoaderConfig = {
+    transpileOnly: true,
+    getCustomTransformers: ()=>({
+            before: beforeTransformers
+        })
+};
+try {
+    const customTsloaderConfigPath = resolveProgramPath('tsloader.config.ts');
+    fs.accessSync(customTsloaderConfigPath, fs.constants.R_OK);
+    const customTsloaderConfig = (await readConf(customTsloaderConfigPath, 'tsloader.config')).default;
+    tsLoaderConfig = merge(tsLoaderConfig, isFunction(customTsloaderConfig) ? customTsloaderConfig(process) : customTsloaderConfig);
+// eslint-disable-next-line no-empty
+} catch (error) {}
+export default tsLoaderConfig;

package/lib/utils.js

@@ -1,15 +1,79 @@
-import{readFileSync as t,writeFileSync as e}from"fs";import{resolve as o}from"path";import{transformFileSync as r}from"@swc/core";import n from"./paths.js";import c from"./resolver-sync.js";let p=/export\s+(?:async\s+)?(?:function|const)\s+(\w+)/g;/** 获取导出标识
+import { readFileSync, writeFileSync } from 'fs';
+import { resolve } from 'path';
+import { transformFileSync } from '@swc/core';
+import paths from './paths.js';
+import resolverSync from './resolver-sync.js';
+const exportPattern = /export\s+(?:async\s+)?(?:function|const)\s+(\w+)/g;
+/** 获取导出标识
  * @param {string} path 文件地址
  * @returns {string[]} 包含的标识
- */export function getExportTokens(e){let o;let r=t(e,{encoding:"utf-8"}),n=[];for(;o=p.exec(r);)n.includes(o[1])||n.push(o[1]);return n}let s={inputSourceMap:!1,sourceMaps:!1,module:{type:"es6"},jsc:{parser:{syntax:"typescript"},loose:!1}};export function tfc(t){return r(t,s).code||"{}"}export function readConf(t,o){let r=`${n.cachePath}/${o}.mjs`;return e(r,tfc(t),"utf-8"),import(r)}export function toUpperCaseString(t){return t?.replace(/\b\w/g,t=>t.toUpperCase()).replace(/\./g," ")}/** 位于项目根目录下的位置
+ */ export function getExportTokens(path) {
+    const code = readFileSync(path, {
+        encoding: 'utf-8'
+    });
+    const tokens = [];
+    let match;
+    while(match = exportPattern.exec(code)){
+        if (!tokens.includes(match[1])) {
+            tokens.push(match[1]);
+        }
+    }
+    return tokens;
+}
+const swcOption = {
+    inputSourceMap: false,
+    sourceMaps: false,
+    module: {
+        type: 'es6'
+    },
+    jsc: {
+        parser: {
+            syntax: 'typescript'
+        },
+        loose: false
+    }
+};
+export function tfc(filepath) {
+    return transformFileSync(filepath, swcOption).code || '{}';
+}
+export function readConf(src, name) {
+    const cacheFile = `${paths.cachePath}/${name}.mjs`;
+    writeFileSync(cacheFile, tfc(src), 'utf-8');
+    return import(cacheFile);
+}
+export function toUpperCaseString(string) {
+    return string?.replace(/\b\w/g, (th)=>th.toUpperCase()).replace(/\./g, ' ');
+}
+/** 位于项目根目录下的位置
  * @param {string} src 路径
  * @returns {string} 位于项目根目录下的位置
- */export function resolveProgramPath(t){return o(n.programPath,`./${t}`)}/** 位于项目根目录node_modules下的位置
+ */ export function resolveProgramPath(src) {
+    return resolve(paths.programPath, `./${src}`);
+}
+/** 位于项目根目录node_modules下的位置
  * @param {string} src 路径
  * @returns {string} 位于项目根目录node_modules下的位置
- */export const resolveNodeModulesPath=t=>resolveProgramPath(`node_modules/${t}`);/** 获取模块真实入口位置
+ */ export const resolveNodeModulesPath = (src)=>{
+    return resolveProgramPath(`node_modules/${src}`);
+};
+/** 获取模块真实入口位置
  * @param {string} url 路径
  * @returns {string} 模块真实入口路径
- */export const realResolve=t=>c.resolveSync({},n.programPath,t)||t;export function isObject(t){let e=typeof t;return null!==t&&("object"==e||"function"==e)}// eslint-disable-next-line no-unused-vars
-export function isFunction(t){if(!isObject(t))return!1;let e=Object.prototype.toString.call(t);return"[object Function]"==e||"[object AsyncFunction]"==e||"[object GeneratorFunction]"==e||"[object Proxy]"==e}export function empty(){// empty void
-}
+ */ export const realResolve = (url)=>resolverSync.resolveSync({}, paths.programPath, url) || url;
+const funcTag = '[object Function]';
+const asyncTag = '[object AsyncFunction]';
+const genTag = '[object GeneratorFunction]';
+const proxyTag = '[object Proxy]';
+export function isObject(target) {
+    const type = typeof target;
+    return target !== null && (type == 'object' || type == 'function');
+}
+// eslint-disable-next-line no-unused-vars
+export function isFunction(target) {
+    if (!isObject(target)) return false;
+    const tagType = Object.prototype.toString.call(target);
+    return tagType == funcTag || tagType == asyncTag || tagType == genTag || tagType == proxyTag;
+}
+export function empty() {
+// empty void
+}

package/lib/virtual-module-plugin.js

@@ -1 +1,49 @@
-import o from"webpack-virtual-modules";import{docs as t}from"./docs.js";import{locales as e,localesModuleName as s}from"./locales.js";import{isLibrary as i}from"./process-env.js";import{exampleModuleName as p,examples as r,route as a,routesModuleName as l}from"./routes.js";import{resolveNodeModulesPath as n}from"./utils.js";export default class{constructor(o){this.options=o,this.hasTapped=!1}apply(f){let h=new o({[n(l)]:a.getData(l),[n(p)]:"export default []",[n(s)]:e.getData(s)});function c(o,t){h.writeModule(n(o),t||"")}h.apply(f),a.on("change",c),e.on("change",c),i&&(r.on("change",c),t.on("change",c)),f.hooks.compilation.tap("VirtualModulePlugin",()=>{if(!this.hasTapped){for(let o in this.options)if(Object.prototype.hasOwnProperty.call(this.options,o)){let t=this.options[o];c(o,"string"==typeof t?t:`export default ${JSON.stringify(t)}`)}for(let o of r)c(...o);for(let o of t)c(...o);this.hasTapped=!0}})}}
+import VirtualModulesPlugin from 'webpack-virtual-modules';
+import { docs } from './docs.js';
+import { locales, localesModuleName } from './locales.js';
+import { isLibrary } from './process-env.js';
+import { exampleModuleName, examples, route, routesModuleName } from './routes.js';
+import { resolveNodeModulesPath } from './utils.js';
+class VirtualModulePlugin {
+    options;
+    hasTapped;
+    constructor(options){
+        this.options = options;
+        this.hasTapped = false;
+    }
+    apply(compiler) {
+        const vm = new VirtualModulesPlugin({
+            [resolveNodeModulesPath(routesModuleName)]: route.getData(routesModuleName),
+            [resolveNodeModulesPath(exampleModuleName)]: 'export default []',
+            [resolveNodeModulesPath(localesModuleName)]: locales.getData(localesModuleName)
+        });
+        vm.apply(compiler);
+        function modify(key, value) {
+            vm.writeModule(resolveNodeModulesPath(key), value || '');
+        }
+        route.on('change', modify);
+        locales.on('change', modify);
+        if (isLibrary) {
+            examples.on('change', modify);
+            docs.on('change', modify);
+        }
+        compiler.hooks.compilation.tap('VirtualModulePlugin', ()=>{
+            if (!this.hasTapped) {
+                for(const key in this.options){
+                    if (Object.prototype.hasOwnProperty.call(this.options, key)) {
+                        const value = this.options[key];
+                        modify(key, typeof value === 'string' ? value : `export default ${JSON.stringify(value)}`);
+                    }
+                }
+                for (const item of examples){
+                    modify(...item);
+                }
+                for (const item of docs){
+                    modify(...item);
+                }
+                this.hasTapped = true;
+            }
+        });
+    }
+}
+export default VirtualModulePlugin;

package/lib/virtual-modules.js

@@ -1 +1,37 @@
-import{accessSync as p,constants as o}from"fs";import{join as r}from"path";import e from"./app-entry.js";import s from"./app.js";import{CONFIG as m}from"./config.js";import{coverage as t}from"./coverage.js";import a from"./fallback.js";import c from"./merge-router.js";import f from"./normalize-css.js";import i from"./prefix-router.js";import{FRAMEWORKNAME as l,isLibrary as n,isReact as u}from"./process-env.js";import{resolveProgramPath as x}from"./utils.js";let j={...m.virtualModule,"@app":s,"@app/fallback":a,"@app/coverage":t,"@app/normalize/index.css":f,"@app/prefix-router":i,"@app/suspense/index.tsx":`import ${u?"React,":""}{Suspense,lazy} from "${l}";import Fallback from '@app/fallback';${n?'import scope from "@app/mdx-scope";':""}function SuspenseComp(props) {const Lazy = lazy(props.comp);return (<Suspense fallback={Fallback && <Fallback />}><Lazy ${n?"components={scope}":""}/></Suspense>);}export default SuspenseComp;`,"@app/entry":e,"@app/merge-router":c},d={};if(n)try{let e=r(x("site"),"./mdx-scope.ts");p(e,o.R_OK),d='import scope from "@/mdx-scope";export default scope;'}catch(p){d={}}Object.assign(j,{"@app/mdx-scope":d});export default j;
+import { accessSync, constants } from 'fs';
+import { join } from 'path';
+import appEntry from './app-entry.js';
+import app from './app.js';
+import { CONFIG } from './config.js';
+import { coverage } from './coverage.js';
+import fallback from './fallback.js';
+import mergeRouter from './merge-router.js';
+import normalizeCss from './normalize-css.js';
+import prefixRouter from './prefix-router.js';
+import { FRAMEWORKNAME, isLibrary, isReact } from './process-env.js';
+import { resolveProgramPath } from './utils.js';
+const virtualModules = {
+    ...CONFIG.virtualModule,
+    '@app': app,
+    '@app/fallback': fallback,
+    '@app/coverage': coverage,
+    '@app/normalize/index.css': normalizeCss,
+    '@app/prefix-router': prefixRouter,
+    '@app/suspense/index.tsx': `import ${isReact ? 'React,' : ''}{Suspense,lazy} from "${FRAMEWORKNAME}";import Fallback from '@app/fallback';${isLibrary ? 'import scope from "@app/mdx-scope";' : ''}function SuspenseComp(props) {const Lazy = lazy(props.comp);return (<Suspense fallback={Fallback && <Fallback />}><Lazy ${isLibrary ? 'components={scope}' : ''}/></Suspense>);}export default SuspenseComp;`,
+    '@app/entry': appEntry,
+    '@app/merge-router': mergeRouter
+};
+let mdxScope = {};
+if (isLibrary) {
+    try {
+        const appEntryPath = join(resolveProgramPath('site'), './mdx-scope.ts');
+        accessSync(appEntryPath, constants.R_OK);
+        mdxScope = 'import scope from "@/mdx-scope";export default scope;';
+    } catch (error) {
+        mdxScope = {};
+    }
+}
+Object.assign(virtualModules, {
+    '@app/mdx-scope': mdxScope
+});
+export default virtualModules;

package/lib/yarn-argv.js

@@ -1 +1,9 @@
-let e=JSON.parse(process.env.npm_config_argv||"{}")?.original,a={};e?.forEach(e=>{let r=e.split("=");Object.assign(a,{[r[0]]:r[1]||!0})});export default a;
+const original = JSON.parse(process.env.npm_config_argv || '{}')?.original;
+const yarnArgv = {};
+original?.forEach((o)=>{
+    const m = o.split('=');
+    Object.assign(yarnArgv, {
+        [m[0]]: m[1] || true
+    });
+});
+export default yarnArgv;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@moneko/core",
-  "version": "3.2.1-beta.0",
+  "version": "3.2.1-beta.2",
   "description": "core",
   "main": "lib/index.js",
   "type": "module",
   "scripts": {
-    "build": "swc src -d lib -C module.type=nodenext -C jsc.target=esnext -C jsc.loose=true -C jsc.minify.mangle=true -C jsc.minify.compress=true -C minify=true -D",
+    "build": "swc src -d lib -C module.type=nodenext -C jsc.target=esnext -C jsc.loose=false -C jsc.minify.mangle=false -C jsc.minify.compress=false -C minify=false -D",
     "prebuild": "rm -rf ./lib && tsc"
   },
   "keywords": [],
@@ -26,8 +26,12 @@
     "css-minimizer-webpack-plugin": "5.0.1",
     "external-remotes-plugin": "1.0.0",
     "html-webpack-plugin": "5.5.3",
+    "less": "4.2.0",
+    "less-loader": "11.1.3",
     "mini-css-extract-plugin": "2.7.6",
     "mini-svg-data-uri": "1.4.4",
+    "sass": "1.69.5",
+    "sass-loader": "13.3.2",
     "style-loader": "3.3.3",
     "style-resources-loader": "1.5.0",
     "swc-loader": "0.2.3",

package/typings/global.d.ts

@@ -30,11 +30,10 @@ export type HtmlWebpackOption = HtmlWebpackPluginOptions & {
 export type CssMinify = 'swc' | 'cssnano';
 
 export type RulesInclude = {
-  less?: string[];
   css?: string[];
   js?: string[];
   media?: string[];
-  fonts?: string[];
+  font?: string[];
   wasm?: string[];
 };
 export interface Theme {