@crockery/fellowship-components 0.3.0 → 0.4.1

package/README.md

@@ -94,8 +94,9 @@ request. See `THIRD_PARTY_LICENSES.md` for the SIL Open Font License notice.
 
 ## Data and asset versions
 
-The library accepts `@crockery/fellowship-data@^1.3.0`. Commit the consuming application's
-lockfile when reproducible data and image updates matter.
+Version 0.4.1 targets `@crockery/fellowship-data@^2.0.0` and requires manifest
+schema 2. The monorepo workspace keeps Components and Data changes atomic;
+published packages retain independent versions.
 
 Dataset JSON stays out of the component library's initial JavaScript path and published tarball.
 Each data-driven component supports:
@@ -114,17 +115,18 @@ client methods through `dataSource`.
 ## Development
 
 ```sh
-pnpm install
-pnpm ladle
-pnpm test
-pnpm build
-pnpm pack:check
+pnpm install --frozen-lockfile
+pnpm dev:components
+pnpm --filter @crockery/fellowship-components test
+pnpm --filter @crockery/fellowship-components build
+pnpm --filter @crockery/fellowship-components pack:check
 ```
 
 Current Chromium, Firefox, and Safari/WebKit are supported. Add a Changeset with
-`pnpm changeset` for every user-facing change; merging the generated release PR publishes the
-package with npm provenance after trusted publishing is enabled. Maintainers should follow
-[`RELEASING.md`](RELEASING.md) for the first publish and release automation.
+`pnpm changeset` from the monorepo root for every user-facing change. Merging
+the generated version pull request publishes through trusted OIDC publishing.
+The private repository means npm provenance attestations are unavailable.
+Maintainers should follow [`RELEASING.md`](RELEASING.md).
 
 ## License
 

package/RELEASING.md

@@ -1,14 +1,16 @@
-# Releasing fellowship-components
+# Releasing Fellowship packages
 
-Changesets owns package versions and changelog entries. Add a changeset for every consumer-facing
-change:
+The private `Crockery/fellowscript` monorepo owns Data and Components releases.
+Run Changesets from its root for every consumer-facing change:
 
 ```sh
 pnpm changeset
 ```
 
-The Release workflow maintains a `changeset-release/main` pull request. Merging that pull request
-publishes the new version to npm automatically through trusted publishing.
+The root Release workflow maintains one Changesets version pull request against
+`master`. Merging it publishes independently versioned packages in dependency
+order. If Data is changing, its R2 assets are uploaded and verified before npm
+publishing begins.
 
 ## Trusted publishing
 
@@ -16,23 +18,22 @@ Trusted publishing is enabled on npm with:
 
 - Provider: GitHub Actions
 - Organization or user: `Crockery`
-- Repository: `fellowship-components`
+- Repository: `fellowscript`
 - Workflow filename: `release.yml`
 - Environment: none
 - Allowed action: `npm publish`
 
-The GitHub repository variable `NPM_TRUSTED_PUBLISHING_READY` is set to `true`. Keep it enabled and
-do not add an `NPM_TOKEN`: npm authenticates the release job through its GitHub OIDC identity and
-creates provenance automatically. Maintainers do not need to run `npm login`, `npm publish`, or
-create release tags manually.
+Do not add an `NPM_TOKEN`: npm authenticates the release job through its GitHub
+OIDC identity. npm does not create provenance attestations for public packages
+published from a private repository.
 
 ## Routine releases
 
-1. Merge consumer-facing changes and their changesets into `main`.
+1. Merge consumer-facing changes and their changesets into `master`.
 2. Review the Changesets version pull request, including its generated changelog.
-3. Merge the version pull request after CI succeeds.
-4. Confirm the Release workflow publishes the expected npm version and creates its tag, GitHub
-   release, and npm provenance statement.
+3. Merge the version pull request after the full release verification succeeds.
+4. Confirm Data's `_release.json` marker and exact npm versions before relying
+   on the release.
 
 Never reuse a version number. If a release is defective, publish a corrective patch. Deprecate a
 bad version with `npm deprecate` when consumers need an explicit warning; unpublish only when npm's

package/dist/chunks/data-source-XbksqUrw.js

@@ -0,0 +1,7 @@
+import { FellowshipDataError as e } from "@crockery/fellowship-data/client";
+//#region src/data/data-source.ts
+var t = 2, n = (n) => {
+	if (n !== t) throw new e("unsupported-schema", `Unsupported fellowship-data schema version: ${String(n)}.`);
+};
+//#endregion
+export { n, e as t };

package/dist/chunks/decorate-B_ZTN9li.js

@@ -88,5 +88,3 @@ function d(e, t, n, r) {
 }
 //#endregion
 export { u as n, t as r, d as t };
-
-//# sourceMappingURL=decorate-B_ZTN9li.js.map

package/dist/chunks/{dungeon-cast-browser-Cyh519NI.js → dungeon-cast-browser-CSnu3gC5.js}

@@ -1,17 +1,17 @@
-import { t as e } from "./data-source-C-Gs7kRl.js";
-import { n as t, r as n, t as r } from "./decorate-B_ZTN9li.js";
-import { createPackageFellowshipDataClient as i } from "@crockery/fellowship-data/client";
-import { LitElement as a, css as o, html as s, nothing as c } from "lit";
-import { customElement as l, property as u, state as d } from "lit/decorators.js";
-import { repeat as f } from "lit/directives/repeat.js";
+import { n as e, t } from "./data-source-XbksqUrw.js";
+import { n, r, t as i } from "./decorate-B_ZTN9li.js";
+import { createPackageFellowshipDataClient as a } from "@crockery/fellowship-data/client";
+import { LitElement as o, css as s, html as c, nothing as l } from "lit";
+import { customElement as u, property as d, state as f } from "lit/decorators.js";
+import { repeat as p } from "lit/directives/repeat.js";
 //#region src/data/package-cast-data-source.ts
-var p = (e = {}) => {
-	let t = i(e);
+var m = (e = {}) => {
+	let t = a(e);
 	return {
 		loadDungeonCasts: (e, n) => t.loadDungeonCasts(e, n),
 		resolveAssetUrl: (e) => t.resolveAssetUrl(e)
 	};
-}, m = o`
+}, h = s`
   :host {
     --fellowship-cast-canvas: var(--_fellowship-field-canvas);
     --fellowship-cast-surface: var(--_fellowship-field-surface);
@@ -435,7 +435,7 @@ var p = (e = {}) => {
       transition: none;
     }
   }
-`, h = ({ enemyId: e, abilityId: t }) => `${e}\u0000${t}`, g = (e) => e.images.find(({ size: e }) => e === "200") ?? e.images[0] ?? null, _ = (e, t, n) => t ? "Interrupt varies" : e ? "Interrupt" : n ? "Stop" : "No response", v = (e, t) => {
+`, g = ({ enemyId: e, abilityId: t }) => `${e}\u0000${t}`, _ = (e) => e.images.find(({ size: e }) => e === "200") ?? e.images[0] ?? null, v = (e, t, n) => t ? "Interrupt varies" : e ? "Interrupt" : n ? "Stop" : "No response", y = (e, t) => {
 	let n = /* @__PURE__ */ new Set(), r = [];
 	for (let i of e.dungeon.enemies) {
 		if (n.has(i.id)) continue;
@@ -443,7 +443,7 @@ var p = (e = {}) => {
 		let a = e.enemies.get(i.id);
 		if (!a) continue;
 		let o = (e.abilitiesByEnemy.get(a.id) ?? []).filter((e) => e.castInterruptibility !== void 0).map((e) => {
-			let n = e.castInterruptibility !== "never", r = e.castInterruptibility === "sometimes", i = a.canBeControlled, o = g(e), s = null;
+			let n = e.castInterruptibility !== "never", r = e.castInterruptibility === "sometimes", i = a.canBeControlled, o = _(e), s = null;
 			if (o) try {
 				s = t.resolveAssetUrl(o);
 			} catch {
@@ -460,7 +460,7 @@ var p = (e = {}) => {
 				interruptVaries: r,
 				canStop: i,
 				actionable: n || i,
-				capabilityLabel: _(n, r, i),
+				capabilityLabel: v(n, r, i),
 				imageUrl: s
 			};
 		});
@@ -474,10 +474,10 @@ var p = (e = {}) => {
 		enemies: r,
 		castCount: r.reduce((e, t) => e + t.casts.length, 0)
 	};
-}, y = {
+}, b = {
 	bubbles: !0,
 	composed: !0
-}, b = class extends a {
+}, x = class extends o {
 	constructor(...e) {
 		super(...e), this.dungeonId = "", this.selectedCast = null, this.configuredCasts = [], this.configuredFilter = "all", this.fill = !1, this.assetBaseUrl = null, this.dataSource = null, this._status = "empty", this._error = null, this._model = null, this._query = "", this.#e = null, this.#t = 0, this.#d = (e) => {
 			this._query = e.currentTarget.value;
@@ -496,12 +496,12 @@ var p = (e = {}) => {
 		};
 	}
 	static {
-		this.styles = [n, m];
+		this.styles = [r, h];
 	}
 	#e;
 	#t;
 	connectedCallback() {
-		super.connectedCallback(), t(this.ownerDocument);
+		super.connectedCallback(), n(this.ownerDocument);
 	}
 	disconnectedCallback() {
 		this.#e?.abort(), super.disconnectedCallback();
@@ -518,9 +518,9 @@ var p = (e = {}) => {
 		return this._model;
 	}
 	render() {
-		if (this._status !== "ready" || !this._model) return s`<section class="browser" aria-label="Dungeon cast browser">${this.#o()}</section>`;
+		if (this._status !== "ready" || !this._model) return c`<section class="browser" aria-label="Dungeon cast browser">${this.#o()}</section>`;
 		let e = this.#r(this._model);
-		return s`
+		return c`
       <section class="browser" aria-label=${`${this._model.dungeon.name ?? this._model.dungeon.id} casts`}>
         <header class="toolbar" part="toolbar">
           <div>
@@ -541,40 +541,40 @@ var p = (e = {}) => {
             />
           </label>
         </header>
-        ${e.length > 0 ? s`<div class="enemy-list" part="enemy-list">${f(e, ({ enemy: e }) => e.id, (e) => this.#i(e))}</div>` : this.#s()}
+        ${e.length > 0 ? c`<div class="enemy-list" part="enemy-list">${p(e, ({ enemy: e }) => e.id, (e) => this.#i(e))}</div>` : this.#s()}
       </section>
     `;
 	}
 	async #n() {
-		let t = this.dungeonId.trim(), n = ++this.#t;
-		if (this.#e?.abort(), this.#e = new AbortController(), this._model = null, this._error = null, this._query = "", !t) {
+		let n = this.dungeonId.trim(), r = ++this.#t;
+		if (this.#e?.abort(), this.#e = new AbortController(), this._model = null, this._error = null, this._query = "", !n) {
 			this._status = "empty";
 			return;
 		}
 		this._status = "loading";
-		let r = this.dataSource ?? p(this.assetBaseUrl ? { assetBaseUrl: this.assetBaseUrl } : {});
+		let i = this.dataSource ?? m(this.assetBaseUrl ? { assetBaseUrl: this.assetBaseUrl } : {});
 		try {
-			let i = await r.loadDungeonCasts(t, this.#e.signal);
-			if (n !== this.#t || this.#e.signal.aborted) return;
-			if (i.manifest.schemaVersion !== 1) throw new e("unsupported-schema", `Unsupported fellowship-data schema version: ${String(i.manifest.schemaVersion)}.`);
-			let a = v(i, r);
+			let t = await i.loadDungeonCasts(n, this.#e.signal);
+			if (r !== this.#t || this.#e.signal.aborted) return;
+			e(t.manifest.schemaVersion);
+			let a = y(t, i);
 			this._model = a, this._status = "ready", this.dispatchEvent(new CustomEvent("fellowship-cast-browser-ready", {
-				...y,
+				...b,
 				detail: {
 					model: a,
-					data: i
+					data: t
 				}
 			}));
-		} catch (t) {
-			if (n !== this.#t || this.#e.signal.aborted) return;
-			let r = {
-				code: t instanceof e ? t.code : t.code ?? "data-load-failed",
-				message: t instanceof Error ? t.message : String(t),
-				...t instanceof Error && t.cause !== void 0 ? { cause: t.cause } : {}
+		} catch (e) {
+			if (r !== this.#t || this.#e.signal.aborted) return;
+			let n = {
+				code: e instanceof t ? e.code : e.code ?? "data-load-failed",
+				message: e instanceof Error ? e.message : String(e),
+				...e instanceof Error && e.cause !== void 0 ? { cause: e.cause } : {}
 			};
-			this._error = r, this._status = "error", this.dispatchEvent(new CustomEvent("fellowship-cast-browser-error", {
-				...y,
-				detail: r
+			this._error = n, this._status = "error", this.dispatchEvent(new CustomEvent("fellowship-cast-browser-error", {
+				...b,
+				detail: n
 			}));
 		}
 	}
@@ -593,7 +593,7 @@ var p = (e = {}) => {
 		});
 	}
 	#i(e) {
-		return s`
+		return c`
       <article class="enemy" part="enemy">
         <header class="enemy-header" part="enemy-header">
           <span class="enemy-rule" aria-hidden="true"></span>
@@ -604,14 +604,14 @@ var p = (e = {}) => {
           <span class="enemy-count">${e.casts.length} ${e.casts.length === 1 ? "cast" : "casts"}</span>
         </header>
         <ul class="cast-list">
-          ${f(e.casts, ({ identity: e }) => h(e), (e) => s`<li>${this.#a(e)}</li>`)}
+          ${p(e.casts, ({ identity: e }) => g(e), (e) => c`<li>${this.#a(e)}</li>`)}
         </ul>
       </article>
     `;
 	}
 	#a(e) {
 		let t = this.#l(this.selectedCast, e.identity), n = this.configuredCasts.some((t) => this.#l(t, e.identity)), r = e.interruptVaries ? "varies" : e.canInterrupt ? "interrupt" : e.canStop ? "stop" : "none", i = (e.ability.name ?? e.ability.id).split(/\s+/).map((e) => e[0]).join("").slice(0, 2).toUpperCase();
-		return s`
+		return c`
       <button
         class="cast-row"
         part="cast"
@@ -622,7 +622,7 @@ var p = (e = {}) => {
         @click=${() => this.#u(e)}
         @keydown=${this.#p}
       >
-        ${e.imageUrl ? s`<img
+        ${e.imageUrl ? c`<img
                   class="ability-image"
                   part="cast-icon"
                   src=${e.imageUrl}
@@ -634,18 +634,18 @@ var p = (e = {}) => {
                   aria-hidden="true"
                   hidden
                   >${i}</span
-                >` : s`<span class="ability-fallback" part="cast-icon-fallback" aria-hidden="true">${i}</span>`}
+                >` : c`<span class="ability-fallback" part="cast-icon-fallback" aria-hidden="true">${i}</span>`}
         <span class="ability-copy">
           <span class="ability-name">${e.ability.name ?? e.ability.id}</span>
           <span class="ability-id">${e.ability.id}</span>
         </span>
         <span class="capability" data-kind=${r}>${e.capabilityLabel}</span>
-        <span class="marker" data-empty=${String(!n)}>${n ? "Configured" : c}</span>
+        <span class="marker" data-empty=${String(!n)}>${n ? "Configured" : l}</span>
       </button>
     `;
 	}
 	#o() {
-		return this._status === "loading" ? this.#c("Loading cast index", "Joining dungeon enemies with their cast data.") : this._status === "error" ? s`
+		return this._status === "loading" ? this.#c("Loading cast index", "Joining dungeon enemies with their cast data.") : this._status === "error" ? c`
         <div class="status" role="alert">
           <div class="status-card">
             <span class="status-mark" aria-hidden="true"></span>
@@ -660,7 +660,7 @@ var p = (e = {}) => {
 		return this.#c("No matching casts", `No enemy or ability matches “${this._query.trim()}”.`);
 	}
 	#c(e, t) {
-		return s`
+		return c`
       <div class="status">
         <div class="status-card">
           <span class="status-mark" aria-hidden="true"></span>
@@ -675,7 +675,7 @@ var p = (e = {}) => {
 	}
 	#u(e) {
 		e.actionable && this.dispatchEvent(new CustomEvent("fellowship-cast-selected", {
-			...y,
+			...b,
 			detail: { cast: e }
 		}));
 	}
@@ -683,23 +683,21 @@ var p = (e = {}) => {
 	#f;
 	#p;
 };
-r([u({
+i([d({
 	type: String,
 	attribute: "dungeon-id"
-})], b.prototype, "dungeonId", void 0), r([u({ attribute: !1 })], b.prototype, "selectedCast", void 0), r([u({ attribute: !1 })], b.prototype, "configuredCasts", void 0), r([u({
+})], x.prototype, "dungeonId", void 0), i([d({ attribute: !1 })], x.prototype, "selectedCast", void 0), i([d({ attribute: !1 })], x.prototype, "configuredCasts", void 0), i([d({
 	type: String,
 	attribute: "configured-filter"
-})], b.prototype, "configuredFilter", void 0), r([u({
+})], x.prototype, "configuredFilter", void 0), i([d({
 	type: Boolean,
 	reflect: !0
-})], b.prototype, "fill", void 0), r([u({
+})], x.prototype, "fill", void 0), i([d({
 	type: String,
 	attribute: "asset-base-url"
-})], b.prototype, "assetBaseUrl", void 0), r([u({ attribute: !1 })], b.prototype, "dataSource", void 0), r([d()], b.prototype, "_status", void 0), r([d()], b.prototype, "_error", void 0), r([d()], b.prototype, "_model", void 0), r([d()], b.prototype, "_query", void 0), b = r([l("fellowship-dungeon-cast-browser")], b);
-var x = () => {
-	globalThis.customElements !== void 0 && !globalThis.customElements.get("fellowship-dungeon-cast-browser") && globalThis.customElements.define("fellowship-dungeon-cast-browser", b);
+})], x.prototype, "assetBaseUrl", void 0), i([d({ attribute: !1 })], x.prototype, "dataSource", void 0), i([f()], x.prototype, "_status", void 0), i([f()], x.prototype, "_error", void 0), i([f()], x.prototype, "_model", void 0), i([f()], x.prototype, "_query", void 0), x = i([u("fellowship-dungeon-cast-browser")], x);
+var S = () => {
+	globalThis.customElements !== void 0 && !globalThis.customElements.get("fellowship-dungeon-cast-browser") && globalThis.customElements.define("fellowship-dungeon-cast-browser", x);
 };
 //#endregion
-export { p as a, v as i, x as n, h as r, b as t };
-
-//# sourceMappingURL=dungeon-cast-browser-Cyh519NI.js.map
+export { m as a, y as i, S as n, g as r, x as t };