@projectproxima/plugin-loader - npm Package Compare versions

Comparing version 0.1.1 to 0.1.2

dist/bundle.esm.js

 import { jsx, Fragment } from 'react/jsx-runtime';
 import React, { Component as Component$1, createContext, useContext, forwardRef, useState, useRef, useCallback, useEffect, useImperativeHandle, useMemo } from 'react';
+import { useServerSDK } from '@projectproxima/plugin-sdk';
 import axios from 'axios';
-import { useServerSDK } from '@projectproxima/plugin-sdk';
 import { noop } from 'lodash';
@@ -192,2 +192,9 @@
                     e_1 = _a.sent();
+                    if (!e_1.response) {
+                        setServerStatus({
+                            error: true,
+                            reason: "NONE",
+                        });
+                        return [2 /*return*/];
+                    }
                     status_1 = e_1.response.status;
@@ -211,4 +218,4 @@ setServerStatus({
         if (!serverStatus.error) {
-            var loadMicroApp_1 = require('qiankun').loadMicroApp;
-            var route_1 = url.split('#')[1]; // hash子路由传给子应用，用于子应用默认跳转的地址
+            var loadMicroApp_1 = require("qiankun").loadMicroApp;
+            var route_1 = url.split("#")[1]; // hash子路由传给子应用，用于子应用默认跳转的地址
             var registerPlugin = function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -219,7 +226,7 @@ var proximaSDK, ProximaSDK;
                         case 0:
-                            if (!(typeof window !== 'undefined')) return [3 /*break*/, 2];
-                            ProximaSDK = require('@projectproxima/plugin-sdk').ProximaSDK;
+                            if (!(typeof window !== "undefined")) return [3 /*break*/, 2];
+                            ProximaSDK = require("@projectproxima/plugin-sdk").ProximaSDK;
                             proximaSDK = new ProximaSDK({ sdkServer: server });
                             return [4 /*yield*/, server.register({
-                                    type: 'micro',
+                                    type: "micro",
                                     module: moduleKey,
@@ -252,3 +259,3 @@ instance: proximaSDK,
                             error: true,
-                            reason: 'NONE',
+                            reason: "NONE",
                         });
@@ -266,6 +273,14 @@ setLoading(false);
         };
-    }, [moduleKey, server, url, pluginKey, qiankunProps, serverStatus, globalInitProps]);
+    }, [
+        moduleKey,
+        server,
+        url,
+        pluginKey,
+        qiankunProps,
+        serverStatus,
+        globalInitProps,
+    ]);
     useEffect(function () {
         var _a;
-        var initGlobalState = require('qiankun').initGlobalState;
+        var initGlobalState = require("qiankun").initGlobalState;
         // 初始化 globalstate
@@ -288,3 +303,3 @@ actionRef.current = initGlobalState({ data: null });
     var style = useMemo(function () {
-        return __assign(__assign({}, qiankunStyle), { minHeight: 'auto' });
+        return __assign(__assign({}, qiankunStyle), { minHeight: "auto" });
     }, [qiankunStyle]);
@@ -295,3 +310,3 @@ var handleRetry = useCallback(function () {
     var children = useMemo(function () {
-        return jsx(Fragment, { children: !serverStatus.error ? (jsx("div", { ref: qiankunContainerRef, style: style, className: qiankunClass }, void 0)) : serverStatus.reason ? (jsx(PluginErrorBoundary, { style: style, reason: serverStatus.reason, onRetry: handleRetry }, void 0)) : (jsx("div", { style: style }, void 0)) }, void 0);
+        return (jsx(Fragment, { children: !serverStatus.error ? (jsx("div", { ref: qiankunContainerRef, style: style, className: qiankunClass }, void 0)) : serverStatus.reason ? (jsx(PluginErrorBoundary, { style: style, reason: serverStatus.reason, onRetry: handleRetry }, void 0)) : (jsx("div", { style: style }, void 0)) }, void 0));
     }, [style, qiankunClass, serverStatus, handleRetry]);
@@ -321,3 +336,3 @@ return PluginLoadingWrapper(loading, children);
 var RemoteComponent = function (_a) {
-    var remoteUrl = _a.remoteUrl, _b = _a.name, name = _b === void 0 ? 'Plugin' : _b;
+    var remoteUrl = _a.remoteUrl, _b = _a.name, name = _b === void 0 ? "Plugin" : _b;
     var _c = useRemoteComponent(remoteUrl), componentModule = _c.componentModule, loading = _c.loading;
@@ -331,6 +346,6 @@ if (loading)
 var defaultStyle = {
-    border: 'none',
-    Visibility: 'visible',
-    width: '100%',
-    height: '100%'
+    border: "none",
+    Visibility: "visible",
+    width: "100%",
+    height: "100%",
 };
@@ -346,3 +361,3 @@ var CustomIframe = function (props) {
     var _c = usePluginGlobalConfig(), PluginErrorBoundary = _c.pluginErrorBoundary, PluginLoadingWrapper = _c.pluginLoadingWrapper;
-    var frameProps = props.frameProps, frameURL = props.frameURL, iframeStyle = props.iframeStyle, _d = props.iframeClass, iframeClass = _d === void 0 ? '' : _d;
+    var frameProps = props.frameProps, frameURL = props.frameURL, iframeStyle = props.iframeStyle, _d = props.iframeClass, iframeClass = _d === void 0 ? "" : _d;
     var startLoadPlugin = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -367,2 +382,9 @@ var e_1, status_1;
                     e_1 = _a.sent();
+                    if (!e_1.response) {
+                        setServerStatus({
+                            error: true,
+                            reason: "NONE",
+                        });
+                        return [2 /*return*/];
+                    }
                     status_1 = e_1.response.status;
@@ -387,3 +409,3 @@ setServerStatus({
             .register({
-            type: 'iframe',
+            type: "iframe",
             module: props.moduleKey,
@@ -400,3 +422,3 @@ instance: frameRef.current.contentWindow,
                 error: true,
-                reason: 'NONE',
+                reason: "NONE",
             });
@@ -403,0 +425,0 @@ setLoading(false);

dist/bundle.js

 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('react'), require('axios'), require('@projectproxima/plugin-sdk'), require('lodash')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', 'react', 'axios', '@projectproxima/plugin-sdk', 'lodash'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["plugin-loader"] = {}, global.jsxRuntime, global.React, global.axios, global.pluginSdk, global.lodash));
-})(this, (function (exports, jsxRuntime, React, axios, pluginSdk, lodash) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('react'), require('@projectproxima/plugin-sdk'), require('axios'), require('lodash')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', 'react', '@projectproxima/plugin-sdk', 'axios', 'lodash'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["plugin-loader"] = {}, global.jsxRuntime, global.React, global.pluginSdk, global.axios, global.lodash));
+})(this, (function (exports, jsxRuntime, React, pluginSdk, axios, lodash) { 'use strict';
 
@@ -197,2 +197,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
                         e_1 = _a.sent();
+                        if (!e_1.response) {
+                            setServerStatus({
+                                error: true,
+                                reason: "NONE",
+                            });
+                            return [2 /*return*/];
+                        }
                         status_1 = e_1.response.status;
@@ -216,4 +223,4 @@ setServerStatus({
             if (!serverStatus.error) {
-                var loadMicroApp_1 = require('qiankun').loadMicroApp;
-                var route_1 = url.split('#')[1]; // hash子路由传给子应用，用于子应用默认跳转的地址
+                var loadMicroApp_1 = require("qiankun").loadMicroApp;
+                var route_1 = url.split("#")[1]; // hash子路由传给子应用，用于子应用默认跳转的地址
                 var registerPlugin = function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -224,7 +231,7 @@ var proximaSDK, ProximaSDK;
                             case 0:
-                                if (!(typeof window !== 'undefined')) return [3 /*break*/, 2];
-                                ProximaSDK = require('@projectproxima/plugin-sdk').ProximaSDK;
+                                if (!(typeof window !== "undefined")) return [3 /*break*/, 2];
+                                ProximaSDK = require("@projectproxima/plugin-sdk").ProximaSDK;
                                 proximaSDK = new ProximaSDK({ sdkServer: server });
                                 return [4 /*yield*/, server.register({
-                                        type: 'micro',
+                                        type: "micro",
                                         module: moduleKey,
@@ -257,3 +264,3 @@ instance: proximaSDK,
                                 error: true,
-                                reason: 'NONE',
+                                reason: "NONE",
                             });
@@ -271,6 +278,14 @@ setLoading(false);
             };
-        }, [moduleKey, server, url, pluginKey, qiankunProps, serverStatus, globalInitProps]);
+        }, [
+            moduleKey,
+            server,
+            url,
+            pluginKey,
+            qiankunProps,
+            serverStatus,
+            globalInitProps,
+        ]);
         React.useEffect(function () {
             var _a;
-            var initGlobalState = require('qiankun').initGlobalState;
+            var initGlobalState = require("qiankun").initGlobalState;
             // 初始化 globalstate
@@ -293,3 +308,3 @@ actionRef.current = initGlobalState({ data: null });
         var style = React.useMemo(function () {
-            return __assign(__assign({}, qiankunStyle), { minHeight: 'auto' });
+            return __assign(__assign({}, qiankunStyle), { minHeight: "auto" });
         }, [qiankunStyle]);
@@ -300,3 +315,3 @@ var handleRetry = React.useCallback(function () {
         var children = React.useMemo(function () {
-            return jsxRuntime.jsx(jsxRuntime.Fragment, { children: !serverStatus.error ? (jsxRuntime.jsx("div", { ref: qiankunContainerRef, style: style, className: qiankunClass }, void 0)) : serverStatus.reason ? (jsxRuntime.jsx(PluginErrorBoundary, { style: style, reason: serverStatus.reason, onRetry: handleRetry }, void 0)) : (jsxRuntime.jsx("div", { style: style }, void 0)) }, void 0);
+            return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: !serverStatus.error ? (jsxRuntime.jsx("div", { ref: qiankunContainerRef, style: style, className: qiankunClass }, void 0)) : serverStatus.reason ? (jsxRuntime.jsx(PluginErrorBoundary, { style: style, reason: serverStatus.reason, onRetry: handleRetry }, void 0)) : (jsxRuntime.jsx("div", { style: style }, void 0)) }, void 0));
         }, [style, qiankunClass, serverStatus, handleRetry]);
@@ -326,3 +341,3 @@ return PluginLoadingWrapper(loading, children);
     var RemoteComponent = function (_a) {
-        var remoteUrl = _a.remoteUrl, _b = _a.name, name = _b === void 0 ? 'Plugin' : _b;
+        var remoteUrl = _a.remoteUrl, _b = _a.name, name = _b === void 0 ? "Plugin" : _b;
         var _c = useRemoteComponent(remoteUrl), componentModule = _c.componentModule, loading = _c.loading;
@@ -336,6 +351,6 @@ if (loading)
     var defaultStyle = {
-        border: 'none',
-        Visibility: 'visible',
-        width: '100%',
-        height: '100%'
+        border: "none",
+        Visibility: "visible",
+        width: "100%",
+        height: "100%",
     };
@@ -351,3 +366,3 @@ var CustomIframe = function (props) {
         var _c = usePluginGlobalConfig(), PluginErrorBoundary = _c.pluginErrorBoundary, PluginLoadingWrapper = _c.pluginLoadingWrapper;
-        var frameProps = props.frameProps, frameURL = props.frameURL, iframeStyle = props.iframeStyle, _d = props.iframeClass, iframeClass = _d === void 0 ? '' : _d;
+        var frameProps = props.frameProps, frameURL = props.frameURL, iframeStyle = props.iframeStyle, _d = props.iframeClass, iframeClass = _d === void 0 ? "" : _d;
         var startLoadPlugin = React.useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -372,2 +387,9 @@ var e_1, status_1;
                         e_1 = _a.sent();
+                        if (!e_1.response) {
+                            setServerStatus({
+                                error: true,
+                                reason: "NONE",
+                            });
+                            return [2 /*return*/];
+                        }
                         status_1 = e_1.response.status;
@@ -392,3 +414,3 @@ setServerStatus({
                 .register({
-                type: 'iframe',
+                type: "iframe",
                 module: props.moduleKey,
@@ -405,3 +427,3 @@ instance: frameRef.current.contentWindow,
                     error: true,
-                    reason: 'NONE',
+                    reason: "NONE",
                 });
@@ -408,0 +430,0 @@ setLoading(false);

dist/bundle.umd.js

 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('react'), require('axios'), require('@projectproxima/plugin-sdk'), require('lodash')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', 'react', 'axios', '@projectproxima/plugin-sdk', 'lodash'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["plugin-loader"] = {}, global.jsxRuntime, global.React, global.axios, global.pluginSdk, global.lodash));
-})(this, (function (exports, jsxRuntime, React, axios, pluginSdk, lodash) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('react'), require('@projectproxima/plugin-sdk'), require('axios'), require('lodash')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', 'react', '@projectproxima/plugin-sdk', 'axios', 'lodash'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["plugin-loader"] = {}, global.jsxRuntime, global.React, global.pluginSdk, global.axios, global.lodash));
+})(this, (function (exports, jsxRuntime, React, pluginSdk, axios, lodash) { 'use strict';
 
@@ -197,2 +197,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
                         e_1 = _a.sent();
+                        if (!e_1.response) {
+                            setServerStatus({
+                                error: true,
+                                reason: "NONE",
+                            });
+                            return [2 /*return*/];
+                        }
                         status_1 = e_1.response.status;
@@ -216,4 +223,4 @@ setServerStatus({
             if (!serverStatus.error) {
-                var loadMicroApp_1 = require('qiankun').loadMicroApp;
-                var route_1 = url.split('#')[1]; // hash子路由传给子应用，用于子应用默认跳转的地址
+                var loadMicroApp_1 = require("qiankun").loadMicroApp;
+                var route_1 = url.split("#")[1]; // hash子路由传给子应用，用于子应用默认跳转的地址
                 var registerPlugin = function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -224,7 +231,7 @@ var proximaSDK, ProximaSDK;
                             case 0:
-                                if (!(typeof window !== 'undefined')) return [3 /*break*/, 2];
-                                ProximaSDK = require('@projectproxima/plugin-sdk').ProximaSDK;
+                                if (!(typeof window !== "undefined")) return [3 /*break*/, 2];
+                                ProximaSDK = require("@projectproxima/plugin-sdk").ProximaSDK;
                                 proximaSDK = new ProximaSDK({ sdkServer: server });
                                 return [4 /*yield*/, server.register({
-                                        type: 'micro',
+                                        type: "micro",
                                         module: moduleKey,
@@ -257,3 +264,3 @@ instance: proximaSDK,
                                 error: true,
-                                reason: 'NONE',
+                                reason: "NONE",
                             });
@@ -271,6 +278,14 @@ setLoading(false);
             };
-        }, [moduleKey, server, url, pluginKey, qiankunProps, serverStatus, globalInitProps]);
+        }, [
+            moduleKey,
+            server,
+            url,
+            pluginKey,
+            qiankunProps,
+            serverStatus,
+            globalInitProps,
+        ]);
         React.useEffect(function () {
             var _a;
-            var initGlobalState = require('qiankun').initGlobalState;
+            var initGlobalState = require("qiankun").initGlobalState;
             // 初始化 globalstate
@@ -293,3 +308,3 @@ actionRef.current = initGlobalState({ data: null });
         var style = React.useMemo(function () {
-            return __assign(__assign({}, qiankunStyle), { minHeight: 'auto' });
+            return __assign(__assign({}, qiankunStyle), { minHeight: "auto" });
         }, [qiankunStyle]);
@@ -300,3 +315,3 @@ var handleRetry = React.useCallback(function () {
         var children = React.useMemo(function () {
-            return jsxRuntime.jsx(jsxRuntime.Fragment, { children: !serverStatus.error ? (jsxRuntime.jsx("div", { ref: qiankunContainerRef, style: style, className: qiankunClass }, void 0)) : serverStatus.reason ? (jsxRuntime.jsx(PluginErrorBoundary, { style: style, reason: serverStatus.reason, onRetry: handleRetry }, void 0)) : (jsxRuntime.jsx("div", { style: style }, void 0)) }, void 0);
+            return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: !serverStatus.error ? (jsxRuntime.jsx("div", { ref: qiankunContainerRef, style: style, className: qiankunClass }, void 0)) : serverStatus.reason ? (jsxRuntime.jsx(PluginErrorBoundary, { style: style, reason: serverStatus.reason, onRetry: handleRetry }, void 0)) : (jsxRuntime.jsx("div", { style: style }, void 0)) }, void 0));
         }, [style, qiankunClass, serverStatus, handleRetry]);
@@ -326,3 +341,3 @@ return PluginLoadingWrapper(loading, children);
     var RemoteComponent = function (_a) {
-        var remoteUrl = _a.remoteUrl, _b = _a.name, name = _b === void 0 ? 'Plugin' : _b;
+        var remoteUrl = _a.remoteUrl, _b = _a.name, name = _b === void 0 ? "Plugin" : _b;
         var _c = useRemoteComponent(remoteUrl), componentModule = _c.componentModule, loading = _c.loading;
@@ -336,6 +351,6 @@ if (loading)
     var defaultStyle = {
-        border: 'none',
-        Visibility: 'visible',
-        width: '100%',
-        height: '100%'
+        border: "none",
+        Visibility: "visible",
+        width: "100%",
+        height: "100%",
     };
@@ -351,3 +366,3 @@ var CustomIframe = function (props) {
         var _c = usePluginGlobalConfig(), PluginErrorBoundary = _c.pluginErrorBoundary, PluginLoadingWrapper = _c.pluginLoadingWrapper;
-        var frameProps = props.frameProps, frameURL = props.frameURL, iframeStyle = props.iframeStyle, _d = props.iframeClass, iframeClass = _d === void 0 ? '' : _d;
+        var frameProps = props.frameProps, frameURL = props.frameURL, iframeStyle = props.iframeStyle, _d = props.iframeClass, iframeClass = _d === void 0 ? "" : _d;
         var startLoadPlugin = React.useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -372,2 +387,9 @@ var e_1, status_1;
                         e_1 = _a.sent();
+                        if (!e_1.response) {
+                            setServerStatus({
+                                error: true,
+                                reason: "NONE",
+                            });
+                            return [2 /*return*/];
+                        }
                         status_1 = e_1.response.status;
@@ -392,3 +414,3 @@ setServerStatus({
                 .register({
-                type: 'iframe',
+                type: "iframe",
                 module: props.moduleKey,
@@ -405,3 +427,3 @@ instance: frameRef.current.contentWindow,
                     error: true,
-                    reason: 'NONE',
+                    reason: "NONE",
                 });
@@ -408,0 +430,0 @@ setLoading(false);

package.json

 {
   "name": "@projectproxima/plugin-loader",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "",
@@ -5,0 +5,0 @@ "main": "dist/bundle.js",

No alert changes

Improved metrics

Total package byte prevSize

70483

increased by3.06%

Lines of code

1353

increased by5.13%

No dependency changes