@docyrus/ui-pro-ai-assistant 0.0.1

package/src/internal/plate-editor/hooks/use-on-click-outside.ts

@@ -0,0 +1,114 @@
+import {
+  useEffect, useLayoutEffect, useRef, type RefObject
+} from 'react';
+
+/**
+ * Determines the appropriate effect hook to use based on the environment. If
+ * the code is running on the client-side (browser), it uses the
+ * `useLayoutEffect` hook, otherwise, it uses the `useEffect` hook.
+ */
+export const useIsomorphicLayoutEffect
+  = typeof window === 'undefined' ? useEffect : useLayoutEffect;
+
+// MediaQueryList Event based useEventListener interface
+export function useEventListener<K extends keyof MediaQueryListEventMap>(
+  eventName: K,
+  handler: (event: MediaQueryListEventMap[K]) => void,
+  element: RefObject<MediaQueryList>,
+  options?: AddEventListenerOptions | boolean
+): void;
+
+// Window Event based useEventListener interface
+export function useEventListener<K extends keyof WindowEventMap>(
+  eventName: K,
+  handler: (event: WindowEventMap[K]) => void,
+  element?: undefined,
+  options?: AddEventListenerOptions | boolean
+): void;
+
+// Element Event based useEventListener interface
+export function useEventListener<
+  K extends keyof HTMLElementEventMap,
+  T extends HTMLElement = HTMLDivElement
+>(
+  eventName: K,
+  handler: (event: HTMLElementEventMap[K]) => void,
+  element: RefObject<T>,
+  options?: AddEventListenerOptions | boolean
+): void;
+
+// Document Event based useEventListener interface
+export function useEventListener<K extends keyof DocumentEventMap>(
+  eventName: K,
+  handler: (event: DocumentEventMap[K]) => void,
+  element: RefObject<Document>,
+  options?: AddEventListenerOptions | boolean
+): void;
+
+// https://usehooks-ts.com/react-hook/use-event-listener
+export function useEventListener<
+  KW extends keyof WindowEventMap,
+  KH extends keyof HTMLElementEventMap,
+  KM extends keyof MediaQueryListEventMap,
+  T extends HTMLElement | MediaQueryList | void = void
+>(
+  eventName: KH | KM | KW,
+  handler: (
+    event:
+      | Event
+      | HTMLElementEventMap[KH]
+      | MediaQueryListEventMap[KM]
+      | WindowEventMap[KW]
+  ) => void,
+  element?: RefObject<T>,
+  options?: AddEventListenerOptions | boolean
+) {
+  // Create a ref that stores handler
+  const savedHandler = useRef(handler);
+
+  useIsomorphicLayoutEffect(() => {
+    savedHandler.current = handler;
+  }, [handler]);
+
+  useEffect(() => {
+    // Define the listening target
+    const targetElement: T | Window = element?.current ?? window;
+
+    if (!targetElement?.addEventListener) return;
+
+    // Create event listener that calls handler function stored in ref
+    const listener: typeof handler = event => savedHandler.current(event);
+
+    targetElement.addEventListener(eventName, listener, options);
+
+    // Remove event listener on cleanup
+    return () => {
+      targetElement.removeEventListener(eventName, listener, options);
+    };
+  }, [eventName, element, options]);
+}
+
+type Handler = (event: MouseEvent) => void;
+
+/**
+ * Attaches an event listener to detect clicks that occur outside a given
+ * element.
+ */
+export const useOnClickOutside = <T extends HTMLElement = HTMLElement>(
+  ref: RefObject<T | null>,
+  handler?: Handler,
+  mouseEvent: 'mousedown' | 'mouseup' = 'mousedown'
+): void => {
+  useEventListener(mouseEvent, (event) => {
+    if (!handler) return;
+
+    const el = ref?.current;
+
+    // Do nothing if clicking ref's element or descendent elements
+    if (!el || el.contains(event.target as Node)) {
+      return;
+    }
+
+    handler(event);
+  });
+};

package/src/internal/plate-editor/hooks/use-upload-file.ts

@@ -0,0 +1,81 @@
+import { useState } from 'react';
+
+import { toast } from 'sonner';
+
+export interface UploadedFile {
+  key: string;
+  appUrl: string;
+  name: string;
+  size: number;
+  type: string;
+  url: string;
+}
+
+interface UseUploadFileProps {
+  defaultUploadedFiles?: UploadedFile[];
+  onUploadComplete?: (file: UploadedFile) => void;
+  onUploadError?: (error: unknown) => void;
+}
+
+export function useUploadFile({
+  onUploadComplete,
+  onUploadError
+}: UseUploadFileProps = {}) {
+  const [uploadedFile, setUploadedFile] = useState<UploadedFile>();
+  const [uploadingFile, setUploadingFile] = useState<File>();
+  const [progress, setProgress] = useState<number>(0);
+  const [isUploading, setIsUploading] = useState(false);
+
+  async function uploadFile(file: File) {
+    setIsUploading(true);
+    setUploadingFile(file);
+
+    try {
+      // Mock upload - replace with actual upload implementation
+      const mockUploadedFile: UploadedFile = {
+        key: `mock-key-${Date.now()}`,
+        appUrl: `https://mock-app-url.com/${file.name}`,
+        name: file.name,
+        size: file.size,
+        type: file.type,
+        url: URL.createObjectURL(file)
+      };
+
+      // Simulate upload progress
+      let currentProgress = 0;
+
+      const simulateProgress = async () => {
+        while (currentProgress < 100) {
+          await new Promise(resolve => setTimeout(resolve, 50));
+          currentProgress += 2;
+          setProgress(Math.min(currentProgress, 100));
+        }
+      };
+
+      await simulateProgress();
+
+      setUploadedFile(mockUploadedFile);
+      onUploadComplete?.(mockUploadedFile);
+
+      return mockUploadedFile;
+    } catch (error) {
+      const errorMessage
+        = error instanceof Error ? error.message : 'Something went wrong, please try again later.';
+
+      toast.error(errorMessage);
+      onUploadError?.(error);
+    } finally {
+      setProgress(0);
+      setIsUploading(false);
+      setUploadingFile(undefined);
+    }
+  }
+
+  return {
+    isUploading,
+    progress,
+    uploadedFile,
+    uploadFile,
+    uploadingFile
+  };
+}

package/src/internal/plate-editor/i18n/context.tsx

@@ -0,0 +1,58 @@
+'use client';
+
+import { createContext, use, type ReactNode } from 'react';
+
+import { type Locale, type PlateEditorTranslations } from './types';
+
+// Import all locales
+import de from './locales/de.json';
+import el from './locales/el.json';
+import en from './locales/en.json';
+import es from './locales/es.json';
+import fr from './locales/fr.json';
+import it from './locales/it.json';
+import pt from './locales/pt.json';
+import sl from './locales/sl.json';
+import tr from './locales/tr.json';
+
+const localeMap: Record<Locale, PlateEditorTranslations> = {
+  de: de as unknown as PlateEditorTranslations,
+  el: el as unknown as PlateEditorTranslations,
+  en: en as unknown as PlateEditorTranslations,
+  es: es as unknown as PlateEditorTranslations,
+  fr: fr as unknown as PlateEditorTranslations,
+  it: it as unknown as PlateEditorTranslations,
+  pt: pt as unknown as PlateEditorTranslations,
+  sl: sl as unknown as PlateEditorTranslations,
+  tr: tr as unknown as PlateEditorTranslations
+};
+
+interface PlateEditorI18nContextValue {
+  locale: Locale;
+  translations: PlateEditorTranslations;
+}
+
+const PlateEditorI18nContext = createContext<PlateEditorI18nContextValue>({
+  locale: 'en',
+  translations: localeMap.en
+});
+
+export function PlateEditorI18nProvider({
+  children,
+  locale = 'en'
+}: {
+  children: ReactNode;
+  locale?: Locale;
+}) {
+  const translations = localeMap[locale] || localeMap.en;
+
+  return (
+    <PlateEditorI18nContext value={{ locale, translations }}>
+      {children}
+    </PlateEditorI18nContext>
+  );
+}
+
+export function usePlateEditorI18n() {
+  return use(PlateEditorI18nContext);
+}

package/src/internal/plate-editor/i18n/index.ts

@@ -0,0 +1,3 @@
+export { PlateEditorI18nProvider, usePlateEditorI18n } from './context';
+export { usePlateEditorTranslation } from './use-translation';
+export type { Locale, PlateEditorTranslations } from './types';

package/src/internal/plate-editor/i18n/locales/de.json

@@ -0,0 +1,57 @@
+{
+  "toolbar": {
+    "bold": "Fett",
+    "italic": "Kursiv",
+    "underline": "Unterstrichen",
+    "strikethrough": "Durchgestrichen",
+    "code": "Code",
+    "heading1": "Überschrift 1",
+    "heading2": "Überschrift 2",
+    "heading3": "Überschrift 3",
+    "bulletList": "Aufzählung",
+    "numberedList": "Nummerierte Liste",
+    "todoList": "Aufgabenliste",
+    "blockquote": "Zitat",
+    "codeBlock": "Codeblock",
+    "table": "Tabelle",
+    "image": "Bild",
+    "link": "Link",
+    "align_left": "Linksbündig",
+    "align_center": "Zentriert",
+    "align_right": "Rechtsbündig",
+    "undo": "Rückgängig",
+    "redo": "Wiederholen"
+  },
+  "slash": {
+    "placeholder": "Befehl eingeben...",
+    "noResults": "Keine Ergebnisse",
+    "groups": {
+      "basic": "Grundbausteine",
+      "media": "Medien",
+      "advanced": "Erweitert"
+    }
+  },
+  "ai": {
+    "placeholder": "KI um Bearbeitung oder Erstellung bitten...",
+    "generating": "Wird generiert...",
+    "improve": "Text verbessern",
+    "simplify": "Vereinfachen",
+    "expand": "Verlängern",
+    "summarize": "Zusammenfassen",
+    "translate": "Übersetzen",
+    "fixGrammar": "Grammatik korrigieren"
+  },
+  "media": {
+    "upload": "Hochladen",
+    "embedLink": "Link einbetten",
+    "maxSize": "Maximale Dateigröße: 5MB",
+    "uploadImage": "Bild hochladen",
+    "uploadVideo": "Video hochladen",
+    "uploadAudio": "Audio hochladen",
+    "uploadFile": "Datei hochladen"
+  },
+  "placeholder": {
+    "paragraph": "'/' für Befehle eingeben...",
+    "heading": "Überschrift"
+  }
+}

package/src/internal/plate-editor/i18n/locales/el.json

@@ -0,0 +1,57 @@
+{
+  "toolbar": {
+    "bold": "Έντονα",
+    "italic": "Πλάγια",
+    "underline": "Υπογράμμιση",
+    "strikethrough": "Διαγράμμιση",
+    "code": "Κώδικας",
+    "heading1": "Επικεφαλίδα 1",
+    "heading2": "Επικεφαλίδα 2",
+    "heading3": "Επικεφαλίδα 3",
+    "bulletList": "Λίστα με κουκκίδες",
+    "numberedList": "Αριθμημένη λίστα",
+    "todoList": "Λίστα εργασιών",
+    "blockquote": "Παράθεση",
+    "codeBlock": "Μπλοκ κώδικα",
+    "table": "Πίνακας",
+    "image": "Εικόνα",
+    "link": "Σύνδεσμος",
+    "align_left": "Αριστερά",
+    "align_center": "Κέντρο",
+    "align_right": "Δεξιά",
+    "undo": "Αναίρεση",
+    "redo": "Επανάληψη"
+  },
+  "slash": {
+    "placeholder": "Πληκτρολογήστε εντολή...",
+    "noResults": "Χωρίς αποτελέσματα",
+    "groups": {
+      "basic": "Βασικά μπλοκ",
+      "media": "Πολυμέσα",
+      "advanced": "Προηγμένα"
+    }
+  },
+  "ai": {
+    "placeholder": "Ζητήστε από το AI να επεξεργαστεί ή να δημιουργήσει...",
+    "generating": "Δημιουργία...",
+    "improve": "Βελτίωση γραφής",
+    "simplify": "Απλοποίηση",
+    "expand": "Επέκταση",
+    "summarize": "Σύνοψη",
+    "translate": "Μετάφραση",
+    "fixGrammar": "Διόρθωση γραμματικής"
+  },
+  "media": {
+    "upload": "Μεταφόρτωση",
+    "embedLink": "Ενσωμάτωση συνδέσμου",
+    "maxSize": "Μέγιστο μέγεθος αρχείου 5MB",
+    "uploadImage": "Μεταφόρτωση εικόνας",
+    "uploadVideo": "Μεταφόρτωση βίντεο",
+    "uploadAudio": "Μεταφόρτωση ήχου",
+    "uploadFile": "Μεταφόρτωση αρχείου"
+  },
+  "placeholder": {
+    "paragraph": "Πληκτρολογήστε '/' για εντολές...",
+    "heading": "Επικεφαλίδα"
+  }
+}

package/src/internal/plate-editor/i18n/locales/en.json

@@ -0,0 +1,57 @@
+{
+  "toolbar": {
+    "bold": "Bold",
+    "italic": "Italic",
+    "underline": "Underline",
+    "strikethrough": "Strikethrough",
+    "code": "Code",
+    "heading1": "Heading 1",
+    "heading2": "Heading 2",
+    "heading3": "Heading 3",
+    "bulletList": "Bullet List",
+    "numberedList": "Numbered List",
+    "todoList": "To-do List",
+    "blockquote": "Blockquote",
+    "codeBlock": "Code Block",
+    "table": "Table",
+    "image": "Image",
+    "link": "Link",
+    "align_left": "Align Left",
+    "align_center": "Align Center",
+    "align_right": "Align Right",
+    "undo": "Undo",
+    "redo": "Redo"
+  },
+  "slash": {
+    "placeholder": "Type a command...",
+    "noResults": "No results",
+    "groups": {
+      "basic": "Basic Blocks",
+      "media": "Media",
+      "advanced": "Advanced"
+    }
+  },
+  "ai": {
+    "placeholder": "Ask AI to edit or generate...",
+    "generating": "Generating...",
+    "improve": "Improve writing",
+    "simplify": "Simplify",
+    "expand": "Make longer",
+    "summarize": "Summarize",
+    "translate": "Translate",
+    "fixGrammar": "Fix grammar"
+  },
+  "media": {
+    "upload": "Upload",
+    "embedLink": "Embed link",
+    "maxSize": "The maximum size per file is 5MB",
+    "uploadImage": "Upload image",
+    "uploadVideo": "Upload video",
+    "uploadAudio": "Upload audio",
+    "uploadFile": "Upload file"
+  },
+  "placeholder": {
+    "paragraph": "Type '/' for commands...",
+    "heading": "Heading"
+  }
+}

package/src/internal/plate-editor/i18n/locales/es.json

@@ -0,0 +1,57 @@
+{
+  "toolbar": {
+    "bold": "Negrita",
+    "italic": "Cursiva",
+    "underline": "Subrayado",
+    "strikethrough": "Tachado",
+    "code": "Código",
+    "heading1": "Encabezado 1",
+    "heading2": "Encabezado 2",
+    "heading3": "Encabezado 3",
+    "bulletList": "Lista con viñetas",
+    "numberedList": "Lista numerada",
+    "todoList": "Lista de tareas",
+    "blockquote": "Cita",
+    "codeBlock": "Bloque de código",
+    "table": "Tabla",
+    "image": "Imagen",
+    "link": "Enlace",
+    "align_left": "Alinear a la izquierda",
+    "align_center": "Centrar",
+    "align_right": "Alinear a la derecha",
+    "undo": "Deshacer",
+    "redo": "Rehacer"
+  },
+  "slash": {
+    "placeholder": "Escribe un comando...",
+    "noResults": "Sin resultados",
+    "groups": {
+      "basic": "Bloques básicos",
+      "media": "Medios",
+      "advanced": "Avanzado"
+    }
+  },
+  "ai": {
+    "placeholder": "Pide a la IA que edite o genere...",
+    "generating": "Generando...",
+    "improve": "Mejorar escritura",
+    "simplify": "Simplificar",
+    "expand": "Ampliar",
+    "summarize": "Resumir",
+    "translate": "Traducir",
+    "fixGrammar": "Corregir gramática"
+  },
+  "media": {
+    "upload": "Subir",
+    "embedLink": "Enlace incrustado",
+    "maxSize": "Tamaño máximo por archivo: 5MB",
+    "uploadImage": "Subir imagen",
+    "uploadVideo": "Subir video",
+    "uploadAudio": "Subir audio",
+    "uploadFile": "Subir archivo"
+  },
+  "placeholder": {
+    "paragraph": "Escribe '/' para comandos...",
+    "heading": "Encabezado"
+  }
+}

package/src/internal/plate-editor/i18n/locales/fr.json

@@ -0,0 +1,57 @@
+{
+  "toolbar": {
+    "bold": "Gras",
+    "italic": "Italique",
+    "underline": "Souligné",
+    "strikethrough": "Barré",
+    "code": "Code",
+    "heading1": "Titre 1",
+    "heading2": "Titre 2",
+    "heading3": "Titre 3",
+    "bulletList": "Liste à puces",
+    "numberedList": "Liste numérotée",
+    "todoList": "Liste de tâches",
+    "blockquote": "Citation",
+    "codeBlock": "Bloc de code",
+    "table": "Tableau",
+    "image": "Image",
+    "link": "Lien",
+    "align_left": "Aligner à gauche",
+    "align_center": "Centrer",
+    "align_right": "Aligner à droite",
+    "undo": "Annuler",
+    "redo": "Rétablir"
+  },
+  "slash": {
+    "placeholder": "Tapez une commande...",
+    "noResults": "Aucun résultat",
+    "groups": {
+      "basic": "Blocs de base",
+      "media": "Médias",
+      "advanced": "Avancé"
+    }
+  },
+  "ai": {
+    "placeholder": "Demandez à l'IA de modifier ou générer...",
+    "generating": "Génération...",
+    "improve": "Améliorer l'écriture",
+    "simplify": "Simplifier",
+    "expand": "Allonger",
+    "summarize": "Résumer",
+    "translate": "Traduire",
+    "fixGrammar": "Corriger la grammaire"
+  },
+  "media": {
+    "upload": "Télécharger",
+    "embedLink": "Intégrer un lien",
+    "maxSize": "Taille maximale par fichier : 5 Mo",
+    "uploadImage": "Télécharger une image",
+    "uploadVideo": "Télécharger une vidéo",
+    "uploadAudio": "Télécharger un audio",
+    "uploadFile": "Télécharger un fichier"
+  },
+  "placeholder": {
+    "paragraph": "Tapez '/' pour les commandes...",
+    "heading": "Titre"
+  }
+}

package/src/internal/plate-editor/i18n/locales/it.json

@@ -0,0 +1,57 @@
+{
+  "toolbar": {
+    "bold": "Grassetto",
+    "italic": "Corsivo",
+    "underline": "Sottolineato",
+    "strikethrough": "Barrato",
+    "code": "Codice",
+    "heading1": "Titolo 1",
+    "heading2": "Titolo 2",
+    "heading3": "Titolo 3",
+    "bulletList": "Elenco puntato",
+    "numberedList": "Elenco numerato",
+    "todoList": "Lista attività",
+    "blockquote": "Citazione",
+    "codeBlock": "Blocco di codice",
+    "table": "Tabella",
+    "image": "Immagine",
+    "link": "Collegamento",
+    "align_left": "Allinea a sinistra",
+    "align_center": "Centra",
+    "align_right": "Allinea a destra",
+    "undo": "Annulla",
+    "redo": "Ripeti"
+  },
+  "slash": {
+    "placeholder": "Digita un comando...",
+    "noResults": "Nessun risultato",
+    "groups": {
+      "basic": "Blocchi di base",
+      "media": "Media",
+      "advanced": "Avanzato"
+    }
+  },
+  "ai": {
+    "placeholder": "Chiedi all'IA di modificare o generare...",
+    "generating": "Generazione...",
+    "improve": "Migliora scrittura",
+    "simplify": "Semplifica",
+    "expand": "Espandi",
+    "summarize": "Riassumi",
+    "translate": "Traduci",
+    "fixGrammar": "Correggi grammatica"
+  },
+  "media": {
+    "upload": "Carica",
+    "embedLink": "Incorpora link",
+    "maxSize": "Dimensione massima per file: 5MB",
+    "uploadImage": "Carica immagine",
+    "uploadVideo": "Carica video",
+    "uploadAudio": "Carica audio",
+    "uploadFile": "Carica file"
+  },
+  "placeholder": {
+    "paragraph": "Digita '/' per i comandi...",
+    "heading": "Titolo"
+  }
+}

package/src/internal/plate-editor/i18n/locales/pt.json

@@ -0,0 +1,57 @@
+{
+  "toolbar": {
+    "bold": "Negrito",
+    "italic": "Itálico",
+    "underline": "Sublinhado",
+    "strikethrough": "Tachado",
+    "code": "Código",
+    "heading1": "Título 1",
+    "heading2": "Título 2",
+    "heading3": "Título 3",
+    "bulletList": "Lista com marcadores",
+    "numberedList": "Lista numerada",
+    "todoList": "Lista de tarefas",
+    "blockquote": "Citação",
+    "codeBlock": "Bloco de código",
+    "table": "Tabela",
+    "image": "Imagem",
+    "link": "Link",
+    "align_left": "Alinhar à esquerda",
+    "align_center": "Centralizar",
+    "align_right": "Alinhar à direita",
+    "undo": "Desfazer",
+    "redo": "Refazer"
+  },
+  "slash": {
+    "placeholder": "Digite um comando...",
+    "noResults": "Sem resultados",
+    "groups": {
+      "basic": "Blocos básicos",
+      "media": "Mídia",
+      "advanced": "Avançado"
+    }
+  },
+  "ai": {
+    "placeholder": "Peça à IA para editar ou gerar...",
+    "generating": "Gerando...",
+    "improve": "Melhorar texto",
+    "simplify": "Simplificar",
+    "expand": "Expandir",
+    "summarize": "Resumir",
+    "translate": "Traduzir",
+    "fixGrammar": "Corrigir gramática"
+  },
+  "media": {
+    "upload": "Carregar",
+    "embedLink": "Incorporar link",
+    "maxSize": "Tamanho máximo por arquivo: 5MB",
+    "uploadImage": "Carregar imagem",
+    "uploadVideo": "Carregar vídeo",
+    "uploadAudio": "Carregar áudio",
+    "uploadFile": "Carregar arquivo"
+  },
+  "placeholder": {
+    "paragraph": "Digite '/' para comandos...",
+    "heading": "Título"
+  }
+}