@servicetitan/lazy-module 30.3.1 → 31.0.0

package/dist/index.js

@@ -1,14 +1,26 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+/* eslint-disable react/no-set-state */ function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
+}
+function _ts_metadata(k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
+}
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable react/no-set-state */
 import { Component, Suspense, lazy, Fragment } from 'react';
 import { injectDependency, optional } from '@servicetitan/react-ioc';
 import { ErrorBoundary } from '@servicetitan/error-boundary';
@@ -19,83 +31,85 @@ import { Log } from '@servicetitan/log-service';
  * `loadingComponent` during loading
  * `loadingErrorComponent` when a loading error occurs
  * `errorFallbackComponent` when a component lifecycle error occurs
- */
-export function lazyModule({ loader, name, loadingComponent: Loading = DefaultLoading, loadingErrorComponent: LoadingError = DefaultLoadingError, errorFallbackComponent, }) {
+ */ export function lazyModule({ loader, name, loadingComponent: Loading = DefaultLoading, loadingErrorComponent: LoadingError = DefaultLoadingError, errorFallbackComponent }) {
     class LazyModule extends Component {
-        constructor() {
-            super(...arguments);
-            Object.defineProperty(this, "state", {
-                enumerable: true,
-                configurable: true,
-                writable: true,
-                value: {
-                    hasError: false,
-                }
-            });
-            Object.defineProperty(this, "Lazy", {
-                enumerable: true,
-                configurable: true,
-                writable: true,
-                value: this.createLazy()
-            });
-            Object.defineProperty(this, "onReload", {
-                enumerable: true,
-                configurable: true,
-                writable: true,
-                value: () => {
-                    this.Lazy = this.createLazy();
-                    this.setState({ hasError: false });
-                }
-            });
-            Object.defineProperty(this, "onError", {
-                enumerable: true,
-                configurable: true,
-                writable: true,
-                value: (error) => {
-                    var _a;
-                    (_a = this.logService) === null || _a === void 0 ? void 0 : _a.error({
-                        error,
-                        data: { Module: name },
-                        category: 'ModuleLoad',
-                    });
-                }
-            });
-        }
         render() {
             const { hasError } = this.state;
-            return (_jsx(ErrorBoundary, { fallback: errorFallbackComponent, moduleName: name, children: hasError ? (_jsx(LoadingError, { onReload: this.onReload })) : (_jsx(Suspense, { fallback: _jsx(Loading, {}), children: _jsx(this.Lazy, { ...this.props }) })) }));
+            return /*#__PURE__*/ _jsx(ErrorBoundary, {
+                fallback: errorFallbackComponent,
+                moduleName: name,
+                children: hasError ? /*#__PURE__*/ _jsx(LoadingError, {
+                    onReload: this.onReload
+                }) : /*#__PURE__*/ _jsx(Suspense, {
+                    fallback: /*#__PURE__*/ _jsx(Loading, {}),
+                    children: /*#__PURE__*/ _jsx(this.Lazy, {
+                        ...this.props
+                    })
+                })
+            });
         }
         /**
          * Creates a onetime Lazy component with an error handler
          * (it needed to re-create the Lazy component, when a loading error has occurred)
-         */
-        createLazy() {
-            return lazy(async () => {
+         */ createLazy() {
+            return /*#__PURE__*/ lazy(async ()=>{
                 try {
-                    return { default: await loader() };
-                }
-                catch (e) {
+                    return {
+                        default: await loader()
+                    };
+                } catch (e) {
                     this.onError(e);
-                    this.setState({ hasError: true });
+                    this.setState({
+                        hasError: true
+                    });
                 }
-                return { default: Empty };
+                return {
+                    default: Empty
+                };
+            });
+        }
+        constructor(...args){
+            super(...args), _define_property(this, "state", {
+                hasError: false
+            }), _define_property(this, "Lazy", this.createLazy()), _define_property(this, "onReload", ()=>{
+                this.Lazy = this.createLazy();
+                this.setState({
+                    hasError: false
+                });
+            }), _define_property(this, "onError", (error)=>{
+                var _this_logService;
+                (_this_logService = this.logService) === null || _this_logService === void 0 ? void 0 : _this_logService.error({
+                    error,
+                    data: {
+                        Module: name
+                    },
+                    category: 'ModuleLoad'
+                });
             });
         }
     }
-    Object.defineProperty(LazyModule, "displayName", {
-        enumerable: true,
-        configurable: true,
-        writable: true,
-        value: `lazyModule(${name})`
-    });
-    __decorate([
+    _define_property(LazyModule, "displayName", `lazyModule(${name})`);
+    _ts_decorate([
         optional(),
         injectDependency(Log),
-        __metadata("design:type", Log)
+        _ts_metadata("design:type", typeof Log === "undefined" ? Object : Log)
     ], LazyModule.prototype, "logService", void 0);
     return LazyModule;
 }
-export const DefaultLoading = () => _jsx("h2", { children: "Loading..." });
-export const DefaultLoadingError = ({ onReload }) => (_jsxs(Fragment, { children: [_jsx("h2", { children: "Cannot load module..." }), _jsx("button", { onClick: onReload, children: "Reload" })] }));
-const Empty = () => null;
+export const DefaultLoading = ()=>/*#__PURE__*/ _jsx("h2", {
+        children: "Loading..."
+    });
+export const DefaultLoadingError = ({ onReload })=>/*#__PURE__*/ _jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx("h2", {
+                children: "Cannot load module..."
+            }),
+            /*#__PURE__*/ _jsx("button", {
+                onClick: onReload,
+                children: "Reload"
+            })
+        ]
+    });
+const Empty = ()=>null;
+
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,uCAAuC;AACvC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAqB,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAErE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAUhD,aAAa;AACb;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CAAsC,EAC5D,MAAM,EACN,IAAI,EACJ,gBAAgB,EAAE,OAAO,GAAG,cAAc,EAC1C,qBAAqB,EAAE,YAAY,GAAG,mBAAmB,EACzD,sBAAsB,GACJ;IAClB,MAAM,UAAW,SAAQ,SAAY;QAArC;;YAGI;;;;uBAAQ;oBACJ,QAAQ,EAAE,KAAK;iBAClB;eAAC;YAMM;;;;uBAAO,IAAI,CAAC,UAAU,EAAE;eAAC;YAkBzB;;;;uBAAW,GAAG,EAAE;oBACpB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;oBAC9B,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;gBACvC,CAAC;eAAC;YAEM;;;;uBAAU,CAAC,KAAc,EAAE,EAAE;;oBACjC,MAAA,IAAI,CAAC,UAAU,0CAAE,KAAK,CAAC;wBACnB,KAAK;wBACL,IAAI,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;wBACtB,QAAQ,EAAE,YAAY;qBACzB,CAAC,CAAC;gBACP,CAAC;eAAC;QAiBN,CAAC;QA5CG,MAAM;YACF,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAEhC,OAAO,CACH,KAAC,aAAa,IAAC,QAAQ,EAAE,sBAAsB,EAAE,UAAU,EAAE,IAAI,YAC5D,QAAQ,CAAC,CAAC,CAAC,CACR,KAAC,YAAY,IAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC5C,CAAC,CAAC,CAAC,CACA,KAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,OAAO,KAAG,YAC3B,KAAC,IAAI,CAAC,IAAI,OAAK,IAAI,CAAC,KAAK,GAAI,GACtB,CACd,GACW,CACnB,CAAC;QACN,CAAC;QAeD;;;WAGG;QACK,UAAU;YACd,OAAO,IAAI,CAAmB,KAAK,IAAI,EAAE;gBACrC,IAAI,CAAC;oBACD,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,EAAE,EAAE,CAAC;gBACvC,CAAC;gBAAC,OAAO,CAAC,EAAE,CAAC;oBACT,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;oBAChB,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;gBACtC,CAAC;gBACD,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;YAC9B,CAAC,CAAC,CAAC;QACP,CAAC;;IAvDM;;;;eAAc,cAAc,IAAI,GAAG;MAAxB,CAAyB;IAQ3B;QAFf,QAAQ,EAAE;QACV,gBAAgB,CAAC,GAAG,CAAC;kCACO,GAAG;kDAAC;IAkDrC,OAAO,UAAU,CAAC;AACtB,CAAC;AAMD,MAAM,CAAC,MAAM,cAAc,GAAO,GAAG,EAAE,CAAC,sCAAmB,CAAC;AAM5D,MAAM,CAAC,MAAM,mBAAmB,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACxE,MAAC,QAAQ,eACL,iDAA8B,EAC9B,iBAAQ,OAAO,EAAE,QAAQ,uBAAiB,IACnC,CACd,CAAC;AAEF,MAAM,KAAK,GAAY,GAAG,EAAE,CAAC,IAAI,CAAC"}
+{"version":3,"sources":["../src/index.tsx"],"sourcesContent":["/* eslint-disable react/no-set-state */\nimport { Component, Suspense, lazy, Fragment, ComponentType, FC } from 'react';\nimport { injectDependency, optional } from '@servicetitan/react-ioc';\n\nimport { ErrorBoundary } from '@servicetitan/error-boundary';\nimport { Log } from '@servicetitan/log-service';\n\nexport interface LazyModuleParams<T extends ComponentType<any>> {\n    loader: Loader<T>;\n    name: string;\n    loadingComponent?: ComponentType<any>;\n    loadingErrorComponent?: ComponentType<LoadingErrorProps>;\n    errorFallbackComponent?: ComponentType<any>;\n}\n\n// - Module -\n/**\n * Creates a lazy module wrapper, which renders\n * `loadingComponent` during loading\n * `loadingErrorComponent` when a loading error occurs\n * `errorFallbackComponent` when a component lifecycle error occurs\n */\nexport function lazyModule<T extends ComponentType<P>, P = any>({\n    loader,\n    name,\n    loadingComponent: Loading = DefaultLoading,\n    loadingErrorComponent: LoadingError = DefaultLoadingError,\n    errorFallbackComponent,\n}: LazyModuleParams<T>): ComponentType<P> {\n    class LazyModule extends Component<P> {\n        static displayName = `lazyModule(${name})`;\n\n        state = {\n            hasError: false,\n        };\n\n        @optional()\n        @injectDependency(Log)\n        declare private logService?: Log;\n\n        private Lazy = this.createLazy();\n\n        render() {\n            const { hasError } = this.state;\n\n            return (\n                <ErrorBoundary fallback={errorFallbackComponent} moduleName={name}>\n                    {hasError ? (\n                        <LoadingError onReload={this.onReload} />\n                    ) : (\n                        <Suspense fallback={<Loading />}>\n                            <this.Lazy {...this.props} />\n                        </Suspense>\n                    )}\n                </ErrorBoundary>\n            );\n        }\n\n        private onReload = () => {\n            this.Lazy = this.createLazy();\n            this.setState({ hasError: false });\n        };\n\n        private onError = (error: unknown) => {\n            this.logService?.error({\n                error,\n                data: { Module: name },\n                category: 'ModuleLoad',\n            });\n        };\n\n        /**\n         * Creates a onetime Lazy component with an error handler\n         * (it needed to re-create the Lazy component, when a loading error has occurred)\n         */\n        private createLazy() {\n            return lazy<T | typeof Empty>(async () => {\n                try {\n                    return { default: await loader() };\n                } catch (e) {\n                    this.onError(e);\n                    this.setState({ hasError: true });\n                }\n                return { default: Empty };\n            });\n        }\n    }\n\n    return LazyModule;\n}\n\nexport interface Loader<T extends ComponentType<any>> {\n    (): Promise<T>;\n}\n\nexport const DefaultLoading: FC = () => <h2>Loading...</h2>;\n\nexport interface LoadingErrorProps {\n    onReload: () => void;\n}\n\nexport const DefaultLoadingError: FC<LoadingErrorProps> = ({ onReload }) => (\n    <Fragment>\n        <h2>Cannot load module...</h2>\n        <button onClick={onReload}>Reload</button>\n    </Fragment>\n);\n\nconst Empty: FC<any> = () => null;\n"],"names":["Component","Suspense","lazy","Fragment","injectDependency","optional","ErrorBoundary","Log","lazyModule","loader","name","loadingComponent","Loading","DefaultLoading","loadingErrorComponent","LoadingError","DefaultLoadingError","errorFallbackComponent","LazyModule","render","hasError","state","fallback","moduleName","onReload","this","Lazy","props","createLazy","default","e","onError","setState","Empty","error","logService","data","Module","category","displayName","h2","button","onClick"],"mappings":"AAAA,qCAAqC;;;;;;;;;;;;;;;;;;;;;;;AACrC,SAASA,SAAS,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,QAAQ,QAA2B,QAAQ;AAC/E,SAASC,gBAAgB,EAAEC,QAAQ,QAAQ,0BAA0B;AAErE,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,GAAG,QAAQ,4BAA4B;AAUhD,aAAa;AACb;;;;;CAKC,GACD,OAAO,SAASC,WAAgD,EAC5DC,MAAM,EACNC,IAAI,EACJC,kBAAkBC,UAAUC,cAAc,EAC1CC,uBAAuBC,eAAeC,mBAAmB,EACzDC,sBAAsB,EACJ;IAClB,MAAMC,mBAAmBlB;QAarBmB,SAAS;YACL,MAAM,EAAEC,QAAQ,EAAE,GAAG,IAAI,CAACC,KAAK;YAE/B,qBACI,KAACf;gBAAcgB,UAAUL;gBAAwBM,YAAYb;0BACxDU,yBACG,KAACL;oBAAaS,UAAU,IAAI,CAACA,QAAQ;mCAErC,KAACvB;oBAASqB,wBAAU,KAACV;8BACjB,cAAA,KAACa,IAAI,CAACC,IAAI;wBAAE,GAAG,IAAI,CAACC,KAAK;;;;QAK7C;QAeA;;;SAGC,GACD,AAAQC,aAAa;YACjB,qBAAO1B,KAAuB;gBAC1B,IAAI;oBACA,OAAO;wBAAE2B,SAAS,MAAMpB;oBAAS;gBACrC,EAAE,OAAOqB,GAAG;oBACR,IAAI,CAACC,OAAO,CAACD;oBACb,IAAI,CAACE,QAAQ,CAAC;wBAAEZ,UAAU;oBAAK;gBACnC;gBACA,OAAO;oBAAES,SAASI;gBAAM;YAC5B;QACJ;;YAxDJ,gBAGIZ,uBAAAA,SAAQ;gBACJD,UAAU;YACd,IAMA,uBAAQM,QAAO,IAAI,CAACE,UAAU,KAkB9B,uBAAQJ,YAAW;gBACf,IAAI,CAACE,IAAI,GAAG,IAAI,CAACE,UAAU;gBAC3B,IAAI,CAACI,QAAQ,CAAC;oBAAEZ,UAAU;gBAAM;YACpC,IAEA,uBAAQW,WAAU,CAACG;oBACf;iBAAA,mBAAA,IAAI,CAACC,UAAU,cAAf,uCAAA,iBAAiBD,KAAK,CAAC;oBACnBA;oBACAE,MAAM;wBAAEC,QAAQ3B;oBAAK;oBACrB4B,UAAU;gBACd;YACJ;;IAiBJ;IAxDI,iBADEpB,YACKqB,eAAc,CAAC,WAAW,EAAE7B,KAAK,CAAC,CAAC;;;;;;IA0D9C,OAAOQ;AACX;AAMA,OAAO,MAAML,iBAAqB,kBAAM,KAAC2B;kBAAG;OAAgB;AAM5D,OAAO,MAAMxB,sBAA6C,CAAC,EAAEQ,QAAQ,EAAE,iBACnE,MAACrB;;0BACG,KAACqC;0BAAG;;0BACJ,KAACC;gBAAOC,SAASlB;0BAAU;;;OAEjC;AAEF,MAAMS,QAAiB,IAAM"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/lazy-module",
-    "version": "30.3.1",
+    "version": "31.0.0",
     "description": "",
     "homepage": "https://docs.st.dev/docs/frontend/lazy-module",
     "repository": {
@@ -16,16 +16,16 @@
         "src"
     ],
     "devDependencies": {
-        "@servicetitan/error-boundary": "30.3.1",
-        "@servicetitan/log-service": "30.3.1",
-        "@servicetitan/react-ioc": "30.3.1",
+        "@servicetitan/error-boundary": "31.0.0",
+        "@servicetitan/log-service": "31.0.0",
+        "@servicetitan/react-ioc": "31.0.0",
         "@types/react": "~18.3.3",
         "react": "~18.3.1"
     },
     "peerDependencies": {
-        "@servicetitan/error-boundary": "30.3.1",
-        "@servicetitan/log-service": "30.3.1",
-        "@servicetitan/react-ioc": "30.3.1",
+        "@servicetitan/error-boundary": "31.0.0",
+        "@servicetitan/log-service": "31.0.0",
+        "@servicetitan/react-ioc": "31.0.0",
         "react": ">=17.0.2"
     },
     "publishConfig": {
@@ -34,5 +34,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "4d7f01d86d64fc00160d63a2e2a3448f28aa7a2d"
+    "gitHead": "c52e188a1217df74052774a2eea6a5126089e3d5"
 }