refactor: move non-affine hooks (#1857)

apps/web/src/hooks/use-pinboard-data.ts

@@ -0,0 +1,79 @@
+import type { Node } from '@affine/component';
+import type { PageMeta } from '@blocksuite/store';
+import type { MouseEvent } from 'react';
+import { useMemo } from 'react';
+
+import type { BlockSuiteWorkspace } from '../shared';
+
+export type RenderProps = {
+  blockSuiteWorkspace: BlockSuiteWorkspace;
+  onClick?: (e: MouseEvent<HTMLDivElement>, node: PinboardNode) => void;
+  showOperationButton?: boolean;
+};
+
+export type NodeRenderProps = RenderProps & {
+  metas: PageMeta[];
+  currentMeta: PageMeta;
+};
+
+export type PinboardNode = Node<NodeRenderProps>;
+
+function flattenToTree(
+  metas: PageMeta[],
+  pinboardRender: PinboardNode['render'],
+  renderProps: RenderProps
+): PinboardNode[] {
+  const rootMeta = metas.find(meta => meta.isRootPinboard);
+  const helper = (internalMetas: PageMeta[]): PinboardNode[] => {
+    return internalMetas.reduce<PinboardNode[]>(
+      (returnedMetas, internalMeta) => {
+        const { subpageIds = [] } = internalMeta;
+        const childrenMetas = subpageIds
+          .map(id => metas.find(m => m.id === id)!)
+          .filter(m => m);
+        // @ts-ignore
+        const returnedMeta: PinboardNode = {
+          ...internalMeta,
+          children: helper(childrenMetas),
+          render: (node, props) =>
+            pinboardRender(node, props, {
+              ...renderProps,
+              currentMeta: internalMeta,
+              metas,
+            }),
+        };
+        returnedMetas.push(returnedMeta);
+        return returnedMetas;
+      },
+      []
+    );
+  };
+  return helper(rootMeta ? [{ ...rootMeta, renderTopLine: false }] : []);
+}
+
+export function usePinboardData({
+  metas,
+  pinboardRender,
+  blockSuiteWorkspace,
+  onClick,
+  showOperationButton,
+}: {
+  metas: PageMeta[];
+  pinboardRender: PinboardNode['render'];
+} & RenderProps) {
+  const data = useMemo(
+    () =>
+      flattenToTree(metas, pinboardRender, {
+        blockSuiteWorkspace,
+        onClick,
+        showOperationButton,
+      }),
+    [blockSuiteWorkspace, metas, onClick, pinboardRender, showOperationButton]
+  );
+
+  return {
+    data,
+  };
+}
+
+export default usePinboardData;