@quillmark/svelte 0.3.0 → 0.3.2

package/dist/visual/icons/nodes.js

@@ -8,6 +8,10 @@
 // ones that release carries (ISC, and MIT for the Feather-derived ten).
 export const ICONS = {
     'chevron-right': [['path', { d: 'm9 18 6-6-6-6' }]],
+    'arrow-right': [
+        ['path', { d: 'M5 12h14' }],
+        ['path', { d: 'm12 5 7 7-7 7' }]
+    ],
     'chevron-down': [['path', { d: 'm6 9 6 6 6-6' }]],
     'chevron-up': [['path', { d: 'm18 15-6-6-6 6' }]],
     bold: [['path', { d: 'M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8' }]],
@@ -52,5 +56,12 @@ export const ICONS = {
         ['path', { d: 'M18 6 6 18' }],
         ['path', { d: 'm6 6 12 12' }]
     ],
+    'trash-2': [
+        ['path', { d: 'M10 11v6' }],
+        ['path', { d: 'M14 11v6' }],
+        ['path', { d: 'M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6' }],
+        ['path', { d: 'M3 6h18' }],
+        ['path', { d: 'M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2' }]
+    ],
     minus: [['path', { d: 'M5 12h14' }]]
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@quillmark/svelte",
-	"version": "0.3.0",
+	"version": "0.3.2",
 	"description": "Editor, live-preview and source surfaces over a Quillmark WASM session.",
 	"repository": {
 		"type": "git",
@@ -23,7 +23,7 @@
 	"author": "Quillmark Contributors",
 	"type": "module",
 	"engines": {
-		"node": ">=22"
+		"node": ">=24"
 	},
 	"svelte": "./dist/index.js",
 	"types": "./dist/index.d.ts",

package/dist/preview/overlay.d.ts

@@ -1,11 +0,0 @@
-import type { LiveSession } from '@quillmark/wasm';
-import type { PageSlot } from './paint.js';
-export interface OverlayController {
-    /** Re-read geometry and rebuild every box; call after a layout-affecting refresh. */
-    refresh(): void;
-    /** Bloom the boxes at `field` and under it: transient, and a no-op when `field`
-     *  is already the marked one. */
-    flashField(field: string): void;
-    destroy(): void;
-}
-export declare function createOverlay(session: LiveSession, slots: readonly PageSlot[]): OverlayController;

package/dist/preview/overlay.js

@@ -1,97 +0,0 @@
-import { bloom, bloomTiming, primeWash } from '../core/bloom.js';
-import { boxesForField, rectToPercent, applyPercentRect } from './geometry.js';
-const FIELD_ATTR = 'data-qm-field';
-export function createOverlay(session, slots) {
-    const layers = slots.map((slot) => {
-        const layer = document.createElement('div');
-        layer.className = 'qm-overlay-layer';
-        Object.assign(layer.style, { position: 'absolute', inset: '0', pointerEvents: 'none' });
-        slot.el.appendChild(layer);
-        return layer;
-    });
-    // The marked address, and with it the bloom's start. One variable does both jobs:
-    // the change guard has to outlive the decay (a caret move after the wash ended
-    // must not re-mark the same field), and `bloom` refuses an `elapsed` past the
-    // decay, so a spent flash is inert on every later rebuild and never needs
-    // clearing. The editor→preview signal is continuous (every caret move, so every
-    // keystroke), and only a change of address is an event; marking the field being
-    // typed into is noise the recompile already answers, since the changed text
-    // repaints under the caret 120ms later.
-    let flash;
-    /** field → its boxes, rebuilt with them. The bloom's only lookup. */
-    let byField = new Map();
-    // The boxes a flash covers: the address's own, plus every one under it, since the
-    // boxes are keyed as `regions()` names them (`main.references.0`) and an
-    // editor-side signal names the declared field (`main.references`). Resolved per
-    // apply rather than at `flashField`, so a rebuild picks up boxes the recompile
-    // moved or added.
-    function flashed(field) {
-        const els = [];
-        for (const [key, group] of byField) {
-            if (key === field || key.startsWith(`${field}.`))
-                els.push(...group);
-        }
-        return els;
-    }
-    // Start or resume the bloom on whatever boxes exist for it now: one path, because
-    // starting is resuming at ~0. A field surfaces several boxes and they share
-    // `startedAt`, so they bloom in step rather than shimmering unevenly.
-    function applyFlash() {
-        if (!flash)
-            return;
-        const els = flashed(flash.field);
-        if (!els.length)
-            return;
-        const elapsed = performance.now() - flash.startedAt;
-        const timing = bloomTiming(els[0]);
-        for (const el of els)
-            bloom(el, elapsed, timing);
-    }
-    // Field names come from `regions()` (the only session query that enumerates them;
-    // Preview carries no schema); the rects from `boxesForField`, whose fallback is
-    // what makes every address `regions()` names draw.
-    function build() {
-        for (const layer of layers)
-            layer.replaceChildren();
-        byField = new Map();
-        const regions = session.regions();
-        const fields = new Set();
-        for (const region of regions)
-            fields.add(region.field);
-        for (const field of fields) {
-            const els = [];
-            for (const box of boxesForField(field, session.fieldBoxes(field), regions)) {
-                const layer = layers[box.page];
-                const slot = slots[box.page];
-                if (!layer || !slot)
-                    continue;
-                const pct = rectToPercent(box.rect, slot.size);
-                const el = document.createElement('div');
-                el.className = 'qm-field-box';
-                el.setAttribute(FIELD_ATTR, field);
-                applyPercentRect(el, pct);
-                el.style.borderRadius = 'var(--_qm-radius-inner)';
-                primeWash(el);
-                layer.appendChild(el);
-                els.push(el);
-            }
-            if (els.length)
-                byField.set(field, els);
-        }
-        applyFlash();
-    }
-    build();
-    return {
-        refresh: build,
-        flashField(field) {
-            if (field === flash?.field)
-                return;
-            flash = { field, startedAt: performance.now() };
-            applyFlash();
-        },
-        destroy() {
-            for (const layer of layers)
-                layer.remove();
-        }
-    };
-}