@taro-minify-pack/react-lazy-enhanced 0.0.5-alpha.1

package/.eslintrc.js

@@ -0,0 +1,21 @@
+module.exports = {
+  env: {
+    node: true,
+    es6: true
+  },
+  extends: [
+    'standard',
+    'plugin:@typescript-eslint/recommended'
+  ],
+  parser: '@typescript-eslint/parser',
+  plugins: ['@typescript-eslint'],
+  rules: {
+    '@typescript-eslint/no-empty-function': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+    '@typescript-eslint/no-var-requires': 'off',
+    '@typescript-eslint/no-non-null-assertion': 'off',
+    '@typescript-eslint/ban-ts-comment': 'off',
+    '@typescript-eslint/no-unused-vars': 'off',
+    'no-use-before-define': 'off'
+  }
+}

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 yu.pan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+## @taro-minify-pack/react-lazy-enhanced

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+import React, { ComponentType } from 'react';
+interface Result<T> {
+    default: T;
+}
+type Factory<T extends ComponentType<any>> = () => Promise<Result<T>>;
+export declare const lazy: <T extends ComponentType<any>>(factory: Factory<T>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<React.ComponentPropsWithoutRef<T>> & React.RefAttributes<React.ComponentRef<T>>>;
+export {};

package/dist/index.js

@@ -0,0 +1,44 @@
+import React, { useEffect } from 'react';
+var Status;
+(function (Status) {
+    Status["Uninitialized"] = "uninitialized";
+    Status["Pending"] = "pending";
+    Status["Resolved"] = "resolved";
+    Status["Rejected"] = "rejected";
+})(Status || (Status = {}));
+export const lazy = (factory) => {
+    const LazyComponent = React.lazy(factory);
+    const loadData = { status: Status.Uninitialized };
+    const load = () => {
+        if (loadData.status !== Status.Uninitialized)
+            return;
+        const successCallback = (res) => {
+            loadData.status = Status.Resolved;
+            loadData.result = res.default;
+        };
+        const errorCallback = (err) => {
+            loadData.status = Status.Rejected;
+            loadData.result = err;
+        };
+        loadData.promise = factory().then(successCallback, errorCallback);
+        loadData.status = Status.Pending;
+    };
+    const resetLoadData = () => {
+        loadData.status = Status.Uninitialized;
+        loadData.result = undefined;
+        loadData.promise = undefined;
+    };
+    return React.forwardRef((props, ref) => {
+        if (loadData.status === Status.Uninitialized)
+            load();
+        if (loadData.status === Status.Pending)
+            throw loadData.promise;
+        if (loadData.status === Status.Rejected)
+            throw loadData.result;
+        useEffect(() => {
+            return resetLoadData();
+        }, []);
+        return React.createElement(LazyComponent, Object.assign({}, props, { ref: ref }));
+    });
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,SAAS,EACV,MAAM,OAAO,CAAA;AAEd,IAAK,MAKJ;AALD,WAAK,MAAM;IACP,yCAA+B,CAAA;IAC/B,6BAAmB,CAAA;IACnB,+BAAqB,CAAA;IACrB,+BAAqB,CAAA;AACzB,CAAC,EALI,MAAM,KAAN,MAAM,QAKV;AAcD,MAAM,CAAC,MAAM,IAAI,GAAG,CAA+B,OAAmB,EAAE,EAAE;IACxE,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAmC,CAAA;IAC3E,MAAM,QAAQ,GAAgB,EAAE,MAAM,EAAE,MAAM,CAAC,aAAa,EAAE,CAAA;IAE9D,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,IAAI,QAAQ,CAAC,MAAM,KAAK,MAAM,CAAC,aAAa;YAAE,OAAM;QACpD,MAAM,eAAe,GAAG,CAAC,GAAc,EAAE,EAAE;YACzC,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAA;YACjC,QAAQ,CAAC,MAAM,GAAG,GAAG,CAAC,OAAO,CAAA;QAC/B,CAAC,CAAA;QACD,MAAM,aAAa,GAAG,CAAC,GAAU,EAAE,EAAE;YACnC,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAA;YACjC,QAAQ,CAAC,MAAM,GAAG,GAAG,CAAA;QACvB,CAAC,CAAA;QACD,QAAQ,CAAC,OAAO,GAAG,OAAO,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,aAAa,CAAC,CAAA;QACjE,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAA;IAClC,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC,aAAa,CAAA;QACtC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAA;QAC3B,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAA;IAC9B,CAAC,CAAA;IAED,OAAO,KAAK,CAAC,UAAU,CAA+C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QACnF,IAAI,QAAQ,CAAC,MAAM,KAAK,MAAM,CAAC,aAAa;YAAE,IAAI,EAAE,CAAA;QAEpD,IAAI,QAAQ,CAAC,MAAM,KAAK,MAAM,CAAC,OAAO;YAAE,MAAM,QAAQ,CAAC,OAAO,CAAA;QAE9D,IAAI,QAAQ,CAAC,MAAM,KAAK,MAAM,CAAC,QAAQ;YAAE,MAAM,QAAQ,CAAC,MAAM,CAAA;QAE9D,SAAS,CAAC,GAAG,EAAE;YACb,OAAO,aAAa,EAAE,CAAA;QACxB,CAAC,EAAE,EAAE,CAAC,CAAA;QAEN,OAAO,oBAAC,aAAa,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IAC/C,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@taro-minify-pack/react-lazy-enhanced",
+  "version": "0.0.5-alpha.1",
+  "description": "",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "homepage": "https://github.com/panyu97py/taro-minify-pack",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/panyu97py/taro-minify-pack.git"
+  },
+  "author": "yu.pan",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=16"
+  },
+  "devDependencies": {
+    "@types/node": "^18.19.130",
+    "@types/react": "^18.3.27",
+    "@types/webpack-sources": "^3.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.26.1",
+    "@typescript-eslint/parser": "^8.26.1",
+    "eslint": "^8.19.0",
+    "eslint-config-standard": "^17.0.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-n": "^15.2.3",
+    "eslint-plugin-promise": "^6.0.0",
+    "react": "^18.3.1",
+    "typescript": "^5.8.2"
+  },
+  "scripts": {
+    "build": "tsc"
+  }
+}

package/src/index.tsx

@@ -0,0 +1,65 @@
+import React, {
+  ComponentPropsWithoutRef,
+  ComponentRef,
+  ComponentType,
+  ForwardRefExoticComponent,
+  useEffect
+} from 'react'
+
+enum Status {
+    Uninitialized = 'uninitialized',
+    Pending = 'pending',
+    Resolved = 'resolved',
+    Rejected = 'rejected',
+}
+
+interface Result<T> {
+    default: T;
+}
+
+interface LoadData<T> {
+    status: Status;
+    result?: T | Error;
+    promise?: Promise<void>;
+}
+
+type Factory<T extends ComponentType<any>> = () => Promise<Result<T>>;
+
+export const lazy = <T extends ComponentType<any>>(factory: Factory<T>) => {
+  const LazyComponent = React.lazy(factory) as ForwardRefExoticComponent<any>
+  const loadData: LoadData<T> = { status: Status.Uninitialized }
+
+  const load = () => {
+    if (loadData.status !== Status.Uninitialized) return
+    const successCallback = (res: Result<T>) => {
+      loadData.status = Status.Resolved
+      loadData.result = res.default
+    }
+    const errorCallback = (err: Error) => {
+      loadData.status = Status.Rejected
+      loadData.result = err
+    }
+    loadData.promise = factory().then(successCallback, errorCallback)
+    loadData.status = Status.Pending
+  }
+
+  const resetLoadData = () => {
+    loadData.status = Status.Uninitialized
+    loadData.result = undefined
+    loadData.promise = undefined
+  }
+
+  return React.forwardRef<ComponentRef<T>, ComponentPropsWithoutRef<T>>((props, ref) => {
+    if (loadData.status === Status.Uninitialized) load()
+
+    if (loadData.status === Status.Pending) throw loadData.promise
+
+    if (loadData.status === Status.Rejected) throw loadData.result
+
+    useEffect(() => {
+      return resetLoadData()
+    }, [])
+
+    return <LazyComponent {...props} ref={ref} />
+  })
+}

package/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "ES2015",
+    "module": "esnext",
+    "jsx": "react",
+    "strict": true,
+    "sourceMap": true,
+    "declaration": true,
+    "esModuleInterop": true,
+    "moduleResolution": "node",
+    // 声明文件生成到的文件目录
+    "outDir": "./dist/",
+    "skipLibCheck": true,
+    /* Skip type checking of declaration files. */
+    "forceConsistentCasingInFileNames": true,
+    "lib": ["esnext", "dom"],
+    "types": ["@types/node"]
+  },
+  "include": ["src"]
+}