@ingcreators/annot-product-docs-astro 0.2.0 → 0.2.1

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @ingcreators/annot-product-docs-astro
 
+## 0.2.1
+
+### Patch Changes
+
+- 87a8bad: **Fix `./playwright` subpath build.** The published `0.1.0`
+  and `0.2.0` tarballs shipped `dist/playwright/*.d.ts` (type
+  declarations) but NOT the runtime `dist/playwright/index.js`,
+  because `vite.config.ts`'s `lib.entry` was single-entry —
+  only the top-level `src/index.ts` got built.
+
+  Multi-entry library mode now emits both bundles:
+
+  ```
+  dist/
+    index.js                # main entry (re-exports integration + components + render)
+    playwright/index.js     # `test`, `expect`, `patchScreenshot`, `rebaseAnnotations`
+  ```
+
+  Any consumer doing `import { test } from
+"@ingcreators/annot-product-docs-astro/playwright"`
+  previously got `Cannot find module ...dist/playwright/index.js`
+  at runtime; the `0.2.1` republish makes the subpath actually
+  loadable.
+
+  Also marks `@playwright/test` as external in the Rollup
+  config (matches the package.json `peerDependencies` shape;
+  prevents accidentally bundling Playwright into the playwright
+  adapter).
+
+  No public-API change — same exports, same call shapes,
+  same TypeScript types. Pure packaging fix.
+
 ## 0.2.0
 
 ### Minor Changes

package/dist/index.js

@@ -1,180 +1,18 @@
-import { createHash as e } from "node:crypto";
-import { mkdir as t, readFile as n, writeFile as r } from "node:fs/promises";
-import { dirname as i, isAbsolute as a, join as o, resolve as s } from "node:path";
-import { bboxAnnotationsToSvg as c, createAnnotator as l } from "@ingcreators/annot-annotator";
-import { parseMdxFile as u } from "@ingcreators/annot-product-docs";
-//#region src/cache.ts
-var d = 1;
-function f(t) {
-	let n = e("sha256");
-	return n.update("v1\n"), n.update(t.mdxSource), n.update("\0"), n.update(t.screenId), t.editable && n.update("\0editable"), n.digest("hex");
-}
-function p(e) {
-	return {
-		dir: e,
-		async get(t) {
-			try {
-				let r = await n(o(e, `${t}.png`));
-				return new Uint8Array(r.buffer, r.byteOffset, r.byteLength);
-			} catch (e) {
-				if (e.code === "ENOENT") return null;
-				throw e;
-			}
-		},
-		async set(n, a) {
-			let s = o(e, `${n}.png`);
-			await t(i(s), { recursive: !0 }), await r(s, a);
-		}
-	};
-}
-function m() {
-	let e = /* @__PURE__ */ new Map();
-	return {
-		dir: ":memory:",
-		async get(t) {
-			return e.get(t) ?? null;
-		},
-		async set(t, n) {
-			e.set(t, n);
-		}
-	};
-}
-//#endregion
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./render-BSQOeqPB.js";
 //#region src/integration.ts
-var h = "@ingcreators/annot-product-docs-astro";
-function g(e = {}) {
+var c = "@ingcreators/annot-product-docs-astro";
+function l(e = {}) {
 	let t = {
 		contentDir: e.contentDir ?? "docs",
 		configPath: e.configPath ?? "annot-docs.config.ts",
 		verbose: e.verbose ?? !1
 	};
 	return {
-		name: h,
+		name: c,
 		hooks: { "astro:config:setup": ({ logger: e }) => {
-			t.verbose && e.info(`${h} installed — contentDir=${t.contentDir} configPath=${t.configPath}`);
+			t.verbose && e.info(`${c} installed — contentDir=${t.contentDir} configPath=${t.configPath}`);
 		} }
 	};
 }
 //#endregion
-//#region src/render.ts
-async function _(e) {
-	let t = e.cwd ?? process.cwd(), n = a(e.mdxPath) ? e.mdxPath : s(t, e.mdxPath), r = await u(n);
-	if (!r) throw Error(`renderAnnotatedScreen: ${e.mdxPath} has no \`annot:\` frontmatter — cannot render.`);
-	let o = r.screens.find((t) => t.id === e.screenId);
-	if (!o) throw Error(`renderAnnotatedScreen: ${e.mdxPath} has no <Screen id="${e.screenId}"> block.`);
-	let c = v(e.editable), d = f({
-		mdxSource: r.source,
-		screenId: e.screenId,
-		editable: c !== null
-	});
-	if (e.cache) {
-		let t = await e.cache.get(d);
-		if (t) return {
-			bytes: t,
-			fromCache: !0,
-			hadBoundingBoxes: !0
-		};
-	}
-	let p = e.basePngBytes ?? await T(r, o.src, i(n)), m = E(p), h = b(r.commentBlocks.snapshot ?? ""), g = S(o.overlays, h, m), _, x;
-	if (g.length === 0) if (x = !1, c !== null) {
-		let e = `data:image/png;base64,${Buffer.from(p).toString("base64")}`;
-		_ = l({ loadSystemFonts: !0 }).toEditablePng({
-			originalDataUrl: e,
-			annotationsSvg: y(),
-			width: m.width,
-			height: m.height,
-			tags: c.tags
-		});
-	} else _ = p;
-	else {
-		let e = `data:image/png;base64,${Buffer.from(p).toString("base64")}`, t = C(g), n = l({ loadSystemFonts: !0 }), r = {
-			originalDataUrl: e,
-			annotationsSvg: t,
-			width: m.width,
-			height: m.height
-		};
-		_ = c === null ? n.toPng(r) : n.toEditablePng({
-			...r,
-			tags: c.tags
-		}), x = !0;
-	}
-	return e.cache && await e.cache.set(d, _), {
-		bytes: _,
-		fromCache: !1,
-		hadBoundingBoxes: x
-	};
-}
-function v(e) {
-	return e ? e === !0 ? {} : e : null;
-}
-function y() {
-	return "<svg xmlns=\"http://www.w3.org/2000/svg\"></svg>";
-}
-function b(e) {
-	let t = [];
-	for (let n of e.split(/\r?\n/)) {
-		if (!n.trim()) continue;
-		let e = n.match(/^\s*-\s+([a-z]+)(?:\s+"([^"]*?)")?/);
-		if (!e) continue;
-		let r = e[1] ?? "", i = e[2] ?? "", a = n.match(/\[ref=(e\d+)\]/)?.[1], o = n.match(/\[box=(-?\d+(?:\.\d+)?),(-?\d+(?:\.\d+)?),(-?\d+(?:\.\d+)?),(-?\d+(?:\.\d+)?)\]/);
-		!a || !o || t.push({
-			role: r,
-			name: i,
-			ref: a,
-			box: {
-				x: Number.parseFloat(o[1]),
-				y: Number.parseFloat(o[2]),
-				width: Number.parseFloat(o[3]),
-				height: Number.parseFloat(o[4])
-			}
-		});
-	}
-	return t;
-}
-async function x(e) {
-	let t = e.cwd ?? process.cwd(), n = await u(a(e.mdxPath) ? e.mdxPath : s(t, e.mdxPath));
-	if (!n) throw Error(`resolveMdxAnnotations: ${e.mdxPath} has no \`annot:\` frontmatter — cannot resolve.`);
-	let r = n.screens.find((t) => t.id === e.screenId);
-	if (!r) throw Error(`resolveMdxAnnotations: ${e.mdxPath} has no <Screen id="${e.screenId}"> block.`);
-	let i = b(n.commentBlocks.snapshot ?? "");
-	return S(r.overlays, i, e.dims);
-}
-function S(e, t, n) {
-	let r = [], i = 1;
-	for (let a of e) {
-		let e = t.find((e) => e.role === a.match.role && e.name === a.match.name);
-		if (!e) continue;
-		let o = a.number ?? i++;
-		r.push({
-			type: "numberedBadge",
-			bbox: e.box,
-			number: o,
-			placement: "auto",
-			imageWidth: n.width,
-			imageHeight: n.height,
-			intent: a.intent === "action" ? "warning" : a.intent === "required" ? "error" : "info"
-		});
-	}
-	return r;
-}
-function C(e) {
-	return `<svg xmlns="http://www.w3.org/2000/svg">${c(e)}</svg>`;
-}
-function w(e) {
-	return e.length === 0 ? "<svg xmlns=\"http://www.w3.org/2000/svg\"></svg>" : `<svg xmlns="http://www.w3.org/2000/svg">${c(e)}</svg>`;
-}
-async function T(e, t, r) {
-	if (!t) throw Error("renderAnnotatedScreen: <Screen src=...> is required — cannot render without a base image.");
-	let i = await n(a(t) ? t : s(r, t));
-	return new Uint8Array(i.buffer, i.byteOffset, i.byteLength);
-}
-function E(e) {
-	if (e.length < 24) throw Error("renderAnnotatedScreen: base PNG too short to contain IHDR.");
-	let t = new DataView(e.buffer, e.byteOffset, e.byteLength);
-	return {
-		width: t.getUint32(16, !1),
-		height: t.getUint32(20, !1)
-	};
-}
-//#endregion
-export { d as RENDER_PIPELINE_VERSION, f as cacheKey, p as createFileCache, m as createMemoryCache, b as parseSnapshotBoxes, g as productDocsIntegration, _ as renderAnnotatedScreen, x as resolveMdxAnnotations, w as svgFromBboxAnnotations };
+export { e as RENDER_PIPELINE_VERSION, i as cacheKey, o as createFileCache, t as createMemoryCache, s as parseSnapshotBoxes, l as productDocsIntegration, r as renderAnnotatedScreen, a as resolveMdxAnnotations, n as svgFromBboxAnnotations };

package/dist/playwright/index.js

@@ -0,0 +1,225 @@
+import { i as e, r as t } from "../render-BSQOeqPB.js";
+import { writeFile as n } from "node:fs/promises";
+import { createAnnotator as r } from "@ingcreators/annot-annotator";
+import { captureScreen as i, test as a } from "@ingcreators/annot-product-docs";
+import { expect as o } from "@playwright/test";
+import { writePngWithTagsOnly as s } from "@ingcreators/annot-core/xmp-bytes";
+//#region src/playwright/rebase.ts
+function c(e, t) {
+	let n = [], r = [];
+	for (let i of e) {
+		let e = l(i, t);
+		e ? n.push(e) : r.push(i);
+	}
+	return {
+		kept: n,
+		dropped: r
+	};
+}
+function l(e, t) {
+	switch (e.type) {
+		case "rect": return u(e, t);
+		case "numberedBadge": return d(e, t);
+		case "callout": return f(e, t);
+		case "circle": return p(e, t);
+		case "arrow": return m(e, t);
+		case "text": return h(e, t);
+		case "raw": return g(e);
+	}
+}
+function u(e, t) {
+	return y(e.bbox, t) ? {
+		...e,
+		bbox: _(e.bbox, t)
+	} : null;
+}
+function d(e, t) {
+	return y(e.bbox, t) ? {
+		...e,
+		bbox: _(e.bbox, t),
+		imageWidth: t.width,
+		imageHeight: t.height
+	} : null;
+}
+function f(e, t) {
+	return !y(e.targetBbox, t) || !b(e.at, t) ? null : {
+		...e,
+		at: v(e.at, t),
+		targetBbox: _(e.targetBbox, t)
+	};
+}
+function p(e, t) {
+	return y({
+		x: e.center.x - e.radius,
+		y: e.center.y - e.radius,
+		width: e.radius * 2,
+		height: e.radius * 2
+	}, t) ? {
+		...e,
+		center: v(e.center, t)
+	} : null;
+}
+function m(e, t) {
+	return !b(e.from, t) || !b(e.to, t) ? null : {
+		...e,
+		from: v(e.from, t),
+		to: v(e.to, t)
+	};
+}
+function h(e, t) {
+	return b(e.at, t) ? {
+		...e,
+		at: v(e.at, t)
+	} : null;
+}
+function g(e) {
+	return e;
+}
+function _(e, t) {
+	return {
+		x: e.x - t.x,
+		y: e.y - t.y,
+		width: e.width,
+		height: e.height
+	};
+}
+function v(e, t) {
+	return {
+		x: e.x - t.x,
+		y: e.y - t.y
+	};
+}
+function y(e, t) {
+	return e.x >= t.x && e.y >= t.y && e.x + e.width <= t.x + t.width && e.y + e.height <= t.y + t.height;
+}
+function b(e, t) {
+	return e.x >= t.x && e.y >= t.y && e.x <= t.x + t.width && e.y <= t.y + t.height;
+}
+function x(e) {
+	switch (e.type) {
+		case "rect":
+		case "numberedBadge": return `${e.type}@(${e.bbox.x},${e.bbox.y},${e.bbox.width},${e.bbox.height})`;
+		case "callout": return `callout@(${e.targetBbox.x},${e.targetBbox.y},${e.targetBbox.width},${e.targetBbox.height})`;
+		case "circle": return `circle@(${e.center.x},${e.center.y},r=${e.radius})`;
+		case "arrow": return `arrow@(${e.from.x},${e.from.y})→(${e.to.x},${e.to.y})`;
+		case "text": return `text@(${e.at.x},${e.at.y})`;
+		case "raw": return "raw[<svg fragment>]";
+	}
+}
+//#endregion
+//#region src/playwright/fixture.ts
+var S = Symbol.for("@ingcreators/annot:screenshot-patched");
+function C(e) {
+	let t = e;
+	if (t[S]) return;
+	let n = e.screenshot;
+	e.screenshot = async function(e = {}) {
+		let t = e?.annot;
+		return w(t) ? D.call(this, n, e) : n.call(this, e);
+	}, t[S] = !0;
+}
+function w(e) {
+	return !e || e === !0 ? !1 : !!(e.mdx || e.overlays && e.overlays.length > 0 || e.tags);
+}
+function T(e) {
+	return typeof e.boundingBox == "function";
+}
+function E(e) {
+	return T(e) ? e.page() : e;
+}
+async function D(e, t) {
+	let { annot: r, path: a, ...o } = t, s = o, c = r.editable ?? !0;
+	r.mdx && await i(E(this), {
+		id: r.mdx.id,
+		mdxPath: r.mdx.path
+	});
+	let l = await O(this, t.clip), u = await A({
+		rawBytes: k(await e.call(this, {
+			...s,
+			path: void 0
+		})),
+		annot: r,
+		editable: c,
+		clip: l
+	});
+	return a && await n(a, u), Buffer.from(u);
+}
+async function O(e, t) {
+	if (T(e)) {
+		let t = await e.boundingBox();
+		if (!t) throw Error("locator.screenshot({ annot }): locator has no bounding box (probably not visible). Re-test with a stable selector / waitFor().");
+		return t;
+	}
+	return t ?? null;
+}
+function k(e) {
+	return e instanceof Uint8Array && !(e instanceof Buffer) ? e : new Uint8Array(e.buffer, e.byteOffset, e.byteLength);
+}
+async function A(n) {
+	let { rawBytes: i, annot: a, editable: o, clip: l } = n, u = N(i), d = [];
+	if (a.mdx) {
+		let e = l ? {
+			width: l.x + l.width,
+			height: l.y + l.height
+		} : u, n = await t({
+			mdxPath: a.mdx.path,
+			screenId: a.mdx.id,
+			dims: e
+		});
+		d.push(...n);
+	}
+	a.overlays && d.push(...a.overlays);
+	let f;
+	if (l) {
+		let { kept: e, dropped: t } = c(d, l);
+		f = e, t.length > 0 && j(t);
+	} else f = d;
+	let p = !!(a.mdx || a.overlays);
+	if (p && !o) {
+		let t = e(f), n = `data:image/png;base64,${Buffer.from(i).toString("base64")}`, o = r({ loadSystemFonts: !0 }).toPng({
+			originalDataUrl: n,
+			annotationsSvg: t,
+			width: u.width,
+			height: u.height
+		});
+		return a.tags ? s(o, a.tags) : o;
+	}
+	if (p) {
+		let t = e(f), n = `data:image/png;base64,${Buffer.from(i).toString("base64")}`;
+		return r({ loadSystemFonts: !0 }).toEditablePng({
+			originalDataUrl: n,
+			annotationsSvg: t,
+			width: u.width,
+			height: u.height,
+			tags: a.tags
+		});
+	}
+	return a.tags ? s(i, a.tags) : i;
+}
+function j(e) {
+	let t = e.map(x).join(", "), n = `annot fixture: dropped ${e.length} overlay(s) outside the screenshot clip — ${t}`;
+	console.warn(n), M(n, e);
+}
+function M(e, t) {
+	try {
+		let n = a.info?.();
+		if (!n?.annotations) return;
+		n.annotations.push({
+			type: "warning",
+			description: `${e} (${t.length} dropped)`
+		});
+	} catch {}
+}
+function N(e) {
+	if (e.length < 24) throw Error("Playwright annot fixture: raw screenshot too short to contain PNG IHDR.");
+	let t = new DataView(e.buffer, e.byteOffset, e.byteLength);
+	return {
+		width: t.getUint32(16, !1),
+		height: t.getUint32(20, !1)
+	};
+}
+var P = a.extend({ page: async ({ page: e }, t) => {
+	C(Object.getPrototypeOf(e)), C(Object.getPrototypeOf(e.locator("html"))), await t(e);
+} });
+//#endregion
+export { x as describeAnnotation, o as expect, C as patchScreenshot, c as rebaseAnnotations, P as test };

package/dist/render-BSQOeqPB.js

@@ -0,0 +1,164 @@
+import { createHash as e } from "node:crypto";
+import { mkdir as t, readFile as n, writeFile as r } from "node:fs/promises";
+import { dirname as i, isAbsolute as a, join as o, resolve as s } from "node:path";
+import { bboxAnnotationsToSvg as c, createAnnotator as l } from "@ingcreators/annot-annotator";
+import { parseMdxFile as u } from "@ingcreators/annot-product-docs";
+//#region src/cache.ts
+var d = 1;
+function f(t) {
+	let n = e("sha256");
+	return n.update("v1\n"), n.update(t.mdxSource), n.update("\0"), n.update(t.screenId), t.editable && n.update("\0editable"), n.digest("hex");
+}
+function p(e) {
+	return {
+		dir: e,
+		async get(t) {
+			try {
+				let r = await n(o(e, `${t}.png`));
+				return new Uint8Array(r.buffer, r.byteOffset, r.byteLength);
+			} catch (e) {
+				if (e.code === "ENOENT") return null;
+				throw e;
+			}
+		},
+		async set(n, a) {
+			let s = o(e, `${n}.png`);
+			await t(i(s), { recursive: !0 }), await r(s, a);
+		}
+	};
+}
+function m() {
+	let e = /* @__PURE__ */ new Map();
+	return {
+		dir: ":memory:",
+		async get(t) {
+			return e.get(t) ?? null;
+		},
+		async set(t, n) {
+			e.set(t, n);
+		}
+	};
+}
+//#endregion
+//#region src/render.ts
+async function h(e) {
+	let t = e.cwd ?? process.cwd(), n = a(e.mdxPath) ? e.mdxPath : s(t, e.mdxPath), r = await u(n);
+	if (!r) throw Error(`renderAnnotatedScreen: ${e.mdxPath} has no \`annot:\` frontmatter — cannot render.`);
+	let o = r.screens.find((t) => t.id === e.screenId);
+	if (!o) throw Error(`renderAnnotatedScreen: ${e.mdxPath} has no <Screen id="${e.screenId}"> block.`);
+	let c = g(e.editable), d = f({
+		mdxSource: r.source,
+		screenId: e.screenId,
+		editable: c !== null
+	});
+	if (e.cache) {
+		let t = await e.cache.get(d);
+		if (t) return {
+			bytes: t,
+			fromCache: !0,
+			hadBoundingBoxes: !0
+		};
+	}
+	let p = e.basePngBytes ?? await C(r, o.src, i(n)), m = w(p), h = v(r.commentBlocks.snapshot ?? ""), y = b(o.overlays, h, m), S, T;
+	if (y.length === 0) if (T = !1, c !== null) {
+		let e = `data:image/png;base64,${Buffer.from(p).toString("base64")}`;
+		S = l({ loadSystemFonts: !0 }).toEditablePng({
+			originalDataUrl: e,
+			annotationsSvg: _(),
+			width: m.width,
+			height: m.height,
+			tags: c.tags
+		});
+	} else S = p;
+	else {
+		let e = `data:image/png;base64,${Buffer.from(p).toString("base64")}`, t = x(y), n = l({ loadSystemFonts: !0 }), r = {
+			originalDataUrl: e,
+			annotationsSvg: t,
+			width: m.width,
+			height: m.height
+		};
+		S = c === null ? n.toPng(r) : n.toEditablePng({
+			...r,
+			tags: c.tags
+		}), T = !0;
+	}
+	return e.cache && await e.cache.set(d, S), {
+		bytes: S,
+		fromCache: !1,
+		hadBoundingBoxes: T
+	};
+}
+function g(e) {
+	return e ? e === !0 ? {} : e : null;
+}
+function _() {
+	return "<svg xmlns=\"http://www.w3.org/2000/svg\"></svg>";
+}
+function v(e) {
+	let t = [];
+	for (let n of e.split(/\r?\n/)) {
+		if (!n.trim()) continue;
+		let e = n.match(/^\s*-\s+([a-z]+)(?:\s+"([^"]*?)")?/);
+		if (!e) continue;
+		let r = e[1] ?? "", i = e[2] ?? "", a = n.match(/\[ref=(e\d+)\]/)?.[1], o = n.match(/\[box=(-?\d+(?:\.\d+)?),(-?\d+(?:\.\d+)?),(-?\d+(?:\.\d+)?),(-?\d+(?:\.\d+)?)\]/);
+		!a || !o || t.push({
+			role: r,
+			name: i,
+			ref: a,
+			box: {
+				x: Number.parseFloat(o[1]),
+				y: Number.parseFloat(o[2]),
+				width: Number.parseFloat(o[3]),
+				height: Number.parseFloat(o[4])
+			}
+		});
+	}
+	return t;
+}
+async function y(e) {
+	let t = e.cwd ?? process.cwd(), n = await u(a(e.mdxPath) ? e.mdxPath : s(t, e.mdxPath));
+	if (!n) throw Error(`resolveMdxAnnotations: ${e.mdxPath} has no \`annot:\` frontmatter — cannot resolve.`);
+	let r = n.screens.find((t) => t.id === e.screenId);
+	if (!r) throw Error(`resolveMdxAnnotations: ${e.mdxPath} has no <Screen id="${e.screenId}"> block.`);
+	let i = v(n.commentBlocks.snapshot ?? "");
+	return b(r.overlays, i, e.dims);
+}
+function b(e, t, n) {
+	let r = [], i = 1;
+	for (let a of e) {
+		let e = t.find((e) => e.role === a.match.role && e.name === a.match.name);
+		if (!e) continue;
+		let o = a.number ?? i++;
+		r.push({
+			type: "numberedBadge",
+			bbox: e.box,
+			number: o,
+			placement: "auto",
+			imageWidth: n.width,
+			imageHeight: n.height,
+			intent: a.intent === "action" ? "warning" : a.intent === "required" ? "error" : "info"
+		});
+	}
+	return r;
+}
+function x(e) {
+	return `<svg xmlns="http://www.w3.org/2000/svg">${c(e)}</svg>`;
+}
+function S(e) {
+	return e.length === 0 ? "<svg xmlns=\"http://www.w3.org/2000/svg\"></svg>" : `<svg xmlns="http://www.w3.org/2000/svg">${c(e)}</svg>`;
+}
+async function C(e, t, r) {
+	if (!t) throw Error("renderAnnotatedScreen: <Screen src=...> is required — cannot render without a base image.");
+	let i = await n(a(t) ? t : s(r, t));
+	return new Uint8Array(i.buffer, i.byteOffset, i.byteLength);
+}
+function w(e) {
+	if (e.length < 24) throw Error("renderAnnotatedScreen: base PNG too short to contain IHDR.");
+	let t = new DataView(e.buffer, e.byteOffset, e.byteLength);
+	return {
+		width: t.getUint32(16, !1),
+		height: t.getUint32(20, !1)
+	};
+}
+//#endregion
+export { d as a, m as c, S as i, h as n, f as o, y as r, p as s, v as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ingcreators/annot-product-docs-astro",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Astro integration for `@ingcreators/annot-product-docs`. Wires the MDX components (`<Screen>` / `<Overlay>` / `<Transition>` / `<HistoryEntry>` / `<ScreenList>` / `<TransitionGraph>`) into an Astro site and supplies the Image Service that renders annotated PNGs from `<Screen>` blocks at build time. Phase 2 of docs/plans/living-product-docs.md.",
   "license": "Apache-2.0",
   "author": "ingcreators",
@@ -61,9 +61,9 @@
     "vite-plugin-dts": "^5.0.1"
   },
   "dependencies": {
-    "@ingcreators/annot-product-docs": "0.2.0",
+    "@ingcreators/annot-core": "0.2.0",
     "@ingcreators/annot-annotator": "0.5.0",
-    "@ingcreators/annot-core": "0.2.0"
+    "@ingcreators/annot-product-docs": "0.2.0"
   },
   "peerDependencies": {
     "@playwright/test": "^1.42.0",