@mhamz.01/easyflow-texteditor 0.1.86 → 0.1.88

package/dist/index.d.mts

@@ -278,6 +278,7 @@ declare function saveActiveTab(id: string): void;
 type FontOption = {
     label: string;
     cssFontFamily: string;
+    googleFontName?: string;
 };
 declare const FONT_OPTIONS: FontOption[];
 

package/dist/index.d.ts

@@ -278,6 +278,7 @@ declare function saveActiveTab(id: string): void;
 type FontOption = {
     label: string;
     cssFontFamily: string;
+    googleFontName?: string;
 };
 declare const FONT_OPTIONS: FontOption[];
 

package/dist/index.js

@@ -6739,42 +6739,187 @@ function useUndoRedo(config) {
 var import_react85 = require("@tiptap/react");
 var import_react86 = require("react");
 
+// src/lib/colors.ts
+var GRADIENT_ROWS_70 = [
+  // ROW 1 — GRAY (Neutral gradient)
+  "#ffffff",
+  "#f2f2f2",
+  "#e6e6e6",
+  "#cccccc",
+  "#b3b3b3",
+  "#999999",
+  "#808080",
+  "#666666",
+  "#4d4d4d",
+  "#333333",
+  // ROW 2 — RED
+  "#ffe8e8",
+  "#ffc4c4",
+  "#ff9e9e",
+  "#ff7878",
+  "#ff5252",
+  "#ff2d2d",
+  "#ff0707",
+  "#d30000",
+  "#a80000",
+  "#7d0000",
+  // ROW 3 — ORANGE
+  "#fff1e0",
+  "#ffd9b3",
+  "#ffc285",
+  "#ffab57",
+  "#ff9429",
+  "#ff7d00",
+  "#e66700",
+  "#cc5500",
+  "#b24400",
+  "#803000",
+  // ROW 4 — YELLOW
+  "#fffbe0",
+  "#fff4b3",
+  "#ffec85",
+  "#ffe457",
+  "#ffdc29",
+  "#ffd400",
+  "#e6be00",
+  "#cca900",
+  "#b39400",
+  "#806e00",
+  // ROW 5 — GREEN
+  "#e7ffe8",
+  "#c4ffc7",
+  "#9effa5",
+  "#78ff83",
+  "#52ff61",
+  "#2dff3f",
+  "#0afc22",
+  "#00d51d",
+  "#00ad18",
+  "#008512",
+  // ROW 6 — BLUE
+  "#e4f2ff",
+  "#bcdcff",
+  "#94c5ff",
+  "#6badff",
+  "#4396ff",
+  "#1b7eff",
+  "#0065e6",
+  "#0054bf",
+  "#004499",
+  "#003373",
+  // ROW 7 — PURPLE
+  "#f3e6ff",
+  "#dfb5ff",
+  "#cb85ff",
+  "#b755ff",
+  "#a326ff",
+  "#8a0dff",
+  "#7600e6",
+  "#6300bf",
+  "#4f0099",
+  "#3c0073"
+];
+
+// src/lib/editorStorage.ts
+var STORAGE_KEY = "tiptap-tabs-v1";
+var ACTIVE_TAB_KEY = "tiptap-active-tab";
+function loadTabs() {
+  if (typeof window === "undefined") return [];
+  try {
+    const raw = localStorage.getItem("tiptap-tabs-v1");
+    if (!raw) return [];
+    const parsed = JSON.parse(raw);
+    if (!Array.isArray(parsed)) return [];
+    return parsed;
+  } catch {
+    return [];
+  }
+}
+function saveTabs(tabs) {
+  if (typeof window === "undefined") return;
+  localStorage.setItem(STORAGE_KEY, JSON.stringify(tabs));
+}
+function loadActiveTab() {
+  if (typeof window === "undefined") return "1";
+  return localStorage.getItem(ACTIVE_TAB_KEY) ?? "1";
+}
+function saveActiveTab(id) {
+  if (typeof window === "undefined") return;
+  localStorage.setItem(ACTIVE_TAB_KEY, id);
+}
+
 // src/lib/font.ts
 var FONT_OPTIONS = [
-  { label: "Inter", cssFontFamily: "Inter" },
-  { label: "Roboto", cssFontFamily: "Roboto" },
-  { label: "Open Sans", cssFontFamily: "Opensans" },
-  { label: "Poppins", cssFontFamily: "Poppins" },
-  { label: "Montserrat", cssFontFamily: "Montserrat" },
-  { label: "Lato", cssFontFamily: "Lato" },
-  { label: "Oswald", cssFontFamily: "Oswald" },
-  { label: "Raleway", cssFontFamily: "Raleway" },
-  { label: "Merriweather", cssFontFamily: "Merriweather" },
-  { label: "Playfair Display", cssFontFamily: "Playfair" },
-  { label: "Ubuntu", cssFontFamily: "Ubuntu" },
-  { label: "PT Sans", cssFontFamily: "Ptsans" },
-  { label: "Barlow", cssFontFamily: "Barlow" },
-  { label: "Fira Sans", cssFontFamily: "Fira" },
-  { label: "Nunito", cssFontFamily: "Nunito" },
-  { label: "Cabin", cssFontFamily: "Cabin" },
-  { label: "Bebas Neue", cssFontFamily: "Bebas" },
-  { label: "Source Serif Pro", cssFontFamily: "Sourceserif" },
-  { label: "Libre Baskerville", cssFontFamily: "Librebask" },
-  { label: "Rubik", cssFontFamily: "Rubik" },
-  { label: "Inconsolata", cssFontFamily: "Inconsolata" },
-  { label: "Work Sans", cssFontFamily: "Worksans" },
-  { label: "Mulish", cssFontFamily: "Mulish" },
-  { label: "Quicksand", cssFontFamily: "Quicksand" },
-  { label: "Kanit", cssFontFamily: "Kanit" },
-  { label: "Teko", cssFontFamily: "Teko" },
-  { label: "Josefin Sans", cssFontFamily: "Josefin" },
-  { label: "Philosopher", cssFontFamily: "Philosopher" },
-  { label: "Dancing Script", cssFontFamily: "Dancing" },
-  { label: "Noto Serif", cssFontFamily: "Notoserif" },
-  { label: "Manrope", cssFontFamily: "Manrope" },
-  { label: "Space Grotesk", cssFontFamily: "Spacegrotesk" }
+  { label: "Inter", cssFontFamily: "Inter, sans-serif", googleFontName: "Inter" },
+  { label: "Roboto", cssFontFamily: "Roboto, sans-serif", googleFontName: "Roboto" },
+  { label: "Open Sans", cssFontFamily: "'Open Sans', sans-serif", googleFontName: "Open+Sans" },
+  { label: "Poppins", cssFontFamily: "Poppins, sans-serif", googleFontName: "Poppins" },
+  { label: "Montserrat", cssFontFamily: "Montserrat, sans-serif", googleFontName: "Montserrat" },
+  { label: "Lato", cssFontFamily: "Lato, sans-serif", googleFontName: "Lato" },
+  { label: "Oswald", cssFontFamily: "Oswald, sans-serif", googleFontName: "Oswald" },
+  { label: "Raleway", cssFontFamily: "Raleway, sans-serif", googleFontName: "Raleway" },
+  { label: "Merriweather", cssFontFamily: "Merriweather, serif", googleFontName: "Merriweather" },
+  { label: "Playfair Display", cssFontFamily: "'Playfair Display', serif", googleFontName: "Playfair+Display" },
+  { label: "Ubuntu", cssFontFamily: "Ubuntu, sans-serif", googleFontName: "Ubuntu" },
+  { label: "PT Sans", cssFontFamily: "'PT Sans', sans-serif", googleFontName: "PT+Sans" },
+  { label: "Barlow", cssFontFamily: "Barlow, sans-serif", googleFontName: "Barlow" },
+  { label: "Fira Sans", cssFontFamily: "'Fira Sans', sans-serif", googleFontName: "Fira+Sans" },
+  { label: "Nunito", cssFontFamily: "Nunito, sans-serif", googleFontName: "Nunito" },
+  { label: "Cabin", cssFontFamily: "Cabin, sans-serif", googleFontName: "Cabin" },
+  { label: "Bebas Neue", cssFontFamily: "'Bebas Neue', cursive", googleFontName: "Bebas+Neue" },
+  { label: "Source Serif Pro", cssFontFamily: "'Source Serif Pro', serif", googleFontName: "Source+Serif+Pro" },
+  { label: "Libre Baskerville", cssFontFamily: "'Libre Baskerville', serif", googleFontName: "Libre+Baskerville" },
+  { label: "Rubik", cssFontFamily: "Rubik, sans-serif", googleFontName: "Rubik" },
+  { label: "Inconsolata", cssFontFamily: "Inconsolata, monospace", googleFontName: "Inconsolata" },
+  { label: "Work Sans", cssFontFamily: "'Work Sans', sans-serif", googleFontName: "Work+Sans" },
+  { label: "Mulish", cssFontFamily: "Mulish, sans-serif", googleFontName: "Mulish" },
+  { label: "Quicksand", cssFontFamily: "Quicksand, sans-serif", googleFontName: "Quicksand" },
+  { label: "Kanit", cssFontFamily: "Kanit, sans-serif", googleFontName: "Kanit" },
+  { label: "Teko", cssFontFamily: "Teko, sans-serif", googleFontName: "Teko" },
+  { label: "Josefin Sans", cssFontFamily: "'Josefin Sans', sans-serif", googleFontName: "Josefin+Sans" },
+  { label: "Philosopher", cssFontFamily: "Philosopher, sans-serif", googleFontName: "Philosopher" },
+  { label: "Dancing Script", cssFontFamily: "'Dancing Script', cursive", googleFontName: "Dancing+Script" },
+  { label: "Noto Serif", cssFontFamily: "'Noto Serif', serif", googleFontName: "Noto+Serif" },
+  { label: "Manrope", cssFontFamily: "Manrope, sans-serif", googleFontName: "Manrope" },
+  { label: "Space Grotesk", cssFontFamily: "'Space Grotesk', sans-serif", googleFontName: "Space+Grotesk" }
 ];
 
+// src/lib/local-image.ts
+function fileToBase64(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = (error) => reject(error);
+  });
+}
+function saveImageBase64(key, base64) {
+  localStorage.setItem(key, base64);
+}
+function loadImageBase64(key) {
+  return localStorage.getItem(key);
+}
+
+// src/lib/font-loader.ts
+var fontsLoaded = false;
+function loadGoogleFonts() {
+  if (fontsLoaded || typeof document === "undefined") return;
+  const fontNames = FONT_OPTIONS.filter((font) => font.googleFontName).map((font) => font.googleFontName);
+  if (fontNames.length === 0) return;
+  const fontFamilies = fontNames.join("&family=");
+  const googleFontsUrl = `https://fonts.googleapis.com/css2?family=${fontFamilies}&display=swap`;
+  const existingLink = document.querySelector(`link[href*="fonts.googleapis.com"]`);
+  if (existingLink) {
+    fontsLoaded = true;
+    return;
+  }
+  const link = document.createElement("link");
+  link.rel = "stylesheet";
+  link.href = googleFontsUrl;
+  document.head.appendChild(link);
+  fontsLoaded = true;
+}
+
 // src/components/tiptap-ui/font-family-dropdown/font-family-dropdown.tsx
 var import_lucide_react9 = require("lucide-react");
 
@@ -6924,6 +7069,9 @@ var import_jsx_runtime76 = require("react/jsx-runtime");
 function FontFamilyDropdown() {
   const { editor } = (0, import_react85.useCurrentEditor)();
   const [open, setOpen] = (0, import_react86.useState)(false);
+  (0, import_react86.useEffect)(() => {
+    loadGoogleFonts();
+  }, []);
   if (!editor) return null;
   const currentFont = editor.getAttributes("textStyle").fontFamily || "Font Family";
   const applyFont = (family) => {
@@ -6946,7 +7094,7 @@ function FontFamilyDropdown() {
       Button,
       {
         variant: "outlineFontFamily",
-        className: "\r\n            min-w-[90px] h-7 px-2 flex items-center justify-between rounded-sm\r\n            border-[#a3a3a8] text-[#a3a3a8]\r\n            hover:border-[#000] hover:text-[#fff] transition-colors\r\n          ",
+        className: "min-w-[90px] h-7 px-2 flex items-center justify-between rounded-sm border-[#a3a3a8] text-[#a3a3a8] hover:border-[#000] hover:text-[#fff] transition-colors",
         children: [
           currentFont,
           /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_lucide_react9.ChevronDown, { className: "w-4 h-4" })
@@ -6996,7 +7144,7 @@ function FontFamilyDropdown() {
                 CommandItem,
                 {
                   onSelect: () => {
-                    applyFont(label);
+                    applyFont(cssFontFamily);
                     setOpen(false);
                   },
                   style: { fontFamily: cssFontFamily },
@@ -7016,89 +7164,6 @@ function FontFamilyDropdown() {
 var import_react87 = require("react");
 var import_react88 = require("@tiptap/react");
 var import_react_colorful = require("react-colorful");
-
-// src/lib/colors.ts
-var GRADIENT_ROWS_70 = [
-  // ROW 1 — GRAY (Neutral gradient)
-  "#ffffff",
-  "#f2f2f2",
-  "#e6e6e6",
-  "#cccccc",
-  "#b3b3b3",
-  "#999999",
-  "#808080",
-  "#666666",
-  "#4d4d4d",
-  "#333333",
-  // ROW 2 — RED
-  "#ffe8e8",
-  "#ffc4c4",
-  "#ff9e9e",
-  "#ff7878",
-  "#ff5252",
-  "#ff2d2d",
-  "#ff0707",
-  "#d30000",
-  "#a80000",
-  "#7d0000",
-  // ROW 3 — ORANGE
-  "#fff1e0",
-  "#ffd9b3",
-  "#ffc285",
-  "#ffab57",
-  "#ff9429",
-  "#ff7d00",
-  "#e66700",
-  "#cc5500",
-  "#b24400",
-  "#803000",
-  // ROW 4 — YELLOW
-  "#fffbe0",
-  "#fff4b3",
-  "#ffec85",
-  "#ffe457",
-  "#ffdc29",
-  "#ffd400",
-  "#e6be00",
-  "#cca900",
-  "#b39400",
-  "#806e00",
-  // ROW 5 — GREEN
-  "#e7ffe8",
-  "#c4ffc7",
-  "#9effa5",
-  "#78ff83",
-  "#52ff61",
-  "#2dff3f",
-  "#0afc22",
-  "#00d51d",
-  "#00ad18",
-  "#008512",
-  // ROW 6 — BLUE
-  "#e4f2ff",
-  "#bcdcff",
-  "#94c5ff",
-  "#6badff",
-  "#4396ff",
-  "#1b7eff",
-  "#0065e6",
-  "#0054bf",
-  "#004499",
-  "#003373",
-  // ROW 7 — PURPLE
-  "#f3e6ff",
-  "#dfb5ff",
-  "#cb85ff",
-  "#b755ff",
-  "#a326ff",
-  "#8a0dff",
-  "#7600e6",
-  "#6300bf",
-  "#4f0099",
-  "#3c0073"
-];
-
-// src/components/tiptap-ui/color-picker/color-picker.tsx
 var import_lodash = require("lodash");
 
 // src/components/ui/label.tsx
@@ -7857,50 +7922,6 @@ function useScrolling(target, options = {}) {
   }, [target, debounce2, fallbackToDocument, isScrolling]);
   return isScrolling;
 }
-
-// src/lib/editorStorage.ts
-var STORAGE_KEY = "tiptap-tabs-v1";
-var ACTIVE_TAB_KEY = "tiptap-active-tab";
-function loadTabs() {
-  if (typeof window === "undefined") return [];
-  try {
-    const raw = localStorage.getItem("tiptap-tabs-v1");
-    if (!raw) return [];
-    const parsed = JSON.parse(raw);
-    if (!Array.isArray(parsed)) return [];
-    return parsed;
-  } catch {
-    return [];
-  }
-}
-function saveTabs(tabs) {
-  if (typeof window === "undefined") return;
-  localStorage.setItem(STORAGE_KEY, JSON.stringify(tabs));
-}
-function loadActiveTab() {
-  if (typeof window === "undefined") return "1";
-  return localStorage.getItem(ACTIVE_TAB_KEY) ?? "1";
-}
-function saveActiveTab(id) {
-  if (typeof window === "undefined") return;
-  localStorage.setItem(ACTIVE_TAB_KEY, id);
-}
-
-// src/lib/local-image.ts
-function fileToBase64(file) {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.readAsDataURL(file);
-    reader.onload = () => resolve(reader.result);
-    reader.onerror = (error) => reject(error);
-  });
-}
-function saveImageBase64(key, base64) {
-  localStorage.setItem(key, base64);
-}
-function loadImageBase64(key) {
-  return localStorage.getItem(key);
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Editor,