@blocklet/ui-react 2.9.18 → 2.9.19

package/src/contexts/config-user-space.tsx

@@ -0,0 +1,86 @@
+import { createContext, useContext, useMemo, useState, useEffect } from 'react';
+import { SessionContext as TSessionContext } from '../@types';
+import { SessionContext } from '@arcblock/did-connect/lib/Session';
+
+
+export interface SpaceGateway {
+  did: string;
+  name: string;
+  url: string;
+  endpoint: string;
+}
+
+export interface SettingStorageEndpoint {
+  (endpoint: string | undefined): void | Promise<void>;
+} 
+
+interface ConfigUserSpaceContextType {
+  loading: boolean;
+  spaceGateway: SpaceGateway | undefined;
+  deleteSpaceGateway: (spaceGateway: SpaceGateway) => Promise<void>;
+  updateSpaceGateway: (updateSpaceGateway: SpaceGateway) =>  Promise<void>;
+  storageEndpoint: string;
+  settingStorageEndpoint: SettingStorageEndpoint;
+  hasStorageEndpoint: boolean;
+}
+
+const ConfigUserSpaceContext = createContext<ConfigUserSpaceContextType>({} as ConfigUserSpaceContextType);
+const { Provider, Consumer } = ConfigUserSpaceContext;
+
+function ConfigUserSpaceProvider({ children }: {children: React.ReactNode }) {
+  const [loading] = useState(false);
+  const {session} = useContext<TSessionContext>(SessionContext);
+  const { user } = session;
+
+  const [spaceGateway, setSpaceGateway] = useState<SpaceGateway | undefined>();
+  const storageEndpoint = useMemo(() => {
+    return user?.didSpace?.endpoint;
+  }, [user?.didSpace]);
+
+  useEffect(() => {
+    setSpaceGateway(user?.didSpace as SpaceGateway)
+  }, [user?.didSpace])
+
+  const deleteSpaceGateway = async (): Promise<void> => {
+    setSpaceGateway(undefined);
+  };
+ 
+  const updateSpaceGateway = async (x: SpaceGateway) => {
+    setSpaceGateway(x);
+    session.refresh();
+    // eslint-disable-next-line no-use-before-define
+    await settingStorageEndpoint(x.endpoint);
+  };
+
+
+  const settingStorageEndpoint =  (endpoint: string | undefined) => {};
+
+  const hasStorageEndpoint = Boolean(storageEndpoint && spaceGateway);
+
+  return (
+    <Provider
+      value={{
+        loading,
+        spaceGateway,
+        deleteSpaceGateway,
+        updateSpaceGateway,
+        storageEndpoint,
+        settingStorageEndpoint,
+        hasStorageEndpoint,
+      }}>
+      {children}
+    </Provider>
+  );
+}
+
+function useConfigUserSpaceContext() {
+  const res = useContext(ConfigUserSpaceContext);
+  return res;
+}
+
+export {
+  ConfigUserSpaceContext,
+  ConfigUserSpaceProvider,
+  Consumer as ConfigUserSpaceConsumer,
+  useConfigUserSpaceContext,
+};

package/src/hooks/use-mobile.tsx

@@ -0,0 +1,6 @@
+import { Breakpoint, useTheme, useMediaQuery } from '@mui/material';
+
+export default function useMobile({ key = 'sm' }: { key?: number | Breakpoint }) {
+  const theme = useTheme();
+  return useMediaQuery(theme.breakpoints.down(key));
+}

package/src/libs/spaces.tsx

@@ -0,0 +1,10 @@
+import { joinURL } from "ufo";
+
+export function getSpaceNftDisplayUrlFromEndpoint(endpoint: string): 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}`);
+}