@blocklet/did-space-react 1.0.9 → 1.0.11

package/README.md

@@ -143,3 +143,46 @@ export default function Demo() {
   );
 }
 ```
+
+### Custom Footer
+
+You can customize the footer content of DIDSpaceConnection through the footer attribute. By default, when footer is set to true, it displays the latest audit log information. You can also provide your own custom footer content.
+
+Example 1: Display the latest audit log by default
+
+```tsx
+import { DIDSpaceConnection } from '@blocklet/did-space-react';
+
+export default function Demo() {
+  const endpoint = 'https://${spaceDomain}/app/api/space/${spaceDid}/app/${appDid}/object/';
+
+  return <DIDSpaceConnection endpoint={x.endpoint} selected footer />;
+}
+```
+
+Example 2: Custom Footer Content
+
+```tsx
+import { DIDSpaceConnection } from '@blocklet/did-space-react';
+
+export default function Demo() {
+  const endpoint = 'https://${spaceDomain}/app/api/space/${spaceDid}/app/${appDid}/object/';
+
+  return (
+    <DIDSpaceConnection
+      endpoint={x.endpoint}
+      selected
+      footer={({ spaceGateway, selected, refresh, originalFooter }) => (
+        <>
+          {/* display the latest audit log */}
+          {originalFooter}
+          {/* display DID Space version number */}
+          <Box display="flex" alignItems="center">
+            <Typography>{spaceGateway.version}</Typography>
+          </Box>
+        </>
+      )}
+    />
+  );
+}
+```

package/dist/cjs/components/space-card/audit-log-bar.d.ts

@@ -0,0 +1,4 @@
+export declare function AuditLogBar({ endpoint, deps }: {
+    endpoint: string;
+    deps?: any[];
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/cjs/components/space-card/audit-log-bar.js

@@ -0,0 +1,44 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const material = require('@mui/material');
+const OpenInNewIcon = require('@mui/icons-material/OpenInNew');
+const ufo = require('ufo');
+const util = require('../../libs/util.js');
+const useLocale = require('../../hooks/use-locale.js');
+const useAuditLog = require('../../hooks/use-audit-log.js');
+
+function AuditLogBar({ endpoint, deps = [] }) {
+  const { t } = useLocale();
+  const { loading, data: auditLogs } = useAuditLog({
+    endpoint,
+    deps
+  });
+  const { baseUrl, spaceDid, appDid } = util.getSpaceEndpointContext(endpoint);
+  const latestLog = auditLogs?.[0];
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(material.Skeleton, { variant: "text", sx: { width: "100%", fontSize: "1rem" } });
+  }
+  if (!latestLog) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { ml: "4px", fontSize: "14px" }, children: [
+    latestLog.description,
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      material.Link,
+      {
+        href: ufo.joinURL(baseUrl, `space/${spaceDid}/apps/${appDid}/auditLogs`),
+        target: "_blank",
+        underline: "hover",
+        sx: { color: "primary.main", ml: 1, display: "inline-flex", alignItems: "center" },
+        children: [
+          t("common.viewMore"),
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsx(OpenInNewIcon, { sx: { fontSize: "14px", marginLeft: "4px", verticalAlign: "-2px" } })
+        ]
+      }
+    )
+  ] });
+}
+
+exports.AuditLogBar = AuditLogBar;

package/dist/cjs/components/space-card/index.d.ts

@@ -1,21 +1,26 @@
 import { BoxProps } from '@mui/material';
 import { DIDSpaceGateway, DIDSpaceStatus } from '../../types';
-export type DIDSpaceConnectionAction = React.ReactNode | ((props: {
+export interface DIDSpaceConnectionContext {
     spaceGateway: DIDSpaceGateway;
     spaceStatus: DIDSpaceStatus;
     errorCode: number;
     selected: boolean;
     compat: boolean;
     refresh: () => void;
+}
+export type DIDSpaceConnectionAction = React.ReactNode | ((props: DIDSpaceConnectionContext) => React.ReactNode);
+export type DIDSpaceConnectionFooter = false | true | React.ReactNode | ((props: DIDSpaceConnectionContext & {
+    originalFooter: React.ReactNode;
 }) => React.ReactNode);
 export interface DIDSpaceConnectionProps extends BoxProps {
     endpoint: string;
     selected?: boolean;
     compat?: boolean;
     action?: DIDSpaceConnectionAction;
+    footer?: DIDSpaceConnectionFooter;
     deps?: any[];
 }
-export declare function DIDSpaceConnection({ endpoint, selected, compat, action, className, deps, ...rest }: DIDSpaceConnectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function DIDSpaceConnection({ endpoint, selected, compat, action, footer, className, deps, ...rest }: DIDSpaceConnectionProps): import("react/jsx-runtime").JSX.Element;
 export type SpaceCardProps = DIDSpaceConnectionProps;
 export declare const SpaceCard: typeof DIDSpaceConnection;
 export type Action = DIDSpaceConnectionAction;

package/dist/cjs/components/space-card/index.js

@@ -11,8 +11,9 @@ const React = require('react');
 const axios = require('axios');
 const ahooks = require('ahooks');
 const semver = require('semver');
+const constants = require('@did-space/core/constants');
 const _package = require('../../package.json.js');
-const constants = require('../../libs/constants.js');
+const constants$1 = require('../../libs/constants.js');
 const useMobile = require('../../hooks/use-mobile.js');
 const useSpaceInfo = require('../../hooks/use-space-info.js');
 const useLocale = require('../../hooks/use-locale.js');
@@ -20,6 +21,7 @@ const util = require('../../libs/util.js');
 const index = require('../../types/index.js');
 require('../../icons/index.js');
 const index$1 = require('../preview-space-nft/index.js');
+const auditLogBar = require('./audit-log-bar.js');
 const spaceConnected = require('../../icons/space-connected.svg.js');
 const spaceDisconnect = require('../../icons/space-disconnect.svg.js');
 const spaceConnectError = require('../../icons/space-connect-error.svg.js');
@@ -88,7 +90,7 @@ function Status({
       // CORS 拦截
       [constants.SPACE_CONNECT_ERROR_CODE.CORS_BLOCKED]: {
         icon: /* @__PURE__ */ jsxRuntime.jsx(spaceConnectError, { style: iconStyle }),
-        text: /* @__PURE__ */ jsxRuntime.jsx(ErrorLink, { title: t("storage.spaces.error.corsBlocked"), url: ufo.withQuery(constants.fixCorsErrorPageUrl, { locale }) })
+        text: /* @__PURE__ */ jsxRuntime.jsx(ErrorLink, { title: t("storage.spaces.error.corsBlocked"), url: ufo.withQuery(constants$1.fixCorsErrorPageUrl, { locale }) })
       },
       // Space 版本不兼容
       [constants.SPACE_CONNECT_ERROR_CODE.INCOMPATIBLE]: {
@@ -157,8 +159,9 @@ function DIDSpaceConnection({
   selected = false,
   compat,
   action,
+  footer = false,
   className,
-  deps,
+  deps = [],
   ...rest
 }) {
   const isMobile = useMobile();
@@ -171,6 +174,7 @@ function DIDSpaceConnection({
   const spaceUrl = util.getSpaceUrlFromEndpoint(endpoint);
   const gatewayUrl = util.getSpaceGatewayUrlFromEndpoint(endpoint);
   const [refreshSpaceInfo, setRefreshSpaceInfo] = React.useState(false);
+  const refreshDeps = React.useMemo(() => [refreshSpaceInfo].concat(deps), [refreshSpaceInfo, deps]);
   const refresh = () => setRefreshSpaceInfo((p) => !p);
   const {
     data: spaceInfo,
@@ -178,7 +182,7 @@ function DIDSpaceConnection({
     loading
   } = useSpaceInfo({
     endpoint,
-    deps: [refreshSpaceInfo].concat(deps ?? [])
+    deps: refreshDeps
   });
   let spaceName = "";
   const isAvailable = spaceInfo?.isAvailable ?? false;
@@ -212,27 +216,41 @@ function DIDSpaceConnection({
       spaceStatus.current = index.DIDSpaceStatus.CONNECTED;
     }
   }
+  const context = {
+    spaceGateway: {
+      did: spaceDid,
+      name: spaceInfo?.name ?? "",
+      url: gatewayUrl,
+      endpoint,
+      ownerDid: spaceInfo?.ownerDid ?? ""
+    },
+    spaceStatus: spaceStatus.current,
+    errorCode,
+    selected,
+    compat: isCompact,
+    refresh
+  };
   const renderAction = () => {
     if (loading)
       return null;
     if (typeof action === "function") {
-      return action({
-        spaceGateway: {
-          did: spaceDid,
-          name: spaceInfo?.name ?? "",
-          url: gatewayUrl,
-          endpoint,
-          ownerDid: spaceInfo?.ownerDid ?? ""
-        },
-        spaceStatus: spaceStatus.current,
-        errorCode,
-        selected,
-        compat: isCompact,
-        refresh
-      });
+      return action(context);
     }
     return action;
   };
+  const originalFooter = /* @__PURE__ */ jsxRuntime.jsx(auditLogBar.AuditLogBar, { endpoint, deps: refreshDeps });
+  const renderFooter = () => {
+    if (typeof footer === "function") {
+      return footer({
+        ...context,
+        originalFooter
+      });
+    }
+    if (footer === true) {
+      return originalFooter;
+    }
+    return null;
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     BoxContainer,
     {
@@ -242,6 +260,22 @@ function DIDSpaceConnection({
       }),
       ...rest,
       children: [
+        isCompact && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { display: "flex", alignItems: "center", marginBottom: 1, children: [
+          selected && /* @__PURE__ */ jsxRuntime.jsx(
+            Status,
+            {
+              spaceUrl,
+              status: spaceStatus.current,
+              errorCode,
+              refresh,
+              spaceInfo,
+              flexShrink: 0,
+              sx: { ml: "4px" }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(material.Box, { flex: 1 }),
+          renderAction()
+        ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { display: "flex", alignItems: "center", children: [
           /* @__PURE__ */ jsxRuntime.jsx(index$1.DIDSpaceNFTPreview, { src: util.getSpaceNftDisplayUrlFromEndpoint(endpoint), width: "72px", height: "72px" }),
           /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { ml: 2, flex: 1, spacing: 1, minWidth: 0, children: [
@@ -277,21 +311,7 @@ function DIDSpaceConnection({
           ] }),
           !isCompact && renderAction()
         ] }),
-        isCompact && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { display: "flex", alignItems: "center", marginTop: 0.5, children: [
-          selected && /* @__PURE__ */ jsxRuntime.jsx(
-            Status,
-            {
-              spaceUrl,
-              status: spaceStatus.current,
-              errorCode,
-              refresh,
-              spaceInfo,
-              flexShrink: 0
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(material.Box, { flex: 1 }),
-          renderAction()
-        ] })
+        renderFooter()
       ]
     }
   );

package/dist/cjs/hooks/use-audit-log.d.ts

@@ -0,0 +1,16 @@
+import type { AuditLogModel } from '@did-space/core';
+import { AuditLogAction, AuditLogStatus } from '@did-space/core/model';
+export interface AuditLogModelExtra extends AuditLogModel {
+    description: React.ReactNode;
+}
+export default function useAuditLog({ endpoint, size, status, actionType, deps, }: {
+    endpoint: string;
+    size?: number;
+    status?: AuditLogStatus | AuditLogStatus[];
+    actionType?: AuditLogAction | AuditLogAction[];
+    deps?: any[];
+}): {
+    loading: boolean;
+    data: AuditLogModelExtra[] | undefined;
+    error: Error | undefined;
+};

package/dist/cjs/hooks/use-audit-log.js

@@ -0,0 +1,86 @@
+'use strict';
+
+const isUrl = require('is-url');
+const ahooks = require('ahooks');
+const model = require('@did-space/core/model');
+const ufo = require('ufo');
+const xbytes = require('xbytes');
+const api = require('../libs/api.js');
+const useLocale = require('./use-locale.js');
+const util = require('../libs/util.js');
+
+const TranslateKeyMap = {
+  [model.AuditLogAction.APP_BACKUP]: {
+    description: "auditLog.backup.description"
+  },
+  [model.AuditLogAction.APP_RESTORE]: {
+    description: "auditLog.restore.description"
+  },
+  [model.AuditLogAction.APP_CONNECTED]: {
+    description: "auditLog.connected.description"
+  },
+  [model.AuditLogAction.APP_DISCONNECTED]: {
+    description: "auditLog.disconnected.description"
+  },
+  [model.AuditLogAction.APP_OBJECTS_SYNC]: {
+    description: "auditLog.objectsSync.description"
+  }
+};
+function useAuditLog({
+  endpoint,
+  size = 1,
+  status = model.AuditLogStatus.SUCCEEDED,
+  actionType = [model.AuditLogAction.APP_BACKUP, model.AuditLogAction.APP_RESTORE, model.AuditLogAction.APP_OBJECTS_SYNC],
+  deps = []
+}) {
+  const { t, locale } = useLocale();
+  const { loading, data, error } = ahooks.useRequest(
+    async () => {
+      if (!isUrl(endpoint)) {
+        return void 0;
+      }
+      const { data: res } = await api.get(
+        ufo.joinURL(window.location.origin, "/.well-known/service/api/did-space/audit-log/list"),
+        {
+          timeout: 1e3 * 30,
+          params: {
+            endpoint,
+            size,
+            status,
+            actionType
+          }
+        }
+      );
+      return res.data.rows;
+    },
+    {
+      refreshDeps: [endpoint, size].concat(deps),
+      onError(err) {
+        console.error(err);
+      }
+    }
+  );
+  const rows = ahooks.useCreation(() => {
+    return data?.map((v) => {
+      const extraData = v.data;
+      if (v.actionType === model.AuditLogAction.APP_OBJECTS_SYNC) {
+        extraData.size = xbytes(extraData.size, { iec: true });
+      }
+      const result = {
+        ...v,
+        description: t(TranslateKeyMap[v.actionType].description, {
+          ...extraData,
+          relativeTime: util.formatRelativeTime(v.createdAt, locale)
+        })
+      };
+      return result;
+    });
+  }, [data, locale]);
+  return {
+    loading,
+    data: rows,
+    error
+  };
+}
+
+module.exports = useAuditLog;

package/dist/cjs/hooks/use-space-info.js

@@ -2,7 +2,7 @@
 
 const isUrl = require('is-url');
 const ahooks = require('ahooks');
-const constants = require('../libs/constants.js');
+const constants = require('@did-space/core/constants');
 const api = require('../libs/api.js');
 
 function useSpaceInfo({ endpoint, deps = [] }) {

package/dist/cjs/index.js

@@ -37,15 +37,16 @@ exports.ReConnect = index$2.ReConnect;
 exports.SessionConnectTo = index$2.SessionConnectTo;
 exports.BaseConnectTo = index$3.BaseConnectTo;
 exports.AUTHORIZE = constants.AUTHORIZE;
-exports.SPACE_CONNECT_ERROR_CODE = constants.SPACE_CONNECT_ERROR_CODE;
 exports.copyGatewayPageUrl = constants.copyGatewayPageUrl;
 exports.fixCorsErrorPageUrl = constants.fixCorsErrorPageUrl;
 exports.isDebugMode = constants.isDebugMode;
 exports.classNames = util.classNames;
 exports.decryptSpaceGateway = util.decryptSpaceGateway;
 exports.extraDIDSpacesCoreUrl = util.extraDIDSpacesCoreUrl;
+exports.formatRelativeTime = util.formatRelativeTime;
 exports.getSpaceDidFromEndpoint = util.getSpaceDidFromEndpoint;
 exports.getSpaceDidFromSpaceUrl = util.getSpaceDidFromSpaceUrl;
+exports.getSpaceEndpointContext = util.getSpaceEndpointContext;
 exports.getSpaceGatewayUrlFromEndpoint = util.getSpaceGatewayUrlFromEndpoint;
 exports.getSpaceNftDisplayUrlFromEndpoint = util.getSpaceNftDisplayUrlFromEndpoint;
 exports.getSpaceUrlFromEndpoint = util.getSpaceUrlFromEndpoint;

package/dist/cjs/libs/constants.d.ts

@@ -1,21 +1,3 @@
-export declare const SPACE_CONNECT_ERROR_CODE: {
-    /** 网络错误 */
-    NETWORK_ERROR: number;
-    /** 未授权 */
-    UNAUTHORIZED: number;
-    /** 订阅过期 */
-    EXPIRED: number;
-    /** 订阅逾期 */
-    PAST_DUE: number;
-    /** 订阅状态异常 */
-    INVALID: number;
-    /** 用量不足 */
-    UNIT_LIMIT: number;
-    /** 跨域限制 */
-    CORS_BLOCKED: number;
-    /** Space 版本不兼容 */
-    INCOMPATIBLE: number;
-};
 export declare const AUTHORIZE: {
     DEFAULT_SCOPE: string;
 };

package/dist/cjs/libs/constants.js

@@ -1,23 +1,5 @@
 'use strict';
 
-const SPACE_CONNECT_ERROR_CODE = {
-  /** 网络错误 */
-  NETWORK_ERROR: 1001,
-  /** 未授权 */
-  UNAUTHORIZED: 1002,
-  /** 订阅过期 */
-  EXPIRED: 1003,
-  /** 订阅逾期 */
-  PAST_DUE: 1004,
-  /** 订阅状态异常 */
-  INVALID: 1005,
-  /** 用量不足 */
-  UNIT_LIMIT: 1006,
-  /** 跨域限制 */
-  CORS_BLOCKED: 1007,
-  /** Space 版本不兼容 */
-  INCOMPATIBLE: 1008
-};
 const AUTHORIZE = {
   DEFAULT_SCOPE: "list:object read:object write:object"
 };
@@ -26,7 +8,6 @@ const fixCorsErrorPageUrl = "https://www.arcblock.io/docs/did-spaces/fixing-cors
 const isDebugMode = window.blocklet?.DEBUG_MODE === "true" || window.localStorage.getItem("debug") === "true";
 
 exports.AUTHORIZE = AUTHORIZE;
-exports.SPACE_CONNECT_ERROR_CODE = SPACE_CONNECT_ERROR_CODE;
 exports.copyGatewayPageUrl = copyGatewayPageUrl;
 exports.fixCorsErrorPageUrl = fixCorsErrorPageUrl;
 exports.isDebugMode = isDebugMode;

package/dist/cjs/libs/util.d.ts

@@ -1,4 +1,5 @@
 import { type AxiosError } from 'axios';
+import { type TDate } from 'timeago.js';
 type ClassStr = string | undefined | null;
 /** classObj -> className
  * examples:
@@ -11,7 +12,12 @@ type ClassStr = string | undefined | null;
  * classNames(['foo', 'bar']); // => 'foo bar'
  */
 export declare function classNames(...classes: (ClassStr | Record<string, boolean> | Array<ClassStr | Record<string, boolean>>)[]): string;
-export declare function getSpaceDidFromEndpoint(endpoint: string): string | undefined;
+export declare function getSpaceEndpointContext(endpoint: string): {
+    baseUrl: string;
+    spaceDid: string;
+    appDid: string;
+};
+export declare function getSpaceDidFromEndpoint(endpoint: string): string;
 export declare function getSpaceUrlFromEndpoint(endpoint: string): string;
 export declare function getSpaceNftDisplayUrlFromEndpoint(endpoint: string): string;
 export declare function getSpaceGatewayUrlFromEndpoint(endpoint: string): string;
@@ -21,4 +27,5 @@ export declare function decryptSpaceGateway(response: Record<string, string>, de
 export declare function isCorsBlockedError(error: AxiosError): boolean;
 export declare function t(key: string, locale?: string, data?: Record<string, any>): string;
 export declare function t(key: string, data?: Record<string, any>): string;
+export declare function formatRelativeTime(date: TDate, locale?: string): string;
 export {};

package/dist/cjs/libs/util.js

@@ -3,6 +3,7 @@
 const ufo = require('ufo');
 const isEmpty = require('lodash/isEmpty');
 const util = require('@arcblock/ux/lib/Locale/util');
+const timeago_js = require('timeago.js');
 const index = require('../locales/index.js');
 
 function classNames(...classes) {
@@ -24,22 +25,28 @@ function classNames(...classes) {
   });
   return result.join(" ");
 }
-function getSpaceDidFromEndpoint(endpoint) {
+function getSpaceEndpointContext(endpoint) {
+  const baseUrl = endpoint.replace(/\/api\/space\/.+/, "");
   const strArray = endpoint.replace(/\/$/, "").split("/");
   const spaceDid = strArray.at(-4);
+  const appDid = strArray.at(-2);
+  return {
+    baseUrl,
+    spaceDid,
+    appDid
+  };
+}
+function getSpaceDidFromEndpoint(endpoint) {
+  const { spaceDid } = getSpaceEndpointContext(endpoint);
   return spaceDid;
 }
 function getSpaceUrlFromEndpoint(endpoint) {
-  const prefix = endpoint.replace(/\/api\/space\/.+/, "");
-  const strArray = endpoint.replace(/\/$/, "").split("/");
-  const spaceDid = strArray.at(-4);
-  return ufo.joinURL(prefix, "space", spaceDid);
+  const { baseUrl, spaceDid } = getSpaceEndpointContext(endpoint);
+  return ufo.joinURL(baseUrl, "space", spaceDid);
 }
 function getSpaceNftDisplayUrlFromEndpoint(endpoint) {
-  const prefix = endpoint.replace(/\/api\/space\/.+/, "");
-  const strArray = endpoint.replace(/\/$/, "").split("/");
-  const spaceDid = strArray.at(-4);
-  return ufo.joinURL(prefix, `/api/space/nft/display?spaceDid=${spaceDid}`);
+  const { baseUrl, spaceDid } = getSpaceEndpointContext(endpoint);
+  return ufo.joinURL(baseUrl, `/api/space/nft/display?spaceDid=${spaceDid}`);
 }
 function getSpaceGatewayUrlFromEndpoint(endpoint) {
   const spaceUrl = getSpaceUrlFromEndpoint(endpoint);
@@ -81,12 +88,22 @@ function t(key, localeOrData, data = {}) {
   const finalData = typeof localeOrData === "object" ? localeOrData : data;
   return util.translate(index.translations, key, locale, "en", finalData);
 }
+function formatRelativeTime(date, locale = "en") {
+  let _locale = locale;
+  if (locale === "zh")
+    _locale = "zh_CN";
+  if (locale === "en")
+    _locale = "en_US";
+  return timeago_js.format(date, _locale);
+}
 
 exports.classNames = classNames;
 exports.decryptSpaceGateway = decryptSpaceGateway;
 exports.extraDIDSpacesCoreUrl = extraDIDSpacesCoreUrl;
+exports.formatRelativeTime = formatRelativeTime;
 exports.getSpaceDidFromEndpoint = getSpaceDidFromEndpoint;
 exports.getSpaceDidFromSpaceUrl = getSpaceDidFromSpaceUrl;
+exports.getSpaceEndpointContext = getSpaceEndpointContext;
 exports.getSpaceGatewayUrlFromEndpoint = getSpaceGatewayUrlFromEndpoint;
 exports.getSpaceNftDisplayUrlFromEndpoint = getSpaceNftDisplayUrlFromEndpoint;
 exports.getSpaceUrlFromEndpoint = getSpaceUrlFromEndpoint;

package/dist/cjs/locales/en.js

@@ -11,7 +11,8 @@ const en = flat.flatten({
     open: "Open",
     unknown: "Unknown",
     invalidUrl: "Invalid url: {url}",
-    upgrade: "Upgrade"
+    upgrade: "Upgrade",
+    viewMore: "View More"
   },
   storage: {
     spaces: {
@@ -60,6 +61,23 @@ const en = flat.flatten({
         fixCorsError: "Fixing CORS Errors When Connecting to DID Spaces"
       }
     }
+  },
+  auditLog: {
+    backup: {
+      description: "A backup operation was completed {relativeTime}"
+    },
+    restore: {
+      description: "A restore operation was completed {relativeTime}"
+    },
+    connected: {
+      description: "A connection was established {relativeTime}"
+    },
+    disconnected: {
+      description: "The connection was disconnected {relativeTime}"
+    },
+    objectsSync: {
+      description: "{totalCount} objects ({size}) were synchronized {relativeTime}"
+    }
   }
 });
 

package/dist/cjs/locales/zh.js

@@ -11,7 +11,8 @@ const zh = flat.flatten({
     open: "\u6253\u5F00",
     unknown: "\u672A\u77E5",
     invalidUrl: "\u65E0\u6548\u7684 url: {url}",
-    upgrade: "\u5347\u7EA7"
+    upgrade: "\u5347\u7EA7",
+    viewMore: "\u67E5\u770B\u66F4\u591A"
   },
   storage: {
     spaces: {
@@ -60,6 +61,23 @@ const zh = flat.flatten({
         fixCorsError: "\u4FEE\u590D\u8FDE\u63A5 DID Spaces \u65F6\u7684 CORS \u9519\u8BEF"
       }
     }
+  },
+  auditLog: {
+    backup: {
+      description: "\u5728 {relativeTime} \u5B8C\u6210\u4E86\u5907\u4EFD\u64CD\u4F5C"
+    },
+    restore: {
+      description: "\u5728 {relativeTime} \u5B8C\u6210\u4E86\u8FD8\u539F\u64CD\u4F5C"
+    },
+    connected: {
+      description: "\u5728 {relativeTime} \u5B8C\u6210\u4E86\u8FDE\u63A5\u64CD\u4F5C"
+    },
+    disconnected: {
+      description: "\u5728 {relativeTime} \u65AD\u5F00\u4E86\u8FDE\u63A5"
+    },
+    objectsSync: {
+      description: "{totalCount} \u4E2A\u5BF9\u8C61\uFF08{size}\uFF09\u5728 {relativeTime} \u5B8C\u6210\u4E86\u540C\u6B65"
+    }
   }
 });
 

package/dist/cjs/package.json.js

@@ -1,5 +1,5 @@
 'use strict';
 
-const version = "1.0.9";
+const version = "1.0.11";
 
 exports.version = version;

package/dist/es/components/space-card/audit-log-bar.d.ts

@@ -0,0 +1,4 @@
+export declare function AuditLogBar({ endpoint, deps }: {
+    endpoint: string;
+    deps?: any[];
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/es/components/space-card/audit-log-bar.js

@@ -0,0 +1,42 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Skeleton, Box, Link } from '@mui/material';
+import OpenInNewIcon from '@mui/icons-material/OpenInNew';
+import { joinURL } from 'ufo';
+import { getSpaceEndpointContext } from '../../libs/util.js';
+import useLocale from '../../hooks/use-locale.js';
+import useAuditLog from '../../hooks/use-audit-log.js';
+
+function AuditLogBar({ endpoint, deps = [] }) {
+  const { t } = useLocale();
+  const { loading, data: auditLogs } = useAuditLog({
+    endpoint,
+    deps
+  });
+  const { baseUrl, spaceDid, appDid } = getSpaceEndpointContext(endpoint);
+  const latestLog = auditLogs?.[0];
+  if (loading) {
+    return /* @__PURE__ */ jsx(Skeleton, { variant: "text", sx: { width: "100%", fontSize: "1rem" } });
+  }
+  if (!latestLog) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Box, { sx: { ml: "4px", fontSize: "14px" }, children: [
+    latestLog.description,
+    /* @__PURE__ */ jsxs(
+      Link,
+      {
+        href: joinURL(baseUrl, `space/${spaceDid}/apps/${appDid}/auditLogs`),
+        target: "_blank",
+        underline: "hover",
+        sx: { color: "primary.main", ml: 1, display: "inline-flex", alignItems: "center" },
+        children: [
+          t("common.viewMore"),
+          " ",
+          /* @__PURE__ */ jsx(OpenInNewIcon, { sx: { fontSize: "14px", marginLeft: "4px", verticalAlign: "-2px" } })
+        ]
+      }
+    )
+  ] });
+}
+
+export { AuditLogBar };

package/dist/es/components/space-card/index.d.ts

@@ -1,21 +1,26 @@
 import { BoxProps } from '@mui/material';
 import { DIDSpaceGateway, DIDSpaceStatus } from '../../types';
-export type DIDSpaceConnectionAction = React.ReactNode | ((props: {
+export interface DIDSpaceConnectionContext {
     spaceGateway: DIDSpaceGateway;
     spaceStatus: DIDSpaceStatus;
     errorCode: number;
     selected: boolean;
     compat: boolean;
     refresh: () => void;
+}
+export type DIDSpaceConnectionAction = React.ReactNode | ((props: DIDSpaceConnectionContext) => React.ReactNode);
+export type DIDSpaceConnectionFooter = false | true | React.ReactNode | ((props: DIDSpaceConnectionContext & {
+    originalFooter: React.ReactNode;
 }) => React.ReactNode);
 export interface DIDSpaceConnectionProps extends BoxProps {
     endpoint: string;
     selected?: boolean;
     compat?: boolean;
     action?: DIDSpaceConnectionAction;
+    footer?: DIDSpaceConnectionFooter;
     deps?: any[];
 }
-export declare function DIDSpaceConnection({ endpoint, selected, compat, action, className, deps, ...rest }: DIDSpaceConnectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function DIDSpaceConnection({ endpoint, selected, compat, action, footer, className, deps, ...rest }: DIDSpaceConnectionProps): import("react/jsx-runtime").JSX.Element;
 export type SpaceCardProps = DIDSpaceConnectionProps;
 export declare const SpaceCard: typeof DIDSpaceConnection;
 export type Action = DIDSpaceConnectionAction;

package/dist/es/components/space-card/index.js

@@ -5,12 +5,13 @@ import { Box, Stack, Tooltip, Link, Skeleton } from '@mui/material';
 import OpenInNewIcon from '@mui/icons-material/OpenInNew';
 import DidAddress from '@arcblock/ux/lib/DID';
 import { styled } from '@arcblock/ux/lib/Theme';
-import { useState, useRef, useMemo, useEffect } from 'react';
+import { useState, useMemo, useRef, useEffect } from 'react';
 import { AxiosError } from 'axios';
 import { useCreation } from 'ahooks';
 import semver from 'semver';
+import { SPACE_CONNECT_ERROR_CODE } from '@did-space/core/constants';
 import { version } from '../../package.json.js';
-import { SPACE_CONNECT_ERROR_CODE, fixCorsErrorPageUrl } from '../../libs/constants.js';
+import { fixCorsErrorPageUrl } from '../../libs/constants.js';
 import useMobile from '../../hooks/use-mobile.js';
 import useSpaceInfo from '../../hooks/use-space-info.js';
 import useLocale from '../../hooks/use-locale.js';
@@ -18,6 +19,7 @@ import { getSpaceDidFromEndpoint, getSpaceUrlFromEndpoint, getSpaceGatewayUrlFro
 import { DIDSpaceStatus } from '../../types/index.js';
 import '../../icons/index.js';
 import { DIDSpaceNFTPreview } from '../preview-space-nft/index.js';
+import { AuditLogBar } from './audit-log-bar.js';
 import SvgSpaceConnected from '../../icons/space-connected.svg.js';
 import SvgSpaceDisconnect from '../../icons/space-disconnect.svg.js';
 import SvgSpaceConnectError from '../../icons/space-connect-error.svg.js';
@@ -155,8 +157,9 @@ function DIDSpaceConnection({
   selected = false,
   compat,
   action,
+  footer = false,
   className,
-  deps,
+  deps = [],
   ...rest
 }) {
   const isMobile = useMobile();
@@ -169,6 +172,7 @@ function DIDSpaceConnection({
   const spaceUrl = getSpaceUrlFromEndpoint(endpoint);
   const gatewayUrl = getSpaceGatewayUrlFromEndpoint(endpoint);
   const [refreshSpaceInfo, setRefreshSpaceInfo] = useState(false);
+  const refreshDeps = useMemo(() => [refreshSpaceInfo].concat(deps), [refreshSpaceInfo, deps]);
   const refresh = () => setRefreshSpaceInfo((p) => !p);
   const {
     data: spaceInfo,
@@ -176,7 +180,7 @@ function DIDSpaceConnection({
     loading
   } = useSpaceInfo({
     endpoint,
-    deps: [refreshSpaceInfo].concat(deps ?? [])
+    deps: refreshDeps
   });
   let spaceName = "";
   const isAvailable = spaceInfo?.isAvailable ?? false;
@@ -210,27 +214,41 @@ function DIDSpaceConnection({
       spaceStatus.current = DIDSpaceStatus.CONNECTED;
     }
   }
+  const context = {
+    spaceGateway: {
+      did: spaceDid,
+      name: spaceInfo?.name ?? "",
+      url: gatewayUrl,
+      endpoint,
+      ownerDid: spaceInfo?.ownerDid ?? ""
+    },
+    spaceStatus: spaceStatus.current,
+    errorCode,
+    selected,
+    compat: isCompact,
+    refresh
+  };
   const renderAction = () => {
     if (loading)
       return null;
     if (typeof action === "function") {
-      return action({
-        spaceGateway: {
-          did: spaceDid,
-          name: spaceInfo?.name ?? "",
-          url: gatewayUrl,
-          endpoint,
-          ownerDid: spaceInfo?.ownerDid ?? ""
-        },
-        spaceStatus: spaceStatus.current,
-        errorCode,
-        selected,
-        compat: isCompact,
-        refresh
-      });
+      return action(context);
     }
     return action;
   };
+  const originalFooter = /* @__PURE__ */ jsx(AuditLogBar, { endpoint, deps: refreshDeps });
+  const renderFooter = () => {
+    if (typeof footer === "function") {
+      return footer({
+        ...context,
+        originalFooter
+      });
+    }
+    if (footer === true) {
+      return originalFooter;
+    }
+    return null;
+  };
   return /* @__PURE__ */ jsxs(
     BoxContainer,
     {
@@ -240,6 +258,22 @@ function DIDSpaceConnection({
       }),
       ...rest,
       children: [
+        isCompact && /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", marginBottom: 1, children: [
+          selected && /* @__PURE__ */ jsx(
+            Status,
+            {
+              spaceUrl,
+              status: spaceStatus.current,
+              errorCode,
+              refresh,
+              spaceInfo,
+              flexShrink: 0,
+              sx: { ml: "4px" }
+            }
+          ),
+          /* @__PURE__ */ jsx(Box, { flex: 1 }),
+          renderAction()
+        ] }),
         /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
           /* @__PURE__ */ jsx(DIDSpaceNFTPreview, { src: getSpaceNftDisplayUrlFromEndpoint(endpoint), width: "72px", height: "72px" }),
           /* @__PURE__ */ jsxs(Stack, { ml: 2, flex: 1, spacing: 1, minWidth: 0, children: [
@@ -275,21 +309,7 @@ function DIDSpaceConnection({
           ] }),
           !isCompact && renderAction()
         ] }),
-        isCompact && /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", marginTop: 0.5, children: [
-          selected && /* @__PURE__ */ jsx(
-            Status,
-            {
-              spaceUrl,
-              status: spaceStatus.current,
-              errorCode,
-              refresh,
-              spaceInfo,
-              flexShrink: 0
-            }
-          ),
-          /* @__PURE__ */ jsx(Box, { flex: 1 }),
-          renderAction()
-        ] })
+        renderFooter()
       ]
     }
   );

package/dist/es/hooks/use-audit-log.d.ts

@@ -0,0 +1,16 @@
+import type { AuditLogModel } from '@did-space/core';
+import { AuditLogAction, AuditLogStatus } from '@did-space/core/model';
+export interface AuditLogModelExtra extends AuditLogModel {
+    description: React.ReactNode;
+}
+export default function useAuditLog({ endpoint, size, status, actionType, deps, }: {
+    endpoint: string;
+    size?: number;
+    status?: AuditLogStatus | AuditLogStatus[];
+    actionType?: AuditLogAction | AuditLogAction[];
+    deps?: any[];
+}): {
+    loading: boolean;
+    data: AuditLogModelExtra[] | undefined;
+    error: Error | undefined;
+};

package/dist/es/hooks/use-audit-log.js

@@ -0,0 +1,84 @@
+import isUrl from 'is-url';
+import { useRequest, useCreation } from 'ahooks';
+import { AuditLogAction, AuditLogStatus } from '@did-space/core/model';
+import { joinURL } from 'ufo';
+import xbytes from 'xbytes';
+import api from '../libs/api.js';
+import useLocale from './use-locale.js';
+import { formatRelativeTime } from '../libs/util.js';
+
+const TranslateKeyMap = {
+  [AuditLogAction.APP_BACKUP]: {
+    description: "auditLog.backup.description"
+  },
+  [AuditLogAction.APP_RESTORE]: {
+    description: "auditLog.restore.description"
+  },
+  [AuditLogAction.APP_CONNECTED]: {
+    description: "auditLog.connected.description"
+  },
+  [AuditLogAction.APP_DISCONNECTED]: {
+    description: "auditLog.disconnected.description"
+  },
+  [AuditLogAction.APP_OBJECTS_SYNC]: {
+    description: "auditLog.objectsSync.description"
+  }
+};
+function useAuditLog({
+  endpoint,
+  size = 1,
+  status = AuditLogStatus.SUCCEEDED,
+  actionType = [AuditLogAction.APP_BACKUP, AuditLogAction.APP_RESTORE, AuditLogAction.APP_OBJECTS_SYNC],
+  deps = []
+}) {
+  const { t, locale } = useLocale();
+  const { loading, data, error } = useRequest(
+    async () => {
+      if (!isUrl(endpoint)) {
+        return void 0;
+      }
+      const { data: res } = await api.get(
+        joinURL(window.location.origin, "/.well-known/service/api/did-space/audit-log/list"),
+        {
+          timeout: 1e3 * 30,
+          params: {
+            endpoint,
+            size,
+            status,
+            actionType
+          }
+        }
+      );
+      return res.data.rows;
+    },
+    {
+      refreshDeps: [endpoint, size].concat(deps),
+      onError(err) {
+        console.error(err);
+      }
+    }
+  );
+  const rows = useCreation(() => {
+    return data?.map((v) => {
+      const extraData = v.data;
+      if (v.actionType === AuditLogAction.APP_OBJECTS_SYNC) {
+        extraData.size = xbytes(extraData.size, { iec: true });
+      }
+      const result = {
+        ...v,
+        description: t(TranslateKeyMap[v.actionType].description, {
+          ...extraData,
+          relativeTime: formatRelativeTime(v.createdAt, locale)
+        })
+      };
+      return result;
+    });
+  }, [data, locale]);
+  return {
+    loading,
+    data: rows,
+    error
+  };
+}
+
+export { useAuditLog as default };

package/dist/es/hooks/use-space-info.js

@@ -1,6 +1,6 @@
 import isUrl from 'is-url';
 import { useRequest } from 'ahooks';
-import { SPACE_CONNECT_ERROR_CODE } from '../libs/constants.js';
+import { SPACE_CONNECT_ERROR_CODE } from '@did-space/core/constants';
 import api from '../libs/api.js';
 
 function useSpaceInfo({ endpoint, deps = [] }) {

package/dist/es/index.js

@@ -6,8 +6,8 @@ export { DIDSpaceConnection, SpaceCard } from './components/space-card/index.js'
 export { DIDSpaceNFTPreview, PreviewSpaceNft } from './components/preview-space-nft/index.js';
 export { AuthConnectTo, DIDSpaceConnect, ReConnect, SessionConnectTo } from './components/auth-connect-to/index.js';
 export { BaseConnectTo } from './components/base-connect-to/index.js';
-export { AUTHORIZE, SPACE_CONNECT_ERROR_CODE, copyGatewayPageUrl, fixCorsErrorPageUrl, isDebugMode } from './libs/constants.js';
-export { classNames, decryptSpaceGateway, extraDIDSpacesCoreUrl, getSpaceDidFromEndpoint, getSpaceDidFromSpaceUrl, getSpaceGatewayUrlFromEndpoint, getSpaceNftDisplayUrlFromEndpoint, getSpaceUrlFromEndpoint, isCorsBlockedError, t } from './libs/util.js';
+export { AUTHORIZE, copyGatewayPageUrl, fixCorsErrorPageUrl, isDebugMode } from './libs/constants.js';
+export { classNames, decryptSpaceGateway, extraDIDSpacesCoreUrl, formatRelativeTime, getSpaceDidFromEndpoint, getSpaceDidFromSpaceUrl, getSpaceEndpointContext, getSpaceGatewayUrlFromEndpoint, getSpaceNftDisplayUrlFromEndpoint, getSpaceUrlFromEndpoint, isCorsBlockedError, t } from './libs/util.js';
 export { getSpaceGatewayUrl, verifySpaceUrl } from './libs/gateway.js';
 export { translations } from './locales/index.js';
 export { DIDSpaceStatus, SpaceStatus } from './types/index.js';

package/dist/es/libs/constants.d.ts

@@ -1,21 +1,3 @@
-export declare const SPACE_CONNECT_ERROR_CODE: {
-    /** 网络错误 */
-    NETWORK_ERROR: number;
-    /** 未授权 */
-    UNAUTHORIZED: number;
-    /** 订阅过期 */
-    EXPIRED: number;
-    /** 订阅逾期 */
-    PAST_DUE: number;
-    /** 订阅状态异常 */
-    INVALID: number;
-    /** 用量不足 */
-    UNIT_LIMIT: number;
-    /** 跨域限制 */
-    CORS_BLOCKED: number;
-    /** Space 版本不兼容 */
-    INCOMPATIBLE: number;
-};
 export declare const AUTHORIZE: {
     DEFAULT_SCOPE: string;
 };

package/dist/es/libs/constants.js

@@ -1,21 +1,3 @@
-const SPACE_CONNECT_ERROR_CODE = {
-  /** 网络错误 */
-  NETWORK_ERROR: 1001,
-  /** 未授权 */
-  UNAUTHORIZED: 1002,
-  /** 订阅过期 */
-  EXPIRED: 1003,
-  /** 订阅逾期 */
-  PAST_DUE: 1004,
-  /** 订阅状态异常 */
-  INVALID: 1005,
-  /** 用量不足 */
-  UNIT_LIMIT: 1006,
-  /** 跨域限制 */
-  CORS_BLOCKED: 1007,
-  /** Space 版本不兼容 */
-  INCOMPATIBLE: 1008
-};
 const AUTHORIZE = {
   DEFAULT_SCOPE: "list:object read:object write:object"
 };
@@ -23,4 +5,4 @@ const copyGatewayPageUrl = "https://www.arcblock.io/content/docs/did-spaces/how-
 const fixCorsErrorPageUrl = "https://www.arcblock.io/docs/did-spaces/fixing-cors-errors-when-connecting-to-space";
 const isDebugMode = window.blocklet?.DEBUG_MODE === "true" || window.localStorage.getItem("debug") === "true";
 
-export { AUTHORIZE, SPACE_CONNECT_ERROR_CODE, copyGatewayPageUrl, fixCorsErrorPageUrl, isDebugMode };
+export { AUTHORIZE, copyGatewayPageUrl, fixCorsErrorPageUrl, isDebugMode };

package/dist/es/libs/util.d.ts

@@ -1,4 +1,5 @@
 import { type AxiosError } from 'axios';
+import { type TDate } from 'timeago.js';
 type ClassStr = string | undefined | null;
 /** classObj -> className
  * examples:
@@ -11,7 +12,12 @@ type ClassStr = string | undefined | null;
  * classNames(['foo', 'bar']); // => 'foo bar'
  */
 export declare function classNames(...classes: (ClassStr | Record<string, boolean> | Array<ClassStr | Record<string, boolean>>)[]): string;
-export declare function getSpaceDidFromEndpoint(endpoint: string): string | undefined;
+export declare function getSpaceEndpointContext(endpoint: string): {
+    baseUrl: string;
+    spaceDid: string;
+    appDid: string;
+};
+export declare function getSpaceDidFromEndpoint(endpoint: string): string;
 export declare function getSpaceUrlFromEndpoint(endpoint: string): string;
 export declare function getSpaceNftDisplayUrlFromEndpoint(endpoint: string): string;
 export declare function getSpaceGatewayUrlFromEndpoint(endpoint: string): string;
@@ -21,4 +27,5 @@ export declare function decryptSpaceGateway(response: Record<string, string>, de
 export declare function isCorsBlockedError(error: AxiosError): boolean;
 export declare function t(key: string, locale?: string, data?: Record<string, any>): string;
 export declare function t(key: string, data?: Record<string, any>): string;
+export declare function formatRelativeTime(date: TDate, locale?: string): string;
 export {};

package/dist/es/libs/util.js

@@ -1,6 +1,7 @@
 import { joinURL } from 'ufo';
 import isEmpty from 'lodash/isEmpty';
 import { translate } from '@arcblock/ux/lib/Locale/util';
+import { format } from 'timeago.js';
 import { translations } from '../locales/index.js';
 
 function classNames(...classes) {
@@ -22,22 +23,28 @@ function classNames(...classes) {
   });
   return result.join(" ");
 }
-function getSpaceDidFromEndpoint(endpoint) {
+function getSpaceEndpointContext(endpoint) {
+  const baseUrl = endpoint.replace(/\/api\/space\/.+/, "");
   const strArray = endpoint.replace(/\/$/, "").split("/");
   const spaceDid = strArray.at(-4);
+  const appDid = strArray.at(-2);
+  return {
+    baseUrl,
+    spaceDid,
+    appDid
+  };
+}
+function getSpaceDidFromEndpoint(endpoint) {
+  const { spaceDid } = getSpaceEndpointContext(endpoint);
   return spaceDid;
 }
 function getSpaceUrlFromEndpoint(endpoint) {
-  const prefix = endpoint.replace(/\/api\/space\/.+/, "");
-  const strArray = endpoint.replace(/\/$/, "").split("/");
-  const spaceDid = strArray.at(-4);
-  return joinURL(prefix, "space", spaceDid);
+  const { baseUrl, spaceDid } = getSpaceEndpointContext(endpoint);
+  return joinURL(baseUrl, "space", spaceDid);
 }
 function getSpaceNftDisplayUrlFromEndpoint(endpoint) {
-  const prefix = endpoint.replace(/\/api\/space\/.+/, "");
-  const strArray = endpoint.replace(/\/$/, "").split("/");
-  const spaceDid = strArray.at(-4);
-  return joinURL(prefix, `/api/space/nft/display?spaceDid=${spaceDid}`);
+  const { baseUrl, spaceDid } = getSpaceEndpointContext(endpoint);
+  return joinURL(baseUrl, `/api/space/nft/display?spaceDid=${spaceDid}`);
 }
 function getSpaceGatewayUrlFromEndpoint(endpoint) {
   const spaceUrl = getSpaceUrlFromEndpoint(endpoint);
@@ -79,5 +86,13 @@ function t(key, localeOrData, data = {}) {
   const finalData = typeof localeOrData === "object" ? localeOrData : data;
   return translate(translations, key, locale, "en", finalData);
 }
+function formatRelativeTime(date, locale = "en") {
+  let _locale = locale;
+  if (locale === "zh")
+    _locale = "zh_CN";
+  if (locale === "en")
+    _locale = "en_US";
+  return format(date, _locale);
+}
 
-export { classNames, decryptSpaceGateway, extraDIDSpacesCoreUrl, getSpaceDidFromEndpoint, getSpaceDidFromSpaceUrl, getSpaceGatewayUrlFromEndpoint, getSpaceNftDisplayUrlFromEndpoint, getSpaceUrlFromEndpoint, isCorsBlockedError, t };
+export { classNames, decryptSpaceGateway, extraDIDSpacesCoreUrl, formatRelativeTime, getSpaceDidFromEndpoint, getSpaceDidFromSpaceUrl, getSpaceEndpointContext, getSpaceGatewayUrlFromEndpoint, getSpaceNftDisplayUrlFromEndpoint, getSpaceUrlFromEndpoint, isCorsBlockedError, t };

package/dist/es/locales/en.js

@@ -9,7 +9,8 @@ const en = flatten({
     open: "Open",
     unknown: "Unknown",
     invalidUrl: "Invalid url: {url}",
-    upgrade: "Upgrade"
+    upgrade: "Upgrade",
+    viewMore: "View More"
   },
   storage: {
     spaces: {
@@ -58,6 +59,23 @@ const en = flatten({
         fixCorsError: "Fixing CORS Errors When Connecting to DID Spaces"
       }
     }
+  },
+  auditLog: {
+    backup: {
+      description: "A backup operation was completed {relativeTime}"
+    },
+    restore: {
+      description: "A restore operation was completed {relativeTime}"
+    },
+    connected: {
+      description: "A connection was established {relativeTime}"
+    },
+    disconnected: {
+      description: "The connection was disconnected {relativeTime}"
+    },
+    objectsSync: {
+      description: "{totalCount} objects ({size}) were synchronized {relativeTime}"
+    }
   }
 });
 

package/dist/es/locales/zh.js

@@ -9,7 +9,8 @@ const zh = flatten({
     open: "\u6253\u5F00",
     unknown: "\u672A\u77E5",
     invalidUrl: "\u65E0\u6548\u7684 url: {url}",
-    upgrade: "\u5347\u7EA7"
+    upgrade: "\u5347\u7EA7",
+    viewMore: "\u67E5\u770B\u66F4\u591A"
   },
   storage: {
     spaces: {
@@ -58,6 +59,23 @@ const zh = flatten({
         fixCorsError: "\u4FEE\u590D\u8FDE\u63A5 DID Spaces \u65F6\u7684 CORS \u9519\u8BEF"
       }
     }
+  },
+  auditLog: {
+    backup: {
+      description: "\u5728 {relativeTime} \u5B8C\u6210\u4E86\u5907\u4EFD\u64CD\u4F5C"
+    },
+    restore: {
+      description: "\u5728 {relativeTime} \u5B8C\u6210\u4E86\u8FD8\u539F\u64CD\u4F5C"
+    },
+    connected: {
+      description: "\u5728 {relativeTime} \u5B8C\u6210\u4E86\u8FDE\u63A5\u64CD\u4F5C"
+    },
+    disconnected: {
+      description: "\u5728 {relativeTime} \u65AD\u5F00\u4E86\u8FDE\u63A5"
+    },
+    objectsSync: {
+      description: "{totalCount} \u4E2A\u5BF9\u8C61\uFF08{size}\uFF09\u5728 {relativeTime} \u5B8C\u6210\u4E86\u540C\u6B65"
+    }
   }
 });
 

package/dist/es/package.json.js

@@ -1,3 +1,3 @@
-const version = "1.0.9";
+const version = "1.0.11";
 
 export { version };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/did-space-react",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "description": "Reusable react components for did space",
   "keywords": [
     "react",
@@ -81,6 +81,7 @@
   },
   "dependencies": {
     "@arcblock/did": "^1.19.6",
+    "@did-space/core": "^1.0.11",
     "@mui/icons-material": "^5.16.14",
     "@mui/lab": "^5.0.0-alpha.175",
     "@mui/material": "^5.16.14",
@@ -93,7 +94,9 @@
     "p-wait-for": "3",
     "react-error-boundary": "^4.1.2",
     "semver": "^7.6.3",
-    "ufo": "^1.5.4"
+    "timeago.js": "^4.0.2",
+    "ufo": "^1.5.4",
+    "xbytes": "^1.9.1"
   },
   "peerDependencies": {
     "@arcblock/did-connect": "^2.11.29",
@@ -106,16 +109,16 @@
     "access": "public"
   },
   "devDependencies": {
-    "@arcblock/did-connect": "^2.11.29",
+    "@arcblock/did-connect": "^2.11.31",
     "@arcblock/eslint-config-ts": "^0.3.3",
-    "@arcblock/ux": "^2.11.29",
+    "@arcblock/ux": "^2.11.31",
     "@babel/cli": "^7.26.4",
-    "@babel/core": "^7.26.0",
-    "@babel/preset-env": "^7.26.0",
+    "@babel/core": "^7.26.8",
+    "@babel/preset-env": "^7.26.8",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
-    "@blocklet/js-sdk": "^1.16.38-beta-20250118-033334-2da05ae8",
-    "@blocklet/sdk": "^1.16.38-beta-20250118-033334-2da05ae8",
+    "@blocklet/js-sdk": "^1.16.38",
+    "@blocklet/sdk": "^1.16.38",
     "@storybook/addon-essentials": "^7.6.20",
     "@storybook/addon-interactions": "^7.6.20",
     "@storybook/addon-links": "^7.6.20",
@@ -128,7 +131,7 @@
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-legacy": "^5.4.3",
-    "@vitest/coverage-v8": "^3.0.2",
+    "@vitest/coverage-v8": "^3.0.5",
     "babel-plugin-inline-react-svg": "^2.0.2",
     "copyfiles": "^2.4.1",
     "eslint": "^8.57.1",
@@ -139,13 +142,13 @@
     "react-dom": "^18.3.1",
     "rollup-plugin-node-builtins": "^2.1.2",
     "storybook": "^7.6.20",
-    "type-fest": "^4.32.0",
+    "type-fest": "^4.33.0",
     "typescript": "~5.5.4",
     "unbuild": "^2.0.0",
-    "vite": "^5.4.11",
+    "vite": "^5.4.14",
     "vite-plugin-babel": "^1.3.0",
     "vite-plugin-node-polyfills": "^0.22.0",
-    "vitest": "^3.0.2"
+    "vitest": "^3.0.5"
   },
-  "gitHead": "f9d7a27fdaa977cf9666b6288ed6cf890ad03e73"
+  "gitHead": "a6ef4e989848b33ea26c84fe0d93109587143d34"
 }