@blokkli/editor 2.0.0-alpha.36 → 2.0.0-alpha.37

package/dist/runtime/editor/providers/analyze.js

@@ -0,0 +1,78 @@
+import { ref } from "#imports";
+import { AnalyzerContext } from "../features/analyze/analyzers/helpers/Context.js";
+import { normalizeToArray } from "../features/analyze/analyzers/helpers/normalizeArray.js";
+export default function analyzeProvider(adapters, state, ui, context, $t) {
+  const analyzers = ref([]);
+  const isInitialized = ref(false);
+  let initPromise = null;
+  async function doInit() {
+    const fetched = await adapters.getAggregated("getAnalyzers");
+    const initCtx = new AnalyzerContext(
+      context.value.language,
+      ui.interfaceLanguage.value,
+      ui.providerElement,
+      state,
+      $t
+    );
+    await Promise.all(
+      fetched.map(async (analyzer) => {
+        if (analyzer.init) {
+          await analyzer.init(initCtx);
+        }
+      })
+    );
+    analyzers.value = fetched;
+    isInitialized.value = true;
+  }
+  function ensureInitialized() {
+    if (isInitialized.value) {
+      return Promise.resolve();
+    }
+    if (!initPromise) {
+      initPromise = doInit();
+    }
+    return initPromise;
+  }
+  function createContext(element, signal) {
+    return new AnalyzerContext(
+      context.value.language,
+      ui.interfaceLanguage.value,
+      element,
+      state,
+      $t,
+      signal
+    );
+  }
+  async function runAnalyzer(analyzer, ctx) {
+    return normalizeToArray(analyzer.run(ctx));
+  }
+  async function runOnTexts(texts, analyzerType) {
+    await ensureInitialized();
+    let textAnalyzers = analyzers.value.filter((a) => a.analyzeText);
+    if (analyzerType) {
+      textAnalyzers = textAnalyzers.filter((a) => a.type === analyzerType);
+    }
+    const results = [];
+    for (const text of texts) {
+      for (const analyzer of textAnalyzers) {
+        const nodes = await analyzer.analyzeText(text, context.value.language);
+        const label = typeof analyzer.label === "function" ? analyzer.label(context.value.language) : analyzer.label;
+        results.push({
+          analyzerId: analyzer.id,
+          analyzerLabel: label,
+          text,
+          nodes
+        });
+      }
+    }
+    return results;
+  }
+  return {
+    analyzers,
+    isInitialized,
+    ensureInitialized,
+    createContext,
+    runAnalyzer,
+    runOnTexts
+  };
+}

package/dist/runtime/editor/providers/animation.d.ts

@@ -182,6 +182,10 @@ export type AnimationProvider = {
      * Defaults to 'move' when pressing Space, otherwise determined by highest zIndex renderer.
      */
     cursor: ComputedRef<CursorKeyword>;
+    /**
+     * Get the current mouse coordinates.
+     */
+    getMouseCoords: () => Coord;
     /**
      * Handle a click event by calling onClick handlers on renderers.
      * Returns true if any renderer claimed the click, false otherwise.

package/dist/runtime/editor/providers/animation.js

@@ -437,6 +437,11 @@ export default function(eventBus, ui, storage, selection, debug, keyboard) {
   onBlokkliEvent("select:toggle", requestDraw);
   onBlokkliEvent("option:update", requestDraw);
   onBlokkliEvent("state:reloaded", requestDraw);
+  onBlokkliEvent("dragging:move", (e) => {
+    mouseX = e.x;
+    mouseY = e.y;
+    requestDraw();
+  });
   const dpi = computed(() => {
     const viewportWidth = ui.viewport.value.width;
     const viewportHeight = ui.viewport.value.height;
@@ -513,6 +518,7 @@ export default function(eventBus, ui, storage, selection, debug, keyboard) {
     setCanvasElement,
     removeCanvasElement,
     cursor,
+    getMouseCoords: () => ({ x: mouseX, y: mouseY }),
     handleClick,
     registerRenderer,
     unregisterRenderer,

package/dist/runtime/editor/providers/dragdrop.d.ts

@@ -0,0 +1,55 @@
+import type { DraggableItemTypes, DraggableItem } from '../types/draggable.js';
+import type { BlokkliFieldElement, BlokkliItemHost } from '#blokkli/editor/types/field';
+import type { DropArea } from '#blokkli/editor/types/ui';
+type MaybePromise<T> = T | Promise<T>;
+export type DropResolveContext<K extends keyof DraggableItemTypes> = {
+    items: DraggableItemTypes[K][];
+    field: BlokkliFieldElement;
+    host: BlokkliItemHost;
+    afterUuid: string | null;
+};
+export type DropExecuteContext<K extends keyof DraggableItemTypes> = DropResolveContext<K> & {
+    bundle: string;
+};
+export type DropExecuteResult = {
+    /** If true, the dispatcher will focus the editable field after the block is added. */
+    focusEditable?: boolean;
+};
+export type DropHandler<K extends keyof DraggableItemTypes> = {
+    /**
+     * Optional. Called at drop time to refine which bundles are applicable.
+     * Can read DataTransfer, detect content types, re-map via clipboardMapBundle, etc.
+     * Returns the refined list of possible bundles.
+     * If omitted, the overlay calls execute() directly without bundle resolution.
+     */
+    resolveBundles?: (ctx: DropResolveContext<K>) => string[] | Promise<string[]>;
+    /**
+     * Called to perform the actual mutation.
+     * If resolveBundles was provided, `ctx.bundle` is the resolved bundle
+     * (either the single result or the user's BundleSelector pick).
+     */
+    execute: (ctx: DropExecuteContext<K>) => MaybePromise<DropExecuteResult | void>;
+};
+type DropAreaProviderFunction = (items: DraggableItem[]) => DropArea[] | DropArea | undefined;
+export type DragDropProvider = {
+    registerDropHandler: <K extends keyof DraggableItemTypes>(itemType: K, handler: DropHandler<K>) => void;
+    unregisterDropHandler: <K extends keyof DraggableItemTypes>(itemType: K, handler: DropHandler<K>) => void;
+    getDropHandler: <K extends keyof DraggableItemTypes>(itemType: K) => DropHandler<K> | undefined;
+    /**
+     * Register a drop area provider function.
+     *
+     * The function will be called when drop areas are requested during drag operations.
+     * It receives the currently dragged items and can return drop areas where those items can be dropped.
+     */
+    addDropArea: (fn: DropAreaProviderFunction) => void;
+    /**
+     * Unregister a drop area provider function.
+     */
+    removeDropArea: (fn: DropAreaProviderFunction) => void;
+    /**
+     * Get all drop areas from all registered providers.
+     */
+    getDropAreas: (items: DraggableItem[]) => DropArea[];
+};
+export default function (): DragDropProvider;
+export {};

package/dist/runtime/editor/providers/dragdrop.js

@@ -0,0 +1,37 @@
+import { falsy } from "../../helpers/index.js";
+export default function() {
+  const handlers = /* @__PURE__ */ new Map();
+  let dropAreaFunctions = [];
+  const registerDropHandler = (itemType, handler) => {
+    handlers.set(itemType, handler);
+  };
+  const unregisterDropHandler = (itemType, handler) => {
+    if (handlers.get(itemType) === handler) {
+      handlers.delete(itemType);
+    }
+  };
+  const getDropHandler = (itemType) => {
+    return handlers.get(itemType);
+  };
+  const addDropArea = (fn) => {
+    dropAreaFunctions.push(fn);
+  };
+  const removeDropArea = (fn) => {
+    dropAreaFunctions = dropAreaFunctions.filter((v) => v !== fn);
+  };
+  const getDropAreas = (items) => dropAreaFunctions.flatMap((fn) => {
+    const v = fn(items);
+    if (v) {
+      return v;
+    }
+    return null;
+  }).filter(falsy);
+  return {
+    registerDropHandler,
+    unregisterDropHandler,
+    getDropHandler,
+    addDropArea,
+    removeDropArea,
+    getDropAreas
+  };
+}

package/dist/runtime/editor/providers/storage.js

@@ -6,6 +6,12 @@ import {
 } from "#imports";
 import { storageDefaults } from "#blokkli-build/editor-config";
 const PREFIX = "blokkli:";
+const migrations = {
+  showTourPopup: (oldValue) => ({
+    key: "popup:tour:closed",
+    value: !oldValue
+  })
+};
 const getExisting = (key) => {
   try {
     const value = localStorage.getItem(key);
@@ -114,5 +120,14 @@ export default async function(adapter, context) {
     values.value[storageKey] = void 0;
     window.localStorage.removeItem(storageKey);
   };
+  for (const [oldKey, migrate] of Object.entries(migrations)) {
+    const oldStorageKey = PREFIX + oldKey;
+    const oldValue = getExisting(oldStorageKey);
+    if (oldValue !== void 0) {
+      const { key, value } = migrate(oldValue);
+      localStorage.setItem(PREFIX + key, JSON.stringify(value));
+      localStorage.removeItem(oldStorageKey);
+    }
+  }
   return { use, useWithContextPrefix, clearAll, clear };
 }

package/dist/runtime/editor/providers/ui.d.ts

@@ -375,6 +375,12 @@ export type UiProvider = {
      * When true, adds 'bk-has-sidebar-right' class to document root.
      */
     hasSidebarRight: ComputedRef<boolean>;
+    /**
+     * Whether any sidebar is active in the right-bottom region.
+     *
+     * When true, adds 'bk-has-sidebar-right-bottom' class to document root.
+     */
+    hasSidebarRightBottom: ComputedRef<boolean>;
     /**
      * Reference to the main layout element.
      *

package/dist/runtime/editor/providers/ui.js

@@ -190,12 +190,18 @@ export default function(eventBus, providerElement, storage, context, element, ma
   };
   const activeSidebarsLeft = ref([]);
   const activeSidebarsRight = ref([]);
+  const activeSidebarsRightBottom = ref([]);
   function setActiveSidebar(region, id) {
     if (region === "left") {
       if (activeSidebarsLeft.value.includes(id)) {
         return;
       }
       activeSidebarsLeft.value.push(id);
+    } else if (region === "right-bottom") {
+      if (activeSidebarsRightBottom.value.includes(id)) {
+        return;
+      }
+      activeSidebarsRightBottom.value.push(id);
     } else {
       if (activeSidebarsRight.value.includes(id)) {
         return;
@@ -208,6 +214,10 @@ export default function(eventBus, providerElement, storage, context, element, ma
       activeSidebarsLeft.value = activeSidebarsLeft.value.filter(
         (v) => v !== id
       );
+    } else if (region === "right-bottom") {
+      activeSidebarsRightBottom.value = activeSidebarsRightBottom.value.filter(
+        (v) => v !== id
+      );
     } else {
       activeSidebarsRight.value = activeSidebarsRight.value.filter(
         (v) => v !== id
@@ -220,6 +230,9 @@ export default function(eventBus, providerElement, storage, context, element, ma
   const hasSidebarRight = computed(() => {
     return !!activeSidebarsRight.value.length;
   });
+  const hasSidebarRightBottom = computed(() => {
+    return !!activeSidebarsRightBottom.value.length;
+  });
   const blockingPaddingX = computed(() => 15);
   const blockingPaddingY = computed(() => 50);
   const viewportPadding = computed(() => 10);
@@ -326,6 +339,11 @@ export default function(eventBus, providerElement, storage, context, element, ma
     "bk-has-sidebar-right",
     hasSidebarRight
   );
+  addElementClasses(
+    document.documentElement,
+    "bk-has-sidebar-right-bottom",
+    hasSidebarRightBottom
+  );
   addElementClasses(document.documentElement, ["bk-html-root"]);
   addElementClasses(document.body, "bk-body");
   addElementClasses(document.documentElement, CLASS_PROXY_MODE, isProxyMode);
@@ -418,6 +436,7 @@ export default function(eventBus, providerElement, storage, context, element, ma
     removeActiveSidebar,
     hasSidebarLeft,
     hasSidebarRight,
+    hasSidebarRightBottom,
     mainLayoutElement,
     openDialog,
     closeDialog,

package/dist/runtime/editor/translations/de.json

@@ -75,6 +75,10 @@
     "source": "<p>This shows the list of available blocks that can be placed. Add a block by dragging the icon into the page.</p><p>When an existing block is selected, some blocks may be greyed out. This indicates which blocks can be placed inside or after the selected block.</p>",
     "translation": "<p>Hier sehen Sie die Liste der verfügbaren Blöcke. Ziehen Sie einen Block auf die Seite um ihn hinzuzufügen.</p><p>Wenn ein bestehender Block ausgewählt ist sind möglicherweise einige Blöcke ausgegraut. Das bedeutet, dass nur die hervorgehobenen Blöcke im oder nach dem ausgewählten Block hinzugefügt werden können.</p>"
   },
+  "agentSidebarTooltipLabel": {
+    "source": "@name (AI-Assistant)",
+    "translation": "@name (KI-Assistent)"
+  },
   "aiAgentAddBlockDone": {
     "source": "Added @bundle",
     "translation": "@bundle hinzugefügt"
@@ -131,6 +135,14 @@
     "source": "Always",
     "translation": "Immer"
   },
+  "aiAgentAnalyzeContentDone": {
+    "source": "Analyzed @count results",
+    "translation": "@count Ergebnisse analysiert"
+  },
+  "aiAgentAnalyzeContentRunning": {
+    "source": "Analyzing content...",
+    "translation": "Inhalte werden analysiert..."
+  },
   "aiAgentApprove": {
     "source": "Approve",
     "translation": "Bestätigen"
@@ -191,6 +203,14 @@
     "source": "Cancelled",
     "translation": "Abgebrochen"
   },
+  "aiAgentCheckReadabilityDone": {
+    "source": "Checked readability for @count texts",
+    "translation": "Lesbarkeit von @count Texten geprüft"
+  },
+  "aiAgentCheckReadabilityRunning": {
+    "source": "Checking readability...",
+    "translation": "Lesbarkeit wird geprüft..."
+  },
   "aiAgentCompletePlanStep": {
     "source": "Completed: @label",
     "translation": "Abgeschlossen: @label"
@@ -295,6 +315,10 @@
     "source": "An unexpected error occurred.",
     "translation": "Ein unerwarteter Fehler ist aufgetreten."
   },
+  "aiAgentExpandButton": {
+    "source": "Show more",
+    "translation": "Mehr anzeigen"
+  },
   "aiAgentFindBlocksDone": {
     "source": "Found @count blocks",
     "translation": "@count Blöcke gefunden"
@@ -427,6 +451,14 @@
     "source": "Navigating history...",
     "translation": "Im Verlauf navigieren..."
   },
+  "aiAgentIntroPopup": {
+    "source": "Need help editing? @name is your AI assistant — it can add, move, and update blocks and much more. Give it a try!",
+    "translation": "Brauchst du Hilfe? Ich bin @name, dein KI-Assistent — ich kann Blöcke hinzufügen, verschieben, bearbeiten und vieles mehr. Probier es aus!"
+  },
+  "aiAgentIntroPopupCta": {
+    "source": "Get started",
+    "translation": "Jetzt ausprobieren"
+  },
   "aiAgentLoadSkill": {
     "source": "Using skill \"@label\"",
     "translation": "Skill «@label» lesen"
@@ -435,10 +467,6 @@
     "source": "@count tools loaded",
     "translation": "@count Tools geladen"
   },
-  "aiAgentMoreOptions": {
-    "source": "More options",
-    "translation": "Weitere Optionen"
-  },
   "aiAgentMoveBlockDone": {
     "source": "Moved @bundle",
     "translation": "@bundle verschoben"
@@ -455,10 +483,6 @@
     "source": "Start new conversation",
     "translation": "Neue Konversation starten"
   },
-  "aiAgentNewLineHint": {
-    "source": "Shift + Enter for new line",
-    "translation": "Shift + Enter für neue Zeile"
-  },
   "aiAgentNoConversations": {
     "source": "No past conversations.",
     "translation": "Keine früheren Konversationen."
@@ -483,6 +507,10 @@
     "source": "Plan completed: @label",
     "translation": "Plan abgeschlossen: @label"
   },
+  "aiAgentPopupTitle": {
+    "source": "AI-Assistant",
+    "translation": "KI-Assistent"
+  },
   "aiAgentProcessing": {
     "source": "Processing...",
     "translation": "Verarbeiten..."
@@ -527,6 +555,10 @@
     "source": "Retry",
     "translation": "Erneut versuchen"
   },
+  "aiAgentSearchContentRunning": {
+    "source": "Searching content...",
+    "translation": "Inhalte werden durchsucht..."
+  },
   "aiAgentSearchLibraryDone": {
     "source": "Searched library",
     "translation": "Bibliothek durchsucht"
@@ -707,6 +739,10 @@
     "source": "Click the button above to run the analysis.",
     "translation": "Klicken Sie auf den Button oben um die Analyse auszuführen."
   },
+  "analyzeKeepVisible": {
+    "source": "Keep results visible",
+    "translation": "Ergebnisse sichtbar halten"
+  },
   "analyzeLastRun": {
     "source": "Last run: @time",
     "translation": "Zuletzt ausgeführt: @time"
@@ -1023,6 +1059,10 @@
     "source": "Show total",
     "translation": "Total anzeigen"
   },
+  "chartsEditButton": {
+    "source": "Edit chart...",
+    "translation": "Diagramm bearbeiten..."
+  },
   "chartsEditorSaveError": {
     "source": "The chart could not be saved.",
     "translation": "Das Diagramm konnte nicht gespeichert werden."
@@ -1095,10 +1135,6 @@
     "source": "Preview",
     "translation": "Vorschau"
   },
-  "chartsPreviewPlaceholder": {
-    "source": "Click \"Refresh Preview\" to see the chart.",
-    "translation": "Klicken Sie auf «Vorschau aktualisieren», um das Diagramm anzuzeigen."
-  },
   "chartsRadarFillOpacity": {
     "source": "Fill opacity",
     "translation": "Fülldeckkraft"
@@ -1183,21 +1219,13 @@
     "source": "Clear input",
     "translation": "Eingabe löschen"
   },
-  "clipboard": {
-    "source": "Clipboard",
-    "translation": "Zwischenablage"
-  },
   "clipboardCopyShortcutHelp": {
     "source": "Copy selected blocks",
     "translation": "Ausgewählte Blöcke kopieren"
   },
-  "clipboardEmpty": {
-    "source": "No items in the clipboard",
-    "translation": "Keine Elemente in der Zwischenablage"
-  },
-  "clipboardExplanation": {
-    "source": "<p>\n    Use Ctrl-V on the page to paste content. These\n    will then be displayed here.\n  </p>\n  <p>\n    Use Ctrl-F to search for existing content and paste it into\n    the clipboard.\n  </p>",
-    "translation": "<p>Verwenden Sie Ctrl-V auf der Seite um Inhalte einzufügen. Diese werden dann hier angezeigt.</p><p>Verwenden Sie Ctrl-F um bestehende Inhalte zu suchen und in die Zwischenablage einzufügen.</p>"
+  "clipboardNoCommonBundle": {
+    "source": "No common block type for these files.",
+    "translation": "Kein gemeinsamer Blocktyp für diese Dateien."
   },
   "clipboardPasteDescription": {
     "source": "Paste blocks from clipboard",
@@ -1207,41 +1235,29 @@
     "source": "Failed to paste:",
     "translation": "Einfügen fehlgeschlagen:"
   },
-  "clipboardPasteErrorAllowedBundlesMultiple": {
-    "source": "Block types (@types) are not allowed here.",
-    "translation": "Die Block-Typen (@types) sind hier nicht erlaubt."
-  },
-  "clipboardPasteErrorAllowedBundlesSingle": {
-    "source": "Block type \"@types\" is not allowed here.",
-    "translation": "Der Block-Typ «@types» ist hier nicht erlaubt."
-  },
-  "clipboardPasteErrorAllowedFragmentsMultiple": {
-    "source": "Fragments (@types) are not allowed here.",
-    "translation": "Die Fragmente (@types) sind hier nicht erlaubt."
-  },
-  "clipboardPasteErrorAllowedFragmentsSingle": {
-    "source": "Fragment \"@types\" is not allowed here.",
-    "translation": "Das Fragment «@types» ist hier nicht erlaubt."
+  "clipboardPasteShortcutHelp": {
+    "source": "Paste text, image or copied blocks",
+    "translation": "Text, Bild oder kopierte Blöcke einfügen"
   },
-  "clipboardPasteErrorCardinality": {
-    "source": "This field only allows up to @count blocks.",
-    "translation": "Dieses Feld erlaubt nur bis zu @count Blöcke."
+  "clipboardTypeFile": {
+    "source": "File",
+    "translation": "Datei"
   },
-  "clipboardPasteErrorOneField": {
-    "source": "Pasting is only possible into one field at a time.",
-    "translation": "Blöcke können nur in einem Feld gleichzeitig eingefügt werden."
+  "clipboardTypeImage": {
+    "source": "Image",
+    "translation": "Bild"
   },
-  "clipboardPastePlaceholder": {
-    "source": "Paste text or media here",
-    "translation": "Text oder Medien einfügen"
+  "clipboardTypeText": {
+    "source": "Text",
+    "translation": "Text"
   },
-  "clipboardPasteShortcutHelp": {
-    "source": "Paste text, image or copied blocks",
-    "translation": "Text, Bild oder kopierte Blöcke einfügen"
+  "clipboardTypeVideo": {
+    "source": "Video",
+    "translation": "Video"
   },
-  "clipboardTourText": {
-    "source": "Drag and drop content pasted from your clipboard into the page to create a matching block.",
-    "translation": "Ziehen Sie Inhalte, die aus Ihrer Zwischenablage eingefügt wurden, in die Seite hinein, um einen passenden Block zu erstellen."
+  "clipboardUnsupportedFileType": {
+    "source": "This file type is not supported.",
+    "translation": "Dieser Dateityp wird nicht unterstützt."
   },
   "close": {
     "source": "Close",
@@ -1603,14 +1619,6 @@
     "source": "Clipboard",
     "translation": "Zwischenablage"
   },
-  "feature_clipboard_setting_openSidebarOnPaste_description": {
-    "source": "Automatically opens the sidebar when pasting content from the clipboard.",
-    "translation": "Öffnet automatisch die Seitenleiste wenn Inhalte aus der Zwischenablage eingefügt werden."
-  },
-  "feature_clipboard_setting_openSidebarOnPaste_label": {
-    "source": "Open sidebar when pasting",
-    "translation": "Seitenleiste beim Einfügen aus der Zwischenablage öffnen"
-  },
   "feature_command-palette_description": {
     "source": "Provides a command palette with search to access most UI features with a keyboard.",
     "translation": "Stellt eine Befehlspalette mit Suche bereit, um die meisten UI-Funktionen mit der Tastatur zu verwenden."
@@ -2887,6 +2895,10 @@
     "source": "Successfully created template \"@label\"",
     "translation": "Die Vorlage «@label» wurde erfolgreich erstellt."
   },
+  "textareaNewLineHint": {
+    "source": "Shift + Enter for new line",
+    "translation": "Shift + Enter für neue Zeile"
+  },
   "theme": {
     "source": "Theme",
     "translation": "Farben"