From f2646796fceff7c01cdaded90833b83807a3a554 Mon Sep 17 00:00:00 2001
From: L-Sun <zover.v@gmail.com>
Date: Thu, 3 Apr 2025 04:21:20 +0000
Subject: [PATCH] refactor(editor): remove unused modal (#11428)

---
 .../embed-card-caption-edit-modal.ts          | 105 ------------------
 .../components/src/embed-card-modal/index.ts  |   6 -
 2 files changed, 111 deletions(-)
 delete mode 100644 blocksuite/affine/components/src/embed-card-modal/embed-card-caption-edit-modal.ts

diff --git a/blocksuite/affine/components/src/embed-card-modal/embed-card-caption-edit-modal.ts b/blocksuite/affine/components/src/embed-card-modal/embed-card-caption-edit-modal.ts
deleted file mode 100644
index 7a4df3674..000000000
--- a/blocksuite/affine/components/src/embed-card-modal/embed-card-caption-edit-modal.ts
+++ /dev/null
@@ -1,105 +0,0 @@
-import { stopPropagation } from '@blocksuite/affine-shared/utils';
-import { WithDisposable } from '@blocksuite/global/lit';
-import { type BlockComponent, ShadowlessElement } from '@blocksuite/std';
-import type { BlockModel } from '@blocksuite/store';
-import { html } from 'lit';
-import { property, query } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-
-import { embedCardModalStyles } from './styles.js';
-
-export class EmbedCardEditCaptionEditModal extends WithDisposable(
-  ShadowlessElement
-) {
-  static override styles = embedCardModalStyles;
-
-  private get _doc() {
-    return this.block.doc;
-  }
-
-  private get _model() {
-    return this.block.model as BlockModel<{ caption: string }>;
-  }
-
-  private _onKeydown(e: KeyboardEvent) {
-    e.stopPropagation();
-    if (e.key === 'Enter' && !e.isComposing) {
-      this._onSave();
-    }
-    if (e.key === 'Escape') {
-      this.remove();
-    }
-  }
-
-  private _onSave() {
-    const caption = this.captionInput.value;
-    this._doc.updateBlock(this._model, {
-      caption,
-    });
-    this.remove();
-  }
-
-  override connectedCallback() {
-    super.connectedCallback();
-
-    this.updateComplete
-      .then(() => {
-        this.captionInput.focus();
-      })
-      .catch(console.error);
-
-    this.disposables.addFromEvent(this, 'keydown', this._onKeydown);
-    this.disposables.addFromEvent(this, 'cut', stopPropagation);
-    this.disposables.addFromEvent(this, 'copy', stopPropagation);
-    this.disposables.addFromEvent(this, 'paste', stopPropagation);
-  }
-
-  override render() {
-    return html`
-      <div class="embed-card-modal">
-        <div class="embed-card-modal-mask" @click=${() => this.remove()}></div>
-        <div class="embed-card-modal-wrapper">
-          <div class="embed-card-modal-row">
-            <label for="card-title">Caption</label>
-            <textarea
-              class="embed-card-modal-input caption"
-              placeholder="Write a caption..."
-              .value=${this._model.props.caption ?? ''}
-            ></textarea>
-          </div>
-          <div class="embed-card-modal-row">
-            <button
-              class=${classMap({
-                'embed-card-modal-button': true,
-                save: true,
-              })}
-              @click=${() => this._onSave()}
-            >
-              Save
-            </button>
-          </div>
-        </div>
-      </div>
-    `;
-  }
-
-  @property({ attribute: false })
-  accessor block!: BlockComponent;
-
-  @query('.embed-card-modal-input.caption')
-  accessor captionInput!: HTMLTextAreaElement;
-}
-
-export function toggleEmbedCardCaptionEditModal(block: BlockComponent) {
-  const host = block.host;
-  host.selection.clear();
-  const embedCardEditCaptionEditModal = new EmbedCardEditCaptionEditModal();
-  embedCardEditCaptionEditModal.block = block;
-  document.body.append(embedCardEditCaptionEditModal);
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'embed-card-caption-edit-modal': EmbedCardEditCaptionEditModal;
-  }
-}
diff --git a/blocksuite/affine/components/src/embed-card-modal/index.ts b/blocksuite/affine/components/src/embed-card-modal/index.ts
index 7413958de..4ff8c76b7 100644
--- a/blocksuite/affine/components/src/embed-card-modal/index.ts
+++ b/blocksuite/affine/components/src/embed-card-modal/index.ts
@@ -1,16 +1,10 @@
-import { EmbedCardEditCaptionEditModal } from './embed-card-caption-edit-modal';
 import { EmbedCardCreateModal } from './embed-card-create-modal';
 import { EmbedCardEditModal } from './embed-card-edit-modal';
 
-export * from './embed-card-caption-edit-modal';
 export * from './embed-card-create-modal';
 export * from './embed-card-edit-modal';
 
 export function effects() {
-  customElements.define(
-    'embed-card-caption-edit-modal',
-    EmbedCardEditCaptionEditModal
-  );
   customElements.define('embed-card-create-modal', EmbedCardCreateModal);
   customElements.define('embed-card-edit-modal', EmbedCardEditModal);
 }