@blocklet/did-space-react 0.5.61 → 0.5.62

package/src/icons/space-connected.svg

@@ -1,4 +0,0 @@
-<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <circle cx="5" cy="5" r="5" fill="#d1fae5" />
-    <circle cx="5" cy="5" r="2.5" fill="#25C99B" />
-</svg>

package/src/icons/space-disconnect.svg

@@ -1,4 +0,0 @@
-<svg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <circle cx="5" cy="5" r="5" fill="#f3f4f6" />
-    <circle cx="5" cy="5" r="2.5" fill="#6b7280" />
-</svg>

package/src/index.ts

@@ -1,21 +0,0 @@
-import api from './libs/api';
-import useMobile from './hooks/use-mobile';
-import useSpaceInfo from './hooks/use-space-info';
-import useLocale from './hooks/use-locale';
-
-// components
-export * from './components/space-card';
-export * from './components/preview-space-nft';
-export * from './components/base-connect-to';
-export * from './components/auth-connect-to';
-export * from './components/session-connect-to';
-
-// utils
-export * from './libs/util';
-export * from './libs/gateway';
-export * from './locales';
-export * from './types';
-export { api, useMobile, useSpaceInfo, useLocale };
-
-// icons
-export * from './icons';

package/src/libs/api.ts

@@ -1,5 +0,0 @@
-import { createAxios } from '@blocklet/js-sdk';
-
-const api = createAxios({});
-
-export default api;

package/src/libs/constants.ts

@@ -1,4 +0,0 @@
-export const AUTHORIZE = {
-  DEFAULT_SCOPE: 'list:object read:object write:object',
-};
-export const copyGatewayPageUrl = 'https://www.arcblock.io/content/docs/did-spaces/how-to-obtain-space-gateway-url';

package/src/libs/gateway.ts

@@ -1,55 +0,0 @@
-import { joinURL, withQuery } from 'ufo';
-import isUrl from 'is-url';
-import isString from 'lodash/isString';
-import isObject from 'lodash/isObject';
-import api from './api';
-import { extraDIDSpacesCoreUrl } from './util';
-
-export async function getSpaceGatewayUrl(anyUrl: string, options = { timeout: 30000, withSearchParams: true }) {
-  if (!isString(anyUrl)) {
-    throw new Error(`url(${anyUrl}) must be a string`);
-  }
-
-  const url = anyUrl.startsWith('http') ? anyUrl : `https://${anyUrl}`;
-  const u = new URL(url);
-
-  const { data: blockletMeta } = await api.get(joinURL(u.origin, '/__blocklet__.js?type=json'), {
-    timeout: options.timeout,
-  });
-
-  const mountPoint = blockletMeta.componentMountPoints.findLast(
-    (x: { did: string }) => x.did === 'z8iZnaYxnkMD5AKRjTKiCb8pQr1ut8UantAcf'
-  )?.mountPoint;
-
-  if (!mountPoint) {
-    throw new Error(`MountPoint(${mountPoint}) not found`);
-  }
-
-  const didSpacesCoreUrl = joinURL(u.origin, mountPoint);
-  const spaceGatewayUrl =
-    options.withSearchParams && u.searchParams.get('spaceDid')
-      ? withQuery(didSpacesCoreUrl, { spaceDid: u.searchParams.get('spaceDid') })
-      : didSpacesCoreUrl;
-
-  return spaceGatewayUrl;
-}
-
-export async function isValidSpaceGatewayUrl(spaceGatewayUrl: string) {
-  try {
-    if (!isUrl(spaceGatewayUrl)) {
-      return false;
-    }
-
-    const didSpacesCoreUrl = extraDIDSpacesCoreUrl(spaceGatewayUrl);
-    const didConnectTokenUrl = joinURL(didSpacesCoreUrl, 'space/api/did/one-click-authorization/token');
-
-    const { status, data } = await api.get(didConnectTokenUrl, {
-      timeout: 5000,
-    });
-    // note: data 必定返回一个对象才行，如果 data 返回了一个非对象，说明失败了，此时可能返回了前端的 404 页面的 html
-    return status === 200 && isObject(data);
-  } catch (error) {
-    console.error(error);
-    return false;
-  }
-}

package/src/libs/util.ts

@@ -1,103 +0,0 @@
-import { joinURL } from 'ufo';
-import isEmpty from 'lodash/isEmpty';
-
-type ClassStr = string | undefined | null;
-/** classObj -> className
- * examples:
- * classNames('foo', 'bar'); // => 'foo bar'
- * classNames('foo', { bar: true }); // => 'foo bar'
- * classNames({ 'foo-bar': true }); // => 'foo-bar'
- * classNames({ 'foo-bar': false }); // => ''
- * classNames({ foo: true }, { bar: true }); // => 'foo bar'
- * classNames({ foo: true, bar: true }); // => 'foo bar'
- * classNames(['foo', 'bar']); // => 'foo bar'
- */
-export function classNames(
-  ...classes: (ClassStr | Record<string, boolean> | Array<ClassStr | Record<string, boolean>>)[]
-): string {
-  const result: string[] = [];
-
-  classes.forEach((item) => {
-    if (!item) return;
-    if (typeof item === 'string') {
-      result.push(item);
-    } else if (Array.isArray(item)) {
-      result.push(classNames(...item));
-    } else if (typeof item === 'object' && item !== null) {
-      Object.keys(item).forEach((key) => {
-        if (item[key]) {
-          result.push(key);
-        }
-      });
-    }
-  });
-
-  return result.join(' ');
-}
-
-export function getDIDSpaceDidFromEndpoint(endpoint: string) {
-  const strArray = endpoint.replace(/\/$/, '').split('/');
-  const spaceDid = strArray.at(-4);
-
-  return spaceDid;
-}
-
-export function getDIDSpaceUrlFromEndpoint(endpoint: string) {
-  const prefix = endpoint.replace(/\/api\/space\/.+/, '');
-
-  const strArray = endpoint.replace(/\/$/, '').split('/');
-  const spaceDid = strArray.at(-4);
-
-  return joinURL(prefix, 'space', spaceDid!);
-}
-
-export function getSpaceNftDisplayUrlFromEndpoint(endpoint: string) {
-  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}`);
-}
-
-export function getSpaceDidFromEndpoint(endpoint: string) {
-  const strArray = endpoint.replace(/\/$/, '').split('/');
-  const spaceDid = strArray.at(-4);
-
-  return spaceDid;
-}
-
-export function getSpaceGatewayUrlFromEndpoint(endpoint: string) {
-  const spaceUrl = getDIDSpaceUrlFromEndpoint(endpoint);
-
-  return spaceUrl.split('/space/')[0];
-}
-
-export function extraDIDSpacesCoreUrl(url: string) {
-  const Url = new URL(url);
-  // @note: 去除查询参数的那部分字符串
-  const didSpacesCoreUrl = joinURL(Url.origin, Url.pathname);
-
-  return didSpacesCoreUrl;
-}
-
-const spaceDidRegex = /\/space\/([^/]+)/;
-export function getSpaceDidFromGatewayUrl(url: string) {
-  return new URL(url).pathname.match(spaceDidRegex)?.[1];
-}
-
-export function decryptSpaceGateway(response: Record<string, string>, decrypt: Function) {
-  if (!isEmpty(response.spaceGateway)) {
-    return decrypt(response.spaceGateway);
-  }
-
-  const endpoint = decrypt(response.endpoint);
-  const space = response.space ? decrypt(response.space) : {};
-
-  return {
-    endpoint,
-    // name 默认为 DID Space，兼容旧版本的 DID Spaces
-    ...{ name: 'DID Space' },
-    ...space,
-  };
-}

package/src/locales/en.tsx

@@ -1,54 +0,0 @@
-import { flatten } from 'flat';
-
-export default flatten({
-  common: {
-    cancel: 'Cancel',
-    confirm: 'Confirm',
-    delete: 'Delete',
-    error: 'Error',
-    open: 'Open',
-    unknown: 'Unknown',
-  },
-  storage: {
-    spaces: {
-      authorize: {
-        title: 'Connect {appName} to DID Spaces',
-        scan: 'Use your DID Wallet to scan the QR code below to allow the app {appName} to connect to DID Spaces',
-        success: 'Connected successfully',
-      },
-      connect: {
-        reconnect: 'Reconnect Now',
-        useSpaceGateway: 'Connect using the DID Spaces gateway',
-        useWallet: 'Connect with DID Wallet',
-        howToGetGatewayUrl: 'How to get the url of did spaces',
-        providerForStorage: 'Please connect your DID Spaces',
-      },
-      connected: {
-        title: 'Connected DID Spaces',
-        tag: 'Connected',
-      },
-      disconnected: {
-        tag: 'Disconnected',
-      },
-      error: {
-        tag: 'Need Attention',
-        expired: 'This DID spaces has expired, you can re-subscribe by opening this link',
-        corsBlocked:
-          'Connection requests may be blocked by CORS. Please check security settings in the DID Space dashboard.',
-        networkError: 'Network error',
-      },
-      gateway: {
-        add: {
-          invalidUrl: 'Invalid DID Spaces gateway url',
-          label: 'Enter the url of the DID Spaces',
-          title: 'Add DID Spaces',
-        },
-      },
-      provideNFT: {
-        title: 'Please show the DID Spaces NFT for {appName}',
-        scan: 'Use your DID Wallet to scan the QR code below to allow the app {appName} show DID space NFT',
-        success: 'Connected successfully',
-      },
-    },
-  },
-});

package/src/locales/index.tsx

@@ -1,7 +0,0 @@
-import en from './en';
-import zh from './zh';
-
-export const translations = {
-  zh,
-  en,
-};

package/src/locales/zh.tsx

@@ -1,53 +0,0 @@
-import { flatten } from 'flat';
-
-export default flatten({
-  common: {
-    cancel: '取消',
-    confirm: '确认',
-    delete: '删除',
-    error: '错误',
-    open: '打开',
-    unknown: '未知',
-  },
-  storage: {
-    spaces: {
-      authorize: {
-        title: '连接 {appName} 至 DID Spaces',
-        scan: '使用你的 DID Wallet 扫描下面的二维码以允许应用 {appName} 连接至 DID Spaces',
-        success: '连接成功',
-      },
-      connect: {
-        reconnect: '立即重连',
-        useSpaceGateway: '使用 DID Spaces 网关连接',
-        useWallet: '使用 DID Wallet 连接',
-        howToGetGatewayUrl: '如何获取 DID Spaces 的网关地址',
-        providerForStorage: '请连接您的 DID Spaces',
-      },
-      connected: {
-        title: '已连接的 DID Spaces',
-        tag: '已连接',
-      },
-      disconnected: {
-        tag: '连接已断开',
-      },
-      error: {
-        tag: '需要关注',
-        expired: '此 DID Spaces 已过期，您可以打开此链接重新订阅',
-        corsBlocked: '连接请求可能被 CORS 阻止。请检查 DID Space 控制面板中的安全设置。',
-        networkError: '网络错误',
-      },
-      gateway: {
-        add: {
-          invalidUrl: '无效的 DID Spaces 网关地址',
-          label: '输入 DID Spaces 的地址',
-          title: '添加 DID Spaces',
-        },
-      },
-      provideNFT: {
-        title: '请为 {appName} 出示 DID Spaces NFT',
-        scan: '使用你的 DID Wallet 扫描下面的二维码为应用 {appName} 出示 DID Spaces NFT',
-        success: '连接成功',
-      },
-    },
-  },
-});

package/src/types/index.ts

@@ -1,51 +0,0 @@
-export type $TSFixMe = any;
-
-export interface AuthorizeConnect {
-  open: boolean;
-  action: string;
-  checkFn: Function;
-  messages: {
-    title: string;
-    scan: string;
-    confirm: string;
-    success: React.ReactNode;
-  };
-  prefix?: string;
-  baseUrl?: string;
-  webWalletUrl?: string;
-  maxIdleTime?: number;
-  checkTimeout?: number;
-  extraParams?: Record<string, any>;
-}
-
-export enum SpaceStatus {
-  LOADING = 'loading',
-  CONNECTED = 'connected',
-  DISCONNECTED = 'disconnected',
-  EXPIRED = 'expired',
-  CORS_BLOCKED = 'corsBlocked',
-  UNKNOWN = 'unknown',
-}
-
-export interface SpaceGateway {
-  did: string;
-  name: string;
-  url: string;
-  endpoint: string;
-  protected?: boolean;
-  loading?: boolean;
-}
-
-export interface BaseAuthOptions {
-  action?: string;
-  checkFn?: Function;
-  extraParams?: Record<string, string>;
-  checkTimeout?: number;
-  onSuccess?: (response: Record<string, string>, decrypt: Function) => Promise<void>;
-  onClose?: () => void;
-}
-
-export interface GatewayAuthOptions extends BaseAuthOptions {
-  spaceDid?: string;
-  spaceGatewayUrl?: string;
-}

package/src/types/shims.d.ts

@@ -1,15 +0,0 @@
-declare module '@arcblock/*';
-declare module '@arcblock/ux/*';
-declare module '@abtnode/ux/*';
-declare module '@abtnode/util/*';
-declare module '@blocklet/*';
-
-declare module '*.svg' {
-  import React from 'react';
-  const SVG: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
-  export default SVG;
-}
-
-declare interface Window {
-  blocklet: import('@blocklet/sdk').WindowBlocklet;
-}

package/vite.config.ts

@@ -1,32 +0,0 @@
-/// <reference types="vitest" />
-
-import { defineConfig } from 'vite';
-import { nodePolyfills } from 'vite-plugin-node-polyfills';
-import babel from 'vite-plugin-babel';
-
-export default defineConfig({
-  plugins: [
-    nodePolyfills({ protocolImports: true }),
-    babel({
-      filter: /\.(jsx?|tsx?)$/,
-      exclude: /node_modules/,
-    }),
-  ],
-  resolve: {
-    alias: {
-      '@src': '/src',
-    },
-  },
-  // vitest config
-  test: {
-    globals: true,
-    environment: 'node',
-    setupFiles: ['./tests/setup.ts'],
-    include: ['./tests/**/*.spec.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
-    exclude: ['**/node_modules/**', '**/dist/**'],
-    coverage: {
-      provider: 'v8',
-      reporter: ['text', 'json', 'html'],
-    },
-  },
-});