@ggts-sh/react 0.43.0

package/dist/strata-sync.js

@@ -0,0 +1,158 @@
+import { groupBatchesByPanel, planStrata, sceneToSVGString } from "@ggts-sh/core";
+import { cssColorResolver, drawStratum, sizeCanvasForDpr } from "@ggts-sh/core/dom";
+import { mountSceneSvg } from "@ggts-sh/core/svg-live";
+const STRATUM_STYLE = "position:absolute;inset:0;pointer-events:none";
+function slots(scene, strata) {
+    if (!strata.some((s) => s.backend === "canvas")) {
+        return [{ backend: "svg", batches: scene.batches, mode: "full" }];
+    }
+    return [
+        { backend: "svg", batches: [], mode: "chrome-bottom" },
+        ...strata.map((stratum) => ({ ...stratum, mode: "marks" })),
+        { backend: "svg", batches: [], mode: "chrome-top" },
+    ];
+}
+/** Prefix generated resource ids so sibling plots cannot borrow clips/gradients. */
+function namespaceSvg(markup, prefix) {
+    return markup
+        .replaceAll(/\bid="([^"]+)"/g, (_match, id) => `id="${prefix}-${id}"`)
+        .replaceAll(/url\(#([^)]+)\)/g, (_match, id) => `url(#${prefix}-${id})`);
+}
+function slotSvg(scene, slot, prefix, label) {
+    const svg = sceneToSVGString({ ...scene, batches: slot.batches }, {
+        mode: slot.mode,
+        ...(label !== undefined && { ariaLabel: label }),
+    });
+    const named = namespaceSvg(svg, prefix);
+    return slot.mode === "marks" || slot.mode === "chrome-top"
+        ? named.replace('role="img"', 'aria-hidden="true"')
+        : named;
+}
+export function renderStackHTML(scene, strata, prefix, label) {
+    return slots(scene, strata)
+        .map((slot, index) => slot.backend === "canvas"
+        ? `<canvas class="gg-stratum gg-canvas" aria-hidden="true" style="${STRATUM_STYLE}"></canvas>`
+        : `<div class="gg-stratum gg-svg-host" style="${STRATUM_STYLE}">${slotSvg(scene, slot, `${prefix}-${index}`, label)}</div>`)
+        .join("");
+}
+function namespaceLive(svg, prefix) {
+    for (const element of svg.querySelectorAll("[id]")) {
+        if (!element.id.startsWith(`${prefix}-`))
+            element.id = `${prefix}-${element.id}`;
+    }
+    for (const element of svg.querySelectorAll("[clip-path], [fill], [stroke], [filter]")) {
+        for (const attribute of ["clip-path", "fill", "stroke", "filter"]) {
+            const value = element.getAttribute(attribute);
+            if (value === null || !value.includes("url(#"))
+                continue;
+            const next = value.replaceAll(/url\(#([^)]+)\)/g, (match, id) => id.startsWith(`${prefix}-`) ? match : `url(#${prefix}-${id})`);
+            if (next !== value)
+                element.setAttribute(attribute, next);
+        }
+    }
+}
+function maskBatch(group, batch, mask, mutedOpacity) {
+    let primitive = 0;
+    for (const element of group.children) {
+        if (!(element instanceof SVGElement))
+            continue;
+        if (batch.kind === "paths") {
+            while (primitive < batch.pathOffsets.length - 1 &&
+                batch.pathOffsets[primitive] === batch.pathOffsets[primitive + 1])
+                primitive++;
+        }
+        const muted = mask !== null && !mask.isFocused(primitive);
+        element.style.opacity = muted
+            ? String(Number(element.getAttribute("opacity") ?? 1) * mutedOpacity)
+            : "";
+        // Label backgrounds and their following text represent the same mark.
+        if (batch.kind !== "glyphs" || element.tagName === "text")
+            primitive++;
+    }
+}
+function maskMarks(host, scene, batches, masks) {
+    const grouped = groupBatchesByPanel(scene.panels.length, batches, true);
+    for (const [panelIndex, panelBatches] of grouped.byPanel.entries()) {
+        const groups = host.querySelectorAll(`.gg-panel[data-panel="${panelIndex}"] > .gg-marks > .gg-batch`);
+        for (const [batchIndex, batch] of panelBatches.entries()) {
+            const group = groups[batchIndex];
+            if (group === undefined)
+                continue;
+            const mask = masks[grouped.indices[panelIndex][batchIndex]] ?? null;
+            maskBatch(group, batch, mask, scene.theme.interactionMuted);
+        }
+    }
+}
+export function destroyAllLives(lives) {
+    for (const handle of lives.values())
+        handle.destroy();
+    lives.clear();
+}
+function syncSvgSlot(element, scene, slot, lives, index, prefix, label) {
+    element.className = "gg-stratum gg-svg-host";
+    if (slot.mode === "full") {
+        let live = lives.get(index);
+        if (live === undefined) {
+            element.replaceChildren();
+            live = mountSceneSvg(element, scene);
+            lives.set(index, live);
+        }
+        else if (live.scene !== scene)
+            live.update(scene);
+        namespaceLive(live.svg, prefix);
+        if (label !== undefined)
+            live.svg.setAttribute("aria-label", label);
+    }
+    else {
+        lives.get(index)?.destroy();
+        lives.delete(index);
+        const markup = slotSvg(scene, slot, prefix, label);
+        if (element.innerHTML !== markup)
+            element.innerHTML = markup;
+    }
+}
+export function syncStrata(stack, scene, strata, lives, prefix, label, interactionMasks = []) {
+    const planned = slots(scene, strata);
+    const sceneIndexes = new Map(scene.batches.map((batch, index) => [batch, index]));
+    while (stack.childElementCount > planned.length) {
+        const index = stack.childElementCount - 1;
+        lives.get(index)?.destroy();
+        lives.delete(index);
+        stack.lastElementChild?.remove();
+    }
+    let painted = true;
+    for (const [index, slot] of planned.entries()) {
+        const existing = stack.children[index];
+        const tag = slot.backend === "canvas" ? "CANVAS" : "DIV";
+        let element;
+        if (existing instanceof HTMLElement && existing.tagName === tag)
+            element = existing;
+        else {
+            lives.get(index)?.destroy();
+            lives.delete(index);
+            element = document.createElement(tag.toLowerCase());
+            if (existing === undefined)
+                stack.append(element);
+            else
+                stack.replaceChild(element, existing);
+        }
+        element.style.cssText = STRATUM_STYLE;
+        const masks = slot.batches.map((batch) => interactionMasks[sceneIndexes.get(batch)] ?? null);
+        if (element instanceof HTMLCanvasElement) {
+            element.className = "gg-stratum gg-canvas";
+            element.setAttribute("aria-hidden", "true");
+            const context = element.getContext("2d");
+            if (context === null) {
+                painted = false;
+                continue;
+            }
+            sizeCanvasForDpr(element, context, scene.width, scene.height, window.devicePixelRatio || 1);
+            drawStratum(context, scene, slot.batches, cssColorResolver(element), masks.some((mask) => mask !== null) ? { focusMasks: masks } : undefined);
+            continue;
+        }
+        syncSvgSlot(element, scene, slot, lives, index, `${prefix}-${index}`, label);
+        maskMarks(element, scene, slot.batches, masks);
+    }
+    return painted;
+}
+//# sourceMappingURL=strata-sync.js.map

package/dist/strata-sync.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"strata-sync.js","sourceRoot":"","sources":["../src/strata-sync.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAElF,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACpF,OAAO,EAAE,aAAa,EAAsB,MAAM,wBAAwB,CAAC;AAE3E,MAAM,aAAa,GAAG,+CAA+C,CAAC;AAItE,SAAS,KAAK,CAAC,KAAY,EAAE,MAAqC;IAChE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,QAAQ,CAAC,EAAE,CAAC;QAChD,OAAO,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;IACpE,CAAC;IACD,OAAO;QACL,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE;QACtD,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,EAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;QACjE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;KACpD,CAAC;AACJ,CAAC;AAED,oFAAoF;AACpF,SAAS,YAAY,CAAC,MAAc,EAAE,MAAc;IAClD,OAAO,MAAM;SACV,UAAU,CAAC,iBAAiB,EAAE,CAAC,MAAM,EAAE,EAAU,EAAE,EAAE,CAAC,OAAO,MAAM,IAAI,EAAE,GAAG,CAAC;SAC7E,UAAU,CAAC,kBAAkB,EAAE,CAAC,MAAM,EAAE,EAAU,EAAE,EAAE,CAAC,QAAQ,MAAM,IAAI,EAAE,GAAG,CAAC,CAAC;AACrF,CAAC;AAED,SAAS,OAAO,CAAC,KAAY,EAAE,IAAU,EAAE,MAAc,EAAE,KAAc;IACvE,MAAM,GAAG,GAAG,gBAAgB,CAC1B,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EACnC;QACE,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,GAAG,CAAC,KAAK,KAAK,SAAS,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;KACjD,CACF,CAAC;IACF,MAAM,KAAK,GAAG,YAAY,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;IACxC,OAAO,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,YAAY;QACxD,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE,oBAAoB,CAAC;QACnD,CAAC,CAAC,KAAK,CAAC;AACZ,CAAC;AAED,MAAM,UAAU,eAAe,CAC7B,KAAY,EACZ,MAAqC,EACrC,MAAc,EACd,KAAc;IAEd,OAAO,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC;SACxB,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CACnB,IAAI,CAAC,OAAO,KAAK,QAAQ;QACvB,CAAC,CAAC,kEAAkE,aAAa,aAAa;QAC9F,CAAC,CAAC,8CAA8C,aAAa,KAAK,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,MAAM,IAAI,KAAK,EAAE,EAAE,KAAK,CAAC,QAAQ,CAC9H;SACA,IAAI,CAAC,EAAE,CAAC,CAAC;AACd,CAAC;AAED,SAAS,aAAa,CAAC,GAAkB,EAAE,MAAc;IACvD,KAAK,MAAM,OAAO,IAAI,GAAG,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC;QACnD,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG,MAAM,GAAG,CAAC;YAAE,OAAO,CAAC,EAAE,GAAG,GAAG,MAAM,IAAI,OAAO,CAAC,EAAE,EAAE,CAAC;IACnF,CAAC;IACD,KAAK,MAAM,OAAO,IAAI,GAAG,CAAC,gBAAgB,CAAC,yCAAyC,CAAC,EAAE,CAAC;QACtF,KAAK,MAAM,SAAS,IAAI,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;YAClE,MAAM,KAAK,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;YAC9C,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC;gBAAE,SAAS;YACzD,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,EAAE,CAAC,KAAK,EAAE,EAAU,EAAE,EAAE,CACtE,EAAE,CAAC,UAAU,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,MAAM,IAAI,EAAE,GAAG,CAC9D,CAAC;YACF,IAAI,IAAI,KAAK,KAAK;gBAAE,OAAO,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QAC5D,CAAC;IACH,CAAC;AACH,CAAC;AAED,SAAS,SAAS,CAChB,KAAc,EACd,KAAoB,EACpB,IAAiC,EACjC,YAAoB;IAEpB,IAAI,SAAS,GAAG,CAAC,CAAC;IAClB,KAAK,MAAM,OAAO,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QACrC,IAAI,CAAC,CAAC,OAAO,YAAY,UAAU,CAAC;YAAE,SAAS;QAC/C,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YAC3B,OACE,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC;gBACxC,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,KAAK,KAAK,CAAC,WAAW,CAAC,SAAS,GAAG,CAAC,CAAC;gBAEjE,SAAS,EAAE,CAAC;QAChB,CAAC;QACD,MAAM,KAAK,GAAG,IAAI,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAC1D,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK;YAC3B,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,GAAG,YAAY,CAAC;YACrE,CAAC,CAAC,EAAE,CAAC;QACP,sEAAsE;QACtE,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAI,OAAO,CAAC,OAAO,KAAK,MAAM;YAAE,SAAS,EAAE,CAAC;IACzE,CAAC;AACH,CAAC;AAED,SAAS,SAAS,CAChB,IAAiB,EACjB,KAAY,EACZ,OAAwB,EACxB,KAA+C;IAE/C,MAAM,OAAO,GAAG,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IACxE,KAAK,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;QACnE,MAAM,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAClC,yBAAyB,UAAU,4BAA4B,CAChE,CAAC;QACF,KAAK,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC;YACzD,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;YACjC,IAAI,KAAK,KAAK,SAAS;gBAAE,SAAS;YAClC,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,OAAQ,CAAC,UAAU,CAAE,CAAC,UAAU,CAAE,CAAC,IAAI,IAAI,CAAC;YACvE,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;QAC9D,CAAC;IACH,CAAC;AACH,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,KAAiC;IAC/D,KAAK,MAAM,MAAM,IAAI,KAAK,CAAC,MAAM,EAAE;QAAE,MAAM,CAAC,OAAO,EAAE,CAAC;IACtD,KAAK,CAAC,KAAK,EAAE,CAAC;AAChB,CAAC;AAED,SAAS,WAAW,CAClB,OAAoB,EACpB,KAAY,EACZ,IAAU,EACV,KAAiC,EACjC,KAAa,EACb,MAAc,EACd,KAAc;IAEd,OAAO,CAAC,SAAS,GAAG,wBAAwB,CAAC;IAC7C,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QACzB,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAC5B,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,OAAO,CAAC,eAAe,EAAE,CAAC;YAC1B,IAAI,GAAG,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;YACrC,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QACzB,CAAC;aAAM,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK;YAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACpD,aAAa,CAAC,IAAI,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;QAChC,IAAI,KAAK,KAAK,SAAS;YAAE,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IACtE,CAAC;SAAM,CAAC;QACN,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;QAC5B,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACpB,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;QACnD,IAAI,OAAO,CAAC,SAAS,KAAK,MAAM;YAAE,OAAO,CAAC,SAAS,GAAG,MAAM,CAAC;IAC/D,CAAC;AACH,CAAC;AAED,MAAM,UAAU,UAAU,CACxB,KAAqB,EACrB,KAAY,EACZ,MAAqC,EACrC,KAAiC,EACjC,MAAc,EACd,KAAc,EACd,mBAA6D,EAAE;IAE/D,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACrC,MAAM,YAAY,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAClF,OAAO,KAAK,CAAC,iBAAiB,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC;QAChD,MAAM,KAAK,GAAG,KAAK,CAAC,iBAAiB,GAAG,CAAC,CAAC;QAC1C,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;QAC5B,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACpB,KAAK,CAAC,gBAAgB,EAAE,MAAM,EAAE,CAAC;IACnC,CAAC;IACD,IAAI,OAAO,GAAG,IAAI,CAAC;IACnB,KAAK,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;QAC9C,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACvC,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;QACzD,IAAI,OAAoB,CAAC;QACzB,IAAI,QAAQ,YAAY,WAAW,IAAI,QAAQ,CAAC,OAAO,KAAK,GAAG;YAAE,OAAO,GAAG,QAAQ,CAAC;aAC/E,CAAC;YACJ,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;YAC5B,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACpB,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC;YACpD,IAAI,QAAQ,KAAK,SAAS;gBAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;;gBAC7C,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QAC7C,CAAC;QACD,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,aAAa,CAAC;QACtC,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAE,CAAC,IAAI,IAAI,CAAC,CAAC;QAC9F,IAAI,OAAO,YAAY,iBAAiB,EAAE,CAAC;YACzC,OAAO,CAAC,SAAS,GAAG,sBAAsB,CAAC;YAC3C,OAAO,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;YAC5C,MAAM,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YACzC,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;gBACrB,OAAO,GAAG,KAAK,CAAC;gBAChB,SAAS;YACX,CAAC;YACD,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,gBAAgB,IAAI,CAAC,CAAC,CAAC;YAC5F,WAAW,CACT,OAAO,EACP,KAAK,EACL,IAAI,CAAC,OAAO,EACZ,gBAAgB,CAAC,OAAO,CAAC,EACzB,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CACxE,CAAC;YACF,SAAS;QACX,CAAC;QACD,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,MAAM,IAAI,KAAK,EAAE,EAAE,KAAK,CAAC,CAAC;QAC7E,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACjD,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/themes.d.ts

@@ -0,0 +1,38 @@
+import type { ReactNode } from "react";
+import type { ThemeSpec } from "@ggts-sh/spec";
+type RoleProps = Partial<ThemeSpec>;
+export declare function ThemeDefault(props?: RoleProps): ReactNode;
+export declare function ThemeLight(props?: RoleProps): ReactNode;
+export declare function ThemeDark(props?: RoleProps): ReactNode;
+export declare function ThemeMinimal(props?: RoleProps): ReactNode;
+export declare function ThemeGgplot2(props?: RoleProps): ReactNode;
+export declare function ThemeClassic(props?: RoleProps): ReactNode;
+export declare function ThemeBw(props?: RoleProps): ReactNode;
+export declare function ThemeHrbr(props?: RoleProps): ReactNode;
+export declare function ThemeFew(props?: RoleProps): ReactNode;
+export declare function ThemeClean(props?: RoleProps): ReactNode;
+export declare function ThemeFivethirtyeight(props?: RoleProps): ReactNode;
+export declare function ThemeEconomist(props?: RoleProps): ReactNode;
+export declare function ThemeTufte(props?: RoleProps): ReactNode;
+export declare function ThemeLinedraw(props?: RoleProps): ReactNode;
+export declare function ThemeVoid(props?: RoleProps): ReactNode;
+export declare function ThemeStata(props?: RoleProps): ReactNode;
+export declare function ThemeStatas1color(props?: RoleProps): ReactNode;
+export declare function ThemeSolarized(props?: RoleProps): ReactNode;
+export declare function ThemeSolarizeddark(props?: RoleProps): ReactNode;
+export declare function ThemeEconomistwhite(props?: RoleProps): ReactNode;
+export declare function ThemeSolarized2(props?: RoleProps): ReactNode;
+export declare function ThemeSolarized2dark(props?: RoleProps): ReactNode;
+export declare function ThemeWsj(props?: RoleProps): ReactNode;
+export declare function ThemeHc(props?: RoleProps): ReactNode;
+export declare function ThemeHcdark(props?: RoleProps): ReactNode;
+export declare function ThemePander(props?: RoleProps): ReactNode;
+export declare function ThemeBase(props?: RoleProps): ReactNode;
+export declare function ThemeIgray(props?: RoleProps): ReactNode;
+export declare function ThemeMap(props?: RoleProps): ReactNode;
+export declare function ThemeSolid(props?: RoleProps): ReactNode;
+export declare function ThemeGrey(props?: RoleProps): ReactNode;
+export declare function ThemeGray(props?: RoleProps): ReactNode;
+export declare function ThemeTest(props?: RoleProps): ReactNode;
+export {};
+//# sourceMappingURL=themes.d.ts.map

package/dist/themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../src/themes.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAa,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1D,KAAK,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;AASpC,wBAAgB,YAAY,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAG7D;AAED,wBAAgB,UAAU,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAG3D;AAED,wBAAgB,SAAS,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAG1D;AAED,wBAAgB,YAAY,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAG7D;AAED,wBAAgB,YAAY,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAG7D;AAED,wBAAgB,YAAY,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAG7D;AAED,wBAAgB,OAAO,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAGxD;AAED,wBAAgB,SAAS,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAG1D;AAED,wBAAgB,QAAQ,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAGzD;AAED,wBAAgB,UAAU,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAG3D;AAED,wBAAgB,oBAAoB,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAGrE;AAED,wBAAgB,cAAc,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAG/D;AAED,wBAAgB,UAAU,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAG3D;AAED,wBAAgB,aAAa,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAG9D;AAED,wBAAgB,SAAS,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAG1D;AAED,wBAAgB,UAAU,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAG3D;AAED,wBAAgB,iBAAiB,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAGlE;AAED,wBAAgB,cAAc,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAG/D;AAED,wBAAgB,kBAAkB,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAGnE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAGpE;AAED,wBAAgB,eAAe,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAGhE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAGpE;AAED,wBAAgB,QAAQ,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAGzD;AAED,wBAAgB,OAAO,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAGxD;AAED,wBAAgB,WAAW,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAG5D;AAED,wBAAgB,WAAW,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAG5D;AAED,wBAAgB,SAAS,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAG1D;AAED,wBAAgB,UAAU,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAG3D;AAED,wBAAgB,QAAQ,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAGzD;AAED,wBAAgB,UAAU,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAG3D;AAED,wBAAgB,SAAS,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAG1D;AAED,wBAAgB,SAAS,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAG1D;AAED,wBAAgB,SAAS,CAAC,KAAK,GAAE,SAAc,GAAG,SAAS,CAG1D"}

package/dist/themes.js

@@ -0,0 +1,141 @@
+import { definedProps } from "./defined-props.js";
+import { usePlotLayerValue } from "./geom-factory.js";
+function useNamedTheme(name, props) {
+    usePlotLayerValue("theme", () => {
+        const roles = definedProps(props);
+        return Object.keys(roles).length === 0 ? name : { name, ...roles };
+    });
+}
+export function ThemeDefault(props = {}) {
+    useNamedTheme("default", props);
+    return null;
+}
+export function ThemeLight(props = {}) {
+    useNamedTheme("light", props);
+    return null;
+}
+export function ThemeDark(props = {}) {
+    useNamedTheme("dark", props);
+    return null;
+}
+export function ThemeMinimal(props = {}) {
+    useNamedTheme("minimal", props);
+    return null;
+}
+export function ThemeGgplot2(props = {}) {
+    useNamedTheme("ggplot2", props);
+    return null;
+}
+export function ThemeClassic(props = {}) {
+    useNamedTheme("classic", props);
+    return null;
+}
+export function ThemeBw(props = {}) {
+    useNamedTheme("bw", props);
+    return null;
+}
+export function ThemeHrbr(props = {}) {
+    useNamedTheme("hrbr", props);
+    return null;
+}
+export function ThemeFew(props = {}) {
+    useNamedTheme("few", props);
+    return null;
+}
+export function ThemeClean(props = {}) {
+    useNamedTheme("clean", props);
+    return null;
+}
+export function ThemeFivethirtyeight(props = {}) {
+    useNamedTheme("fivethirtyeight", props);
+    return null;
+}
+export function ThemeEconomist(props = {}) {
+    useNamedTheme("economist", props);
+    return null;
+}
+export function ThemeTufte(props = {}) {
+    useNamedTheme("tufte", props);
+    return null;
+}
+export function ThemeLinedraw(props = {}) {
+    useNamedTheme("linedraw", props);
+    return null;
+}
+export function ThemeVoid(props = {}) {
+    useNamedTheme("void", props);
+    return null;
+}
+export function ThemeStata(props = {}) {
+    useNamedTheme("stata", props);
+    return null;
+}
+export function ThemeStatas1color(props = {}) {
+    useNamedTheme("stata_s1color", props);
+    return null;
+}
+export function ThemeSolarized(props = {}) {
+    useNamedTheme("solarized", props);
+    return null;
+}
+export function ThemeSolarizeddark(props = {}) {
+    useNamedTheme("solarizeddark", props);
+    return null;
+}
+export function ThemeEconomistwhite(props = {}) {
+    useNamedTheme("economist_white", props);
+    return null;
+}
+export function ThemeSolarized2(props = {}) {
+    useNamedTheme("solarized_2", props);
+    return null;
+}
+export function ThemeSolarized2dark(props = {}) {
+    useNamedTheme("solarized_2dark", props);
+    return null;
+}
+export function ThemeWsj(props = {}) {
+    useNamedTheme("wsj", props);
+    return null;
+}
+export function ThemeHc(props = {}) {
+    useNamedTheme("hc", props);
+    return null;
+}
+export function ThemeHcdark(props = {}) {
+    useNamedTheme("hcdark", props);
+    return null;
+}
+export function ThemePander(props = {}) {
+    useNamedTheme("pander", props);
+    return null;
+}
+export function ThemeBase(props = {}) {
+    useNamedTheme("base", props);
+    return null;
+}
+export function ThemeIgray(props = {}) {
+    useNamedTheme("igray", props);
+    return null;
+}
+export function ThemeMap(props = {}) {
+    useNamedTheme("map", props);
+    return null;
+}
+export function ThemeSolid(props = {}) {
+    useNamedTheme("solid", props);
+    return null;
+}
+export function ThemeGrey(props = {}) {
+    useNamedTheme("grey", props);
+    return null;
+}
+export function ThemeGray(props = {}) {
+    useNamedTheme("gray", props);
+    return null;
+}
+export function ThemeTest(props = {}) {
+    useNamedTheme("test", props);
+    return null;
+}
+//# sourceMappingURL=themes.js.map

package/dist/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../src/themes.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,71 @@
+{
+  "name": "@ggts-sh/react",
+  "version": "0.43.0",
+  "description": "ggts React DOM adapter: ggplot2-named components over the framework-agnostic core pipeline.",
+  "keywords": [
+    "charts",
+    "components",
+    "dataviz",
+    "ggplot2",
+    "grammar-of-graphics",
+    "react",
+    "visualization"
+  ],
+  "homepage": "https://ggts.sh/",
+  "bugs": "https://github.com/ggts-sh/ggts/issues",
+  "license": "MIT",
+  "author": "Liam O'Dea",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ggts-sh/ggts.git",
+    "directory": "packages/react"
+  },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "./dist/host-init.js"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "scripts": {
+    "build": "tsc -b",
+    "check": "tsc -b --pretty false",
+    "test": "vitest run",
+    "test:ssr": "vitest run --config vitest.ssr.config.ts"
+  },
+  "dependencies": {
+    "@ggts-sh/compose": "^0.43.0",
+    "@ggts-sh/core": "^0.43.0",
+    "@ggts-sh/spec": "^0.43.0"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.3.0",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.5",
+    "@vitejs/plugin-react": "^5.1.0",
+    "@vitest/browser-playwright": "^4.1.11",
+    "playwright": "1.61.1",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "typescript": "^6.0.3",
+    "vite": "^8.2.0",
+    "vitest": "^4.1.11"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0"
+  },
+  "engines": {
+    "node": ">=22"
+  }
+}