feat: edgeless-attachment & card views

toeverything · Jan 22, 2024 · cc29578 · cc29578
1 parent 8582157
commit cc29578
Show file tree

Hide file tree

Showing 28 changed files with 1,986 additions and 789 deletions.
diff --git a/packages/blocks/src/_common/components/embed-card/embed-card-caption.ts b/packages/blocks/src/_common/components/embed-card/embed-card-caption.ts
@@ -69,6 +69,9 @@ export class EmbedCardCaption extends WithDisposable(ShadowlessElement) {
       @input=${this._onInputChange}
       @blur=${this._onInputBlur}
       @pointerdown=${stopPropagation}
+      @pointerup=${stopPropagation}
+      @click=${stopPropagation}
+      @dblclick=${stopPropagation}
     />`;
   }
 }

diff --git a/packages/blocks/src/_common/consts.ts b/packages/blocks/src/_common/consts.ts
@@ -17,6 +17,7 @@ export const EMBED_CARD_WIDTH: Record<EmbedCardStyle, number> = {
   list: 752,
   vertical: 364,
   cube: 170,
+  cubeThick: 170,
   video: 752,
   figma: 752,
 };
@@ -27,6 +28,7 @@ export const EMBED_CARD_HEIGHT: Record<EmbedCardStyle, number> = {
   list: 46,
   vertical: 390,
   cube: 114,
+  cubeThick: 132,
   video: 544,
   figma: 544,
 };

diff --git a/packages/blocks/src/_common/icons/file-icons.ts b/packages/blocks/src/_common/icons/file-icons.ts
diff --git a/packages/blocks/src/_common/icons/index.ts b/packages/blocks/src/_common/icons/index.ts
@@ -1,5 +1,6 @@
 export * from './database.js';
 export * from './edgeless.js';
+export * from './file-icons.js';
 export * from './import-export.js';
 export * from './tags.js';
 export * from './text.js';

diff --git a/packages/blocks/src/_common/types.ts b/packages/blocks/src/_common/types.ts
@@ -256,5 +256,6 @@ export type EmbedCardStyle =
   | 'list'
   | 'vertical'
   | 'cube'
+  | 'cubeThick'
   | 'video'
   | 'figma';
diff --git a/packages/blocks/src/_common/utils/url.ts b/packages/blocks/src/_common/utils/url.ts
@@ -163,7 +163,7 @@ export function isUrlInClipboard(clipboardData: DataTransfer) {
   return isValidUrl(url);
 }
 
-type EmbedCardImages = {
+type EmbedCardIcons = {
   LoadingIcon: TemplateResult<1>;
   EmbedCardBannerIcon: TemplateResult<1>;
   EmbedCardHorizontalIcon: TemplateResult<1>;
@@ -172,7 +172,7 @@ type EmbedCardImages = {
   EmbedCardCubeIcon: TemplateResult<1>;
 };
 
-export function getEmbedCardIcons(): EmbedCardImages {
+export function getEmbedCardIcons(): EmbedCardIcons {
   const theme = getThemeMode();
   if (theme === 'light') {
     return {