@pixerate/editor-svelte 0.218.0 → 0.219.0

package/dist/style/style.svelte.d.ts

@@ -1,3 +1,4 @@
+import type { Editor } from "@tiptap/core";
 import type { ResolvedStyle, StyleCheckReport, StyleChoiceGroup, StyleChoiceResult, StyleResolver, StyleSwatch } from "@pixerate/editor/tools";
 type MaybeGetter<T> = T | (() => T);
 export interface SvelteStyle {
@@ -22,7 +23,7 @@ export declare function useStyle(styles: MaybeGetter<StyleResolver | null | unde
  * the resolver notifies. Results of older runs that settle late are ignored. Feed `report` to
  * `<StyleFindings>`. Call it during component initialisation. Parity with React's `useStyleFindings`.
  */
-export declare function useStyleFindings(styles: MaybeGetter<StyleResolver | null | undefined>, domain: MaybeGetter<string>, subject: MaybeGetter<unknown>): SvelteStyleFindings;
+export declare function useStyleFindings(styles: MaybeGetter<StyleResolver | null | undefined>, domain: MaybeGetter<string>, subject: MaybeGetter<unknown>, scope?: MaybeGetter<string | undefined>): SvelteStyleFindings;
 export interface SvelteStyleChoices {
     /** The one-of-a-kind groups (a look, a theme) with the chosen skill and every option, or `null` before the first read (reactive). */
     readonly groups: StyleChoiceGroup[] | null;
@@ -54,4 +55,10 @@ export interface SvelteStyleSwatches {
  * agent's `get_style` returns the same list. Parity with React's `useStyleSwatches`.
  */
 export declare function useStyleSwatches(styles: MaybeGetter<StyleResolver | null | undefined>, domain: MaybeGetter<string>, scope?: MaybeGetter<string | undefined>): SvelteStyleSwatches;
+/**
+ * Svelte 5 rune: the document house-style findings for a TipTap editor (`rich-text` domain),
+ * re-checked after every edit. Feed `report` to `<StyleFindings>`. Call it during component
+ * initialisation. Parity with React's `useRichTextStyleFindings`.
+ */
+export declare function useRichTextStyleFindings(styles: MaybeGetter<StyleResolver | null | undefined>, editor: MaybeGetter<Editor | null | undefined>, scope?: MaybeGetter<string | undefined>): SvelteStyleFindings;
 export {};

package/dist/style/style.svelte.js

@@ -1,4 +1,5 @@
 import { styleSwatches } from "@pixerate/editor/tools";
+import { richTextStyleState } from "@pixerate/editor";
 const read = (value) => (typeof value === "function" ? value() : value);
 const message = (error) => (error instanceof Error ? error.message : String(error));
 /**
@@ -59,11 +60,11 @@ export function useStyle(styles, domain) {
  * the resolver notifies. Results of older runs that settle late are ignored. Feed `report` to
  * `<StyleFindings>`. Call it during component initialisation. Parity with React's `useStyleFindings`.
  */
-export function useStyleFindings(styles, domain, subject) {
+export function useStyleFindings(styles, domain, subject, scope) {
     let report = $state.raw(null);
     let style = $state.raw(null);
     let error = $state.raw(null);
-    resolverTask(() => ({ styles: read(styles), input: { domain: read(domain), value: read(subject) } }), (s, { domain: d, value }) => s.check(d, value), (result) => {
+    resolverTask(() => ({ styles: read(styles), input: { domain: read(domain), value: read(subject), scope: scope === undefined ? undefined : read(scope) } }), (s, { domain: d, value, scope: sc }) => s.check(d, value, sc !== undefined ? { scope: sc } : {}), (result) => {
         if (!result.value) {
             report = null;
             style = null;
@@ -149,3 +150,28 @@ export function useStyleSwatches(styles, domain, scope) {
         },
     };
 }
+/**
+ * Svelte 5 rune: the document house-style findings for a TipTap editor (`rich-text` domain),
+ * re-checked after every edit. Feed `report` to `<StyleFindings>`. Call it during component
+ * initialisation. Parity with React's `useRichTextStyleFindings`.
+ */
+export function useRichTextStyleFindings(styles, editor, scope) {
+    let doc = $state.raw(null);
+    $effect(() => {
+        const ed = read(editor);
+        if (!ed) {
+            doc = null;
+            return;
+        }
+        doc = ed.state.doc;
+        const onUpdate = () => {
+            doc = ed.state.doc;
+        };
+        ed.on("update", onUpdate);
+        return () => {
+            ed.off("update", onUpdate);
+        };
+    });
+    const subject = $derived(doc ? richTextStyleState(doc) : null);
+    return useStyleFindings(() => (subject ? read(styles) : null), "rich-text", () => subject, scope);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixerate/editor-svelte",
-  "version": "0.218.0",
+  "version": "0.219.0",
   "description": "Svelte bindings and prompt/rich-text components for @pixerate/editor",
   "author": "Pixerate",
   "license": "MIT",
@@ -184,7 +184,7 @@
     "**/*.css"
   ],
   "dependencies": {
-    "@pixerate/editor": "0.301.0"
+    "@pixerate/editor": "0.302.0"
   },
   "peerDependencies": {
     "@dagrejs/dagre": "^1.1.4",