refactor(core): remove the automatic URL change feature (#7339)

close [AF-954](https://linear.app/affine-design/issue/AF-954/center-peek-中-editor-selection-变化不应修改-location-hash)

Since the URL changes constantly with the selection, causing the editor to render frequently and also affecting the use of center peek, we decided to remove the function of automatically changing the URL.

packages/frontend/core/src/hooks/affine/use-share-url.ts

@@ -1,10 +1,11 @@
 import { notify } from '@affine/component';
 import { getAffineCloudBaseUrl } from '@affine/core/modules/cloud/services/fetch';
-import { WorkbenchService } from '@affine/core/modules/workbench';
 import { mixpanel } from '@affine/core/utils';
 import { useI18n } from '@affine/i18n';
-import { useLiveData, useService } from '@toeverything/infra';
-import { useCallback, useMemo } from 'react';
+import type { Disposable } from '@blocksuite/global/utils';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+
+import { useActiveBlocksuiteEditor } from '../use-block-suite-editor';
 
 type UrlType = 'share' | 'workspace';
 
@@ -14,32 +15,26 @@ type UseSharingUrl = {
   urlType: UrlType;
 };
 
-const useGenerateUrl = ({ workspaceId, pageId, urlType }: UseSharingUrl) => {
+const generateUrl = ({
+  workspaceId,
+  pageId,
+  urlType,
+  blockId,
+}: UseSharingUrl & { blockId?: string }) => {
   // to generate a private url like https://app.affine.app/workspace/123/456
   // or https://app.affine.app/workspace/123/456#block-123
 
   // to generate a public url like https://app.affine.app/share/123/456
-  // or https://app.affine.app/share/123/456?mode=edgeless
-
-  const workbench = useService(WorkbenchService).workbench;
-  const activeView = useLiveData(workbench.activeView$);
-  const hash = useLiveData(activeView.location$).hash;
-
   const baseUrl = getAffineCloudBaseUrl();
-  const url = useMemo(() => {
-    // baseUrl is null when running in electron and without network
-    if (!baseUrl) return null;
+  if (!baseUrl) return null;
 
-    try {
-      return new URL(
-        `${baseUrl}/${urlType}/${workspaceId}/${pageId}${urlType === 'workspace' && hash ? `${hash}` : ''}`
-      ).toString();
-    } catch (e) {
-      return null;
-    }
-  }, [baseUrl, hash, pageId, urlType, workspaceId]);
-
-  return url;
+  try {
+    return new URL(
+      `${baseUrl}/${urlType}/${workspaceId}/${pageId}${urlType === 'workspace' && blockId ? `#${blockId}` : ''}`
+    ).toString();
+  } catch (e) {
+    return null;
+  }
 };
 
 export const useSharingUrl = ({
@@ -48,7 +43,18 @@ export const useSharingUrl = ({
   urlType,
 }: UseSharingUrl) => {
   const t = useI18n();
-  const sharingUrl = useGenerateUrl({ workspaceId, pageId, urlType });
+  const [blockId, setBlockId] = useState<string>('');
+  const [editor] = useActiveBlocksuiteEditor();
+  const sharingUrl = useMemo(
+    () =>
+      generateUrl({
+        workspaceId,
+        pageId,
+        urlType,
+        blockId: blockId.length > 0 ? blockId : undefined,
+      }),
+    [workspaceId, pageId, urlType, blockId]
+  );
 
   const onClickCopyLink = useCallback(() => {
     if (sharingUrl) {
@@ -73,6 +79,34 @@ export const useSharingUrl = ({
     }
   }, [sharingUrl, t, urlType]);
 
+  useEffect(() => {
+    let disposable: Disposable | null = null;
+    const selectManager = editor?.host?.selection;
+    if (urlType !== 'workspace' || !selectManager) {
+      return;
+    }
+
+    // if the block is already selected, set the blockId
+    const currentBlockSelection = selectManager.find('block');
+    if (currentBlockSelection) {
+      setBlockId(`#${currentBlockSelection.blockId}`);
+    }
+
+    disposable = selectManager.slots.changed.on(selections => {
+      setBlockId(prev => {
+        if (selections[0] && selections[0].type === 'block') {
+          return `#${selections[0].blockId}`;
+        } else if (prev.length > 0) {
+          return '';
+        } else {
+          return prev;
+        }
+      });
+    });
+    return () => {
+      disposable?.dispose();
+    };
+  }, [editor?.host?.selection, urlType]);
   return {
     sharingUrl,
     onClickCopyLink,