@openrails/contentkit-ui 0.68.0 → 0.69.0

package/dist/react/resources.js

@@ -6,8 +6,9 @@ var t = {
 	loaded: !1
 }, n = (e, t) => !!e && !!t && e.kind === t.kind && e.id === t.id, r = class {
 	slots = /* @__PURE__ */ new Map();
+	version = 0;
 	constructor(e) {
-		e.subscribe((e) => this.apply(e));
+		e.subscribe((e, t) => this.apply(e, t));
 	}
 	subscribe(e, n, r) {
 		let i = this.slots.get(e);
@@ -15,7 +16,8 @@ var t = {
 			tag: n,
 			listeners: /* @__PURE__ */ new Set(),
 			entry: t,
-			version: 0
+			version: 0,
+			readVersion: ++this.version
 		});
 		let a = i;
 		return a.listeners.add(r), () => {
@@ -44,7 +46,7 @@ var t = {
 			loadingMore: !1,
 			error: void 0
 		}), r.fetcher(i.signal).then((e) => {
-			r.ctl === i && (r.ctl = void 0, this.update(r, {
+			r.ctl === i && (r.ctl = void 0, r.readVersion = ++this.version, this.update(r, {
 				data: e,
 				loading: !1,
 				loaded: !0,
@@ -88,7 +90,7 @@ var t = {
 		let n = this.slots.get(e);
 		if (!n) return;
 		let r = typeof t == "function" ? t(n.entry.data) : t;
-		this.update(n, {
+		n.readVersion = ++this.version, this.update(n, {
 			data: r,
 			loaded: !0,
 			error: void 0
@@ -96,7 +98,7 @@ var t = {
 	}
 	mark(e) {
 		let t = this.slots.get(e);
-		return t ? ++t.version : 0;
+		return t ? t.version = ++this.version : 0;
 	}
 	rollback(e, t, n) {
 		let r = this.slots.get(e);
@@ -106,13 +108,15 @@ var t = {
 		});
 	}
 	patch(e, t) {
-		for (let n of this.slots.values()) n.entry.data !== void 0 && e(n.tag) && this.update(n, { data: t(n.entry.data) });
+		for (let n of this.slots.values()) n.entry.data !== void 0 && e(n.tag) && this.update(n, { data: t(n.entry.data, n.readVersion) });
 	}
 	invalidate(e) {
 		for (let [t, n] of this.slots) e(n.tag) && n.listeners.size && this.load(t, !0);
 	}
-	apply(e) {
-		let t = (e, t) => this.patch((t) => e.includes(t.type), (e) => {
+	apply(e, t) {
+		let r = (e, n) => {
+			this.patch((n) => e(n) && (n.readScope ?? "{}") === t, n), this.invalidate((n) => e(n) && (n.readScope ?? "{}") !== t);
+		}, i = (e, t) => r((t) => e.includes(t.type), (e) => {
 			let n = !1, r = [];
 			for (let i of e.items) {
 				let e = t(i);
@@ -122,7 +126,7 @@ var t = {
 				...e,
 				items: r
 			} : e;
-		}), r = [
+		}), a = [
 			"comments",
 			"replies",
 			"latest",
@@ -130,42 +134,42 @@ var t = {
 		];
 		switch (e.type) {
 			case "comment.created": {
-				let r = e.comment.reply_to_id, i = !e.comment.moderation;
-				this.patch((t) => r ? t.type === "replies" && t.id === r : t.type === "comments" && n(t.ref, e.ref), (t) => t.items.some((t) => t.id === e.comment.id) ? t : {
-					...t,
-					items: r ? [...t.items, e.comment] : [e.comment, ...t.items]
-				}), r && i && t(["comments"], (e) => e.id === r ? {
+				let t = e.comment.reply_to_id, a = !e.comment.moderation;
+				r((r) => t ? r.type === "replies" && r.id === t : r.type === "comments" && n(r.ref, e.ref), (n) => n.items.some((t) => t.id === e.comment.id) ? n : {
+					...n,
+					items: t ? [...n.items, e.comment] : [e.comment, ...n.items]
+				}), t && a && i(["comments"], (e) => e.id === t ? {
 					...e,
 					reply_count: e.reply_count + 1
 				} : e), this.invalidate((e) => e.type === "latest" || e.type === "admin-comments");
 				break;
 			}
 			case "comment.updated":
-				t(r, (t) => t.id === e.comment.id ? {
+				i(a, (t) => t.id === e.comment.id ? {
 					...t,
 					...e.comment,
 					author: e.comment.author ?? t.author
 				} : t);
 				break;
 			case "comment.reacted":
-				t(r, (t) => t.id === e.id ? {
+				i(a, (t) => t.id === e.id ? {
 					...t,
 					...e.counts
 				} : t);
 				break;
 			case "comment.deleted": {
-				let n;
-				t(["comments", "replies"], (t) => t.id !== e.id || t.deleted ? t : (t.moderation || (n = t.reply_to_id), {
-					...t,
+				let t;
+				i(["comments", "replies"], (n) => n.id !== e.id || n.deleted ? n : (n.moderation || (t = n.reply_to_id), {
+					...n,
 					deleted: !0,
 					body: "[deleted]",
 					author: void 0,
 					user_id: void 0,
 					anon_name: void 0
-				})), n && t(["comments"], (e) => e.id === n ? {
+				})), t && i(["comments"], (e) => e.id === t ? {
 					...e,
 					reply_count: Math.max(0, e.reply_count - 1)
-				} : e), t(["latest"], (t) => t.id === e.id ? null : t), t(["admin-comments"], (t) => t.id === e.id ? {
+				} : e), i(["latest"], (t) => t.id === e.id ? null : t), i(["admin-comments"], (t) => t.id === e.id ? {
 					...t,
 					deleted: !0,
 					deleted_at: (/* @__PURE__ */ new Date()).toISOString()
@@ -173,13 +177,20 @@ var t = {
 				break;
 			}
 			case "comment.restored":
-				this.invalidate((e) => r.includes(e.type));
+				this.invalidate((e) => a.includes(e.type));
 				break;
 			case "reaction.changed":
-				this.patch((t) => t.type === "reaction" && n(t.ref, e.ref), () => e.counts), e.ref.kind === "post" && this.postTotals(e.ref.id, e.counts.likes, e.counts.dislikes);
+				if (r((t) => t.type === "reaction" && n(t.ref, e.ref), () => e.counts), e.ref.kind === "post") {
+					let t = (t) => t.id === e.ref.id ? {
+						...t,
+						total_likes: e.counts.likes,
+						total_dislikes: e.counts.dislikes
+					} : t;
+					r((t) => t.type === "post" && t.id === e.ref.id, t), i(["posts"], t);
+				}
 				break;
 			case "favorite.changed":
-				this.patch((t) => t.type === "favorite" && n(t.ref, e.ref), () => ({
+				r((t) => t.type === "favorite" && n(t.ref, e.ref), () => ({
 					favorited: e.favorited,
 					count: e.count
 				})), this.invalidate((e) => e.type === "favorites");
@@ -188,13 +199,13 @@ var t = {
 				this.invalidate((e) => e.type === "posts");
 				break;
 			case "post.updated":
-				this.patch((e) => e.type === "post", (t) => t?.id === e.post.id ? e.post : t), t(["posts"], (t) => t.id === e.post.id ? e.post : t);
+				r((e) => e.type === "post", (t) => t?.id === e.post.id ? e.post : t), i(["posts"], (t) => t.id === e.post.id ? e.post : t);
 				break;
 			case "post.changed":
 				this.invalidate((t) => t.type === "post" && t.id === e.id || t.type === "posts");
 				break;
 			case "post.deleted":
-				t(["posts"], (t) => t.id === e.id ? null : t), this.invalidate((e) => e.type === "posts" && e.scope === "deleted");
+				i(["posts"], (t) => t.id === e.id ? null : t), this.invalidate((e) => e.type === "posts" && e.scope === "deleted");
 				break;
 			case "post.restored":
 				this.invalidate((t) => t.type === "post" && t.id === e.post.id || t.type === "posts");
@@ -203,32 +214,21 @@ var t = {
 				this.invalidate((e) => e.type === "polls" || e.type === "poll" && !e.id);
 				break;
 			case "poll.updated":
-				this.patch((e) => e.type === "poll", (t) => t?.id === e.poll.id ? e.poll : t), t(["polls"], (t) => t.id === e.poll.id ? e.poll : t);
+				r((e) => e.type === "poll", (t) => t?.id === e.poll.id ? e.poll : t), i(["polls"], (t) => t.id === e.poll.id ? e.poll : t);
 				break;
 			case "poll.changed":
 				this.invalidate((t) => t.type === "poll" && (t.id === e.id || !t.id) || t.type === "polls");
 				break;
 			case "poll.deleted":
-				t(["polls"], (t) => t.id === e.id ? null : t), this.invalidate((e) => e.type === "poll" && !e.id);
+				i(["polls"], (t) => t.id === e.id ? null : t), this.invalidate((e) => e.type === "poll" && !e.id);
 				break;
 			case "ban.saved":
 			case "ban.lifted":
 				this.invalidate((t) => t.type === "bans" && t.scope === e.scope || t.type === "standing");
 				break;
-			case "moderation.resolved": t(["held"], (t) => t.id === e.id ? null : t), e.kind === "comment" ? this.invalidate((e) => r.includes(e.type)) : this.invalidate((t) => t.type === "post" && t.id === e.id || t.type === "posts");
+			case "moderation.resolved": i(["held"], (t) => t.id === e.id ? null : t), e.kind === "comment" ? this.invalidate((e) => a.includes(e.type)) : this.invalidate((t) => t.type === "post" && t.id === e.id || t.type === "posts");
 		}
 	}
-	postTotals(e, t, n) {
-		let r = (r) => r.id === e ? {
-			...r,
-			total_likes: t,
-			total_dislikes: n
-		} : r;
-		this.patch((t) => t.type === "post" && t.id === e, r), this.patch((e) => e.type === "posts", (e) => ({
-			...e,
-			items: e.items.map(r)
-		}));
-	}
 	update(e, t) {
 		e.entry = {
 			...e.entry,

package/dist/react/resources.js.map

@@ -1 +1 @@
-{"version":3,"file":"resources.js","names":[],"sources":["../../src/react/resources.ts"],"sourcesContent":["import type { ContentKitClient } from \"../client/client.js\";\nimport { toContentKitError, type ContentKitError } from \"../client/errors.js\";\nimport type { Comment, Poll, Post, RefBody } from \"../client/generated/wire.js\";\nimport type { ContentKitChange } from \"../client/http.js\";\n\n/** One shared read: its data, whether a fetch is in flight, and its last failure. */\nexport interface Resource<T> {\n  data: T | undefined;\n  loading: boolean;\n  /** A fetch or set has completed. */\n  loaded: boolean;\n  /** A list's next page is in flight. */\n  loadingMore?: boolean;\n  error?: ContentKitError;\n}\n\n/** A page of a list and how to get the next one (null: no more). */\nexport interface Page<T> {\n  items: T[];\n  next: string | number | null;\n}\n\nexport type Fetcher<T> = (signal: AbortSignal) => Promise<T>;\n\n/** What a slot holds, for matching changes: its resource type and the ids it depends on. */\nexport interface Tag {\n  type: string;\n  ref?: RefBody;\n  id?: string;\n  scope?: string;\n}\n\ninterface Slot {\n  tag: Tag;\n  listeners: Set<() => void>;\n  entry: Resource<unknown>;\n  fetcher?: Fetcher<unknown>;\n  more?: (cursor: string | number, signal: AbortSignal) => Promise<Page<unknown>>;\n  ctl?: AbortController;\n  moreCtl?: AbortController;\n  /** Bumped by mark(): an optimistic write rolls back only if no newer one started. */\n  version: number;\n}\n\nconst IDLE: Resource<never> = { data: undefined, loading: false, loaded: false };\n\nconst sameRef = (a?: RefBody, b?: RefBody) => !!a && !!b && a.kind === b.kind && a.id === b.id;\n\n/**\n * The content reads hooks share, per client: one request per key while any\n * hook shows it, optimistic writes with rollback, and every change the client\n * makes applied in place (or refetched) for every hook showing it.\n */\nexport class ResourceStore {\n  private readonly slots = new Map<string, Slot>();\n\n  constructor(client: ContentKitClient) {\n    client.subscribe((c) => this.apply(c));\n  }\n\n  subscribe(key: string, tag: Tag, listener: () => void): () => void {\n    let s = this.slots.get(key);\n    if (!s) this.slots.set(key, (s = { tag, listeners: new Set(), entry: IDLE, version: 0 }));\n    const slot = s;\n    slot.listeners.add(listener);\n    return () => {\n      slot.listeners.delete(listener);\n      // Kept across a StrictMode remount; dropped once no hook shows it.\n      queueMicrotask(() => {\n        if (slot.listeners.size || this.slots.get(key) !== slot) return;\n        slot.ctl?.abort();\n        slot.moreCtl?.abort();\n        this.slots.delete(key);\n      });\n    };\n  }\n\n  snapshot<T>(key: string): Resource<T> {\n    return (this.slots.get(key)?.entry ?? IDLE) as Resource<T>;\n  }\n\n  /** The latest fetchers of a key: its first read, and a list's next page. */\n  bind(key: string, fetcher: Fetcher<unknown>, more?: Slot[\"more\"]): void {\n    const s = this.slots.get(key);\n    if (s) Object.assign(s, { fetcher, more });\n  }\n\n  /** Fetches unless loaded or in flight; force refetches (a list from its first page). */\n  load(key: string, force = false): void {\n    const s = this.slots.get(key);\n    if (!s?.fetcher || (!force && (s.entry.loaded || s.ctl))) return;\n    s.ctl?.abort();\n    s.moreCtl?.abort();\n    s.moreCtl = undefined;\n    const ctl = (s.ctl = new AbortController());\n    this.update(s, { loading: true, loadingMore: false, error: undefined });\n    s.fetcher(ctl.signal).then(\n      (data) => {\n        if (s.ctl !== ctl) return;\n        s.ctl = undefined;\n        this.update(s, { data, loading: false, loaded: true, error: undefined });\n      },\n      (e) => {\n        if (s.ctl !== ctl) return;\n        s.ctl = undefined;\n        const error = toContentKitError(e);\n        if (error.code !== \"aborted\") this.update(s, { loading: false, loaded: true, error });\n      },\n    );\n  }\n\n  /** Appends a list's next page; resolves once it landed. */\n  async loadMore(key: string): Promise<void> {\n    const s = this.slots.get(key);\n    const page = s?.entry.data as Page<{ id: string }> | undefined;\n    if (!s?.more || !page || page.next === null || s.moreCtl || s.ctl) return;\n    const ctl = (s.moreCtl = new AbortController());\n    this.update(s, { loadingMore: true });\n    try {\n      const next = (await s.more(page.next, ctl.signal)) as Page<{ id: string }>;\n      if (s.moreCtl !== ctl) return;\n      const cur = s.entry.data as Page<{ id: string }>;\n      const seen = new Set(cur.items.map((x) => x.id));\n      this.update(s, { data: { items: [...cur.items, ...next.items.filter((x) => !seen.has(x.id))], next: next.next }, error: undefined });\n    } catch (e) {\n      const error = toContentKitError(e);\n      if (s.moreCtl === ctl && error.code !== \"aborted\") this.update(s, { error });\n    } finally {\n      if (s.moreCtl === ctl) {\n        s.moreCtl = undefined;\n        this.update(s, { loadingMore: false });\n      }\n    }\n  }\n\n  /** Replaces a key's data for every hook showing it. */\n  set<T>(key: string, data: T | ((prev: T | undefined) => T)): void {\n    const s = this.slots.get(key);\n    if (!s) return;\n    const next = typeof data === \"function\" ? (data as (p: T | undefined) => T)(s.entry.data as T | undefined) : data;\n    this.update(s, { data: next, loaded: true, error: undefined });\n  }\n\n  /** Starts an optimistic write on key: the token rollback() checks. */\n  mark(key: string): number {\n    const s = this.slots.get(key);\n    return s ? ++s.version : 0;\n  }\n\n  /** Restores data unless a newer optimistic write started since mark(). */\n  rollback<T>(key: string, token: number, data: T): void {\n    const s = this.slots.get(key);\n    if (s && s.version === token) this.update(s, { data, loaded: true });\n  }\n\n  /** Applies fn to the data of every slot whose tag matches. */\n  patch<T>(match: (tag: Tag) => boolean, fn: (data: T) => T): void {\n    for (const s of this.slots.values()) {\n      if (s.entry.data !== undefined && match(s.tag)) this.update(s, { data: fn(s.entry.data as T) });\n    }\n  }\n\n  /** Refetches every shown slot whose tag matches. */\n  invalidate(match: (tag: Tag) => boolean): void {\n    for (const [key, s] of this.slots) if (match(s.tag) && s.listeners.size) this.load(key, true);\n  }\n\n  private apply(c: ContentKitChange): void {\n    const items = <T extends { id: string }>(types: string[], fn: (item: T) => T | null) =>\n      this.patch<Page<T>>(\n        (t) => types.includes(t.type),\n        (page) => {\n          let changed = false;\n          const out: T[] = [];\n          for (const it of page.items) {\n            const next = fn(it);\n            if (next !== it) changed = true;\n            if (next) out.push(next);\n          }\n          return changed ? { ...page, items: out } : page;\n        },\n      );\n    const comments = [\"comments\", \"replies\", \"latest\", \"admin-comments\"];\n    switch (c.type) {\n      case \"comment.created\": {\n        const parent = c.comment.reply_to_id;\n        const published = !c.comment.moderation;\n        const add = (t: Tag) => (parent ? t.type === \"replies\" && t.id === parent : t.type === \"comments\" && sameRef(t.ref, c.ref));\n        this.patch<Page<Comment>>(add, (p) => (p.items.some((x) => x.id === c.comment.id) ? p : { ...p, items: parent ? [...p.items, c.comment] : [c.comment, ...p.items] }));\n        if (parent && published) items<Comment>([\"comments\"], (x) => (x.id === parent ? { ...x, reply_count: x.reply_count + 1 } : x));\n        this.invalidate((t) => t.type === \"latest\" || t.type === \"admin-comments\");\n        break;\n      }\n      case \"comment.updated\":\n        items<Comment>(comments, (x) => (x.id === c.comment.id ? { ...x, ...c.comment, author: c.comment.author ?? x.author } : x));\n        break;\n      case \"comment.reacted\":\n        items<Comment>(comments, (x) => (x.id === c.id ? { ...x, ...c.counts } : x));\n        break;\n      case \"comment.deleted\": {\n        let parent: string | undefined;\n        items<Comment>([\"comments\", \"replies\"], (x) => {\n          if (x.id !== c.id || x.deleted) return x;\n          if (!x.moderation) parent = x.reply_to_id;\n          return { ...x, deleted: true, body: \"[deleted]\", author: undefined, user_id: undefined, anon_name: undefined };\n        });\n        if (parent) items<Comment>([\"comments\"], (x) => (x.id === parent ? { ...x, reply_count: Math.max(0, x.reply_count - 1) } : x));\n        items<Comment>([\"latest\"], (x) => (x.id === c.id ? null : x));\n        items<Comment & { deleted_at?: string }>([\"admin-comments\"], (x) => (x.id === c.id ? { ...x, deleted: true, deleted_at: new Date().toISOString() } : x));\n        break;\n      }\n      case \"comment.restored\":\n        this.invalidate((t) => comments.includes(t.type));\n        break;\n      case \"reaction.changed\":\n        this.patch((t) => t.type === \"reaction\" && sameRef(t.ref, c.ref), () => c.counts);\n        if (c.ref.kind === \"post\") this.postTotals(c.ref.id, c.counts.likes, c.counts.dislikes);\n        break;\n      case \"favorite.changed\":\n        this.patch((t) => t.type === \"favorite\" && sameRef(t.ref, c.ref), () => ({ favorited: c.favorited, count: c.count }));\n        this.invalidate((t) => t.type === \"favorites\");\n        break;\n      case \"post.created\":\n        this.invalidate((t) => t.type === \"posts\");\n        break;\n      case \"post.updated\":\n        this.patch<Post | null>((t) => t.type === \"post\", (p) => (p?.id === c.post.id ? c.post : p));\n        items<Post>([\"posts\"], (x) => (x.id === c.post.id ? c.post : x));\n        break;\n      case \"post.changed\":\n        this.invalidate((t) => (t.type === \"post\" && t.id === c.id) || t.type === \"posts\");\n        break;\n      case \"post.deleted\":\n        items<Post>([\"posts\"], (x) => (x.id === c.id ? null : x));\n        this.invalidate((t) => t.type === \"posts\" && t.scope === \"deleted\");\n        break;\n      case \"post.restored\":\n        this.invalidate((t) => (t.type === \"post\" && t.id === c.post.id) || t.type === \"posts\");\n        break;\n      case \"poll.created\":\n        this.invalidate((t) => t.type === \"polls\" || (t.type === \"poll\" && !t.id));\n        break;\n      case \"poll.updated\":\n        // A latest-poll slot has no id in its tag: match by the poll it holds.\n        this.patch<Poll | null>((t) => t.type === \"poll\", (p) => (p?.id === c.poll.id ? c.poll : p));\n        items<Poll>([\"polls\"], (x) => (x.id === c.poll.id ? c.poll : x));\n        break;\n      case \"poll.changed\":\n        this.invalidate((t) => (t.type === \"poll\" && (t.id === c.id || !t.id)) || t.type === \"polls\");\n        break;\n      case \"poll.deleted\":\n        items<Poll>([\"polls\"], (x) => (x.id === c.id ? null : x));\n        this.invalidate((t) => t.type === \"poll\" && !t.id);\n        break;\n      case \"ban.saved\":\n      case \"ban.lifted\":\n        this.invalidate((t) => (t.type === \"bans\" && t.scope === c.scope) || t.type === \"standing\");\n        break;\n      case \"moderation.resolved\":\n        items<{ id: string }>([\"held\"], (x) => (x.id === c.id ? null : x));\n        if (c.kind === \"comment\") this.invalidate((t) => comments.includes(t.type));\n        else this.invalidate((t) => (t.type === \"post\" && t.id === c.id) || t.type === \"posts\");\n        break;\n    }\n  }\n\n  private postTotals(id: string, likes: number, dislikes: number): void {\n    const fn = (p: Post): Post => (p.id === id ? { ...p, total_likes: likes, total_dislikes: dislikes } : p);\n    this.patch<Post>((t) => t.type === \"post\" && t.id === id, fn);\n    this.patch<Page<Post>>((t) => t.type === \"posts\", (page) => ({ ...page, items: page.items.map(fn) }));\n  }\n\n  // A new entry per change: useSyncExternalStore compares snapshots by identity.\n  private update(s: Slot, patch: Partial<Resource<unknown>>): void {\n    s.entry = { ...s.entry, ...patch };\n    for (const l of s.listeners) l();\n  }\n}\n\nconst stores = new WeakMap<ContentKitClient, ResourceStore>();\n\n/** The client's shared content store. */\nexport function resourcesFor(client: ContentKitClient): ResourceStore {\n  let s = stores.get(client);\n  if (!s) stores.set(client, (s = new ResourceStore(client)));\n  return s;\n}\n"],"mappings":"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"}
+{"version":3,"file":"resources.js","names":[],"sources":["../../src/react/resources.ts"],"sourcesContent":["import type { ContentKitClient } from \"../client/client.js\";\nimport { toContentKitError, type ContentKitError } from \"../client/errors.js\";\nimport type { Comment, Poll, Post, RefBody } from \"../client/generated/wire.js\";\nimport type { ContentKitChange } from \"../client/http.js\";\n\n/** One shared read: its data, whether a fetch is in flight, and its last failure. */\nexport interface Resource<T> {\n  data: T | undefined;\n  loading: boolean;\n  /** A fetch or set has completed. */\n  loaded: boolean;\n  /** A list's next page is in flight. */\n  loadingMore?: boolean;\n  error?: ContentKitError;\n}\n\n/** A page of a list and how to get the next one (null: no more). */\nexport interface Page<T> {\n  items: T[];\n  next: string | number | null;\n}\n\nexport type Fetcher<T> = (signal: AbortSignal) => Promise<T>;\n\n/** What a slot holds, for matching changes: its resource type and the ids it depends on. */\nexport interface Tag {\n  type: string;\n  readScope?: string;\n  ref?: RefBody;\n  id?: string;\n  scope?: string;\n}\n\ninterface Slot {\n  tag: Tag;\n  listeners: Set<() => void>;\n  entry: Resource<unknown>;\n  fetcher?: Fetcher<unknown>;\n  more?: (cursor: string | number, signal: AbortSignal) => Promise<Page<unknown>>;\n  ctl?: AbortController;\n  moreCtl?: AbortController;\n  /** Bumped by mark(): an optimistic write rolls back only if no newer one started. */\n  version: number;\n  /** Identifies the full read; item patches and appended pages retain it. */\n  readVersion: number;\n}\n\nconst IDLE: Resource<never> = { data: undefined, loading: false, loaded: false };\n\nconst sameRef = (a?: RefBody, b?: RefBody) => !!a && !!b && a.kind === b.kind && a.id === b.id;\n\n/**\n * The content reads hooks share, per client: one request per key while any\n * hook shows it, optimistic writes with rollback, and every change the client\n * makes applied in place (or refetched) for every hook showing it.\n */\nexport class ResourceStore {\n  private readonly slots = new Map<string, Slot>();\n  // Tokens must remain unique when a scope leaves and its slots are recreated.\n  private version = 0;\n\n  constructor(client: ContentKitClient) {\n    client.subscribe((c, scope) => this.apply(c, scope));\n  }\n\n  subscribe(key: string, tag: Tag, listener: () => void): () => void {\n    let s = this.slots.get(key);\n    if (!s) this.slots.set(key, (s = { tag, listeners: new Set(), entry: IDLE, version: 0, readVersion: ++this.version }));\n    const slot = s;\n    slot.listeners.add(listener);\n    return () => {\n      slot.listeners.delete(listener);\n      // Kept across a StrictMode remount; dropped once no hook shows it.\n      queueMicrotask(() => {\n        if (slot.listeners.size || this.slots.get(key) !== slot) return;\n        slot.ctl?.abort();\n        slot.moreCtl?.abort();\n        this.slots.delete(key);\n      });\n    };\n  }\n\n  snapshot<T>(key: string): Resource<T> {\n    return (this.slots.get(key)?.entry ?? IDLE) as Resource<T>;\n  }\n\n  /** The latest fetchers of a key: its first read, and a list's next page. */\n  bind(key: string, fetcher: Fetcher<unknown>, more?: Slot[\"more\"]): void {\n    const s = this.slots.get(key);\n    if (s) Object.assign(s, { fetcher, more });\n  }\n\n  /** Fetches unless loaded or in flight; force refetches (a list from its first page). */\n  load(key: string, force = false): void {\n    const s = this.slots.get(key);\n    if (!s?.fetcher || (!force && (s.entry.loaded || s.ctl))) return;\n    s.ctl?.abort();\n    s.moreCtl?.abort();\n    s.moreCtl = undefined;\n    const ctl = (s.ctl = new AbortController());\n    this.update(s, { loading: true, loadingMore: false, error: undefined });\n    s.fetcher(ctl.signal).then(\n      (data) => {\n        if (s.ctl !== ctl) return;\n        s.ctl = undefined;\n        s.readVersion = ++this.version;\n        this.update(s, { data, loading: false, loaded: true, error: undefined });\n      },\n      (e) => {\n        if (s.ctl !== ctl) return;\n        s.ctl = undefined;\n        const error = toContentKitError(e);\n        if (error.code !== \"aborted\") this.update(s, { loading: false, loaded: true, error });\n      },\n    );\n  }\n\n  /** Appends a list's next page; resolves once it landed. */\n  async loadMore(key: string): Promise<void> {\n    const s = this.slots.get(key);\n    const page = s?.entry.data as Page<{ id: string }> | undefined;\n    if (!s?.more || !page || page.next === null || s.moreCtl || s.ctl) return;\n    const ctl = (s.moreCtl = new AbortController());\n    this.update(s, { loadingMore: true });\n    try {\n      const next = (await s.more(page.next, ctl.signal)) as Page<{ id: string }>;\n      if (s.moreCtl !== ctl) return;\n      const cur = s.entry.data as Page<{ id: string }>;\n      const seen = new Set(cur.items.map((x) => x.id));\n      this.update(s, { data: { items: [...cur.items, ...next.items.filter((x) => !seen.has(x.id))], next: next.next }, error: undefined });\n    } catch (e) {\n      const error = toContentKitError(e);\n      if (s.moreCtl === ctl && error.code !== \"aborted\") this.update(s, { error });\n    } finally {\n      if (s.moreCtl === ctl) {\n        s.moreCtl = undefined;\n        this.update(s, { loadingMore: false });\n      }\n    }\n  }\n\n  /** Replaces a key's data for every hook showing it. */\n  set<T>(key: string, data: T | ((prev: T | undefined) => T)): void {\n    const s = this.slots.get(key);\n    if (!s) return;\n    const next = typeof data === \"function\" ? (data as (p: T | undefined) => T)(s.entry.data as T | undefined) : data;\n    s.readVersion = ++this.version;\n    this.update(s, { data: next, loaded: true, error: undefined });\n  }\n\n  /** Starts an optimistic write on key: the token rollback() checks. */\n  mark(key: string): number {\n    const s = this.slots.get(key);\n    return s ? (s.version = ++this.version) : 0;\n  }\n\n  /** Restores data unless a newer optimistic write started since mark(). */\n  rollback<T>(key: string, token: number, data: T): void {\n    const s = this.slots.get(key);\n    if (s && s.version === token) this.update(s, { data, loaded: true });\n  }\n\n  /** Applies fn to matching slots, with the read identity for scoped rollback. */\n  patch<T>(match: (tag: Tag) => boolean, fn: (data: T, readVersion: number) => T): void {\n    for (const s of this.slots.values()) {\n      if (s.entry.data !== undefined && match(s.tag)) this.update(s, { data: fn(s.entry.data as T, s.readVersion) });\n    }\n  }\n\n  /** Refetches every shown slot whose tag matches. */\n  invalidate(match: (tag: Tag) => boolean): void {\n    for (const [key, s] of this.slots) if (match(s.tag) && s.listeners.size) this.load(key, true);\n  }\n\n  private apply(c: ContentKitChange, scope: string | null): void {\n    const patch = <T>(match: (tag: Tag) => boolean, fn: (data: T) => T) => {\n      this.patch<T>((t) => match(t) && (t.readScope ?? \"{}\") === scope, fn);\n      this.invalidate((t) => match(t) && (t.readScope ?? \"{}\") !== scope);\n    };\n    const items = <T extends { id: string }>(types: string[], fn: (item: T) => T | null) =>\n      patch<Page<T>>(\n        (t) => types.includes(t.type),\n        (page) => {\n          let changed = false;\n          const out: T[] = [];\n          for (const it of page.items) {\n            const next = fn(it);\n            if (next !== it) changed = true;\n            if (next) out.push(next);\n          }\n          return changed ? { ...page, items: out } : page;\n        },\n      );\n    const comments = [\"comments\", \"replies\", \"latest\", \"admin-comments\"];\n    switch (c.type) {\n      case \"comment.created\": {\n        const parent = c.comment.reply_to_id;\n        const published = !c.comment.moderation;\n        const add = (t: Tag) => (parent ? t.type === \"replies\" && t.id === parent : t.type === \"comments\" && sameRef(t.ref, c.ref));\n        patch<Page<Comment>>(add, (p) => (p.items.some((x) => x.id === c.comment.id) ? p : { ...p, items: parent ? [...p.items, c.comment] : [c.comment, ...p.items] }));\n        if (parent && published) items<Comment>([\"comments\"], (x) => (x.id === parent ? { ...x, reply_count: x.reply_count + 1 } : x));\n        this.invalidate((t) => t.type === \"latest\" || t.type === \"admin-comments\");\n        break;\n      }\n      case \"comment.updated\":\n        items<Comment>(comments, (x) => (x.id === c.comment.id ? { ...x, ...c.comment, author: c.comment.author ?? x.author } : x));\n        break;\n      case \"comment.reacted\":\n        items<Comment>(comments, (x) => (x.id === c.id ? { ...x, ...c.counts } : x));\n        break;\n      case \"comment.deleted\": {\n        let parent: string | undefined;\n        items<Comment>([\"comments\", \"replies\"], (x) => {\n          if (x.id !== c.id || x.deleted) return x;\n          if (!x.moderation) parent = x.reply_to_id;\n          return { ...x, deleted: true, body: \"[deleted]\", author: undefined, user_id: undefined, anon_name: undefined };\n        });\n        if (parent) items<Comment>([\"comments\"], (x) => (x.id === parent ? { ...x, reply_count: Math.max(0, x.reply_count - 1) } : x));\n        items<Comment>([\"latest\"], (x) => (x.id === c.id ? null : x));\n        items<Comment & { deleted_at?: string }>([\"admin-comments\"], (x) => (x.id === c.id ? { ...x, deleted: true, deleted_at: new Date().toISOString() } : x));\n        break;\n      }\n      case \"comment.restored\":\n        this.invalidate((t) => comments.includes(t.type));\n        break;\n      case \"reaction.changed\":\n        patch((t) => t.type === \"reaction\" && sameRef(t.ref, c.ref), () => c.counts);\n        if (c.ref.kind === \"post\") {\n          const totals = (p: Post): Post => (p.id === c.ref.id ? { ...p, total_likes: c.counts.likes, total_dislikes: c.counts.dislikes } : p);\n          patch<Post>((t) => t.type === \"post\" && t.id === c.ref.id, totals);\n          items<Post>([\"posts\"], totals);\n        }\n        break;\n      case \"favorite.changed\":\n        patch((t) => t.type === \"favorite\" && sameRef(t.ref, c.ref), () => ({ favorited: c.favorited, count: c.count }));\n        this.invalidate((t) => t.type === \"favorites\");\n        break;\n      case \"post.created\":\n        this.invalidate((t) => t.type === \"posts\");\n        break;\n      case \"post.updated\":\n        patch<Post | null>((t) => t.type === \"post\", (p) => (p?.id === c.post.id ? c.post : p));\n        items<Post>([\"posts\"], (x) => (x.id === c.post.id ? c.post : x));\n        break;\n      case \"post.changed\":\n        this.invalidate((t) => (t.type === \"post\" && t.id === c.id) || t.type === \"posts\");\n        break;\n      case \"post.deleted\":\n        items<Post>([\"posts\"], (x) => (x.id === c.id ? null : x));\n        this.invalidate((t) => t.type === \"posts\" && t.scope === \"deleted\");\n        break;\n      case \"post.restored\":\n        this.invalidate((t) => (t.type === \"post\" && t.id === c.post.id) || t.type === \"posts\");\n        break;\n      case \"poll.created\":\n        this.invalidate((t) => t.type === \"polls\" || (t.type === \"poll\" && !t.id));\n        break;\n      case \"poll.updated\":\n        // A latest-poll slot has no id in its tag: match by the poll it holds.\n        patch<Poll | null>((t) => t.type === \"poll\", (p) => (p?.id === c.poll.id ? c.poll : p));\n        items<Poll>([\"polls\"], (x) => (x.id === c.poll.id ? c.poll : x));\n        break;\n      case \"poll.changed\":\n        this.invalidate((t) => (t.type === \"poll\" && (t.id === c.id || !t.id)) || t.type === \"polls\");\n        break;\n      case \"poll.deleted\":\n        items<Poll>([\"polls\"], (x) => (x.id === c.id ? null : x));\n        this.invalidate((t) => t.type === \"poll\" && !t.id);\n        break;\n      case \"ban.saved\":\n      case \"ban.lifted\":\n        this.invalidate((t) => (t.type === \"bans\" && t.scope === c.scope) || t.type === \"standing\");\n        break;\n      case \"moderation.resolved\":\n        items<{ id: string }>([\"held\"], (x) => (x.id === c.id ? null : x));\n        if (c.kind === \"comment\") this.invalidate((t) => comments.includes(t.type));\n        else this.invalidate((t) => (t.type === \"post\" && t.id === c.id) || t.type === \"posts\");\n        break;\n    }\n  }\n\n  // A new entry per change: useSyncExternalStore compares snapshots by identity.\n  private update(s: Slot, patch: Partial<Resource<unknown>>): void {\n    s.entry = { ...s.entry, ...patch };\n    for (const l of s.listeners) l();\n  }\n}\n\nconst stores = new WeakMap<ContentKitClient, ResourceStore>();\n\n/** The client's shared content store. */\nexport function resourcesFor(client: ContentKitClient): ResourceStore {\n  let s = stores.get(client);\n  if (!s) stores.set(client, (s = new ResourceStore(client)));\n  return s;\n}\n"],"mappings":"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"}

package/dist/react/slot.d.ts

@@ -2,7 +2,7 @@ import { AspectRatio } from '../client/aspect.js';
 import { ContentKitClient } from '../client/client.js';
 import { Size } from '../client/crop.js';
 import { ContentKitError } from '../client/errors.js';
-import { Edit, FileInfo, ReadResult, RefBody } from '../client/generated/wire.js';
+import { Edit, FileInfo, PresetRule, ReadResult, RefBody } from '../client/generated/wire.js';
 import { CropSource } from '../client/image.js';
 import { Progress } from '../client/media/client.js';
 import { PublicPreset } from '../client/public.js';
@@ -23,8 +23,10 @@ export interface UseSlotImage {
     file: FileInfo | null;
     /** The current published files; empty until the worker publishes them. */
     renditions: Rendition[];
-    /** "W:H": the preset's, else "1:1". */
+    /** "W:H": the image's, else its public preset's (GET /media/presets), else "1:1". */
     aspect: AspectRatio;
+    /** The path's public preset (aspect, widths, min_width) once the presets load. */
+    rule?: PresetRule;
     loading: boolean;
     error?: ContentKitError;
     reload: () => void;

package/dist/react/slot.js

@@ -2,109 +2,106 @@ import { ContentKitError as e, toContentKitError as t } from "../client/errors.j
 import { publicRenditions as n } from "../client/public.js";
 import { ratio as r } from "../client/aspect.js";
 import { samePath as i, stem as a } from "../client/media/client.js";
-import { centeredCrop as o, constrainCrop as s, editedSize as c, rotation as l, sameEdit as u } from "../client/crop.js";
-import { useContentKitClient as d } from "./context.js";
-import { decodeImage as f, isAnimatedImage as p } from "../client/image.js";
-import { withUpload as m } from "./store.js";
-import { useMediaRead as h } from "./read.js";
-import { useCallback as g, useEffect as _, useMemo as v, useRef as y, useState as b } from "react";
+import { presetFor as o } from "../client/media/rules.js";
+import { centeredCrop as s, constrainCrop as c, editedSize as l, rotation as u, sameEdit as d } from "../client/crop.js";
+import { useContentKitClient as f, useReadScope as p } from "./context.js";
+import { decodeImage as m, isAnimatedImage as h } from "../client/image.js";
+import { withUpload as g } from "./store.js";
+import { useMediaRead as _ } from "./read.js";
+import { usePresets as v } from "./public.js";
+import { useCallback as y, useLayoutEffect as b, useMemo as x, useRef as S, useState as C } from "react";
 //#region src/react/slot.ts
-function x(e) {
-	let t = h(e.ref, {
+function w(e) {
+	let t = _(e.ref, {
 		editor: !0,
 		prefix: a(e.path),
 		read: e.read,
 		client: e.client
-	}), r = t.read, o = r?.files.find((t) => t.upload && i(t.path, e.path)) ?? null, { path: s } = e, c = t.set, l = g((e) => c(m(r, s, e)), [
-		r,
-		s,
-		c
+	}), { presets: r } = v({ client: e.client }), s = o(r, e.ref.kind, e.path, e.image?.preset), c = t.read, l = c?.files.find((t) => t.upload && i(t.path, e.path)) ?? null, { path: u } = e, d = t.set, f = y((e) => d(g(c, u, e)), [
+		c,
+		u,
+		d
 	]);
 	return {
-		file: o,
-		renditions: v(() => {
-			if (!r) return n(e.image);
-			let t = r.public?.find((t) => i(t.from, s) && (!e.image || t.preset === e.image.preset));
+		file: l,
+		renditions: x(() => {
+			if (!c) return n(e.image);
+			let t = c.public?.find((t) => i(t.from, u) && (!e.image || t.preset === e.image.preset));
 			return n(t);
 		}, [
-			r,
+			c,
 			e.image,
-			s
+			u
 		]),
-		aspect: e.image?.aspect || "1:1",
+		aspect: e.image?.aspect || s?.aspect || "1:1",
+		rule: s,
 		loading: t.loading,
 		error: t.error,
 		reload: t.reload,
-		set: l
+		set: f
 	};
 }
-function S(e, t, n) {
-	let i = r(n), a = l(t?.rotate ?? 0), u = t?.crop ? s(t.crop, e, i, a) : o(e, i, a);
-	return c({
-		width: u.w,
-		height: u.h
+function T(e, t, n) {
+	let i = r(n), a = u(t?.rotate ?? 0), o = t?.crop ? c(t.crop, e, i, a) : s(e, i, a);
+	return l({
+		width: o.w,
+		height: o.h
 	}, a);
 }
-function C(n) {
-	let { media: r } = d(n.client), [i, a] = b({ status: "idle" }), o = y(i);
-	o.current = i;
-	let s = y(null), c = y(0), l = y(n);
-	l.current = n;
-	let m = n.aspect ?? "1:1", h = g((e) => {
-		let t = o.current, n = "source" in t ? t.source : void 0, r = "source" in e ? e.source : void 0;
-		n && n !== r && n.revoke?.(), o.current = e, a(e);
-	}, []);
-	_(() => () => {
-		s.current?.abort();
-		let e = o.current;
-		"source" in e && e.source?.revoke?.();
-	}, []);
-	let x = g(async (t, n, r) => {
-		s.current?.abort(), s.current = null;
-		let i = ++c.current;
-		h({ status: "decoding" });
+function E(n) {
+	let { media: r } = f(n.client), i = p(), [a, o] = C({ status: "idle" }), s = S(a);
+	s.current = a;
+	let c = S(null), l = S(0), u = S(n);
+	u.current = n;
+	let g = n.aspect ?? "1:1", _ = y((e) => {
+		let t = s.current, n = "source" in t ? t.source : void 0, r = "source" in e ? e.source : void 0;
+		n && n !== r && n.revoke?.(), s.current = e, o(e);
+	}, []), v = y(async (t, n, r) => {
+		c.current?.abort(), c.current = null;
+		let i = ++l.current;
+		_({ status: "decoding" });
 		try {
 			let e = await t();
-			if (i !== c.current) return e.revoke?.();
-			h({
+			if (i !== l.current) return e.revoke?.();
+			_({
 				status: "cropping",
 				source: e,
 				edit: r,
 				mode: n
 			});
 		} catch (t) {
-			if (i !== c.current) return;
+			if (i !== l.current) return;
 			let n = t instanceof e ? t : new e("decode", t instanceof Error ? t.message : String(t), { cause: t });
-			h({
+			_({
 				status: "error",
 				error: n
-			}), l.current.onError?.(n, "slot.decode");
+			}), u.current.onError?.(n, "slot.decode");
 		}
-	}, [h]), C = g((t) => x(async () => {
-		if (l.current.animation === "reject" && await p(t)) throw new e("animation_not_allowed", "animated images are not allowed here", { status: 422 });
-		return (l.current.decode ?? f)(t);
-	}, "new", null), [x]), w = !!n.file && !n.file.staged && (n.file.size ?? 0) > 0 && n.file.type.startsWith("image/"), T = g(async () => {
-		let e = l.current.file;
-		e && await x(() => r.editorView(l.current.ref, e.path), "recrop", e.edit ?? null);
-	}, [r, x]), E = g((e) => {
-		let t = o.current;
-		t.status === "cropping" ? u(t.edit, e) || h({
+	}, [_]), w = y((t) => v(async () => {
+		if (u.current.animation === "reject" && await h(t)) throw new e("animation_not_allowed", "animated images are not allowed here", { status: 422 });
+		return (u.current.decode ?? m)(t);
+	}, "new", null), [v]), E = !!n.file && !n.file.staged && (n.file.size ?? 0) > 0 && n.file.type.startsWith("image/"), D = y(async () => {
+		let e = u.current.file;
+		e && await v(() => r.editorView(u.current.ref, e.path), "recrop", e.edit ?? null);
+	}, [r, v]), O = y((e) => {
+		let t = s.current;
+		t.status === "cropping" ? d(t.edit, e) || _({
 			...t,
 			edit: e
-		}) : t.status === "error" && t.source && t.mode && h({
+		}) : t.status === "error" && t.source && t.mode && _({
 			status: "cropping",
 			source: t.source,
 			edit: e,
 			mode: t.mode
 		});
-	}, [h]), D = g(async (e) => {
-		e !== void 0 && E(e);
-		let n = o.current;
+	}, [_]), k = y(async (e) => {
+		e !== void 0 && O(e);
+		let n = s.current;
 		if (!(n.status === "cropping" || n.status === "error" && n.source && n.mode)) return;
-		let { source: i, mode: a } = n, c = n.edit ?? null, { ref: u, path: d, renderTimeout: f } = l.current, p = s.current = new AbortController(), m = (e) => p === s.current && h({
+		let { source: i, mode: a } = n, o = n.edit ?? null, { ref: l, path: d, renderTimeout: f } = u.current, p = c.current = new AbortController(), m = (e) => p === c.current && _({
 			status: "saving",
 			source: i,
-			edit: c,
+			edit: o,
 			mode: a,
 			progress: e,
 			rendering: e?.phase === "processing"
@@ -113,69 +110,76 @@ function C(n) {
 		try {
 			let e;
 			if (a === "new") e = await r.put(i.file, {
-				ref: u,
+				ref: l,
 				path: d,
-				edit: c,
+				edit: o,
 				signal: p.signal,
 				timeout: f,
 				onProgress: m
 			});
 			else {
-				let t = l.current.file?.path ?? d;
-				await r.commit(u, [{
+				let t = u.current.file?.path ?? d;
+				if (await r.commit(l, [{
 					op: "edit",
 					path: t,
-					...c ? { edit: c } : {}
-				}], { signal: p.signal }), m({
+					...o ? { edit: o } : {}
+				}], { signal: p.signal }), p !== c.current) return;
+				m({
 					phase: "processing",
 					loaded: 0,
 					total: 0
-				}), e = await r.waitFor(u, t, {
+				}), e = await r.waitFor(l, t, {
 					signal: p.signal,
 					timeout: f
 				});
 			}
-			return p === s.current ? (h({
+			return p === c.current ? (_({
 				status: "done",
 				file: e
-			}), l.current.onSaved?.(e), e) : void 0;
+			}), u.current.onSaved?.(e), e) : void 0;
 		} catch (e) {
-			if (p !== s.current) return;
+			if (p !== c.current) return;
 			let n = t(e);
-			h(n.code === "aborted" ? {
+			_(n.code === "aborted" ? {
 				status: "cropping",
 				source: i,
-				edit: c,
+				edit: o,
 				mode: a
 			} : {
 				status: "error",
 				error: n,
 				source: i,
-				edit: c,
+				edit: o,
 				mode: a
-			}), n.code !== "aborted" && l.current.onError?.(n, "slot.save");
+			}), n.code !== "aborted" && u.current.onError?.(n, "slot.save");
 			return;
 		}
 	}, [
 		r,
-		h,
-		E
-	]), O = g(() => {
-		c.current++, s.current?.abort(), s.current = null, h({ status: "idle" });
-	}, [h]), k = v(() => "source" in i && i.source ? S(i.source, i.edit, m) : void 0, [i, m]);
+		_,
+		O
+	]), A = y(() => {
+		l.current++, c.current?.abort(), c.current = null, _({ status: "idle" });
+	}, [_]);
+	b(() => A, [
+		i,
+		r,
+		A
+	]);
+	let j = x(() => "source" in a && a.source ? T(a.source, a.edit, g) : void 0, [a, g]);
 	return {
-		...i,
-		aspect: m,
-		cropped: k,
-		pick: C,
-		canRecrop: w,
-		recrop: T,
-		setEdit: E,
-		save: D,
-		cancel: O
+		...a,
+		aspect: g,
+		cropped: j,
+		pick: w,
+		canRecrop: E,
+		recrop: D,
+		setEdit: O,
+		save: k,
+		cancel: A
 	};
 }
 //#endregion
-export { S as editOutput, C as useSlotCrop, x as useSlotImage };
+export { T as editOutput, E as useSlotCrop, w as useSlotImage };
 
 //# sourceMappingURL=slot.js.map