@pixerate/editor-svelte 0.109.0 → 0.110.0

package/dist/EditableTextNodeEditor.svelte

@@ -127,6 +127,12 @@
 </div>
 
 <style>
+  /* Typography gives bold, italic and code their own colour, which would override a colour mark
+     (or gradient text) on the text around them. Let them inherit it. */
+  :global(.pixerate-editor-content :is(strong, b, em, i, u, s, a, code)) {
+    color: inherit;
+  }
+
   :global(.pixerate-editor-content .is-empty::before) {
     content: attr(data-placeholder);
     float: left;

package/dist/image-editor/ImageEditorCanvas.svelte

@@ -5,6 +5,7 @@
     canvasToImagePoint,
     imageToCanvasPoint,
     createImagePlaybackLocator,
+    agentDragDraft,
     hitTestCrop,
     getCropCursor,
     calculateCropDrag,
@@ -26,6 +27,7 @@
     type TypeToolOptions,
   } from '@pixerate/editor/image-editor';
   import { untrack } from 'svelte';
+  import { trackPresenceDrag } from '@pixerate/editor/tools';
   import { createPlaybackSurface, getAgentPlayback } from '../playback/playback.svelte.js';
   import PresenceLayer from '../playback/PresenceLayer.svelte';
   import type { ReactiveImageEditor } from './imageEditorState.svelte.js';
@@ -325,6 +327,35 @@
   let currentPath: ImagePoint[] = [];
   let dragStartPoint: ImagePoint | null = null;
 
+  // The agent's drags pull out the crop box or the marquee as it goes, like a user's drag; the call
+  // that follows sets the real crop or selection.
+  let agentDrafting = false;
+  $effect(() => {
+    const presence = agentPresence;
+    return untrack(() =>
+      presence.subscribe(
+        trackPresenceDrag({
+          onDrag: (box) => {
+            if (cropDragInfo || selectionGesture.active) return;
+            const draft = agentDragDraft(mode, box, editor.controller.getState().imageDimensions);
+            if (!draft) return;
+            agentDrafting = true;
+            if ('crop' in draft) draftCrop = draft.crop;
+            else selectionDraft = draft.selectionPath;
+            void renderCanvas();
+          },
+          onEnd: () => {
+            if (!agentDrafting) return;
+            agentDrafting = false;
+            draftCrop = null;
+            selectionDraft = null;
+            void renderCanvas();
+          },
+        }),
+      ),
+    );
+  });
+
   async function renderCanvas(overrideAnnotation?: Annotation | null, overrideCrop?: CropBox | null) {
     if (!canvasEl || !containerEl) return;
     const vpWidth = containerEl.clientWidth || 800;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixerate/editor-svelte",
-  "version": "0.109.0",
+  "version": "0.110.0",
   "description": "Svelte bindings and prompt/rich-text components for @pixerate/editor",
   "author": "Pixerate",
   "license": "MIT",
@@ -160,7 +160,7 @@
     "@tiptap/extension-bubble-menu": "^2.27.3",
     "@tiptap/extension-placeholder": "^2.27.3",
     "@tiptap/starter-kit": "^2.27.3",
-    "@pixerate/editor": "0.149.0"
+    "@pixerate/editor": "0.150.0"
   },
   "peerDependencies": {
     "@dagrejs/dagre": "^1.1.4",