@blokkli/editor 2.0.0-alpha.5 → 2.0.0-alpha.50

package/dist/runtime/editor/features/changelog/changelog.json

@@ -0,0 +1,66 @@
+[
+  {
+    "version": "2.0.0-alpha.50",
+    "date": "2026-03-24",
+    "body": {
+      "en": "<h3>New Features</h3>\n<h4>Swap block positions</h4>\n<p>Select two blocks and use the new &quot;Swap block positions&quot; action to exchange\ntheir positions. This works across different fields, as long as both block types\nare allowed in each other&#39;s field.</p>\n<h3>Improvements</h3>\n<ul>\n<li>Blocks with an editor option (e.g. chart data) now show the edit button even\nwhen regular editing is disabled. Clicking it opens the option editor directly.</li>\n</ul>\n",
+      "de": "<h3>Neue Funktionen</h3>\n<h4>Blockpositionen tauschen</h4>\n<p>Zwei Blöcke auswählen und über die neue Aktion «Blockpositionen tauschen» ihre\nPositionen vertauschen. Dies funktioniert auch feldübergreifend, sofern beide\nBlocktypen im jeweiligen Feld erlaubt sind.</p>\n<h3>Verbesserungen</h3>\n<ul>\n<li>Blöcke mit einer Option mit Editor (z.B. Diagrammdaten) zeigen jetzt den\nBearbeiten-Button an, auch wenn die reguläre Bearbeitung deaktiviert ist. Ein\nKlick öffnet direkt den Options-Editor.</li>\n</ul>\n"
+    }
+  },
+  {
+    "version": "2.0.0-alpha.48",
+    "date": "2026-03-20",
+    "body": {
+      "en": "<h3>Improvements</h3>\n<ul>\n<li>The media library filters now use custom dropdown selects with keyboard\nnavigation and a search field for long lists, replacing the native browser\nselects.</li>\n</ul>\n",
+      "de": "<h3>Verbesserungen</h3>\n<ul>\n<li>Die Filter in der Medienbibliothek verwenden jetzt eigene Dropdowns mit\nTastaturnavigation und einem Suchfeld bei langen Listen.</li>\n</ul>\n"
+    }
+  },
+  {
+    "version": "2.0.0-alpha.47",
+    "date": "2026-03-18",
+    "body": {
+      "en": "<h3>New Features</h3>\n<h4>Block permissions</h4>\n<p>Administrators can now restrict which block types individual users are allowed\nto create, edit, or delete. Restricted blocks are visually marked in the editor.</p>\n<h4>Fragments in block selector</h4>\n<p>When adding a block before or after a selected block, available fragments are\nnow listed directly in the selector by name. Clicking a fragment adds it\nimmediately without opening a separate dialog.</p>\n<h3>Improvements</h3>\n<ul>\n<li>The block selector now groups items into separate sections for blocks,\nfragments, and actions, making it easier to find the right entry.</li>\n<li>The block selector adjusts its height to the available viewport space,\nreducing unnecessary scrolling when it opens near the top of the screen.</li>\n</ul>\n<h3>Fixes</h3>\n<ul>\n<li>Fixed the analyze tooltip not being positioned and styled correctly.</li>\n<li>Fixed the tooltip transition playing with the wrong origin when the tooltip\nopens above the anchor.</li>\n<li>Fixed the add button tooltip staying visible while the block selector is open.</li>\n</ul>\n",
+      "de": "<h3>Neue Funktionen</h3>\n<h4>Block-Berechtigungen</h4>\n<p>Administratoren können jetzt festlegen, welche Blocktypen einzelne Benutzer\nerstellen, bearbeiten oder löschen dürfen. Eingeschränkte Blöcke werden im\nEditor visuell markiert.</p>\n<h4>Fragmente in der Block-Auswahl</h4>\n<p>Beim Hinzufügen eines Blocks vor oder nach einem ausgewählten Block werden\nverfügbare Fragmente jetzt direkt namentlich in der Auswahl angezeigt. Ein Klick\nauf ein Fragment fügt es sofort hinzu, ohne einen separaten Dialog zu öffnen.</p>\n<h3>Verbesserungen</h3>\n<ul>\n<li>Die Block-Auswahl zeigt Einträge jetzt in getrennten Bereichen für Blöcke,\nFragmente und Aktionen an, was die Übersicht verbessert.</li>\n<li>Die Block-Auswahl passt ihre Höhe an den verfügbaren Platz im Fenster an, was\nunnötiges Scrollen beim Öffnen im oberen Bildschirmbereich reduziert.</li>\n</ul>\n<h3>Fehlerbehebungen</h3>\n<ul>\n<li>Der Analyse-Tooltip wurde nicht korrekt positioniert und dargestellt.</li>\n<li>Die Tooltip-Animation hatte den falschen Ursprung, wenn der Tooltip oberhalb\ndes Ankers geöffnet wurde.</li>\n<li>Der Tooltip der Hinzufügen-Schaltfläche blieb sichtbar, während die\nBlock-Auswahl geöffnet war.</li>\n</ul>\n"
+    }
+  },
+  {
+    "version": "2.0.0-alpha.46",
+    "date": "2026-03-13",
+    "body": {
+      "en": "<h3>New Features</h3>\n<h4>Automatic text replacements</h4>\n<p>When editing text fields, common typographic patterns are now automatically\nreplaced: straight double quotes (&quot;...&quot;) become guillemets («...»), three dots\n(...) become an ellipsis (…), and double hyphens (--) become an en dash (–).\nGuillemet replacement is only active for German and French languages. All\nreplacements can be undone with Ctrl+Z.</p>\n<h4>Undo/redo in text fields</h4>\n<p>Text fields now have a proper undo/redo history. Use Ctrl+Z to undo and\nCtrl+Shift+Z or Ctrl+Y to redo.</p>\n",
+      "de": "<h3>Neue Funktionen</h3>\n<h4>Automatische Textersetzungen</h4>\n<p>Beim Bearbeiten von Textfeldern werden häufige typografische Muster automatisch\nersetzt: Gerade Anführungszeichen (&quot;...&quot;) werden zu Guillemets («...»), drei\nPunkte (...) zu einem Auslassungszeichen (…) und doppelte Bindestriche (--) zu\neinem Gedankenstrich (–). Die Guillemet-Ersetzung ist nur bei deutscher und\nfranzösischer Sprache aktiv. Alle Ersetzungen können mit Ctrl+Z rückgängig\ngemacht werden.</p>\n<h4>Rückgängig/Wiederherstellen in Textfeldern</h4>\n<p>Textfelder haben jetzt eine vollständige Rückgängig-/Wiederherstellen-Historie.\nMit Ctrl+Z kann rückgängig gemacht und mit Ctrl+Shift+Z oder Ctrl+Y\nwiederhergestellt werden.</p>\n"
+    }
+  },
+  {
+    "version": "2.0.0-alpha.44",
+    "date": "2026-03-12",
+    "body": {
+      "en": "<h3>New Features</h3>\n<h4>Heading structure analyzer</h4>\n<p>A new built-in analyzer checks the heading hierarchy on your page (H1–H6) and\nflags issues such as multiple H1 headings or skipped heading levels.</p>\n<h4>Image alt text analyzer</h4>\n<p>A new accessibility analyzer highlights images that are missing alt text\ndirectly on the page.</p>\n<h4>Analyze tooltips on the artboard</h4>\n<p>When the analyze panel is active, hovering over a highlighted element now shows\na tooltip with the issue title and readability score.</p>\n<h4>Readability score in editable overlay</h4>\n<p>While editing a rich text field, the readability score for the full text is now\nshown in the editing toolbar above the field.</p>\n<h4>Select parent block button</h4>\n<p>The block actions toolbar now has a button that lets you quickly select the\nenclosing parent block.</p>\n<h4>Move block button</h4>\n<p>A drag handle button in the actions toolbar lets you start moving blocks\ndirectly from the toolbar.</p>\n<h4>Improved search when adding blocks</h4>\n<p>The block selector now finds the right block type even with typos or partial\nterms. The search field is also focused automatically when the selector opens.</p>\n<h3>Improvements</h3>\n<ul>\n<li>The &quot;Keep results visible&quot; toggle in the analyze panel now shows a description\nexplaining that results stay highlighted even after the panel is closed.</li>\n</ul>\n<h3>Fixes</h3>\n<ul>\n<li>Fixed the edit indicator not rendering after entering edit mode.</li>\n<li>Fixed the sticky block actions toolbar sometimes jumping to the wrong\nposition.</li>\n<li>Fixed a visual glitch in the selection when the page was selected and the\ncontext menu was opened.</li>\n<li>Fixed block options changes not being submitted when a dialog was opened.</li>\n<li>Fixed the language switcher being shown even when only one language is\navailable.</li>\n<li>Fixed readability scores being calculated incorrectly for certain text fields.</li>\n<li>Improved the readability analysis for German texts.</li>\n</ul>\n",
+      "de": "<h3>Neue Funktionen</h3>\n<h4>Überschriftenstruktur-Analyse</h4>\n<p>Eine neue Prüfung kontrolliert die Überschriftenstruktur auf der Seite (H1–H6)\nund markiert Probleme wie mehrfache H1-Überschriften oder übersprungene Ebenen.</p>\n<h4>Alt-Text-Analyse für Bilder</h4>\n<p>Eine neue Barrierefreiheits-Prüfung hebt Bilder ohne Alt-Text direkt auf der\nSeite hervor.</p>\n<h4>Analyse-Tooltips auf der Seite</h4>\n<p>Wenn das Analyse-Panel aktiv ist, erscheint beim Hovern über ein markiertes\nElement ein Tooltip mit dem Titel des Problems und dem Lesbarkeitswert.</p>\n<h4>Lesbarkeitswert in der Bearbeitungsansicht</h4>\n<p>Beim Bearbeiten eines Rich-Text-Feldes wird der Lesbarkeitswert in der\nWerkzeugleiste oberhalb des Feldes angezeigt.</p>\n<h4>Übergeordneten Block auswählen</h4>\n<p>Die Block-Aktionsleiste hat jetzt eine Schaltfläche, um schnell den\nübergeordneten Block auszuwählen.</p>\n<h4>Block-Verschieben-Schaltfläche</h4>\n<p>Ein Ziehpunkt in der Aktionsleiste ermöglicht das direkte Verschieben von\nBlöcken.</p>\n<h4>Verbesserte Suche beim Hinzufügen von Blöcken</h4>\n<p>Die Block-Auswahl findet jetzt auch bei Tippfehlern den richtigen Blocktyp. Das\nSuchfeld wird beim Öffnen automatisch fokussiert.</p>\n<h3>Verbesserungen</h3>\n<ul>\n<li>Der Schalter «Ergebnisse sichtbar lassen» im Analyse-Panel zeigt jetzt eine\nBeschreibung, die erklärt, dass Ergebnisse auch nach dem Schliessen des Panels\nauf der Seite hervorgehoben bleiben.</li>\n</ul>\n<h3>Fehlerbehebungen</h3>\n<ul>\n<li>Der Bearbeitungsindikator wurde nach dem Wechsel in den Bearbeitungsmodus\nnicht angezeigt.</li>\n<li>Die fixierte Block-Aktionsleiste sprang manchmal an die falsche Position.</li>\n<li>Ein visueller Fehler bei der Auswahl wurde behoben, der beim gleichzeitigen\nÖffnen des Kontextmenüs auftrat.</li>\n<li>Block-Optionen wurden beim Öffnen eines Dialogs nicht übermittelt.</li>\n<li>Der Sprachumschalter wurde auch dann angezeigt, wenn nur eine Sprache\nverfügbar war.</li>\n<li>Lesbarkeitswerte wurden in gewissen Fällen falsch berechnet.</li>\n<li>Die Lesbarkeitsanalyse für deutsche Texte wurde verbessert.</li>\n</ul>\n"
+    }
+  },
+  {
+    "version": "2.0.0-alpha.39",
+    "date": "2026-02-22",
+    "body": {
+      "en": "<h3>New Features</h3>\n<h4>AI Assistant file attachments</h4>\n<p>Drag and drop files (including Word documents) directly onto the AI chat panel\nto attach them as context — the content is automatically extracted and\nformatted.</p>\n<h4>AI readability analysis</h4>\n<p>The AI assistant can now analyze the page for readability issues and iteratively\nimprove texts based on readability scores.</p>\n<h4>Faster AI responses</h4>\n<p>The assistant now responds faster to the first message of a conversation.</p>\n<h4>AI action details</h4>\n<p>Completed AI actions in the conversation can now show an expandable details\npanel with additional context.</p>\n<h4>AI welcome popup</h4>\n<p>A welcome popup now introduces new users to the AI assistant when the editor\nopens.</p>\n<h3>Improvements</h3>\n<ul>\n<li>The AI assistant sidebar button has been moved to the bottom-right of the\ntoolbar and features an animated star icon.</li>\n<li>The &quot;Start new conversation&quot; and &quot;Past conversations&quot; buttons are now shown\ndirectly in the input area instead of in a dropdown.</li>\n<li>Double-clicking a complex data option (e.g. chart data) now immediately opens\nthe editor for that option.</li>\n<li>The AI assistant shows a reconnection indicator in the chat when the\nconnection drops temporarily.</li>\n</ul>\n<h3>Fixes</h3>\n<ul>\n<li>Selecting text inside an inline-editable field no longer accidentally closes\nthe editor when releasing the mouse outside the field.</li>\n<li>The middle mouse button no longer interrupts drag-and-drop interactions.</li>\n<li>Incomplete or truncated AI responses are now handled gracefully instead of\nsilently failing.</li>\n</ul>\n",
+      "de": "<h3>Neue Funktionen</h3>\n<h4>KI-Assistent: Dateianhänge</h4>\n<p>Dateien (inkl. Word-Dokumente) können direkt per Drag &amp; Drop auf den KI-Chat\ngezogen werden — der Inhalt wird automatisch extrahiert und formatiert.</p>\n<h4>KI-Lesbarkeitsanalyse</h4>\n<p>Der KI-Assistent kann jetzt die Seite auf Lesbarkeitsprobleme prüfen und Texte\nanhand der Lesbarkeitswerte schrittweise verbessern.</p>\n<h4>Schnellere KI-Antworten</h4>\n<p>Der Assistent antwortet jetzt schneller auf die erste Nachricht eines Gesprächs.</p>\n<h4>KI-Aktionsdetails</h4>\n<p>Abgeschlossene KI-Aktionen im Gesprächsverlauf können jetzt aufgeklappt werden,\num mehr Details anzuzeigen.</p>\n<h4>KI-Willkommens-Popup</h4>\n<p>Beim Öffnen des Editors erscheint ein Willkommens-Popup, das neue Nutzer in den\nKI-Assistenten einführt.</p>\n<h3>Verbesserungen</h3>\n<ul>\n<li>Die Schaltfläche des KI-Assistenten wurde in die rechte untere Ecke der\nWerkzeugleiste verschoben und zeigt jetzt ein animiertes Stern-Symbol.</li>\n<li>Die Schaltflächen «Neues Gespräch» und «Vergangene Gespräche» werden jetzt\ndirekt im Eingabebereich angezeigt statt in einem Dropdown.</li>\n<li>Ein Doppelklick auf eine komplexe Datenoption (z. B. Diagrammdaten) öffnet\njetzt direkt den zugehörigen Editor.</li>\n<li>Der KI-Assistent zeigt im Chat einen Hinweis an, wenn die Verbindung\nvorübergehend unterbrochen wird.</li>\n</ul>\n<h3>Fehlerbehebungen</h3>\n<ul>\n<li>Textauswahl in einem Inline-Bearbeitungsfeld schliesst den Editor nicht mehr\nversehentlich, wenn die Maus ausserhalb des Felds losgelassen wird.</li>\n<li>Die mittlere Maustaste unterbricht Drag-&amp;-Drop-Aktionen nicht mehr.</li>\n<li>Unvollständige oder abgebrochene KI-Antworten werden jetzt korrekt behandelt,\nanstatt ohne Fehlermeldung abzubrechen.</li>\n</ul>\n"
+    }
+  },
+  {
+    "version": "2.0.0-alpha.35",
+    "date": "2026-02-11",
+    "body": {
+      "en": "<h3>New Features</h3>\n<h4>AI Assistant</h4>\n<p>A new AI-powered assistant is available in the editor sidebar, allowing you to\nadd, move, delete, and rewrite content blocks through a chat interface with\nsupport for plans, conversation history, and media selection.</p>\n<h4>Block preview in &quot;Add&quot; panel</h4>\n<p>Hovering a block type in the add panel now shows a tooltip with a preview image\nand description.</p>\n<h4>Template management</h4>\n<p>A new management view lets you rename and delete saved templates directly from\nthe editor.</p>\n<h4>Charts</h4>\n<p>A new chart block type is available for embedding interactive charts on pages.</p>\n<h4>Table of contents</h4>\n<p>A new table of contents module is available.</p>\n<h3>Improvements</h3>\n<ul>\n<li>You can now hold Ctrl and click to select multiple items in the media library\nat once.</li>\n<li>Dragged items are now sized more accurately to match the block being moved.</li>\n<li>Drop target areas shrink visually when not hovered, giving a cleaner layout\nwhile dragging.</li>\n</ul>\n<h3>Fixes</h3>\n<ul>\n<li>Long option descriptions no longer overflow in the options tooltip.</li>\n<li>Hover detection for overlapping blocks now correctly respects z-index order.</li>\n<li>The default icon is now correctly displayed for fragment blocks.</li>\n<li>Opening the AI assistant from a block action no longer restores a previous\nconversation; it starts fresh.</li>\n</ul>\n",
+      "de": "<h3>Neue Funktionen</h3>\n<h4>KI-Assistent</h4>\n<p>Im Editor steht ein neuer KI-Assistent zur Verfügung. Damit können Blöcke per\nChat hinzugefügt, verschoben, gelöscht und umgeschrieben werden – inklusive\nPlanung, Gesprächsverlauf und Medienauswahl.</p>\n<h4>Block-Vorschau im «Hinzufügen»-Panel</h4>\n<p>Beim Überfahren eines Blocktyps im Hinzufügen-Panel erscheint ein Tooltip mit\nVorschau und Beschreibung.</p>\n<h4>Vorlagenverwaltung</h4>\n<p>In einer neuen Verwaltungsansicht können gespeicherte Vorlagen direkt im Editor\numbenannt und gelöscht werden.</p>\n<h4>Diagramme</h4>\n<p>Ein neuer Diagramm-Blocktyp ist verfügbar, um interaktive Diagramme auf Seiten\neinzubetten.</p>\n<h4>Inhaltsverzeichnis</h4>\n<p>Ein neues Inhaltsverzeichnis-Modul ist verfügbar.</p>\n<h3>Verbesserungen</h3>\n<ul>\n<li>Mit Strg+Klick können jetzt mehrere Elemente in der Medienbibliothek\ngleichzeitig ausgewählt werden.</li>\n<li>Beim Ziehen werden Elemente jetzt passender in der Grösse des verschobenen\nBlocks dargestellt.</li>\n<li>Ablagezonen werden kleiner dargestellt, wenn sie nicht aktiv überfahren\nwerden, was beim Ziehen für ein aufgeräumteres Layout sorgt.</li>\n</ul>\n<h3>Fehlerbehebungen</h3>\n<ul>\n<li>Lange Optionsbeschreibungen im Optionen-Tooltip werden jetzt korrekt\ndargestellt und laufen nicht mehr über.</li>\n<li>Überlappende Blöcke reagieren jetzt korrekt auf Hover-Aktionen.</li>\n<li>Das Standardsymbol für Fragment-Blöcke wird jetzt korrekt angezeigt.</li>\n<li>Der KI-Assistent startet jetzt immer ein neues Gespräch, wenn er über das\nDropdown-Menü eines Blocks geöffnet wird.</li>\n</ul>\n"
+    }
+  },
+  {
+    "version": "2.0.0-alpha.28",
+    "date": "2026-01-01",
+    "body": {
+      "en": "<h3>New Features</h3>\n<h4>Templates</h4>\n<p>Blocks can now be saved as reusable templates and inserted into any field from\nthe add list, with a manage dialog for browsing, creating, and organizing\ntemplates.</p>\n<h4>Selection breadcrumb</h4>\n<p>A breadcrumb bar appears when a block is selected, showing the nesting path and\nletting you navigate to parent fields or the page with a single click.</p>\n<h4>Empty field buttons when host is selected</h4>\n<p>Quick-add buttons for empty fields now also appear when the page itself is\nselected, so you can add blocks without first selecting a block.</p>\n<h4>Search in &quot;Add&quot; overlay</h4>\n<p>The overlay that appears when clicking an add button now includes a search field\nto quickly filter available blocks.</p>\n<h3>Improvements</h3>\n<ul>\n<li>Pressing the space bar while hovering the canvas now activates the move/pan\ncursor, matching common design tool conventions.</li>\n<li>After duplicating blocks, the duplicated blocks are automatically selected and\nscrolled into view.</li>\n<li>After deleting a block, the page scrolls to bring the nearest remaining block\ninto view.</li>\n<li>The dragging overlay label now shows the nesting trail (e.g. parent block\nname) and stays visible at viewport edges.</li>\n<li>The analyze category filter is hidden when there is only one category.</li>\n<li>The app menu now scrolls correctly when the list of items is longer than the\nvisible area.</li>\n</ul>\n<h3>Fixes</h3>\n<ul>\n<li>Fixed the analyze button being shown when no analyzers were available.</li>\n<li>Fixed the transform preview not displaying the result correctly before\napplying.</li>\n<li>Fixed the add list panel being too tall on small-screen viewports.</li>\n<li>Fixed the &quot;New&quot; label not appearing in the action bar when multiple blocks are\nselected.</li>\n</ul>\n",
+      "de": "<h3>Neue Funktionen</h3>\n<h4>Vorlagen</h4>\n<p>Blöcke können jetzt als Vorlagen gespeichert und aus der Hinzufügen-Liste in\nbeliebige Felder eingefügt werden. Ein Dialog zum Verwalten, Durchsuchen und\nErstellen von Vorlagen ist ebenfalls verfügbar.</p>\n<h4>Auswahl-Breadcrumb</h4>\n<p>Beim Auswählen eines Blocks erscheint eine Breadcrumb-Leiste, die den\nVerschachtelungspfad anzeigt. So kann man schnell zu übergeordneten Feldern oder\nzur Seite navigieren.</p>\n<h4>Leere-Feld-Schaltflächen bei ausgewählter Seite</h4>\n<p>Schnell-Hinzufügen-Schaltflächen für leere Felder erscheinen jetzt auch, wenn\ndie Seite selbst ausgewählt ist.</p>\n<h4>Suche im «Hinzufügen»-Overlay</h4>\n<p>Das Overlay beim Klicken auf eine Hinzufügen-Schaltfläche enthält jetzt ein\nSuchfeld, um die verfügbaren Blöcke schnell zu filtern.</p>\n<h3>Verbesserungen</h3>\n<ul>\n<li>Die Leertaste aktiviert über der Arbeitsfläche jetzt den\nVerschiebe-/Pan-Cursor, wie in gängigen Design-Tools üblich.</li>\n<li>Nach dem Duplizieren werden die neuen Blöcke automatisch ausgewählt und in den\nSichtbereich gescrollt.</li>\n<li>Nach dem Löschen eines Blocks scrollt die Seite automatisch zum nächsten\nverbleibenden Block.</li>\n<li>Das Zieh-Overlay zeigt jetzt den Verschachtelungspfad und bleibt am\nViewport-Rand sichtbar.</li>\n<li>Das Dropdown zur Analyse-Kategorieauswahl wird ausgeblendet, wenn nur eine\nKategorie vorhanden ist.</li>\n<li>Das App-Menü scrollt jetzt korrekt, wenn die Liste länger als der sichtbare\nBereich ist.</li>\n</ul>\n<h3>Fehlerbehebungen</h3>\n<ul>\n<li>Die Analyse-Schaltfläche wurde angezeigt, obwohl keine Analysen verfügbar\nwaren.</li>\n<li>Die Vorschau von Transformationen wurde korrigiert.</li>\n<li>Die Hinzufügen-Liste war auf kleinen Bildschirmen zu gross.</li>\n<li>Die Bezeichnung «Neu» erschien nicht in der Aktionsleiste, wenn mehrere Blöcke\nausgewählt waren.</li>\n</ul>\n"
+    }
+  }
+]

package/dist/runtime/editor/features/changelog/index.d.vue.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/editor/features/changelog/index.vue

@@ -0,0 +1,56 @@
+<template>
+  <Teleport :to="ui.mainLayoutElement.value">
+    <BlokkliTransition name="slide-up">
+      <ChangelogDialog v-if="showDialog" @cancel="onClose" />
+    </BlokkliTransition>
+  </Teleport>
+</template>
+
+<script setup>
+import { useBlokkli, defineBlokkliFeature, computed } from "#imports";
+import ChangelogDialog from "./Dialog/index.vue";
+import { BlokkliTransition } from "#blokkli/editor/components";
+import { defineMenuButton } from "#blokkli/editor/composables";
+import data from "./changelog.json";
+const { ui, storage, $t } = useBlokkli();
+defineBlokkliFeature({
+  id: "changelog",
+  label: "Changelog",
+  icon: "bk_mdi_campaign",
+  description: "Provides a menu button to display a changelog of what's new."
+});
+const latestVersion = data[0]?.version ?? "";
+const lastSeenVersion = storage.use("changelog:lastSeenVersion", "");
+const hasNew = computed(
+  () => !!latestVersion && lastSeenVersion.value !== latestVersion
+);
+const showDialog = computed(() => ui.currentDialog.value?.id === "changelog");
+function onClick() {
+  lastSeenVersion.value = latestVersion;
+  ui.openDialog({ id: "changelog", alignment: "center" });
+}
+function onClose() {
+  ui.closeDialog("changelog");
+}
+defineMenuButton(() => {
+  return {
+    id: "changelog",
+    title: $t("changelogMenuTitle", "What's New"),
+    description: $t(
+      "changelogMenuDescription",
+      "View recent changes and new features"
+    ),
+    icon: "bk_mdi_campaign",
+    secondary: true,
+    weight: -10,
+    type: hasNew.value ? "yellow" : void 0,
+    callback: onClick
+  };
+});
+</script>
+
+<script>
+export default {
+  name: "Changelog"
+};
+</script>

package/dist/runtime/editor/features/changelog/index.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/editor/features/clipboard/DropElement/Video.d.vue.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    data: string;
+    videoService?: string;
+    videoId: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/clipboard/DropElement/Video.vue

@@ -0,0 +1,50 @@
+<template>
+  <div class="bk-clipboard-item-video">
+    <img v-if="imgUrl" :src="imgUrl" />
+    <div>
+      <div>
+        <Icon :name="icon" />
+        <h3>{{ providerLabel }}</h3>
+      </div>
+      <p>{{ data }}</p>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed } from "#imports";
+import { Icon } from "#blokkli/editor/components";
+const props = defineProps({
+  data: { type: String, required: true },
+  videoService: { type: String, required: false },
+  videoId: { type: String, required: true }
+});
+const imgUrl = computed(() => {
+  if (props.videoService === "youtube") {
+    return `http://i3.ytimg.com/vi/${props.videoId}/hqdefault.jpg`;
+  }
+  return null;
+});
+const icon = computed(() => {
+  switch (props.videoService) {
+    case "youtube":
+      return "youtube";
+    case "vimeo":
+      return "vimeo";
+    case "tiktok":
+      return "tiktok";
+  }
+  return "bk_mdi_video_camera_back";
+});
+const providerLabel = computed(() => {
+  switch (props.videoService) {
+    case "youtube":
+      return "YouTube";
+    case "vimeo":
+      return "Vimeo";
+    case "tiktok":
+      return "TikTok";
+  }
+  return props.videoService || "Video";
+});
+</script>

package/dist/runtime/editor/features/clipboard/DropElement/Video.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    data: string;
+    videoService?: string;
+    videoId: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/clipboard/DropElement/helpers.d.ts

@@ -0,0 +1 @@
+export declare function humanFileSize(bytes: number, si?: boolean, dp?: number): string;

package/dist/runtime/editor/features/clipboard/DropElement/helpers.js

@@ -0,0 +1,14 @@
+export function humanFileSize(bytes, si = false, dp = 1) {
+  const thresh = si ? 1e3 : 1024;
+  if (Math.abs(bytes) < thresh) {
+    return bytes + " B";
+  }
+  const units = si ? ["kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"] : ["KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
+  let u = -1;
+  const r = 10 ** dp;
+  do {
+    bytes /= thresh;
+    ++u;
+  } while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
+  return bytes.toFixed(dp) + " " + units[u];
+}

package/dist/runtime/editor/features/clipboard/DropElement/index.d.vue.ts

@@ -0,0 +1,16 @@
+export type DropElementItemType = 'image' | 'video' | 'file' | 'text';
+export type DropElementItem = {
+    type: DropElementItemType;
+    data?: string;
+    fileName?: string;
+    fileSize?: number;
+    videoId?: string;
+    videoService?: string;
+};
+type __VLS_Props = {
+    bundles: string[];
+    items: DropElementItem[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/clipboard/DropElement/index.vue

@@ -0,0 +1,97 @@
+<template>
+  <div class="bk bk-clipboard-drop-element">
+    <div class="bk-clipboard-drop-element-header">
+      <div v-if="bundles.length === 1" class="bk-blokkli-item-label-icon">
+        <ItemIconBox :bundle="bundles[0]" :icon is-small />
+      </div>
+      <span>{{ label }}</span>
+    </div>
+    <div v-if="items.length" class="bk-clipboard-drop-element-preview">
+      <div
+        v-for="(item, i) in items"
+        :key="i"
+        class="bk-clipboard-drop-element-item"
+      >
+        <div
+          v-if="item.type === 'text' && item.data"
+          class="bk-clipboard-drop-element-text"
+          v-html="item.data"
+        />
+        <template v-else-if="item.type === 'video' && item.videoId">
+          <ClipboardItemVideo
+            :data="item.data || ''"
+            :video-service="item.videoService"
+            :video-id="item.videoId"
+          />
+        </template>
+        <template v-else>
+          <img v-if="item.type === 'image' && item.data" :src="item.data" />
+          <div v-else class="bk-clipboard-drop-element-file-icon">
+            <Icon :name="getItemIcon(item.type)" />
+          </div>
+          <p v-if="item.fileName" class="bk-clipboard-drop-element-item-label">
+            {{ item.fileName }}
+          </p>
+        </template>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { useBlokkli, computed } from "#imports";
+import { Icon, ItemIconBox } from "#blokkli/editor/components";
+import ClipboardItemVideo from "./Video.vue";
+const props = defineProps({
+  bundles: { type: Array, required: true },
+  items: { type: Array, required: true }
+});
+const { types, $t } = useBlokkli();
+const itemType = computed(() => {
+  return props.items[0]?.type || "file";
+});
+function getItemIcon(type) {
+  switch (type) {
+    case "image":
+      return "bk_mdi_image";
+    case "video":
+      return "bk_mdi_video_camera_back";
+    case "file":
+      return "bk_mdi_attach_file";
+    case "text":
+      return "bk_mdi_title";
+    default:
+      return "bk_mdi_upload";
+  }
+}
+const label = computed(() => {
+  let base = null;
+  if (props.bundles.length === 1 && props.bundles[0]) {
+    base = types.getBlockBundleDefinition(props.bundles[0])?.label || props.bundles[0];
+  } else {
+    switch (itemType.value) {
+      case "image":
+        base = $t("clipboardTypeImage", "Image");
+        break;
+      case "video":
+        base = $t("clipboardTypeVideo", "Video");
+        break;
+      case "file":
+        base = $t("clipboardTypeFile", "File");
+        break;
+      case "text":
+        base = $t("clipboardTypeText", "Text");
+        break;
+    }
+  }
+  if (!base) {
+    return null;
+  }
+  const suffix = props.bundles.length > 1 ? "..." : "";
+  if (props.items.length > 1) {
+    return `${props.items.length} x ${base}${suffix}`;
+  }
+  return base + suffix;
+});
+const icon = computed(() => getItemIcon(itemType.value));
+</script>

package/dist/runtime/editor/features/clipboard/DropElement/index.vue.d.ts

@@ -0,0 +1,16 @@
+export type DropElementItemType = 'image' | 'video' | 'file' | 'text';
+export type DropElementItem = {
+    type: DropElementItemType;
+    data?: string;
+    fileName?: string;
+    fileSize?: number;
+    videoId?: string;
+    videoService?: string;
+};
+type __VLS_Props = {
+    bundles: string[];
+    items: DropElementItem[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/clipboard/helpers.d.ts

@@ -0,0 +1,15 @@
+import type { ClipboardMapBundleEvent } from './types.js';
+export type NativeDragMapResult = ClipboardMapBundleEvent & {
+    fileName?: string;
+    fileCount?: number;
+};
+/**
+ * Recursively remove all attributes (except allowed ones) from an element
+ * and its children. Removes IMG and BR elements entirely.
+ */
+export declare function sanitizeHtml(el: Element): void;
+/**
+ * Build a ClipboardMapBundleEvent from the drag event's dataTransfer items.
+ * Returns null if we can't determine a suitable mapping event.
+ */
+export declare function buildMapBundleEvent(e: DragEvent): NativeDragMapResult | null;

package/dist/runtime/editor/features/clipboard/helpers.js

@@ -0,0 +1,62 @@
+const ALLOWED_HTML_ATTRIBUTES = ["href"];
+function removeAllAttrs(element) {
+  for (let i = element.attributes.length; i-- > 0; ) {
+    const attribute = element.attributes[i];
+    if (!ALLOWED_HTML_ATTRIBUTES.includes(attribute.name)) {
+      element.removeAttributeNode(attribute);
+    }
+  }
+}
+export function sanitizeHtml(el) {
+  if (el.tagName === "IMG" || el.tagName === "BR") {
+    el.remove();
+    return;
+  }
+  const children = el.children;
+  for (let i = 0; i < children.length; i++) {
+    const child = children[i];
+    removeAllAttrs(child);
+    if (child.children.length) {
+      sanitizeHtml(child);
+    }
+  }
+}
+export function buildMapBundleEvent(e) {
+  const dt = e.dataTransfer;
+  if (!dt || !dt.items || dt.items.length === 0) {
+    return null;
+  }
+  let fileCount = 0;
+  let fileItem = null;
+  for (let i = 0; i < dt.items.length; i++) {
+    const item = dt.items[i];
+    if (item?.kind === "file") {
+      fileCount++;
+      fileItem = item;
+    }
+  }
+  if (fileItem) {
+    const file = fileItem.getAsFile();
+    const fileSize = file?.size || 0;
+    if (fileItem.type.startsWith("image/")) {
+      return {
+        type: "image",
+        fileType: fileItem.type,
+        fileSize,
+        fileName: file?.name,
+        fileCount
+      };
+    }
+    return {
+      type: "file",
+      fileType: fileItem.type,
+      fileSize,
+      fileName: file?.name,
+      fileCount
+    };
+  }
+  if (dt.items.length > 0 && dt.items[0]?.kind === "string") {
+    return { type: "plaintext", text: "" };
+  }
+  return null;
+}

package/dist/runtime/editor/features/clipboard/index.d.vue.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;