tiptapify 0.0.7 → 0.0.8

package/src/extensions/components/ShowSourceDialog.vue

@@ -7,6 +7,8 @@ import helpers from "@tiptapify/utils/helpers";
 
 const props = defineProps({
   indent: { type: Number, default: 2 },
+  variantBtn: { type: String, default: 'elevated' },
+  variantField: { type: String, default: 'solo' }
 })
 
 const { ucFirst } = helpers;
@@ -97,17 +99,17 @@ watch(() => formatted.value, () => {
             v-model="sourceCode"
             no-resize
             rows="100"
-            variant="outlined"
+            :variant="variantField"
             class="source-code-area"
         />
       </VCardText>
 
       <VCardActions>
         <VSpacer></VSpacer>
-        <VBtn color="primary" @click="dialog = false">
+        <VBtn :variant="variantBtn" @click="dialog = false">
           {{ ucFirst(t('dialog.close')) }}
         </VBtn>
-        <VBtn color="primary" @click="saveChanges">
+        <VBtn :variant="variantBtn" color="primary" @click="saveChanges">
           {{ ucFirst(t('dialog.apply')) }}
         </VBtn>
       </VCardActions>

package/src/extensions/components/TableBuilder.vue

@@ -56,7 +56,7 @@ function printSelection() {
         v-model="withHeaderRow"
         density="compact"
         color="primary"
-        :label="ucFirst(t('format.tables.insertWithHeaderRow'))" hide-details
+        :label="ucFirst(t('media.tables.insertWithHeaderRow'))" hide-details
     />
 
     <div v-for="rowNum in maxRows" :key="`row-${rowNum}`" class="tiptapify-insert-table-row">
@@ -74,8 +74,8 @@ function printSelection() {
 
     <div class="tiptapify-table-builder-info">
       <span>
-        {{ ucFirst(t('format.tables.rows')) }}: {{ rowHover }}
-        {{ ucFirst(t('format.tables.cols')) }}: {{ colHover }}
+        {{ ucFirst(t('media.tables.rows')) }}: {{ rowHover }}
+        {{ ucFirst(t('media.tables.cols')) }}: {{ colHover }}
       </span>
       <span>
         {{ printSelection() }}

package/src/extensions/image.ts

@@ -0,0 +1,31 @@
+import { Extension } from '@tiptap/core'
+
+const name: string = 'tiptapifyImage'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    tiptapifyImage: {
+      showTiptapifyImage: () => ReturnType
+    }
+  }
+}
+
+export const TiptapifyImage = Extension.create({
+  name,
+
+  addCommands() {
+    return {
+      showTiptapifyImage: () => ({ editor }) => {
+        const event = new CustomEvent(`tiptapify-show-${name}`, {
+          detail: {
+            image: editor.getAttributes('image')
+          }
+        })
+
+        window.dispatchEvent(event)
+
+        return true
+      },
+    }
+  },
+})

package/src/extensions/link.ts

@@ -0,0 +1,24 @@
+import Link from "@tiptap/extension-link";
+
+const name: string = 'link'
+
+export const TiptapifyLink = Link.extend({
+  name,
+
+  addCommands() {
+    return {
+      ...this.parent?.(),
+      showLink: () => ({ editor }) => {
+        const event = new CustomEvent(`tiptapify-show-${name}`, {
+          detail: {
+            link: editor.getAttributes('link')
+          }
+        })
+
+        window.dispatchEvent(event)
+
+        return true
+      },
+    }
+  },
+})

package/src/extensions/preview.ts

@@ -3,34 +3,21 @@ import { Plugin, PluginKey } from '@tiptap/pm/state'
 
 const name: string = 'preview'
 
-export interface ViewSourceOptions {
-  HTMLAttributes: Record<string, any>
-}
-
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
     preview: {
-      /**
-       * Показать исходный HTML-код
-       */
       showPreview: () => ReturnType
     }
   }
 }
 
-export const Preview = Extension.create<ViewSourceOptions>({
+export const Preview = Extension.create({
   name,
 
-  addOptions() {
-    return {
-      HTMLAttributes: {},
-    }
-  },
-
   addCommands() {
     return {
       showPreview: () => ({ editor }) => {
-        const event = new CustomEvent('tiptapify-show-preview', {
+        const event = new CustomEvent(`tiptapify-show-${name}`, {
           detail: {
             html: editor.getHTML()
           }

package/src/extensions/view-source.ts

@@ -8,9 +8,6 @@ export interface ViewSourceOptions {
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
     viewSource: {
-      /**
-       * Показать исходный HTML-код
-       */
       showSource: () => ReturnType
     }
   }

package/src/i18n/locales/de.json

@@ -21,14 +21,17 @@
     "underline": "unterstrichen",
     "sup": "hochgestellt",
     "sub": "tiefgestellt",
-    "break": "zeilenumbruch",
+    "break": "harter umbruch",
     "highlight": "hervorheben",
     "line": "horizontale linie",
     "blockquote": "zitat",
     "code": "code",
-    "codeblock": "codeblock",
+    "codeblock": "code block",
+    "formatClear": "formatierung löschen"
+  },
+  "media": {
     "link": "externer link",
-    "formatClear": "formatierung löschen",
+    "image": "bild",
     "tables": {
       "table": "tabelle",
       "insertTable": "tabelle einfügen",
@@ -36,13 +39,13 @@
       "insertWithHeaderRow": "tabelle mit kopfzeile einfügen",
       "rows": "zeilen",
       "row": "zeile",
-      "insertRowBefore": "zeile oberhalb einfügen",
-      "insertRowAfter": "zeile unterhalb einfügen",
+      "insertRowBefore": "zeile davor einfügen",
+      "insertRowAfter": "zeile danach einfügen",
       "deleteRow": "zeile löschen",
       "cols": "spalten",
       "col": "spalte",
-      "insertColBefore": "spalte links einfügen",
-      "insertColAfter": "spalte rechts einfügen",
+      "insertColBefore": "spalte davor einfügen",
+      "insertColAfter": "spalte danach einfügen",
       "deleteCol": "spalte löschen",
       "mergeCells": "zellen verbinden",
       "splitCell": "zelle teilen"
@@ -50,33 +53,44 @@
   },
   "action": {
     "undo": "rückgängig",
-    "redo": "wiederherstellen"
+    "redo": "wiederholen"
   },
   "alignment": "ausrichtung",
   "alignments": {
-    "left": "linksbündig",
-    "center": "zentriert",
-    "right": "rechtsbündig",
+    "left": "links ausrichten",
+    "center": "zentriert ausrichten",
+    "right": "rechts ausrichten",
     "justify": "blocksatz"
   },
   "list": "liste",
   "lists": {
-    "bullet": "aufzählungsliste",
-    "numbered": "nummerierte liste",
+    "bullet": "ungeordnete liste",
+    "numbered": "geordnete liste",
     "task": "aufgabenliste",
-    "indent": "einzug vergrößern",
-    "outdent": "einzug verkleinern"
+    "indent": "listenelement einrücken",
+    "outdent": "listenelement ausrücken"
   },
   "dialog": {
-    "close": "schließen",
     "apply": "anwenden",
+    "clear": "löschen",
+    "close": "schließen",
+    "image": {
+      "title": "bild hinzufügen/bearbeiten",
+      "src": "quelle",
+      "alt": "alt",
+      "width": "breite",
+      "height": "höhe"
+    },
     "link": {
       "title": "link hinzufügen/bearbeiten",
-      "placeholder": "linkadresse"
+      "href": "link-adresse",
+      "target": "in neuem fenster öffnen",
+      "rel": "rel",
+      "class": "css-klasse"
     },
     "source": {
       "title": "quellcode anzeigen",
-      "prettify": "formatieren"
+      "prettify": "verschönern"
     }
   },
   "misc": {

package/src/i18n/locales/en.json

@@ -27,8 +27,11 @@
     "blockquote": "cite",
     "code": "code",
     "codeblock": "code block",
+    "formatClear": "format clear"
+  },
+  "media": {
     "link": "external link",
-    "formatClear": "format clear",
+    "image": "image",
     "tables": {
       "table": "table",
       "insertTable": "insert table",
@@ -68,11 +71,22 @@
     "outdent": "list item outdent"
   },
   "dialog": {
-    "close": "close",
     "apply": "apply",
+    "clear": "clear",
+    "close": "close",
+    "image": {
+      "title": "add/edit image",
+      "src": "source",
+      "alt": "alt",
+      "width": "width",
+      "height": "height"
+    },
     "link": {
       "title": "add/edit link",
-      "placeholder": "link address"
+      "href": "link address",
+      "target": "open in new window",
+      "rel": "rel",
+      "class": "CSS class"
     },
     "source": {
       "title": "view source code",

package/src/i18n/locales/es.json

@@ -21,14 +21,17 @@
     "underline": "subrayado",
     "sup": "superíndice",
     "sub": "subíndice",
-    "break": "salto de línea",
+    "break": "salto forzado",
     "highlight": "resaltar",
     "line": "línea horizontal",
     "blockquote": "cita",
     "code": "código",
     "codeblock": "bloque de código",
+    "formatClear": "limpiar formato"
+  },
+  "media": {
     "link": "enlace externo",
-    "formatClear": "borrar formato",
+    "image": "imagen",
     "tables": {
       "table": "tabla",
       "insertTable": "insertar tabla",
@@ -55,24 +58,35 @@
   "alignment": "alineación",
   "alignments": {
     "left": "alinear a la izquierda",
-    "center": "centrar",
+    "center": "alinear al centro",
     "right": "alinear a la derecha",
     "justify": "justificar"
   },
   "list": "lista",
   "lists": {
-    "bullet": "lista sin orden",
-    "numbered": "lista numerada",
+    "bullet": "lista desordenada",
+    "numbered": "lista ordenada",
     "task": "lista de tareas",
-    "indent": "sangría de elemento",
-    "outdent": "reducir sangría"
+    "indent": "sangrar elemento de lista",
+    "outdent": "reducir sangría de elemento de lista"
   },
   "dialog": {
-    "close": "cerrar",
     "apply": "aplicar",
+    "clear": "limpiar",
+    "close": "cerrar",
+    "image": {
+      "title": "agregar/editar imagen",
+      "src": "origen",
+      "alt": "alt",
+      "width": "ancho",
+      "height": "alto"
+    },
     "link": {
       "title": "agregar/editar enlace",
-      "placeholder": "dirección del enlace"
+      "href": "dirección del enlace",
+      "target": "abrir en nueva ventana",
+      "rel": "rel",
+      "class": "clase css"
     },
     "source": {
       "title": "ver código fuente",

package/src/i18n/locales/fr.json

@@ -1,14 +1,14 @@
 {
   "style": {
     "paragraph": "paragraphe",
-    "heading": "titre",
+    "heading": "en-tête",
     "headings": {
-      "h1": "titre niveau 1",
-      "h2": "titre niveau 2",
-      "h3": "titre niveau 3",
-      "h4": "titre niveau 4",
-      "h5": "titre niveau 5",
-      "h6": "titre niveau 6"
+      "h1": "en-tête niveau 1",
+      "h2": "en-tête niveau 2",
+      "h3": "en-tête niveau 3",
+      "h4": "en-tête niveau 4",
+      "h5": "en-tête niveau 5",
+      "h6": "en-tête niveau 6"
     },
     "fontFamily": "famille de police",
     "fontSize": "taille de police",
@@ -21,14 +21,17 @@
     "underline": "souligné",
     "sup": "exposant",
     "sub": "indice",
-    "break": "saut de ligne",
+    "break": "saut forcé",
     "highlight": "surligner",
     "line": "ligne horizontale",
     "blockquote": "citation",
     "code": "code",
     "codeblock": "bloc de code",
+    "formatClear": "effacer le format"
+  },
+  "media": {
     "link": "lien externe",
-    "formatClear": "effacer le format",
+    "image": "image",
     "tables": {
       "table": "tableau",
       "insertTable": "insérer un tableau",
@@ -50,29 +53,40 @@
   },
   "action": {
     "undo": "annuler",
-    "redo": "rétablir"
+    "redo": "refaire"
   },
   "alignment": "alignement",
   "alignments": {
     "left": "aligner à gauche",
-    "center": "centrer",
+    "center": "aligner au centre",
     "right": "aligner à droite",
     "justify": "justifier"
   },
   "list": "liste",
   "lists": {
-    "bullet": "liste à puces",
-    "numbered": "liste numérotée",
+    "bullet": "liste non ordonnée",
+    "numbered": "liste ordonnée",
     "task": "liste de tâches",
-    "indent": "retrait d'élément",
-    "outdent": "réduire le retrait"
+    "indent": "indenter l'élément de liste",
+    "outdent": "désindenter l'élément de liste"
   },
   "dialog": {
-    "close": "fermer",
     "apply": "appliquer",
+    "clear": "effacer",
+    "close": "fermer",
+    "image": {
+      "title": "ajouter/modifier l'image",
+      "src": "source",
+      "alt": "alt",
+      "width": "largeur",
+      "height": "hauteur"
+    },
     "link": {
       "title": "ajouter/modifier le lien",
-      "placeholder": "adresse du lien"
+      "href": "adresse du lien",
+      "target": "ouvrir dans une nouvelle fenêtre",
+      "rel": "rel",
+      "class": "classe css"
     },
     "source": {
       "title": "voir le code source",

package/src/i18n/locales/it.json

@@ -12,7 +12,7 @@
     },
     "fontFamily": "famiglia di caratteri",
     "fontSize": "dimensione carattere",
-    "lineHeight": "altezza di riga"
+    "lineHeight": "altezza riga"
   },
   "format": {
     "bold": "grassetto",
@@ -21,14 +21,17 @@
     "underline": "sottolineato",
     "sup": "apice",
     "sub": "pedice",
-    "break": "interruzione di riga",
+    "break": "interruzione forzata",
     "highlight": "evidenzia",
     "line": "linea orizzontale",
     "blockquote": "citazione",
     "code": "codice",
     "codeblock": "blocco di codice",
+    "formatClear": "cancella formato"
+  },
+  "media": {
     "link": "collegamento esterno",
-    "formatClear": "cancella formato",
+    "image": "immagine",
     "tables": {
       "table": "tabella",
       "insertTable": "inserisci tabella",
@@ -50,29 +53,40 @@
   },
   "action": {
     "undo": "annulla",
-    "redo": "ripristina"
+    "redo": "ripeti"
   },
   "alignment": "allineamento",
   "alignments": {
     "left": "allinea a sinistra",
-    "center": "centra",
+    "center": "allinea al centro",
     "right": "allinea a destra",
     "justify": "giustifica"
   },
   "list": "elenco",
   "lists": {
-    "bullet": "elenco puntato",
-    "numbered": "elenco numerato",
+    "bullet": "elenco non ordinato",
+    "numbered": "elenco ordinato",
     "task": "elenco attività",
-    "indent": "rientro elemento",
-    "outdent": "riduci rientro"
+    "indent": "rientra elemento elenco",
+    "outdent": "riduci rientro elemento elenco"
   },
   "dialog": {
-    "close": "chiudi",
     "apply": "applica",
+    "clear": "cancella",
+    "close": "chiudi",
+    "image": {
+      "title": "aggiungi/modifica immagine",
+      "src": "origine",
+      "alt": "alt",
+      "width": "larghezza",
+      "height": "altezza"
+    },
     "link": {
       "title": "aggiungi/modifica collegamento",
-      "placeholder": "indirizzo del collegamento"
+      "href": "indirizzo collegamento",
+      "target": "apri in nuova finestra",
+      "rel": "rel",
+      "class": "classe css"
     },
     "source": {
       "title": "visualizza codice sorgente",

package/src/i18n/locales/pl.json

@@ -21,14 +21,17 @@
     "underline": "podkreślenie",
     "sup": "indeks górny",
     "sub": "indeks dolny",
-    "break": "łamanie linii",
-    "highlight": "podświetlenie",
+    "break": "twardy podział",
+    "highlight": "wyróżnienie",
     "line": "linia pozioma",
     "blockquote": "cytat",
     "code": "kod",
     "codeblock": "blok kodu",
+    "formatClear": "wyczyść formatowanie"
+  },
+  "media": {
     "link": "link zewnętrzny",
-    "formatClear": "wyczyść formatowanie",
+    "image": "obraz",
     "tables": {
       "table": "tabela",
       "insertTable": "wstaw tabelę",
@@ -55,32 +58,43 @@
   "alignment": "wyrównanie",
   "alignments": {
     "left": "wyrównaj do lewej",
-    "center": "wyśrodkuj",
+    "center": "wyrównaj do środka",
     "right": "wyrównaj do prawej",
     "justify": "wyjustuj"
   },
   "list": "lista",
   "lists": {
-    "bullet": "lista punktowana",
-    "numbered": "lista numerowana",
+    "bullet": "lista nieuporządkowana",
+    "numbered": "lista uporządkowana",
     "task": "lista zadań",
-    "indent": "wcięcie elementu",
-    "outdent": "zmniejsz wcięcie"
+    "indent": "wcięcie elementu listy",
+    "outdent": "zmniejsz wcięcie elementu listy"
   },
   "dialog": {
-    "close": "zamknij",
     "apply": "zastosuj",
+    "clear": "wyczyść",
+    "close": "zamknij",
+    "image": {
+      "title": "dodaj/edytuj obraz",
+      "src": "źródło",
+      "alt": "alt",
+      "width": "szerokość",
+      "height": "wysokość"
+    },
     "link": {
       "title": "dodaj/edytuj link",
-      "placeholder": "adres linku"
+      "href": "adres linku",
+      "target": "otwórz w nowym oknie",
+      "rel": "rel",
+      "class": "klasa css"
     },
     "source": {
-      "title": "wyświetl kod źródłowy",
-      "prettify": "sformatuj"
+      "title": "pokaż kod źródłowy",
+      "prettify": "upiększ"
     }
   },
   "misc": {
-    "source": "wyświetl kod źródłowy",
+    "source": "pokaż kod źródłowy",
     "preview": "podgląd"
   }
 }

package/src/i18n/locales/ru.json

@@ -27,8 +27,11 @@
     "blockquote": "цитата",
     "code": "код",
     "codeblock": "блок кода",
+    "formatClear": "очистить форматирование"
+  },
+  "media": {
     "link": "внешняя ссылка",
-    "formatClear": "очистить форматирование",
+    "image": "изображение",
     "tables": {
       "table": "таблица",
       "insertTable": "вставить таблицу",
@@ -69,10 +72,21 @@
   },
   "dialog": {
     "apply": "применить",
+    "clear": "очистить",
     "close": "закрыть",
+    "image": {
+      "title": "добавление/изменение изображения",
+      "src": "источник",
+      "alt": "alt",
+      "width": "ширина",
+      "height": "высота"
+    },
     "link": {
       "title": "добавление/изменение ссылки",
-      "placeholder": "адрес ссылки"
+      "href": "адрес ссылки",
+      "target": "открывать в новом окне",
+      "rel": "rel",
+      "class": "CSS класс"
     },
     "source": {
       "title": "просмотр исходного кода",

package/src/i18n/locales/ua.json

@@ -27,8 +27,11 @@
     "blockquote": "цитата",
     "code": "код",
     "codeblock": "блок коду",
+    "formatClear": "очистити форматування"
+  },
+  "media": {
     "link": "зовнішнє посилання",
-    "formatClear": "очистити форматування",
+    "image": "зображення",
     "tables": {
       "table": "таблиця",
       "insertTable": "вставити таблицю",
@@ -69,10 +72,21 @@
   },
   "dialog": {
     "apply": "застосувати",
+    "clear": "очистити",
     "close": "закрити",
+    "image": {
+      "title": "додавання/зміна зображення",
+      "src": "джерело",
+      "alt": "alt",
+      "width": "ширина",
+      "height": "висота"
+    },
     "link": {
       "title": "додавання/зміна посилання",
-      "placeholder": "адреса посилання"
+      "href": "адреса посилання",
+      "target": "відкривати у новому вікні",
+      "rel": "rel",
+      "class": "CSS клас"
     },
     "source": {
       "title": "перегляд вихідного коду",