@abtnode/ux 1.15.17 → 1.16.0-beta-8ee536d7

package/lib/blocklet/icons.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
+var _PlayArrow = _interopRequireDefault(require("@mui/icons-material/PlayArrow"));
+var _Stop = _interopRequireDefault(require("@mui/icons-material/Stop"));
+var _Replay = _interopRequireDefault(require("@mui/icons-material/Replay"));
+var _Autorenew = _interopRequireDefault(require("@mui/icons-material/Autorenew"));
+var _Settings = _interopRequireDefault(require("@mui/icons-material/Settings"));
+var _Receipt = _interopRequireDefault(require("@mui/icons-material/Receipt"));
+var _Group = _interopRequireDefault(require("@mui/icons-material/Group"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = {
+  Start: _PlayArrow.default,
+  Stop: _Stop.default,
+  Restart: _Replay.default,
+  Reload: _Autorenew.default,
+  Remove: _Delete.default,
+  Config: _Settings.default,
+  Log: _Receipt.default,
+  Group: _Group.default
+};
+exports.default = _default;

package/lib/blocklet/install-from-url.js

@@ -0,0 +1,347 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = InstallFromUrl;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _Stepper = _interopRequireDefault(require("@mui/material/Stepper"));
+var _Step = _interopRequireDefault(require("@mui/material/Step"));
+var _StepLabel = _interopRequireDefault(require("@mui/material/StepLabel"));
+var _InfoRow = _interopRequireDefault(require("@arcblock/ux/lib/InfoRow"));
+var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
+var _Alert = _interopRequireDefault(require("@arcblock/ux/lib/Alert"));
+var _util = require("@blocklet/meta/lib/util");
+var _node = require("../contexts/node");
+var _session = require("../contexts/session");
+var _util2 = require("../util");
+var _didAddress = _interopRequireDefault(require("../did-address"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function InstallFromUrl(_ref) {
+  let {
+    defaultUrl,
+    onCancel: _onCancel,
+    onSuccess,
+    onError,
+    mode,
+    handleText
+  } = _ref;
+  const {
+    api
+  } = (0, _node.useNodeContext)();
+  const {
+    api: $api
+  } = (0, _session.useSessionContext)();
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [error, setError] = (0, _react.useState)('');
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const initMeta = {
+    dist: {}
+  };
+  const [url, setUrl] = (0, _react.useState)(defaultUrl);
+  const [activeStep, setActiveStep] = (0, _react.useState)(defaultUrl ? 1 : 0);
+  const [meta, setMeta] = (0, _react.useState)(initMeta);
+  const [isConnectOpen, setConnectOpen] = (0, _react.useState)(false);
+  const [params, setParams] = (0, _react.useState)({});
+  const isComponentMode = mode === 'component';
+  // if mode is component , we need to always show the step, that means the user can return to the previous step
+  const alwayShowSteps = isComponentMode ? true : !defaultUrl;
+  const onGetMeta = async () => {
+    setMeta(initMeta);
+    setError(null);
+    setLoading(true);
+    try {
+      const decoded = decodeURIComponent(url.trim());
+      // validate
+      try {
+        new URL(decoded); // eslint-disable-line no-new
+      } catch (_unused) {
+        throw new Error('Invalid URL');
+      }
+
+      // request
+      const {
+        meta: newer,
+        inStore,
+        registryUrl
+      } = await api.getBlockletMetaFromUrl({
+        input: {
+          url: decoded
+        }
+      });
+      setMeta(newer);
+      setParams({
+        inStore,
+        registryUrl,
+        inputUrl: url.trim()
+      });
+    } catch (err) {
+      console.error(err);
+      const errMsg = "Blocklet Install failed: ".concat((0, _util2.formatError)(err));
+      setError(errMsg);
+      onError(err);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const _onConfirm = async () => {
+    if (isComponentMode) {
+      onSuccess(_objectSpread({
+        meta
+      }, params));
+      _onCancel();
+      return;
+    }
+    setLoading(true);
+    setConnectOpen(true);
+  };
+  const onEndInstall = () => {
+    setLoading(false);
+    setConnectOpen(false);
+    onSuccess(_objectSpread({
+      meta
+    }, params));
+    _onCancel();
+  };
+  const onCancelInstall = () => {
+    setLoading(false);
+    setConnectOpen(false);
+  };
+  (0, _react.useEffect)(() => {
+    if (defaultUrl) {
+      onGetMeta();
+    }
+  }, [defaultUrl]); // eslint-disable-line
+
+  const rows = [{
+    name: t('common.name'),
+    value: (0, _util.getDisplayName)({
+      meta
+    }, true)
+  }, {
+    name: t('common.version'),
+    value: meta.version
+  }, {
+    name: t('common.did'),
+    value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
+      did: meta.did
+    })
+  }, {
+    name: t('common.author'),
+    value: (0, _util2.formatPerson)(meta.author)
+  }, {
+    name: t('blocklet.dist.downloadLink'),
+    value: meta.dist.tarball
+  }];
+  const getStep1Body = () => {
+    if (loading) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          height: 200,
+          width: '100%',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          flexDirection: 'column'
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {})
+      });
+    }
+    if (meta.did) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          paddingLeft: '10%'
+        },
+        children: rows.map(row => {
+          if (row.name === t('common.did')) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InfoRow.default, {
+              valueComponent: "div",
+              nameWidth: 120,
+              name: row.name,
+              nameFormatter: () => t('common.did'),
+              children: row.value
+            }, row.name);
+          }
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InfoRow.default, {
+            valueComponent: "div",
+            nameWidth: 120,
+            name: row.name,
+            children: row.value
+          }, row.name);
+        })
+      });
+    }
+    return null;
+  };
+  const steps = [{
+    label: t('blocklet.fromUrl.step0'),
+    body: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      component: "div",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+        label: t('blocklet.fromUrl.label'),
+        autoComplete: "off",
+        variant: "outlined",
+        name: "url",
+        "data-cy": "blocklet-url-input",
+        fullWidth: true,
+        autoFocus: true,
+        style: {
+          marginBottom: 32
+        },
+        margin: "dense",
+        helperText: t('blocklet.fromUrl.description'),
+        value: url,
+        onChange: e => {
+          setError(null);
+          setUrl(e.target.value);
+        },
+        disabled: loading,
+        onKeyPress: e => {
+          if (e.key === 'Enter') {
+            e.preventDefault();
+            onGetMeta();
+            setActiveStep(1);
+          }
+        }
+      })
+    }),
+    cancel: t('common.cancel'),
+    confirm: t('common.next'),
+    onCancel: _onCancel,
+    onConfirm: () => {
+      onGetMeta();
+      setActiveStep(1);
+    }
+  }, {
+    label: t('blocklet.fromUrl.step1'),
+    body: getStep1Body(),
+    cancel: alwayShowSteps ? t('common.pre') : t('common.cancel'),
+    confirm: (handleText === null || handleText === void 0 ? void 0 : handleText.confirm) || t('blocklet.fromUrl.confirm'),
+    onCancel: () => {
+      if (alwayShowSteps) {
+        setActiveStep(s => s - 1);
+      } else {
+        _onCancel();
+      }
+    },
+    onConfirm: () => {
+      _onConfirm();
+    }
+  }];
+  const step = steps[activeStep];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Dialog.default, {
+      title: (handleText === null || handleText === void 0 ? void 0 : handleText.title) || t('blocklet.fromUrl.title'),
+      fullWidth: true,
+      maxWidth: "md",
+      onClose: () => step.onCancel(),
+      showCloseButton: activeStep === 0,
+      disableEscapeKeyDown: true,
+      open: true,
+      actions: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [step.cancel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+          onClick: e => {
+            e.stopPropagation();
+            setError(null);
+            step.onCancel();
+          },
+          color: "inherit",
+          children: step.cancel || t('common.cancel')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
+          onClick: e => {
+            e.stopPropagation();
+            step.onConfirm();
+          },
+          color: "primary",
+          "data-cy": "install-blocklet-next-step",
+          disabled: loading || !url || error,
+          variant: "contained",
+          autoFocus: true,
+          style: {
+            marginLeft: 8
+          },
+          children: [loading && activeStep === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+            size: 16
+          }), step.confirm]
+        })]
+      }),
+      children: [alwayShowSteps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Stepper.default, {
+        alternativeLabel: true,
+        activeStep: activeStep,
+        children: steps.map(_ref2 => {
+          let {
+            label
+          } = _ref2;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Step.default, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepLabel.default, {
+              children: label
+            })
+          }, label);
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogContentText.default, {
+        component: "div",
+        style: {
+          marginTop: 24
+        },
+        children: step.body
+      }), !!error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
+        type: "error",
+        style: {
+          width: '100%',
+          marginTop: 8
+        },
+        children: error
+      })]
+    }), meta && isConnectOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Connect.default, {
+      popup: true,
+      open: true,
+      forceConnected: false,
+      className: "launch-from-url-auth",
+      action: "launch-free-blocklet-by-session",
+      checkFn: $api.get,
+      checkTimeout: 5 * 60 * 1000,
+      onSuccess: onEndInstall,
+      extraParams: {
+        title: meta.title,
+        blockletMetaUrl: decodeURIComponent(url.trim())
+      },
+      messages: {
+        title: t('setup.keyPair.title'),
+        scan: t('setup.keyPair.scan'),
+        confirm: t('setup.keyPair.confirm'),
+        success: t('setup.keyPair.success')
+      },
+      onClose: onCancelInstall
+    })]
+  });
+}
+InstallFromUrl.propTypes = {
+  defaultUrl: _propTypes.default.string,
+  onCancel: _propTypes.default.func.isRequired,
+  onSuccess: _propTypes.default.func.isRequired,
+  onError: _propTypes.default.func,
+  mode: _propTypes.default.oneOf(['install', 'component']),
+  handleText: _propTypes.default.object
+};
+InstallFromUrl.defaultProps = {
+  onError: () => {},
+  defaultUrl: '',
+  mode: 'install',
+  handleText: {}
+};

package/lib/blocklet/log.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BlockletLog;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _util = require("@blocklet/meta/lib/util");
+var _logTerminal = require("../logs/log-terminal");
+var _download = _interopRequireDefault(require("../logs/download"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["blocklet"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+/**
+ * - heights:
+ *   - header: 64
+ *   - footer:
+ *     - xs: 57 + 64
+ *     - sm: 109 + 64
+ *   - main content top:
+ *     - xs: 211 + 32 + 16
+ *     - md: 160 + 32 + 16
+ * - content height:
+ *   - xs (Mobile) = 100vh - 444
+ *   - sm (Mobile) = 100vh - 508
+ *   - md (PC) = 100vh - 445
+ */
+function BlockletLog(_ref) {
+  let {
+      blocklet
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const initialData = ['Tip: this tab will only show runtime logs. Please go to "Blocklet Server" to view other lifecycle logs of the blocklet (install/start/stop...)', '\r\n\r\n'];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, _objectSpread(_objectSpread({
+    height: {
+      xs: 'calc(100vh - 444px)',
+      sm: 'calc(100vh - 508px)',
+      md: 'calc(100vh - 445px)'
+    }
+  }, rest), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_logTerminal.LogTerminalGroup, {
+      name: (0, _util.getDisplayName)(blocklet),
+      logId: "blocklet-".concat(blocklet.meta.did),
+      initialData: initialData,
+      postpend: /*#__PURE__*/(0, _jsxRuntime.jsx)(_download.default, {
+        id: blocklet.meta.did,
+        name: blocklet.meta.name
+      })
+    })
+  }));
+}
+BlockletLog.propTypes = {
+  blocklet: _propTypes.default.object.isRequired
+};

package/lib/blocklet/migration.js

@@ -0,0 +1,153 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BlockletMigration;
+var _react = require("react");
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Alert = _interopRequireDefault(require("@arcblock/ux/lib/Alert"));
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
+var _constant = require("@abtnode/constant");
+var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _util = require("@blocklet/meta/lib/util");
+var _node = require("../contexts/node");
+var _blocklet = require("../contexts/blocklet");
+var _session = require("../contexts/session");
+var _toast = _interopRequireDefault(require("../toast"));
+var _util2 = require("../util");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const findDuplicate = blocklet => {
+  const map = {};
+  let duplicate = null;
+  (0, _util.forEachBlockletSync)(blocklet, component => {
+    if (map[component.meta.bundleDid]) {
+      duplicate = (0, _util.getDisplayName)(component, true);
+    } else if (component.meta.bundleDid) {
+      map[component.meta.bundleDid] = true;
+    }
+  });
+  return duplicate;
+};
+const getNewHref = (location, blocklet, inService) => {
+  const {
+    hostname,
+    href
+  } = location;
+  if (!blocklet) {
+    return href;
+  }
+  if (inService) {
+    var _blocklet$site;
+    const ipRegex = /\d+[-.]\d+[-.]\d+[-.]\d+/;
+    const match = ipRegex.exec(hostname);
+    if (!match) {
+      return href;
+    }
+    const ip = match[0];
+    const didDomain = (((_blocklet$site = blocklet.site) === null || _blocklet$site === void 0 ? void 0 : _blocklet$site.domainAliases) || []).map(x => x.value).filter(Boolean).find(x => x.endsWith(_constant.DEFAULT_DID_DOMAIN)) || '';
+    const base32Did = didDomain.replace(".".concat(_constant.DEFAULT_DID_DOMAIN), '');
+    if (!base32Did) {
+      return href;
+    }
+    return href.replace(hostname, "".concat(base32Did, "-").concat(ip, ".").concat(_constant.DEFAULT_IP_DOMAIN_SUFFIX));
+  }
+  return href.replace(blocklet.meta.bundleDid, blocklet.appPid);
+};
+function BlockletMigration() {
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const {
+    api
+  } = (0, _session.useSessionContext)();
+  const {
+    blocklet
+  } = (0, _blocklet.useBlockletContext)();
+  const {
+    inService
+  } = (0, _node.useNodeContext)();
+  const [openConnect, setOpenConnect] = (0, _react.useState)(false);
+  const [leftSec, setLeftSec] = (0, _react.useState)(5);
+  const needMigration = blocklet && blocklet.structVersion !== _constant.APP_STRUCT_VERSION;
+  const onMigrate = async () => {
+    try {
+      if (blocklet.status === 'running') {
+        _toast.default.error(t('blocklet.migrate.tip.running'));
+        return;
+      }
+      const duplicate = findDuplicate(blocklet);
+      if (duplicate) {
+        _toast.default.error(t('blocklet.migrate.tip.duplicate', {
+          name: duplicate
+        }));
+        return;
+      }
+      setOpenConnect(true);
+    } catch (error) {
+      _toast.default.error((0, _util2.formatError)(error));
+    }
+  };
+  const onSuccess = () => {
+    const newHref = getNewHref(window.location, blocklet, inService);
+    setTimeout(() => {
+      window.location.href = newHref;
+    }, 5000);
+    setLeftSec(5);
+    setInterval(() => {
+      setLeftSec(sec => sec - 1);
+    }, 1000);
+  };
+  const onClose = () => setOpenConnect(false);
+  return [needMigration && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Alert.default, {
+    type: "warning",
+    style: {
+      margin: '12px 0'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      display: "flex",
+      alignItems: "center",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        variant: "contained",
+        size: "small",
+        color: "primary",
+        onClick: () => onMigrate(),
+        style: {
+          marginRight: 8
+        },
+        children: t('blocklet.migrate.intro.l1')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: t('blocklet.migrate.intro.l2')
+      })]
+    }), ['l3', 'l4', 'l5', 'l6'].map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      display: "flex",
+      alignItems: "center",
+      children: t("blocklet.migrate.intro.".concat(x))
+    }, x))]
+  }), blocklet && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Connect.default, {
+    popup: true,
+    open: openConnect,
+    saveConnect: false,
+    forceConnected: false,
+    action: "migrate-app-to-struct-v2",
+    checkFn: api.get,
+    checkTimeout: 5 * 60 * 1000,
+    onSuccess: onSuccess,
+    extraParams: {
+      did: blocklet.meta.did,
+      title: (0, _util.getDisplayName)(blocklet)
+    },
+    messages: {
+      title: t('blocklet.migrate.title'),
+      scan: t('blocklet.migrate.scan'),
+      confirm: t('blocklet.migrate.confirm'),
+      success: leftSec >= 0 ? t('blocklet.migrate.success', {
+        sec: leftSec
+      }) : 'Redirecting...'
+    },
+    onClose: onClose
+  })];
+}
+BlockletMigration.propTypes = {};

package/lib/blocklet/mode.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BlockletMode;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _tag = _interopRequireDefault(require("../tag"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["mode"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function BlockletMode(_ref) {
+  let {
+      mode
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  if (mode === 'development') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tag.default, _objectSpread(_objectSpread({
+      type: "primary"
+    }, rest), {}, {
+      children: "DEV"
+    }));
+  }
+  return null;
+}
+BlockletMode.propTypes = {
+  mode: _propTypes.default.string.isRequired
+};