@abtnode/ux 1.15.17 → 1.16.0-beta-b16cb035

package/lib/hooks/url-evaluation.js

@@ -0,0 +1,168 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBlockletUrlEvaluation = useBlockletUrlEvaluation;
+exports.useDomainsAccessibility = useDomainsAccessibility;
+exports.useUrlEvaluation = useUrlEvaluation;
+var _react = require("react");
+var _urlJoin = _interopRequireDefault(require("url-join"));
+var _memoize = _interopRequireDefault(require("lodash/memoize"));
+var _constant = require("@abtnode/constant");
+var _urlEvaluation = require("@abtnode/util/lib/url-evaluation");
+var _checkAccessibleBrowser = _interopRequireDefault(require("@abtnode/util/lib/url-evaluation/check-accessible-browser"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _util = require("../util");
+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); }
+// 如果同一个页面中存在多个部分同时对同一个 url 检测 url 可访问性, 避免造成重复请求
+const ping = (0, _memoize.default)(url => {
+  const {
+    origin,
+    hostname
+  } = new URL(url);
+  if (hostname === window.location.hostname) {
+    return true;
+  }
+  return (0, _checkAccessibleBrowser.default)((0, _urlJoin.default)(origin, _constant.WELLKNOWN_PING_PREFIX));
+});
+
+// url <-> evaluation cache
+const CACHE = {};
+function useUrlEvaluation(_ref) {
+  let {
+    urls,
+    checkAccessible = _checkAccessibleBrowser.default,
+    disableCache = false
+  } = _ref;
+  // 基于 CACHE 初始化该 hook 的状态
+  // FIXME: 最好解决源头的 material-table 渲染 BlockletInterface 时的 re-mount 问题 (#4897)
+  const initialCachedRef = (0, _react.useRef)(urls.filter(url => CACHE[url]).map(url => CACHE[url]));
+  const allCached = initialCachedRef.current.length === urls.length;
+  const [urlsState, setUrlsState] = (0, _react.useState)(allCached ? initialCachedRef.current : []);
+  const [loading, setLoading] = (0, _react.useState)(!allCached);
+  const recommendedUrlState = (0, _react.useMemo)(() => {
+    if (!loading && urlsState.length) {
+      return urlsState[0];
+    }
+    return null;
+  }, [urlsState, loading]);
+  (0, _react.useEffect)(() => {
+    if ((urls === null || urls === void 0 ? void 0 : urls.length) > 0 && !allCached) {
+      const evaluate = async () => {
+        let results;
+        setLoading(true);
+        if (disableCache) {
+          results = await (0, _urlEvaluation.evaluateURLs)(urls, {
+            checkAccessible
+          });
+          results.forEach(item => {
+            CACHE[item.url] = item;
+          });
+        } else {
+          const misses = await (0, _urlEvaluation.evaluateURLs)(urls.filter(url => !CACHE[url]), {
+            checkAccessible
+          });
+          misses.forEach(item => {
+            CACHE[item.url] = item;
+          });
+          results = urls.map(url => CACHE[url]).sort((a, b) => b.score - a.score);
+        }
+        setUrlsState(results);
+        setLoading(false);
+      };
+      evaluate();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [urls, disableCache, allCached]);
+  return {
+    urlsState,
+    loading,
+    recommendedUrlState,
+    recommendedUrl: recommendedUrlState === null || recommendedUrlState === void 0 ? void 0 : recommendedUrlState.url
+  };
+}
+
+/**
+ * 主要对 blocklet 访问 urls 进行评估
+ * @param {object} blocklet
+ */
+function useBlockletUrlEvaluation(blocklet) {
+  const {
+    locale
+  } = (0, _react.useContext)(_context.LocaleContext);
+  const urls = (0, _react.useMemo)(() => {
+    if (!blocklet) {
+      return [];
+    }
+    // getBlockletUrlParams 的调用是必须的, 会根据 blocklet 状态决定是否添加 "__start__" 参数, 以保证 blocklet 启动按钮可以正确的跳转到启动页面
+    return (0, _util.getBlockletUrls)({
+      blocklet,
+      params: (0, _util.getBlockletUrlParams)(blocklet, locale)
+    });
+  }, [blocklet, locale]);
+  const {
+    loading,
+    recommendedUrlState,
+    recommendedUrl
+  } = useUrlEvaluation({
+    urls,
+    checkAccessible: ping
+  });
+  return {
+    urls,
+    loading,
+    recommendedUrlState,
+    recommendedUrl
+  };
+}
+
+/**
+ * 主要对 blocklet domains 对应的 urls 进行评估, 配合 DomainStatusProvider 使用
+ * @param {string[]} domains
+ */
+function useDomainsAccessibility(domains) {
+  // 获取 blocklet domain 对应的访问 url
+  const urls = (0, _react.useMemo)(() => domains.map(item => (0, _util.getAccessUrl)(item)), [domains]);
+  const {
+    urlsState,
+    loading,
+    recommendedUrl
+  } = useUrlEvaluation({
+    urls,
+    checkAccessible: ping
+  });
+  let result;
+  if (loading) {
+    result = {
+      domainsAccessibility: domains.reduce((acc, cur) => _objectSpread(_objectSpread({}, acc), {}, {
+        [cur]: {
+          loading: true
+        }
+      }), {}),
+      recommendedDomain: null
+    };
+  } else {
+    var _urlsState$find;
+    const domainsAccessibility = urlsState.reduce((acc, cur) => {
+      // 检测对象是 domain, 但检测可访问性用的是 domain 对应的 ping url, 所以需要取 hostname 作为结果
+      const domain = new URL(cur.url).hostname;
+      acc[domain] = _objectSpread(_objectSpread({}, cur), {}, {
+        domain
+      });
+      return acc;
+    }, {});
+    // 从排好优先级的 urls 中选择第一个可访问的 url 作为 recommendedDomain (对于自定义域名, 可能存在评分最高但不可访问的情况) (#5195)
+    const accessibleUrl = ((_urlsState$find = urlsState.find(item => item.accessible)) === null || _urlsState$find === void 0 ? void 0 : _urlsState$find.url) || recommendedUrl;
+    result = {
+      domainsAccessibility,
+      recommendedDomain: accessibleUrl ? new URL(accessibleUrl).hostname : null
+    };
+  }
+  return result;
+}

package/lib/hooks/use-app-logo.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useAppLogo;
+var _urlJoin = _interopRequireDefault(require("url-join"));
+var _node = require("../contexts/node");
+var _util = require("../util");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function useAppLogo(_ref) {
+  var _window$env, _blocklet$meta;
+  let {
+    blocklet
+  } = _ref;
+  const {
+    inService
+  } = (0, _node.useNodeContext)();
+  const prefix = ((_window$env = window.env) === null || _window$env === void 0 ? void 0 : _window$env.apiPrefix) || '/';
+  const search = "?v=".concat(blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta = blocklet.meta) === null || _blocklet$meta === void 0 ? void 0 : _blocklet$meta.version).concat((0, _util.isInstalling)(blocklet === null || blocklet === void 0 ? void 0 : blocklet.status) ? '~' : '');
+  const logoUrl = (0, _urlJoin.default)(prefix, "/blocklet/logo/".concat(inService ? '' : blocklet.meta.did), search);
+  return {
+    logoUrl
+  };
+}

package/lib/hooks/use-bundle-logo.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useAvatar;
+var _urlJoin = _interopRequireDefault(require("url-join"));
+var _constant = require("@abtnode/constant");
+var _node = require("../contexts/node");
+var _util = require("../util");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function useAvatar(_ref) {
+  var _blocklet$meta;
+  let {
+    blocklet,
+    ancestors = []
+  } = _ref;
+  const node = (0, _node.useNodeContext)();
+  const {
+    inService
+  } = node;
+  const search = "?v=".concat(blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta = blocklet.meta) === null || _blocklet$meta === void 0 ? void 0 : _blocklet$meta.version).concat((0, _util.isDownloading)(blocklet === null || blocklet === void 0 ? void 0 : blocklet.status) ? '~' : '');
+  let logoUrl = inService ? (0, _urlJoin.default)(_util.APP_PREFIX, _constant.WELLKNOWN_SERVICE_PATH_PREFIX, '/blocklet/logo-bundle', search) : (0, _urlJoin.default)(node.imgPrefix, 'blocklet.png');
+  if (blocklet.source === 'registry' && blocklet.deployedFrom && blocklet.meta.logo) {
+    logoUrl = (0, _urlJoin.default)(blocklet.deployedFrom, (0, _util.formatRegistryLogoPath)(blocklet.meta.bundleDid, blocklet.meta.logo), search);
+  } else {
+    const prefix = window.env.apiPrefix || '/';
+    const components = ancestors.concat(blocklet);
+    const list = inService ? components.slice(1) : components;
+    logoUrl = (0, _urlJoin.default)(prefix, "/blocklet/logo-bundle".concat(list.map(x => "/".concat(x.meta.did)).join('')), search);
+  }
+  return {
+    logoUrl,
+    inService
+  };
+}

package/lib/hooks/use-navigation.js

@@ -0,0 +1,355 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useNavigation;
+var _ahooks = require("ahooks");
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+var _isNil = _interopRequireDefault(require("lodash/isNil"));
+var _omit = _interopRequireDefault(require("lodash/omit"));
+var _omitBy = _interopRequireDefault(require("lodash/omitBy"));
+var _react = require("react");
+var _nanoid = require("nanoid");
+var _material = require("@mui/material");
+var _parseNavigationFromBlocklet = require("@blocklet/meta/lib/parse-navigation-from-blocklet");
+var _constant = require("@abtnode/constant");
+var _blocklet = require("../contexts/blocklet");
+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); }
+const BASE_LINK = '/';
+const DEFAULT_SECTION = 'header';
+// 默认注入的数据
+// 需要指定一些内置的 id
+const injectNavigationData = {
+  sessionManager: [{
+    id: '/sessionManager',
+    title: {
+      en: 'Manage',
+      zh: '管理'
+    },
+    section: ['sessionManager'],
+    icon: 'ion:settings-outline',
+    link: "".concat(_constant.WELLKNOWN_SERVICE_PATH_PREFIX, "/admin"),
+    role: ['owner', 'admin'],
+    from: 'tmpl'
+  }],
+  dashboard: [{
+    id: '/access',
+    title: {
+      en: 'Access',
+      zh: '访问控制'
+    },
+    role: ['owner', 'admin', 'member'],
+    section: ['dashboard'],
+    link: '',
+    from: 'tmpl',
+    items: [{
+      id: 'member',
+      title: {
+        en: 'Members',
+        zh: '成员'
+      },
+      icon: 'ant-design:user-outlined',
+      link: "".concat(_constant.WELLKNOWN_SERVICE_PATH_PREFIX, "/admin/members"),
+      from: 'tmpl'
+    }, {
+      id: 'passport',
+      title: {
+        en: 'Passport',
+        zh: '通行证'
+      },
+      icon: 'icon-park-outline:passport',
+      link: "".concat(_constant.WELLKNOWN_SERVICE_PATH_PREFIX, "/admin/passports"),
+      from: 'tmpl'
+    }]
+  }, {
+    id: '/dashboard',
+    title: 'Blocklet',
+    role: ['owner', 'admin'],
+    section: ['dashboard'],
+    link: '',
+    from: 'tmpl',
+    items: [{
+      id: 'dashboard',
+      title: {
+        en: 'Dashboard',
+        zh: '仪表盘'
+      },
+      icon: 'ant-design:dashboard-outlined',
+      link: "".concat(_constant.WELLKNOWN_SERVICE_PATH_PREFIX, "/admin"),
+      from: 'tmpl'
+    }]
+  }]
+};
+function isSameNavigation(a, b) {
+  if (a.section && b.section) {
+    return a.section === b.section && a.id === b.id;
+  }
+  return a.id === b.id;
+}
+function useNavigation() {
+  const {
+    blocklet,
+    actions
+  } = (0, _blocklet.useBlockletContext)();
+  const {
+    navigationList,
+    components,
+    builtinList
+  } = (0, _parseNavigationFromBlocklet.parseNavigation)(blocklet, {
+    beforeProcess(rawList) {
+      const copyList = (0, _cloneDeep.default)(rawList);
+      // 注入默认的 dashboard 菜单
+      injectNavigationData.dashboard.forEach(item => {
+        if (!copyList.some(x => x.id === item.id)) {
+          copyList.push(item);
+        }
+      });
+      // 注入默认的 sessionManager 菜单
+      if (!copyList.some(x => x.id && (x.section || []).includes('sessionManager'))) {
+        copyList.push(...injectNavigationData.sessionManager);
+      }
+      return copyList;
+    }
+  });
+  const state = (0, _ahooks.useReactive)({
+    rawNavigation: (0, _cloneDeep.default)(navigationList),
+    activeSection: DEFAULT_SECTION,
+    components
+  });
+  const navigation = (0, _react.useMemo)(() => {
+    return (0, _parseNavigationFromBlocklet.nestNavigationList)(state.rawNavigation);
+  }, [state.rawNavigation]);
+  const treeNavigation = (0, _react.useMemo)(() => {
+    const rawData = (0, _parseNavigationFromBlocklet.filterNavigation)(state.rawNavigation, components);
+    const navigationWithLink = (0, _parseNavigationFromBlocklet.joinLink)(rawData, components);
+    return (0, _parseNavigationFromBlocklet.cleanOrphanNavigation)(navigationWithLink);
+  }, [components, state.rawNavigation]);
+  function getNavigationFullLink(navigationItem) {
+    if (!navigationItem.id) return '';
+    const fullList = (0, _parseNavigationFromBlocklet.flatternNavigation)((0, _parseNavigationFromBlocklet.joinLink)(navigation, components));
+    const findItem = fullList.find(item => item.id === navigationItem.id);
+    // eslint-disable-next-line react/prop-types
+    function Uninstalled(_ref) {
+      let {
+        name
+      } = _ref;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Chip, {
+        label: "Uninstalled: ".concat(name),
+        color: "error",
+        size: "small",
+        variant: "outlined",
+        sx: {
+          fontSize: 10,
+          height: 20
+        }
+      });
+    }
+    if (findItem !== null && findItem !== void 0 && findItem.component) {
+      if (!components.some(x => x.name === findItem.component)) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(Uninstalled, {
+          name: findItem.component
+        });
+      }
+    } else if (findItem.parent) {
+      const parent = fullList.find(x => x.id === findItem.parent);
+      if (parent !== null && parent !== void 0 && parent.component) {
+        if (!components.some(x => x.name === parent.component)) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(Uninstalled, {
+            name: parent.component
+          });
+        }
+      }
+    }
+    return findItem === null || findItem === void 0 ? void 0 : findItem.link;
+  }
+  function updateActiveSection(activeSection) {
+    state.activeSection = activeSection;
+  }
+  function updateNavigationTree(tree) {
+    const list = [];
+    (0, _parseNavigationFromBlocklet.deepWalk)(tree, (treeItem, parent) => {
+      const tmpData = _objectSpread(_objectSpread({}, (0, _omit.default)(treeItem, ['children', 'expand'])), {}, {
+        parent: parent === null || parent === void 0 ? void 0 : parent.id
+      });
+      list.push(tmpData);
+    });
+    const unchangedNavigation = state.rawNavigation.filter(item => {
+      if (!state.activeSection) {
+        return false;
+      }
+      const findItem = list.find(v => isSameNavigation(v, item));
+      if (findItem) {
+        return !(0, _parseNavigationFromBlocklet.isMatchSection)(findItem.section, state.activeSection);
+      }
+      return true;
+    });
+    state.rawNavigation = [...unchangedNavigation, ...list];
+  }
+  /**
+   * 更新导航的一个节点
+   * @param {object} itemData 更新的数据
+   */
+  function updateNavigationItem(itemData) {
+    _saveNavigationChange([itemData]);
+  }
+  function _saveNavigationChange() {
+    let changed = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    const updatedNavigation = state.rawNavigation.map(item => {
+      const findChanged = changed.find(changeItem => isSameNavigation(_objectSpread(_objectSpread({}, changeItem), {}, {
+        section: state.activeSection
+      }), item));
+      if (findChanged) {
+        return _objectSpread(_objectSpread({}, item), findChanged);
+      }
+      return item;
+    });
+    state.rawNavigation = updatedNavigation;
+  }
+  /**
+   * 删除一个导航节点
+   * @param {string} id 导航的 ID
+   */
+  function delNavigationItem(id) {
+    const relatedNavigationId = state.rawNavigation.filter(item => item.id === id || item.parent === id).map(item => item.id);
+    state.rawNavigation = state.rawNavigation.filter(item => !relatedNavigationId.includes(item.id));
+  }
+  /**
+   * 增加一个导航节点
+   * @param {object} params 导航数据
+   */
+  function addNavigationItem() {
+    let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    const data = _objectSpread(_objectSpread({}, params), {}, {
+      // 新增的数据使用随机生成的 nanoid (A-Za-z0-9_-)
+      id: (0, _nanoid.nanoid)(),
+      section: state.activeSection,
+      visible: true
+    });
+    state.rawNavigation = [...state.rawNavigation, data];
+  }
+
+  /**
+   * 将树状结构转换为数据库存储的导航结构
+   * @param {array} tree 树状结构
+   * @returns array
+   */
+  // eslint-disable-next-line no-unused-vars
+  function tree2navigation(tree) {
+    const list = tree.map(item => {
+      const items = item.children || [];
+      return {
+        title: item.title,
+        icon: item.icon,
+        link: item.link,
+        items: tree2navigation(items),
+        section: item.section,
+        visible: item.visible,
+        parent: item.parent,
+        component: item.component,
+        role: item.role,
+        from: item.from,
+        id: item.id
+      };
+    });
+    return list;
+  }
+  /**
+   * 将数据库中的导航数据转换为树状结构
+   * @param {array} list 数据库中导航的结构
+   * @param {string} baseLink 当前 tree 的 base
+   * @returns 树状结构
+   */
+  function navigation2tree(list) {
+    let baseLink = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : BASE_LINK;
+    const tree = list.map(item => {
+      const findComponent = components.find(componentItem => componentItem.name === item.component);
+      const base = (findComponent === null || findComponent === void 0 ? void 0 : findComponent.link) || baseLink;
+      const children = item.items || [];
+      const {
+        link
+      } = item;
+      return {
+        title: item.title,
+        subtitle: getNavigationFullLink(item),
+        link,
+        icon: item.icon,
+        children: navigation2tree(children, link || BASE_LINK),
+        section: item.section,
+        visible: item.visible,
+        parent: item.parent,
+        component: item.component,
+        id: item.id,
+        role: item.role,
+        from: item.from,
+        __base: base
+      };
+    });
+    return tree;
+  }
+
+  /**
+   * 获取指定区块的导航数据
+   * @param {string} section 导航所属区块
+   * @returns 在指定导航区块内的导航数据
+   */
+  function getNavigation(section) {
+    const copyNavigation = (0, _cloneDeep.default)(navigation);
+    const filteredSectionNavigation = copyNavigation.filter(item => {
+      return (0, _parseNavigationFromBlocklet.isMatchSection)(item.section, section);
+    });
+    return navigation2tree(filteredSectionNavigation);
+  }
+
+  /**
+   * 将导航数据保存到后端
+   * @param {array} list 需要保存的导航数据
+   */
+  async function saveNavigationList(list) {
+    const data = list.map(item => {
+      return (0, _omitBy.default)(item, _isNil.default);
+    });
+    const formartedData = data.map(item => {
+      const tempData = _objectSpread({}, item);
+      if (tempData.role && Array.isArray(tempData.role)) {
+        tempData.role = JSON.stringify(tempData.role);
+      }
+      if (tempData.section && Array.isArray(tempData.section)) {
+        tempData.section = JSON.stringify(tempData.section);
+      }
+      if (tempData.title && tempData.title instanceof Object) {
+        tempData.title = JSON.stringify(tempData.title);
+      }
+      if (tempData.link && tempData.link instanceof Object) {
+        tempData.link = JSON.stringify(tempData.link);
+      }
+      return tempData;
+    });
+    // .filter((item) => item.from !== ' tmpl');
+    await actions.configNavigations(formartedData);
+  }
+  async function resetNavigation() {
+    await saveNavigationList([]);
+    state.rawNavigation = (0, _cloneDeep.default)(builtinList);
+  }
+  return {
+    state,
+    navigation: treeNavigation,
+    components,
+    getNavigationFullLink,
+    updateActiveSection,
+    updateNavigationItem,
+    delNavigationItem,
+    addNavigationItem,
+    updateNavigationTree,
+    getNavigation,
+    saveNavigationList,
+    resetNavigation
+  };
+}

package/lib/hooks/use-passport-id.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = usePassportId;
+var _useLocalStorage = _interopRequireDefault(require("react-use/lib/useLocalStorage"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function usePassportId() {
+  const [passportId, setPassportId, clearPassportId] = (0, _useLocalStorage.default)('passportId', '');
+  const getPassportId = () => {
+    setTimeout(() => {
+      clearPassportId();
+    }, 0);
+    return passportId || '';
+  };
+  return {
+    getPassportId,
+    setPassportId
+  };
+}

package/lib/hooks/use-subscription.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSubscription = useSubscription;
+var _react = require("react");
+// eslint-disable-next-line import/prefer-default-export
+function useSubscription(_ref) {
+  let {
+    wsClient,
+    event,
+    cb = () => {},
+    deps = []
+  } = _ref;
+  (0, _react.useEffect)(() => {
+    // if deps has false value, do not sub
+    const shouldSub = wsClient && (!deps.length || deps.every(Boolean));
+    if (shouldSub) {
+      wsClient.on(event, cb);
+    }
+    return () => {
+      if (shouldSub) {
+        wsClient.off(event, cb);
+      }
+    };
+  }, deps); // eslint-disable-line
+}

package/lib/icons/long-arrow.svg

@@ -0,0 +1,5 @@
+<svg width="65" height="16" viewBox="0 0 65 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M64.7071 8.70711C65.0976 8.31658 65.0976 7.68342 64.7071 7.29289L58.3431 0.928932C57.9526 0.538408 57.3195 0.538408 56.9289 0.928932C56.5384 1.31946 56.5384 1.95262 56.9289 2.34315L62.5858 8L56.9289 13.6569C56.5384 14.0474 56.5384 14.6805 56.9289 15.0711C57.3195 15.4616 57.9526 15.4616 58.3431 15.0711L64.7071 8.70711ZM0 9H64V7H0V9Z"
+    fill="#666666" />
+</svg>

package/lib/index.js

@@ -15,9 +15,6 @@ Object.defineProperty(exports, "LostPassport", {
     return _lostPassport.default;
   }
 });
-
 var _issuePassport = _interopRequireDefault(require("./issue-passport"));
-
 var _lostPassport = _interopRequireDefault(require("./lost-passport"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }