@blocklet/ui-react 3.4.15 → 3.5.0

package/src/@types/index.ts

@@ -1,230 +0,0 @@
-import type { Axios } from 'axios';
-import type { UserPublicInfo } from '@blocklet/js-sdk';
-import { OAUTH_PROVIDER } from '@arcblock/ux/lib/Util/constant';
-import type { CloseConnect, OpenConnect } from '@arcblock/did-connect-react/lib/types';
-
-export type SessionContext = {
-  session: Session;
-  api: Axios;
-  connectApi: {
-    open: OpenConnect;
-    close: CloseConnect;
-  };
-};
-
-export type OAuthAccount = {
-  provider: keyof typeof OAUTH_PROVIDER;
-  id: string;
-  did: string;
-  pk: string;
-  lastLoginAt: string;
-  firstLoginAt: string;
-  order?: number;
-  userInfo?: {
-    email: string;
-    emailVerified: boolean;
-    name: string;
-    picture: string;
-    sub: string;
-    extraData: Object;
-  };
-};
-
-export type WalletAccount = {
-  provider: 'wallet';
-  did: string;
-  pk: string;
-  lastLoginAt: string;
-  firstLoginAt: string;
-};
-
-export type NFTAccount = {
-  provider: 'nft';
-  did: string;
-  pk: string;
-  owner: string;
-  lastLoginAt: string;
-  firstLoginAt: string;
-};
-
-export type ConnectedAccount = OAuthAccount | WalletAccount | NFTAccount;
-
-export type UserMetadataLink = {
-  url: string;
-  favicon?: string;
-};
-
-export enum DurationEnum {
-  NoClear = 'no_clear',
-  ThirtyMinutes = '30_minutes',
-  OneHour = '1_hour',
-  FourHours = '4_hours',
-  Today = 'today',
-  ThisWeek = 'this_week',
-  Custom = 'custom',
-}
-
-export enum StatusEnum {
-  Meeting = 'meeting',
-  Community = 'community',
-  Holiday = 'holiday',
-  OffSick = 'off_sick',
-  WorkingRemotely = 'working_remotely',
-}
-
-export type UserPhoneProps = {
-  country: string;
-  phoneNumber?: string;
-};
-
-export type UserMetadata = {
-  bio?: string;
-  location?: string;
-  timezone?: string;
-  joinedAt?: string;
-  status?: {
-    value: string;
-    duration?: DurationEnum;
-    dateRange?: Date[];
-  };
-  links?: UserMetadataLink[];
-  cover?: string;
-  // 这两个字段是 User, 方便数据更新，在保存时同步
-  email?: string;
-  phone?: UserPhoneProps;
-};
-
-export type UserAddress = {
-  country?: string;
-  province?: string;
-  city?: string;
-  line1?: string;
-  line2?: string;
-  postalCode?: string;
-};
-
-export type User = UserPublicInfo & {
-  role: string;
-  email?: string;
-  phone?: string;
-  sourceProvider?: string;
-  sourceAppPid?: string;
-  lastLoginAt?: string;
-  lastLoginIp?: string;
-  createdAt?: string;
-  passports?: any[];
-  didSpace?: Record<string, any>;
-  connectedAccounts?: any[];
-  locale?: string;
-  url: string;
-  inviter?: string;
-  emailVerified?: boolean;
-  phoneVerified?: boolean;
-  // 1.16.40 新增
-  metadata?: UserMetadata;
-  // 1.16.41 新增
-  address?: UserAddress;
-};
-
-export type UserCenterTab = {
-  value: string;
-  label: string;
-  url: string;
-  protected: boolean | string;
-  icon?: string;
-  isPrivate?: boolean; // 如果为 true 则不应该出现在隐私设置中
-};
-
-export type Session = {
-  loading: boolean;
-  initialized: boolean;
-  user?: User;
-  login: any;
-  logout: any;
-  switch: any;
-  switchDid: any;
-
-  refreshProfile: () => Promise<void>;
-  switchProfile: any;
-  switchPassport: any;
-
-  refresh: Function;
-  useOAuth: Function;
-  usePasskey: Function;
-  withSecondaryAuth: Function;
-};
-
-export type WebhookType = 'slack' | 'api';
-export type WebhookItemData = {
-  type: WebhookType;
-  url: string;
-};
-
-export type WebhookItemProps = {
-  onTest: (params: WebhookItemData) => void;
-  onSave: (params: WebhookItemData) => void;
-  onDelete?: (params: WebhookItemData) => void;
-  onCancel?: () => void;
-  edit: boolean;
-  type?: WebhookType;
-  url?: string;
-};
-
-export type CreatePassportProps = {
-  issuer: string;
-  title: string;
-  issuerDid: string;
-  issuerAvatarUrl: string;
-  ownerDid: string;
-  ownerName?: string;
-  ownerAvatarUrl: string;
-  preferredColor?: string;
-  revoked?: boolean;
-  isDataUrl?: boolean;
-  width?: string;
-  height?: string;
-  scope?: string;
-  role?: string;
-  display?: {
-    type: string;
-    content: string;
-  };
-};
-
-export type BlockletMetaProps = {
-  appLogo?: React.ReactNode;
-  appName?: string;
-  theme?: {
-    background?: string;
-  };
-  enableConnect?: boolean;
-  enableLocale?: boolean;
-  navigation?: Array<{
-    title?: string | object;
-    link?: string | object;
-    icon?: string;
-    items?: Array<{
-      title?: string | object;
-      link?: string | object;
-    }>;
-  }>;
-};
-
-export type SessionManagerProps = {
-  showText?: boolean;
-  showRole?: boolean;
-  switchDid?: boolean;
-  switchProfile?: boolean;
-  switchPassport?: boolean;
-  disableLogout?: boolean;
-  onLogin?: () => void;
-  onLogout?: () => void;
-  onSwitchDid?: () => void;
-  onSwitchProfile?: () => void;
-  onSwitchPassport?: () => void;
-  menu?: any[];
-  menuRender?: () => void;
-  dark?: boolean;
-  size?: number;
-  profileUrl?: string;
-};

package/src/@types/shims.d.ts

@@ -1,18 +0,0 @@
-declare module '@arcblock/ux/*';
-declare module '@arcblock/ux/lib/DID';
-declare module '@arcblock/ux/lib/Tabs';
-declare module '@arcblock/ux/lib/Switch';
-declare module '@arcblock/ux/lib/ErrorBoundary';
-
-declare module '@arcblock/did-connect-react/*';
-declare module '@arcblock/did-connect-react/lib/Session';
-declare module '@abtnode/constant';
-declare module '@abtnode/util/lib/notification-preview/*';
-
-declare module 'is-url';
-
-declare module '*.png';
-
-declare interface Window {
-  blocklet: any;
-}

package/src/BlockletStudio/README.md

@@ -1,116 +0,0 @@
-## Blocklet export api 改动
-
-新约定， 如果 blocklet 的 export api 返回数据中，包含了 `dependentComponents`, 在用户选中了这个资源时， 会自动选中这些依赖的组件。
-
-example：
-
-```js
-res.json({
-  resources: [
-    ...list.map((x) => ({
-      ...x,
-      id: `application-${x._id}`,
-      name: `${x.name} (as Application)`,
-      dependentComponents: [
-        'error-did',
-        'z8ia1mAXo8ZE7ytGF36L5uBf9kD2kenhqFGp9',
-        'z2qZyjnsRffFtn2PDnDwDHTRbAu53RpKqDtFZ',
-        'z2qaCNvKMv5GjouKdcDWexv6WqtHbpNPQDnAk',
-      ],
-    })),
-    ...list.map((x) => ({
-      ...x,
-      id: `tool-${x._id}`,
-      name: `${x.name} (as Tool)`,
-      dependentComponents: ['error-did', 'z2qaCNvKMv5GjouKdcDWexv6WqtHbpNPQDnAk'],
-    })),
-    ...list.map((x) => ({
-      ...x,
-      id: `template-${x._id}`,
-      name: `${x.name} (as Template)`,
-    })),
-    ...list.map((x) => ({
-      ...x,
-      id: `example-${x._id}`,
-      name: `${x.name} (as Example)`,
-    })),
-  ],
-});
-return;
-```
-
-## BlockletStudio Component example
-
-因为 iframe 的加载会有过程, 推荐在点击按钮让渲染 loading, 在 onOpened 取消 loading:
-
-```tsx
-import { Icon } from '@iconify-icon/react';
-import ArrowUp from '@iconify-icons/tabler/arrow-big-up-line';
-import { Box, IconButton, CircularProgress as Spinner, svgIconClasses } from '@mui/material';
-import { useState } from 'react';
-
-import { AI_STUDIO_COMPONENT_DID } from '../../libs/constants';
-import { BlockletStudio } from './blocklet-studio';
-
-export default function Exporter() {
-  const [showCreateResource, setShowCreateResource] = useState(false);
-  const [opening, setOpening] = useState(false);
-  const handleShowDialog = () => {
-    setOpening(true);
-    setShowCreateResource(true);
-  };
-
-  return (
-    <>
-      <IconButton
-        sx={{
-          position: 'relative',
-          minWidth: 40,
-          minHeight: 40,
-          borderRadius: '100%',
-          [`.${svgIconClasses.root}`]: {
-            color: 'text.secondary',
-          },
-        }}
-        onClick={handleShowDialog}>
-        {opening ? <Spinner size={16} /> : <Box component={Icon} icon={ArrowUp} style={{ fontSize: 24 }} />}
-      </IconButton>
-      <BlockletStudio
-        mode="dialog"
-        tenantScope="test-tenant-scope-id-2"
-        title="demo aigne project"
-        description={'This is a demo project for "aigne" blocklet.'}
-        note='This is a demo project for "aigne" blocklet.'
-        introduction="the introduction."
-        componentDid={AI_STUDIO_COMPONENT_DID}
-        // 新增的参数，用于禁用选择组件
-        dependentComponentsMode="readonly"
-        componentsTitle="Components"
-        resourcesTitle="Add Files"
-        // 透传到 get blocklet resource 的参数
-        resourcesParams={{ name: 'test-project', ok: true }}
-        open={showCreateResource}
-        setOpen={setShowCreateResource}
-        onConnected={() => alert('connected')}
-        onUploaded={() => alert('uploaded')}
-        onReleased={() => alert('released')}
-        onOpened={() => setOpening(false)}
-        // 默认选中的组件
-        components={[
-          { did: 'z8ia3xzq2tMq8CRHfaXj1BTYJyYnEcHbqP8cJ', included: true, required: true },
-          { did: 'z2qZyjnsRffFtn2PDnDwDHTRbAu53RpKqDtFZ', included: true, required: false },
-        ]}
-        // 默认选中的资源
-        resources={{
-          z8iZpog7mcgcgBZzTiXJCWESvmnRrQmnd3XBB: [
-            'template-448698592710885376',
-            'template-448696391418511360',
-            'template',
-            'example-448698592710885376',
-          ],
-        }}
-      />
-    </>
-  );
-}
-```

package/src/BlockletStudio/index.tsx

@@ -1,145 +0,0 @@
-import { BLOCKLET_SERVICE_PATH_PREFIX } from '@arcblock/ux/lib/Util/constant';
-import { useEffect, useRef, useState } from 'react';
-import { joinURL } from 'ufo';
-
-function parseUrl(uri: string, params: Record<string, any>): string {
-  const url = new URL(uri);
-  Object.keys(params).forEach((key) => {
-    const value = params[key];
-    if (value !== undefined) {
-      url.searchParams.set(key, typeof value === 'string' ? value : JSON.stringify(value));
-    }
-  });
-  return url.pathname + url.search;
-}
-
-interface BlockletStudioProps {
-  open: boolean;
-  setOpen: (open: boolean) => void;
-  onOpened?: () => void;
-  componentDid: string;
-  tenantScope?: string;
-  resourcesParams?: Record<string, any>;
-  mode?: string;
-  title?: string;
-  logo?: string;
-  description?: string;
-  introduction?: string;
-  note?: string;
-  onUploaded?: (data: unknown) => void; // 上传后的回调函数
-  onReleased?: (data: unknown) => void; // 发布一个新 release 后的回调函数
-  onConnected?: (data: unknown) => void; // 连接后的回调函数
-  components?: Record<string, unknown>[]; // 默认组件列表
-  resources?: Record<string, unknown>; // 默认资源
-  componentsTitle?: string;
-  resourcesTitle?: string;
-  style?: React.CSSProperties;
-  zIndex?: number;
-  dependentComponentsMode?: 'auto' | 'readonly'; // 禁用选择组件
-  [key: string]: any;
-}
-
-function BlockletStudio({
-  open,
-  setOpen,
-  onOpened = undefined,
-  componentDid,
-  tenantScope = undefined,
-  resourcesParams = {},
-  mode = 'dialog',
-  title = undefined,
-  logo = undefined,
-  description = undefined,
-  introduction = undefined,
-  note = undefined,
-  componentsTitle = undefined,
-  resourcesTitle = undefined,
-  onUploaded = undefined,
-  onReleased = undefined,
-  onConnected = undefined,
-  components = [],
-  resources = {},
-  style = {},
-  zIndex = 9999,
-  dependentComponentsMode = undefined,
-  ...rest
-}: BlockletStudioProps) {
-  const [opened, setOpened] = useState(false);
-  const didRef = useRef('');
-  didRef.current = componentDid;
-  const latestFunctionVersionRef = useRef<{ [key: string]: undefined | ((data: unknown) => void) }>({});
-  latestFunctionVersionRef.current['resourceDialog.close'] = () => {
-    setOpened(false);
-    setOpen(false);
-  };
-  latestFunctionVersionRef.current['resourceDialog.loaded'] = () => {
-    setOpened(true);
-    onOpened?.();
-  };
-  latestFunctionVersionRef.current['studioDialog.uploaded'] = onUploaded;
-  latestFunctionVersionRef.current['studioDialog.connected'] = onConnected;
-  latestFunctionVersionRef.current['studioDialog.released'] = onReleased;
-
-  useEffect(() => {
-    const listener = (event: MessageEvent) => {
-      if (event?.data?.componentDid !== didRef.current) {
-        return;
-      }
-      const fn = latestFunctionVersionRef.current[event?.data?.event];
-      if (typeof fn === 'function') {
-        fn(event?.data?.data);
-      }
-    };
-    window.addEventListener('message', listener);
-    return () => {
-      window.removeEventListener('message', listener);
-    };
-  }, []);
-
-  if (!open) {
-    return null;
-  }
-
-  const src = parseUrl(
-    joinURL(window.location.origin, BLOCKLET_SERVICE_PATH_PREFIX, '/embed/resources', componentDid, '/publish'),
-    {
-      title,
-      logo,
-      description,
-      introduction,
-      note,
-      tenantScope,
-      mode,
-      resourcesParams,
-      resources,
-      components,
-      resourcesTitle,
-      componentsTitle,
-      dependentComponentsMode,
-    }
-  );
-
-  return (
-    <iframe
-      src={src}
-      title="Blocklet Studio"
-      style={{
-        position: 'fixed',
-        top: 0,
-        left: 0,
-        width: '100vw',
-        height: '100vh',
-        zIndex,
-        border: 0,
-        padding: 0,
-        margin: 0,
-        pointerEvents: opened ? 'auto' : 'none',
-        opacity: opened ? 1 : 0,
-        ...style,
-      }}
-      {...rest}
-    />
-  );
-}
-
-export default BlockletStudio;

package/src/ComponentInstaller/ComponentInstaller.stories.jsx

@@ -1,16 +0,0 @@
-import Basic from './demo/basic';
-
-export default {
-  title: 'Blocklet-UI-React/ComponentInstaller',
-
-  parameters: {
-    layout: 'fullscreen',
-  },
-};
-
-Basic.argTypes = {
-  userRole: { control: 'select', options: [null, 'owner', 'developer'] },
-};
-Basic.storyName = 'ComponentInstaller';
-
-export { Basic };