feat(editor): add inline packages (#11048)

blocksuite/affine/inlines/reference/src/adapters/html/inline-delta.ts

@@ -0,0 +1,42 @@
+import type { InlineHtmlAST } from '@blocksuite/affine-shared/adapters';
+import {
+  AdapterTextUtils,
+  InlineDeltaToHtmlAdapterExtension,
+} from '@blocksuite/affine-shared/adapters';
+
+export const referenceDeltaToHtmlAdapterMatcher =
+  InlineDeltaToHtmlAdapterExtension({
+    name: 'reference',
+    match: delta => !!delta.attributes?.reference,
+    toAST: (delta, context) => {
+      let hast: InlineHtmlAST = {
+        type: 'text',
+        value: delta.insert,
+      };
+      const reference = delta.attributes?.reference;
+      if (!reference) {
+        return hast;
+      }
+
+      const { configs } = context;
+      const title = configs.get(`title:${reference.pageId}`);
+      const url = AdapterTextUtils.generateDocUrl(
+        configs.get('docLinkBaseUrl') ?? '',
+        String(reference.pageId),
+        reference.params ?? Object.create(null)
+      );
+      if (title) {
+        hast.value = title;
+      }
+      hast = {
+        type: 'element',
+        tagName: 'a',
+        properties: {
+          href: url,
+        },
+        children: [hast],
+      };
+
+      return hast;
+    },
+  });

blocksuite/affine/inlines/reference/src/adapters/index.ts

@@ -0,0 +1,3 @@
+export * from './html/inline-delta';
+export * from './markdown/inline-delta';
+export * from './plain-text/inline-delta';

blocksuite/affine/inlines/reference/src/adapters/markdown/inline-delta.ts

@@ -0,0 +1,42 @@
+import {
+  AdapterTextUtils,
+  InlineDeltaToMarkdownAdapterExtension,
+} from '@blocksuite/affine-shared/adapters';
+import type { PhrasingContent } from 'mdast';
+
+export const referenceDeltaToMarkdownAdapterMatcher =
+  InlineDeltaToMarkdownAdapterExtension({
+    name: 'reference',
+    match: delta => !!delta.attributes?.reference,
+    toAST: (delta, context) => {
+      let mdast: PhrasingContent = {
+        type: 'text',
+        value: delta.insert,
+      };
+      const reference = delta.attributes?.reference;
+      if (!reference) {
+        return mdast;
+      }
+
+      const { configs } = context;
+      const title = configs.get(`title:${reference.pageId}`);
+      const params = reference.params ?? {};
+      const url = AdapterTextUtils.generateDocUrl(
+        configs.get('docLinkBaseUrl') ?? '',
+        String(reference.pageId),
+        params
+      );
+      mdast = {
+        type: 'link',
+        url,
+        children: [
+          {
+            type: 'text',
+            value: title ?? '',
+          },
+        ],
+      };
+
+      return mdast;
+    },
+  });

blocksuite/affine/inlines/reference/src/adapters/plain-text/inline-delta.ts

@@ -0,0 +1,33 @@
+import {
+  AdapterTextUtils,
+  InlineDeltaToPlainTextAdapterExtension,
+  type TextBuffer,
+} from '@blocksuite/affine-shared/adapters';
+
+export const referenceDeltaMarkdownAdapterMatch =
+  InlineDeltaToPlainTextAdapterExtension({
+    name: 'reference',
+    match: delta => !!delta.attributes?.reference,
+    toAST: (delta, context) => {
+      const node: TextBuffer = {
+        content: delta.insert,
+      };
+      const reference = delta.attributes?.reference;
+      if (!reference) {
+        return node;
+      }
+
+      const { configs } = context;
+      const title = configs.get(`title:${reference.pageId}`) ?? '';
+      const url = AdapterTextUtils.generateDocUrl(
+        configs.get('docLinkBaseUrl') ?? '',
+        String(reference.pageId),
+        reference.params ?? Object.create(null)
+      );
+      const content = `${title ? `${title}: ` : ''}${url}`;
+
+      return {
+        content,
+      };
+    },
+  });