ct-rich-text-editor 1.3.26 → 1.3.28

package/dist/api/config/endpoints.d.ts

@@ -15,4 +15,7 @@ export declare const apiEndpoints: {
     transcript: {
         voiceTranscript: string;
     };
+    linkPreview: {
+        getPreview: string;
+    };
 };

package/dist/api/linkPreview.d.ts

@@ -0,0 +1,15 @@
+export interface LinkPreviewData {
+    url: string;
+    title: string | null;
+    description: string | null;
+    image: string | null;
+    favicon: string | null;
+    siteName: string | null;
+    type: 'website' | 'image' | 'video' | 'pdf' | 'other';
+    contentType?: string;
+}
+export declare function fetchLinkPreview({ url, apiKey, }: {
+    url: string;
+    apiKey?: string;
+}): Promise<LinkPreviewData | null>;
+export declare function clearLinkPreviewCache(): void;

package/dist/assets/style.css

@@ -742,6 +742,11 @@ video {
   margin-right: -0.25rem;
 }
 
+.cteditor-mx-0\.5{
+  margin-left: 0.125rem;
+  margin-right: 0.125rem;
+}
+
 .cteditor-my-1{
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
@@ -1238,6 +1243,10 @@ video {
   width: 1rem;
 }
 
+.cteditor-w-44{
+  width: 11rem;
+}
+
 .cteditor-w-48{
   width: 12rem;
 }
@@ -1302,6 +1311,10 @@ video {
   width: 100%;
 }
 
+.cteditor-w-px{
+  width: 1px;
+}
+
 .cteditor-min-w-0{
   min-width: 0px;
 }
@@ -1404,6 +1417,11 @@ video {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.cteditor--translate-x-1\/2{
+  --tw-translate-x: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .cteditor-translate-x-\[-50\%\]{
   --tw-translate-x: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1414,6 +1432,16 @@ video {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.cteditor-translate-y-full{
+  --tw-translate-y: 100%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.cteditor-rotate-180{
+  --tw-rotate: 180deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 @keyframes cteditor-pulse{
 
   50%{
@@ -1832,6 +1860,10 @@ video {
   border-color: hsl(var(--cteditorf47ac10b-foreground));
 }
 
+.cteditor-border-foreground\/10{
+  border-color: hsl(var(--cteditorf47ac10b-foreground) / 0.1);
+}
+
 .cteditor-border-foreground\/15{
   border-color: hsl(var(--cteditorf47ac10b-foreground) / 0.15);
 }
@@ -2432,10 +2464,6 @@ video {
   padding-bottom: 7px;
 }
 
-.cteditor-pb-1{
-  padding-bottom: 0.25rem;
-}
-
 .cteditor-pb-1\.5{
   padding-bottom: 0.375rem;
 }
@@ -2710,6 +2738,10 @@ video {
   color: hsl(var(--cteditorf47ac10b-foreground) / 0.6);
 }
 
+.cteditor-text-foreground\/80{
+  color: hsl(var(--cteditorf47ac10b-foreground) / 0.8);
+}
+
 .cteditor-text-gray-200{
   --tw-text-opacity: 1;
   color: rgb(229 231 235 / var(--tw-text-opacity, 1));
@@ -5989,6 +6021,56 @@ body .EmojiPickerReact{
     word-wrap: break-word;
   }
 
+  /* ===== RESPONSIVE STYLES FOR FLOATED IMAGES ===== */
+  /* On smaller screens, remove floats and stack content vertically */
+  @media (max-width: 768px) {
+    /* Remove float from images on mobile - make them full width and centered */
+    .editor-image[style*="float: left"],
+    .editor-image[style*="float:left"],
+    .editor-image[style*="float: right"],
+    .editor-image[style*="float:right"] {
+      float: none !important;
+      display: block !important;
+      margin: 1em auto !important;
+      max-width: 100% !important;
+      width: 100% !important;
+    }
+
+    /* Remove float from paragraphs containing floated images */
+    .PlaygroundEditorTheme__paragraph[style*="text-align: right"]:has(> .editor-image),
+    .PlaygroundEditorTheme__paragraph[style*="text-align:right"]:has(> .editor-image),
+    .PlaygroundEditorTheme__paragraph[style*="text-align: left"]:has(> .editor-image),
+    .PlaygroundEditorTheme__paragraph[style*="text-align:left"]:has(> .editor-image) {
+      float: none !important;
+      max-width: 100% !important;
+      margin-left: 0 !important;
+      margin-right: 0 !important;
+      margin-bottom: 1em !important;
+    }
+
+    /* Paragraphs that were using display:contents should become normal blocks */
+    .PlaygroundEditorTheme__paragraph:has(> .editor-image[style*="float"]):not(:has([data-lexical-text])) {
+      display: block !important;
+    }
+  }
+
+  /* Tablet breakpoint - slightly reduce max-width of floats */
+  @media (min-width: 769px) and (max-width: 1024px) {
+    .editor-image[style*="float: left"],
+    .editor-image[style*="float:left"],
+    .editor-image[style*="float: right"],
+    .editor-image[style*="float:right"] {
+      max-width: 40% !important;
+    }
+
+    .PlaygroundEditorTheme__paragraph[style*="text-align: right"]:has(> .editor-image),
+    .PlaygroundEditorTheme__paragraph[style*="text-align:right"]:has(> .editor-image),
+    .PlaygroundEditorTheme__paragraph[style*="text-align: left"]:has(> .editor-image),
+    .PlaygroundEditorTheme__paragraph[style*="text-align:left"]:has(> .editor-image) {
+      max-width: 40% !important;
+    }
+  }
+
   .editor-image img {
     max-width: 100%;
     cursor: default;

package/dist/components/ImageView/index.d.ts

@@ -1,7 +1,7 @@
 import { LexicalCommand, LexicalEditor, NodeKey } from '../../../node_modules/lexical';
 import { ImagePosition } from '../../nodes/ImageNode';
 export declare const RIGHT_CLICK_IMAGE_COMMAND: LexicalCommand<MouseEvent>;
-export default function ImageComponent({ src, altText, nodeKey, width, height, maxWidth, resizable, showCaption, caption, captionsEnabled, originalPrompt, position, }: {
+export default function ImageComponent({ src, altText, nodeKey, width, height, maxWidth, resizable, showCaption, caption, captionsEnabled, originalPrompt, position, linkUrl, }: {
     altText: string;
     caption: LexicalEditor;
     height: "inherit" | number;
@@ -14,4 +14,5 @@ export default function ImageComponent({ src, altText, nodeKey, width, height, m
     captionsEnabled: boolean;
     originalPrompt?: string;
     position?: ImagePosition;
+    linkUrl?: string;
 }): JSX.Element;

package/dist/{html2pdf.bundle-41a72ab2.js → html2pdf.bundle-0e71462c.js}

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { g as getDefaultExportFromCjs, c as commonjsGlobal } from "./index-a2107b7c.js";
+import { g as getDefaultExportFromCjs, c as commonjsGlobal } from "./index-0533674e.js";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];
@@ -46125,4 +46125,4 @@ const html2pdf_bundle$1 = /* @__PURE__ */ _mergeNamespaces({
 export {
   html2pdf_bundle$1 as h
 };
-//# sourceMappingURL=html2pdf.bundle-41a72ab2.js.map
+//# sourceMappingURL=html2pdf.bundle-0e71462c.js.map