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

blocksuite/affine/inlines/reference/src/inline-spec.ts

@@ -0,0 +1,55 @@
+import { ReferenceInfoSchema } from '@blocksuite/affine-model';
+import type { AffineTextAttributes } from '@blocksuite/affine-shared/types';
+import { StdIdentifier } from '@blocksuite/block-std';
+import { InlineSpecExtension } from '@blocksuite/block-std/inline';
+import { html } from 'lit';
+import { z } from 'zod';
+
+import {
+  ReferenceNodeConfigExtension,
+  ReferenceNodeConfigProvider,
+} from './reference-node/reference-config';
+
+export const ReferenceInlineSpecExtension =
+  InlineSpecExtension<AffineTextAttributes>('reference', provider => {
+    const std = provider.get(StdIdentifier);
+    const configProvider = new ReferenceNodeConfigProvider(std);
+    const config =
+      provider.getOptional(ReferenceNodeConfigExtension.identifier) ?? {};
+    if (config.customContent) {
+      configProvider.setCustomContent(config.customContent);
+    }
+    if (config.interactable !== undefined) {
+      configProvider.setInteractable(config.interactable);
+    }
+    if (config.hidePopup !== undefined) {
+      configProvider.setHidePopup(config.hidePopup);
+    }
+    return {
+      name: 'reference',
+      schema: z
+        .object({
+          type: z.enum([
+            // @deprecated Subpage is deprecated, use LinkedPage instead
+            'Subpage',
+            'LinkedPage',
+          ]),
+        })
+        .merge(ReferenceInfoSchema)
+        .optional()
+        .nullable()
+        .catch(undefined),
+      match: delta => {
+        return !!delta.attributes?.reference;
+      },
+      renderer: ({ delta, selected }) => {
+        return html`<affine-reference
+          .std=${std}
+          .delta=${delta}
+          .selected=${selected}
+          .config=${configProvider}
+        ></affine-reference>`;
+      },
+      embed: true,
+    };
+  });