@empjs/plugin-react 3.0.0-rc.8 → 3.0.0

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";var g=Object.create;var a=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var R=(r,e)=>{for(var t in e)a(r,t,{get:e[t],enumerable:!0})},m=(r,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of y(e))!d.call(r,n)&&n!==t&&a(r,n,{get:()=>e[n],enumerable:!(i=f(e,n))||i.enumerable});return r};var p=(r,e,t)=>(t=r!=null?g(v(r)):{},m(e||!r||!r.__esModule?a(t,"default",{value:r,enumerable:!0}):t,r)),h=r=>m(a({},"__esModule",{value:!0}),r);var j={};R(j,{default:()=>b});module.exports=h(j);var b=(r={})=>({name:"@empjs/plugin-react",async rsConfig(e){let{chain:t,deepAssign:i}=e;r=i({hmr:!0,svgrQuery:"react"},r);let n=e.pkg.dependencies.react||e.pkg.devDependencies.react;if(!n)throw new Error("React must be installed!");function o(){return n?r.reactRuntime?r.reactRuntime:e.vCompare(n,"17")>-1?"automatic":"classic":r.reactRuntime}let l={react:{runtime:o(),development:e.isDev,refresh:e.isDev}},c=s=>(s.jsc.transform=i(s.jsc.transform,l),s);if(t.module.rule("javascript").use("swc").tap(c),t.module.rule("typescript").use("swc").tap(c),e.isDev&&r.hmr){let s={};e.empConfig.empShareLib.config.name&&(s.library=e.empConfig.empShareLib.config.name),e.chain.plugin("plugin-react-refresh").use(require.resolve("@rspack/plugin-react-refresh"),[s])}t.module.rule("svg").delete("type");let u=new RegExp(`${r.svgrQuery}`);e.chain.merge({module:{rule:{svg:{test:/\.svg$/,oneOf:[{issuer:/\.[jt]sx?$/,resourceQuery:u,use:[{loader:require.resolve("@svgr/webpack"),options:{}}]},{resourceQuery:{not:[u]},type:"asset/resource"}]}}}})}});

package/dist/index.d.cts

@@ -0,0 +1,26 @@
+import { GlobalStore } from '@empjs/cli';
+
+type PluginReactType = {
+    /**
+     * 是否启动 热更 默认为 true
+     */
+    hmr?: boolean;
+    /**
+     * 是否启动 Svg React Component
+     * @default ?react
+     */
+    svgrQuery?: string;
+    /**
+     * React Runtime 手动切换jsx模式
+     * 当 external react时需要设置
+     * 本地安装时会自动判断 不需要设置
+     * @default undefined
+     */
+    reactRuntime?: string;
+};
+declare const _default: (o?: PluginReactType) => {
+    name: string;
+    rsConfig(store: GlobalStore): Promise<void>;
+};
+
+export { type PluginReactType, _default as default };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
-import type { GlobalStore } from '@empjs/cli';
-export type PluginReactType = {
+import { GlobalStore } from '@empjs/cli';
+
+type PluginReactType = {
     /**
      * 是否启动 热更 默认为 true
      */
@@ -17,8 +18,9 @@ export type PluginReactType = {
      */
     reactRuntime?: string;
 };
-declare const _default: (o: PluginReactType) => {
+declare const _default: (o?: PluginReactType) => {
     name: string;
     rsConfig(store: GlobalStore): Promise<void>;
 };
-export default _default;
+
+export { type PluginReactType, _default as default };

package/dist/index.js

@@ -1,87 +1 @@
-//
-export default (o) => {
-    return {
-        name: '@empjs/plugin-react',
-        async rsConfig(store) {
-            const { chain, deepAssign } = store;
-            o = deepAssign({ hmr: true, svgrQuery: 'react' }, o);
-            //
-            const reactVersion = store.pkg.dependencies.react || store.pkg.devDependencies.react;
-            if (!reactVersion) {
-                throw new Error('React must be installed!');
-            }
-            //
-            function getReactRuntime() {
-                if (!reactVersion)
-                    return o.reactRuntime;
-                return o.reactRuntime ? o.reactRuntime : store.vCompare(reactVersion, '17') > -1 ? 'automatic' : 'classic';
-            }
-            const reactRuntime = getReactRuntime();
-            /** ======================
-             * swc transform 配置
-             * =======================
-             */
-            const transform = {
-                react: {
-                    runtime: reactRuntime,
-                    development: store.isDev,
-                    refresh: store.isDev,
-                },
-            };
-            const resetTransform = (op) => {
-                op.jsc.transform = deepAssign(op.jsc.transform, transform);
-                return op;
-            };
-            //
-            chain.module.rule('javascript').use('swc').tap(resetTransform);
-            chain.module.rule('typescript').use('swc').tap(resetTransform);
-            /** ======================
-             * swc hmr 配置
-             * =======================
-             */
-            if (store.isDev && o.hmr) {
-                const { default: ReactRefresh } = await import('@rspack/plugin-react-refresh');
-                const op = {
-                // overlay: false,
-                };
-                if (store.empConfig.empShareLib.config.name) {
-                    op.library = store.empConfig.empShareLib.config.name;
-                }
-                store.chain.plugin('plugin-react-refresh').use(ReactRefresh, [op]);
-            }
-            /** ======================
-             * swc svgr 配置
-             * =======================
-             */
-            chain.module.rule('svg').delete('type');
-            //
-            const exp = new RegExp(`${o.svgrQuery}`);
-            store.chain.merge({
-                module: {
-                    rule: {
-                        svg: {
-                            test: /\.svg$/,
-                            oneOf: [
-                                {
-                                    issuer: /\.[jt]sx?$/,
-                                    resourceQuery: exp,
-                                    use: [
-                                        {
-                                            loader: store.importResolve('@svgr/webpack'),
-                                            options: {},
-                                        },
-                                    ],
-                                },
-                                {
-                                    resourceQuery: { not: [exp] },
-                                    type: 'asset/resource',
-                                },
-                            ],
-                        },
-                    },
-                },
-            });
-            //
-        },
-    };
-};
+var a=(r=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(r,{get:(e,n)=>(typeof require<"u"?require:e)[n]}):r)(function(r){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+r+'" is not supported')});var v=(r={})=>({name:"@empjs/plugin-react",async rsConfig(e){let{chain:n,deepAssign:i}=e;r=i({hmr:!0,svgrQuery:"react"},r);let s=e.pkg.dependencies.react||e.pkg.devDependencies.react;if(!s)throw new Error("React must be installed!");function m(){return s?r.reactRuntime?r.reactRuntime:e.vCompare(s,"17")>-1?"automatic":"classic":r.reactRuntime}let p={react:{runtime:m(),development:e.isDev,refresh:e.isDev}},c=t=>(t.jsc.transform=i(t.jsc.transform,p),t);if(n.module.rule("javascript").use("swc").tap(c),n.module.rule("typescript").use("swc").tap(c),e.isDev&&r.hmr){let t={};e.empConfig.empShareLib.config.name&&(t.library=e.empConfig.empShareLib.config.name),e.chain.plugin("plugin-react-refresh").use(a.resolve("@rspack/plugin-react-refresh"),[t])}n.module.rule("svg").delete("type");let u=new RegExp(`${r.svgrQuery}`);e.chain.merge({module:{rule:{svg:{test:/\.svg$/,oneOf:[{issuer:/\.[jt]sx?$/,resourceQuery:u,use:[{loader:a.resolve("@svgr/webpack"),options:{}}]},{resourceQuery:{not:[u]},type:"asset/resource"}]}}}})}});export{v as default};

package/package.json

@@ -1,11 +1,16 @@
 {
   "name": "@empjs/plugin-react",
-  "version": "3.0.0-rc.8",
+  "version": "3.0.0",
   "description": "emp react plugin",
   "license": "MIT",
   "type": "module",
-  "files": ["dist"],
-  "maintainers": ["xuhongbin", "ckken"],
+  "files": [
+    "dist"
+  ],
+  "maintainers": [
+    "xuhongbin",
+    "ckken"
+  ],
   "repository": {
     "type": "git",
     "url": "git+https://github.com/empjs/emp.git",
@@ -14,32 +19,39 @@
   "publishConfig": {
     "access": "public"
   },
-  "keywords": ["react"],
+  "keywords": [
+    "react"
+  ],
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
-    ".": "./dist/index.js"
-  },
-  "scripts": {
-    "dev": "rimraf dist && pnpm run /^dev:.*/",
-    "dev:tsc": "tsc -w",
-    "dev:tsc-alias": "tsc-alias -w",
-    "build": "rimraf dist && pnpm run /^build:.*/",
-    "build:ts": "tsc && tsc-alias"
+    ".": {
+      "import": {
+        "default": "./dist/index.js",
+        "types": "./dist/index.d.ts"
+      },
+      "require": {
+        "default": "./dist/index.cjs",
+        "types": "./dist/index.d.cts"
+      }
+    }
   },
   "engines": {
-    "node": ">=20.0.0"
+    "node": ">=16.0.0"
   },
   "author": "Ken",
   "devDependencies": {
-    "@empjs/cli": "workspace:*",
     "@types/react": "^18.2.30",
-    "rimraf": "^5.0.5",
-    "tsc-alias": "^1.8.8"
+    "tsup": "^8.1.0",
+    "@empjs/cli": "3.0.0"
   },
   "dependencies": {
-    "react-refresh": "^0.14.2",
+    "@rspack/plugin-react-refresh": "0.7.0",
     "@svgr/webpack": "^8.1.0",
-    "@rspack/plugin-react-refresh": "0.6.4"
+    "react-refresh": "^0.14.2"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
   }
-}
+}