feat: init @toeverything/hooks package (#1788)

packages/hooks/src/use-blocksuite-workspace-name.ts

@@ -0,0 +1,32 @@
+import { UNTITLED_WORKSPACE_NAME } from '@affine/env';
+import type { Workspace } from '@blocksuite/store';
+import { assertExists } from '@blocksuite/store';
+import { useCallback, useEffect, useState } from 'react';
+
+export function useBlockSuiteWorkspaceName(
+  blockSuiteWorkspace: Workspace | null
+) {
+  const [name, set] = useState(
+    () => blockSuiteWorkspace?.meta.name ?? UNTITLED_WORKSPACE_NAME
+  );
+  useEffect(() => {
+    if (blockSuiteWorkspace) {
+      set(blockSuiteWorkspace.meta.name ?? '');
+      const dispose = blockSuiteWorkspace.meta.commonFieldsUpdated.on(() => {
+        set(blockSuiteWorkspace.meta.name ?? '');
+      });
+      return () => {
+        dispose.dispose();
+      };
+    }
+  }, [blockSuiteWorkspace]);
+  const setName = useCallback(
+    (name: string) => {
+      assertExists(blockSuiteWorkspace);
+      blockSuiteWorkspace.meta.setName(name);
+      set(name);
+    },
+    [blockSuiteWorkspace]
+  );
+  return [name, setName] as const;
+}