refactor(editor): unify directories naming (#11516)

**Directory Structure Changes** - Renamed multiple block-related directories by removing the "block-" prefix: - `block-attachment` → `attachment` - `block-bookmark` → `bookmark` - `block-callout` → `callout` - `block-code` → `code` - `block-data-view` → `data-view` - `block-database` → `database` - `block-divider` → `divider` - `block-edgeless-text` → `edgeless-text` - `block-embed` → `embed`
2026-08-05 19:40:30 +08:00 · 2025-04-07 12:34:40 +00:00
parent e1bd2047c4
commit 1f45cc5dec
893 changed files with 439 additions and 460 deletions
@@ -0,0 +1,129 @@
+import {
+  CodeBlockModel,
+  type DatabaseBlockModel,
+  ListBlockModel,
+  ParagraphBlockModel,
+  type RootBlockModel,
+} from '@blocksuite/affine-model';
+import { REFERENCE_NODE } from '@blocksuite/affine-shared/consts';
+import { TelemetryProvider } from '@blocksuite/affine-shared/services';
+import type { AffineTextAttributes } from '@blocksuite/affine-shared/types';
+import { createDefaultDoc, matchModels } from '@blocksuite/affine-shared/utils';
+import type { DetailSlotProps, SingleView } from '@blocksuite/data-view';
+import { SignalWatcher, WithDisposable } from '@blocksuite/global/lit';
+import { type EditorHost, ShadowlessElement } from '@blocksuite/std';
+import type { BaseTextAttributes } from '@blocksuite/store';
+import { computed } from '@preact/signals-core';
+import { cssVarV2 } from '@toeverything/theme/v2';
+import { css, html, unsafeCSS } from 'lit';
+import { property } from 'lit/decorators.js';
+
+import { isPureText } from '../utils/title-doc.js';
+
+export class NoteRenderer
+  extends SignalWatcher(WithDisposable(ShadowlessElement))
+  implements DetailSlotProps
+{
+  static override styles = css`
+    database-datasource-note-renderer {
+      width: 100%;
+      --affine-editor-side-padding: 0;
+      flex: 1;
+    }
+  `;
+
+  @property({ attribute: false })
+  accessor rowId!: string;
+
+  rowText$ = computed(() => {
+    return this.databaseBlock.doc.getBlock(this.rowId)?.model?.text;
+  });
+
+  allowCreateDoc$ = computed(() => {
+    return isPureText(this.rowText$.value);
+  });
+
+  get databaseBlock(): DatabaseBlockModel {
+    return this.model;
+  }
+
+  addNote() {
+    const collection = this.host?.std.workspace;
+    if (!collection) {
+      return;
+    }
+    const note = createDefaultDoc(collection);
+    if (note) {
+      this.openDoc(note.id);
+      const rowContent = this.rowText$.value?.toString();
+      this.rowText$.value?.replace(
+        0,
+        this.rowText$.value.length,
+        REFERENCE_NODE,
+        {
+          reference: {
+            type: 'LinkedPage',
+            pageId: note.id,
+          },
+        } satisfies AffineTextAttributes as BaseTextAttributes
+      );
+      collection.meta.setDocMeta(note.id, { title: rowContent });
+      if (note.root) {
+        (note.root as RootBlockModel).props.title.insert(rowContent ?? '', 0);
+        note.root.children
+          .find(child => child.flavour === 'affine:note')
+          ?.children.find(block =>
+            matchModels(block, [
+              ParagraphBlockModel,
+              ListBlockModel,
+              CodeBlockModel,
+            ])
+          );
+      }
+      // Track when a linked doc is created in database title column
+      this.host.std.getOptional(TelemetryProvider)?.track('LinkedDocCreated', {
+        segment: 'database',
+        module: 'center peek in database',
+        type: 'turn into',
+        parentFlavour: 'affine:database',
+      });
+    }
+  }
+
+  protected override render(): unknown {
+    return html`
+      <div
+        style="height: 1px;max-width: var(--affine-editor-width);background-color: ${unsafeCSS(
+          cssVarV2.layer.insideBorder.border
+        )};margin: auto;margin-bottom: 16px"
+      ></div>
+      ${this.renderNote()}
+    `;
+  }
+
+  renderNote() {
+    if (this.allowCreateDoc$.value) {
+      return html` <div>
+        <div
+          @click="${this.addNote}"
+          style="max-width: var(--affine-editor-width);margin: auto;cursor: pointer;color: var(--affine-text-disable-color)"
+        >
+          Click to create a linked doc in center peek.
+        </div>
+      </div>`;
+    }
+    return;
+  }
+
+  @property({ attribute: false })
+  accessor host!: EditorHost;
+
+  @property({ attribute: false })
+  accessor model!: DatabaseBlockModel;
+
+  @property({ attribute: false })
+  accessor openDoc!: (docId: string) => void;
+
+  @property({ attribute: false })
+  accessor view!: SingleView;
+}