@clevertask/scribe 0.1.12 → 0.1.14

package/dist/main.css

@@ -114,6 +114,152 @@
   text-underline-offset: 0.18em;
 }
 
+.scribe-content .tiptap [data-type="external-link-preview"] {
+  align-items: center;
+  display: inline-flex;
+  gap: 6px;
+  line-height: 1.35;
+  max-width: 100%;
+  position: relative;
+  vertical-align: middle;
+}
+
+.scribe-content .tiptap [data-type="external-link-preview"] [data-link-preview-target] {
+  align-items: center;
+  background: var(--gray-2);
+  border: 1px solid var(--gray-6);
+  border-radius: 8px;
+  color: var(--gray-12);
+  display: inline-flex;
+  gap: 8px;
+  max-width: 100%;
+  min-width: 0;
+  padding: 5px 8px;
+  text-decoration: none;
+  transition:
+    background-color 0.15s ease,
+    border-color 0.15s ease;
+}
+
+.scribe-content .tiptap [data-type="external-link-preview"] [data-link-preview-target]:hover {
+  background: var(--gray-3);
+  border-color: var(--gray-7);
+}
+
+.scribe-content .tiptap [data-type="external-link-preview"] [data-link-preview-main] {
+  align-items: center;
+  display: flex;
+  gap: 8px;
+  min-width: 0;
+}
+
+.scribe-content .tiptap [data-type="external-link-preview"] [data-link-preview-copy] {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-width: 0;
+}
+
+.scribe-content .tiptap [data-type="external-link-preview"] [data-link-preview-title] {
+  font-size: 0.925rem;
+  font-weight: 500;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.scribe-content .tiptap [data-type="external-link-preview"] [data-link-preview-site],
+.scribe-content .tiptap [data-type="external-link-preview"] [data-link-preview-description] {
+  color: var(--gray-11);
+  font-size: 0.8rem;
+}
+
+.scribe-content .tiptap [data-type="external-link-preview"] [data-link-preview-favicon],
+.scribe-content .tiptap [data-type="external-link-preview"] [data-link-preview-favicon-fallback] {
+  align-items: center;
+  border-radius: 4px;
+  display: inline-flex;
+  flex: 0 0 18px;
+  height: 18px;
+  justify-content: center;
+  object-fit: contain;
+  overflow: hidden;
+  width: 18px;
+}
+
+.scribe-content .tiptap .scribe-external-link-preview--compact [data-link-preview-site] {
+  display: none;
+}
+
+.scribe-content .tiptap .scribe-external-link-preview--card {
+  align-items: stretch;
+  display: flex;
+  flex-wrap: wrap;
+  margin: 0.4rem 0;
+  width: 100%;
+}
+
+.scribe-content .tiptap .scribe-external-link-preview--card [data-link-preview-target] {
+  align-items: stretch;
+  display: flex;
+  flex: 1;
+  flex-basis: 100%;
+  min-height: 104px;
+  overflow: hidden;
+  padding: 0;
+  width: 100%;
+}
+
+.scribe-content .tiptap .scribe-external-link-preview--card [data-link-preview-main] {
+  align-items: flex-start;
+  flex: 1;
+  order: 1;
+  padding: 14px;
+}
+
+.scribe-content .tiptap .scribe-external-link-preview--card [data-link-preview-copy] {
+  gap: 4px;
+}
+
+.scribe-content .tiptap .scribe-external-link-preview--card [data-link-preview-title] {
+  font-size: 1rem;
+  font-weight: 600;
+}
+
+.scribe-content .tiptap .scribe-external-link-preview--card [data-link-preview-description] {
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+
+.scribe-content .tiptap .scribe-external-link-preview--card [data-link-preview-image] {
+  align-self: stretch;
+  flex: 0 0 min(34%, 220px);
+  min-height: 104px;
+  object-fit: cover;
+  order: 2;
+  width: min(34%, 220px);
+}
+
+.scribe-content .tiptap [data-type="external-link-preview"].ProseMirror-selectednode {
+  outline: 2px solid var(--accent-8);
+  outline-offset: 2px;
+}
+
+@media (max-width: 480px) {
+  .scribe-content .tiptap .scribe-external-link-preview--card [data-link-preview-image] {
+    flex-basis: 30%;
+    width: 30%;
+  }
+}
+
+@media (pointer: coarse) {
+  .scribe-content .tiptap [data-type="external-link-preview"] [data-link-preview-target] {
+    min-height: 44px;
+  }
+}
+
 .scribe-content .tiptap blockquote {
   border-left: 3px solid var(--gray-6);
   color: var(--gray-11);
@@ -368,6 +514,8 @@
   box-shadow:
     0 18px 38px -24px rgba(15, 23, 42, 0.35),
     0 10px 20px -18px rgba(15, 23, 42, 0.35);
+  max-height: min(32rem, calc(100vh - 32px));
+  overflow-y: auto;
   padding: 16px;
 }
 

package/dist/main.d.ts

@@ -1,5 +1,6 @@
 export * from "./components/Scribe";
 export * from "./components/Scribe/extension/callout";
+export * from "./components/Scribe/extension/external-link-preview";
 export * from "./utils";
 export type { Content } from "@tiptap/react";
 //# sourceMappingURL=main.d.ts.map

package/dist/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../lib/main.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,uCAAuC,CAAC;AACtD,cAAc,SAAS,CAAC;AACxB,YAAY,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../lib/main.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,uCAAuC,CAAC;AACtD,cAAc,qDAAqD,CAAC;AACpE,cAAc,SAAS,CAAC;AACxB,YAAY,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/dist/main.js

@@ -1,9 +1,12 @@
-import { CALLOUT_VARIANTS as e, CALLOUT_VARIANT_LABELS as t, Callout as n, DEFAULT_CALLOUT_VARIANT as r, isCalloutVariant as i } from "./components/Scribe/extension/callout.js";
-import { t as a } from "./html-to-markdown-C920nQtn.js";
-import { t as o } from "./markdown-to-html-CW0Nb9Ye.js";
-import { isInViewport as s } from "./utils/is-in-viewport.js";
-import { convertLegacyMathDelimiters as c } from "./utils/convert-legacy-math-delimiters.js";
-import { SuggestionItemType as l } from "./components/Scribe/extension/slashCommand/items.js";
-import { createScribeEditor as u } from "./utils/index.js";
-import { Scribe as d } from "./components/Scribe/index.js";
-export { e as CALLOUT_VARIANTS, t as CALLOUT_VARIANT_LABELS, n as Callout, r as DEFAULT_CALLOUT_VARIANT, d as Scribe, l as SuggestionItemType, c as convertLegacyMathDelimiters, u as createScribeEditor, a as html2md, i as isCalloutVariant, s as isInViewport, o as md2html };
+import { EXTERNAL_LINK_PREVIEW_DISPLAYS as e } from "./components/Scribe/extension/external-link-preview/types.js";
+import { EXTERNAL_LINK_PREVIEW_NODE_NAME as t } from "./components/Scribe/extension/external-link-preview/attributes.js";
+import { CALLOUT_VARIANTS as n, CALLOUT_VARIANT_LABELS as r, Callout as i, DEFAULT_CALLOUT_VARIANT as a, isCalloutVariant as o } from "./components/Scribe/extension/callout.js";
+import { t as s } from "./html-to-markdown-nbQ6qHyO.js";
+import { t as c } from "./markdown-to-html-B-KKCZRs.js";
+import { isInViewport as l } from "./utils/is-in-viewport.js";
+import { convertLegacyMathDelimiters as u } from "./utils/convert-legacy-math-delimiters.js";
+import { SuggestionItemType as d } from "./components/Scribe/extension/slashCommand/items.js";
+import { ExternalLinkPreview as f } from "./components/Scribe/extension/external-link-preview/index.js";
+import { createScribeEditor as p } from "./utils/index.js";
+import { Scribe as m } from "./components/Scribe/index.js";
+export { n as CALLOUT_VARIANTS, r as CALLOUT_VARIANT_LABELS, i as Callout, a as DEFAULT_CALLOUT_VARIANT, e as EXTERNAL_LINK_PREVIEW_DISPLAYS, t as EXTERNAL_LINK_PREVIEW_NODE_NAME, f as ExternalLinkPreview, m as Scribe, d as SuggestionItemType, u as convertLegacyMathDelimiters, p as createScribeEditor, s as html2md, o as isCalloutVariant, l as isInViewport, c as md2html };