feat(core): add markdown preview for backlinks

.yarn/patches/decode-named-character-reference-npm-1.0.2-db17a755fd.patch

@@ -0,0 +1,13 @@
+diff --git a/package.json b/package.json
+index 5fef2811aa86f3f1f8228daef7d867863e71db72..b795fbd2a0e1cba0b6389ff051220f4e3c52fc13 100644
+--- a/package.json
++++ b/package.json
+@@ -34,7 +34,7 @@
+       "deno": "./index.js",
+       "react-native": "./index.js",
+       "worker": "./index.js",
+-      "browser": "./index.dom.js",
++      "browser": "./index.js",
+       "default": "./index.js"
+     }
+   },

package.json

@@ -156,6 +156,7 @@
     "which-typed-array": "npm:@nolyfill/which-typed-array@latest",
     "macos-alias": "npm:@napi-rs/[email protected]",
     "fs-xattr": "npm:@napi-rs/xattr@latest",
-    "vite": "6.0.1"
+    "vite": "6.0.1",
+    "decode-named-character-reference@npm:^1.0.0": "patch:decode-named-character-reference@npm%3A1.0.2#~/.yarn/patches/decode-named-character-reference-npm-1.0.2-db17a755fd.patch"
   }
 }

packages/common/infra/src/sync/indexer/document.ts

@@ -40,7 +40,7 @@ export class Document<S extends Schema = any> {
       }
     } else {
       for (const key in map) {
-        if (map[key] === undefined) {
+        if (map[key] === undefined || map[key] === null) {
           continue;
         }
         doc.insert(key, map[key]);

packages/frontend/component/src/ui/property/property.tsx

@@ -39,7 +39,7 @@ export const PropertyCollapsibleSection = forwardRef<
     collapsed?: boolean;
     onCollapseChange?: (collapsed: boolean) => void;
   }> &
-    HTMLProps<HTMLDivElement>
+    Omit<HTMLProps<HTMLDivElement>, 'title'>
 >(
   (
     {

packages/frontend/core/src/components/blocksuite/block-suite-editor/bi-directional-link-panel.tsx

@@ -5,7 +5,7 @@ import {
 } from '@affine/core/modules/doc-link';
 import { useI18n } from '@affine/i18n';
 import { LiveData, useLiveData, useServices } from '@toeverything/infra';
-import { useCallback, useState } from 'react';
+import { Fragment, useCallback, useState } from 'react';
 
 import { AffinePageReference } from '../../affine/reference-link';
 import * as styles from './bi-directional-link-panel.css';
@@ -52,9 +52,14 @@ export const BiDirectionalLinkPanel = () => {
               {t['com.affine.page-properties.backlinks']()} · {backlinks.length}
             </div>
             {backlinks.map(link => (
-              <div key={link.docId} className={styles.link}>
-                <AffinePageReference key={link.docId} pageId={link.docId} />
-              </div>
+              <Fragment key={link.docId}>
+                <div className={styles.link}>
+                  <AffinePageReference key={link.docId} pageId={link.docId} />
+                </div>
+                <br />
+                <pre style={{ opacity: 0.5 }}>{link.markdownPreview}</pre>
+                <br />
+              </Fragment>
             ))}
           </div>
           <div className={styles.linksContainer}>

packages/frontend/core/src/modules/doc-info/views/database-properties/doc-database-backlink-info.tsx

@@ -122,7 +122,6 @@ const DatabaseBacklinkRow = ({
 
   return (
     <PropertyCollapsibleSection
-      // @ts-expect-error fix type
       title={
         <span className={styles.databaseNameWrapper}>
           <span className={styles.databaseName}>

packages/frontend/core/src/modules/doc-link/entities/doc-backlinks.ts

@@ -7,6 +7,7 @@ export interface Backlink {
   docId: string;
   blockId: string;
   title: string;
+  markdownPreview?: string;
 }
 
 export class DocBacklinks extends Entity {

packages/frontend/core/src/modules/docs-search/entities/docs-indexer.ts

@@ -36,7 +36,7 @@ export class DocsIndexer extends Entity {
   /**
    * increase this number to re-index all docs
    */
-  static INDEXER_VERSION = 6;
+  static INDEXER_VERSION = 10;
 
   private readonly jobQueue: JobQueue<IndexerJobPayload> =
     new IndexedDBJobQueue<IndexerJobPayload>(

packages/frontend/core/src/modules/docs-search/schema.ts

@@ -28,6 +28,7 @@ export const blockIndexSchema = defineSchema({
   // additional info
   // { "databaseName": "xxx" }
   additional: { type: 'String', index: false },
+  markdownPreview: { type: 'String', index: false },
 });
 
 export type BlockIndexSchema = typeof blockIndexSchema;

packages/frontend/core/src/modules/docs-search/services/docs-search.ts

@@ -478,7 +478,7 @@ export class DocsSearchService extends Service {
         'docId',
         {
           hits: {
-            fields: ['docId', 'blockId'],
+            fields: ['docId', 'blockId', 'markdownPreview'],
             pagination: {
               limit: 1,
             },
@@ -499,10 +499,16 @@ export class DocsSearchService extends Service {
               const title =
                 docData.find(doc => doc.id === bucket.key)?.get('title') ?? '';
               const blockId = bucket.hits.nodes[0]?.fields.blockId ?? '';
+              const markdownPreview =
+                bucket.hits.nodes[0]?.fields.markdownPreview ?? '';
               return {
                 docId: bucket.key,
                 blockId: typeof blockId === 'string' ? blockId : blockId[0],
                 title: typeof title === 'string' ? title : title[0],
+                markdownPreview:
+                  typeof markdownPreview === 'string'
+                    ? markdownPreview
+                    : markdownPreview[0],
               };
             });
           });