@customerio/jist 0.1.0

package/dist/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2026 Customer IO
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/jist-element.d.ts

@@ -0,0 +1,32 @@
+import JistRenderer from "./jist-renderer.js";
+import type { JistTemplate, JistData, JistFormatDate, JistOnAction, JistActionEvent } from "./jist-renderer.js";
+type JistMode = "auto" | "light" | "dark";
+type ThemeValue = string | number | boolean | null | ThemeObject;
+interface ThemeObject {
+    [key: string]: ThemeValue;
+}
+declare class JistTemplateElement extends HTMLElement {
+    #private;
+    static observedAttributes: string[];
+    get template(): string | null;
+    set template(val: string | null);
+    get data(): JistData | null;
+    set data(val: JistData | string | null);
+    get theme(): ThemeObject | null;
+    set theme(val: ThemeObject | string | null);
+    get mode(): JistMode;
+    set mode(val: JistMode | string);
+    get formatDate(): JistFormatDate | null;
+    set formatDate(fn: JistFormatDate | null);
+    get onAction(): JistOnAction | null;
+    set onAction(fn: JistOnAction | null);
+    get templates(): Record<string, JistTemplate>;
+    set templates(val: Record<string, JistTemplate[]> | string);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldVal: string | null, newVal: string | null): void;
+}
+export default JistTemplateElement;
+export { JistRenderer };
+export type { JistTemplate, JistData, JistFormatDate, JistOnAction, JistActionEvent, JistMode, };
+//# sourceMappingURL=jist-element.d.ts.map

package/dist/jist-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jist-element.d.ts","sourceRoot":"","sources":["../src/jist-element.ts"],"names":[],"mappings":"AAKA,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,KAAK,EACV,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAmE5B,KAAK,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAE1C,KAAK,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,WAAW,CAAC;AACjE,UAAU,WAAW;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAC;CAC3B;AAED,cAAM,mBAAoB,SAAQ,WAAW;;IAC3C,MAAM,CAAC,kBAAkB,WAAyC;IAoBlE,IAAI,QAAQ,IAAI,MAAM,GAAG,IAAI,CAE5B;IACD,IAAI,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAG9B;IAED,IAAI,IAAI,IAAI,QAAQ,GAAG,IAAI,CAE1B;IACD,IAAI,IAAI,CAAC,GAAG,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI,EAGrC;IAED,IAAI,KAAK,IAAI,WAAW,GAAG,IAAI,CAE9B;IACD,IAAI,KAAK,CAAC,GAAG,EAAE,WAAW,GAAG,MAAM,GAAG,IAAI,EAIzC;IAED,IAAI,IAAI,IAAI,QAAQ,CAEnB;IACD,IAAI,IAAI,CAAC,GAAG,EAAE,QAAQ,GAAG,MAAM,EAG9B;IAED,IAAI,UAAU,IAAI,cAAc,GAAG,IAAI,CAEtC;IACD,IAAI,UAAU,CAAC,EAAE,EAAE,cAAc,GAAG,IAAI,EAGvC;IAED,IAAI,QAAQ,IAAI,YAAY,GAAG,IAAI,CAElC;IACD,IAAI,QAAQ,CAAC,EAAE,EAAE,YAAY,GAAG,IAAI,EAEnC;IAED,IAAI,SAAS,IAAI,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAE5C;IACD,IAAI,SAAS,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,GAAG,MAAM,EAYzD;IAID,iBAAiB,IAAI,IAAI;IAczB,oBAAoB,IAAI,IAAI;IAQ5B,wBAAwB,CACtB,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,GAAG,IAAI,EACrB,MAAM,EAAE,MAAM,GAAG,IAAI,GACpB,IAAI;CAiSR;AAID,eAAe,mBAAmB,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EACV,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,eAAe,EACf,QAAQ,GACT,CAAC"}

package/dist/jist-element.js

@@ -0,0 +1,432 @@
+/* ═══════════════════════════════════════════
+   <jist-template> Custom Element
+   Renders a Jist template tree into native DOM
+   ═══════════════════════════════════════════ */
+var _a;
+import JistRenderer from "./jist-renderer.js";
+const SUPPORTED_VERSION = "1";
+// Theme properties that are unitless numbers (not CSS lengths)
+const UNITLESS_KEYS = new Set([
+    "fontWeight",
+    "maxLines",
+    "lineHeight",
+    "opacity",
+]);
+// Numeric properties where 0 means "reset to platform default" (CSS `normal`),
+// not a literal zero value. Setting these to 0 breaks the var() fallback chain
+// so the variant doesn't inherit the base heading's value.
+const ZERO_MEANS_NORMAL = new Set([
+    "lineHeight",
+    "letterSpacing",
+]);
+// ── Variant CSS generation ─────────────────
+// Maps a flattened theme path suffix to the CSS property it controls.
+// Only leaf properties that appear in a variant's theme data generate CSS.
+const PATH_TO_CSS = {
+    "text-font-size": "font-size",
+    "text-font-weight": "font-weight",
+    "text-font-family": "font-family",
+    "text-color": "color",
+    "text-line-height": "line-height",
+    "text-letter-spacing": "letter-spacing",
+    "text-max-lines": "-webkit-line-clamp",
+    "background-color": "background-color",
+    "border-width": "border-width",
+    "border-color": "border-color",
+    "border-radius": "border-radius",
+    "padding-top": "padding-top",
+    "padding-right": "padding-right",
+    "padding-bottom": "padding-bottom",
+    "padding-left": "padding-left",
+    "margin-top": "margin-top",
+    "margin-right": "margin-right",
+    "margin-bottom": "margin-bottom",
+    "margin-left": "margin-left",
+    "min-width": "min-width",
+    "min-height": "min-height",
+};
+const SHADOW_PARTS = ["shadow-offset-x", "shadow-offset-y", "shadow-blur", "shadow-color"];
+const SHADOW_DEFAULTS = {
+    "shadow-offset-x": "0", "shadow-offset-y": "0", "shadow-blur": "0", "shadow-color": "transparent",
+};
+const BASE_KEYS = {
+    heading: new Set(["text", "padding", "margin"]),
+    text: new Set(["text", "padding", "margin"]),
+    date: new Set(["text", "padding", "margin"]),
+    button: new Set(["text", "background", "border", "shadow", "padding", "margin", "minWidth", "minHeight", "states"]),
+    image: new Set(["border", "padding", "margin"]),
+};
+const BUTTON_STATES = ["hover", "active", "disabled"];
+const BUTTON_STATE_PROPS = [
+    ["background-color", "background-color"],
+    ["color", "text-color"],
+];
+class JistTemplateElement extends HTMLElement {
+    static observedAttributes = ["template", "data", "theme", "mode"];
+    static #sharedStyle = null;
+    static #nextScopeId = 0;
+    // unscoped CSS → { scopeId, refCount }
+    static #scopes = new Map();
+    #scopeKey = null;
+    #template = null;
+    #data = null;
+    #theme = null;
+    #mode = "auto";
+    #formatDate = null;
+    #onAction = null;
+    #templates = {};
+    #mediaQuery = null;
+    #mediaHandler = null;
+    // ── Property API ──────────────────────────
+    get template() {
+        return this.#template;
+    }
+    set template(val) {
+        this.#template = val;
+        this.#render();
+    }
+    get data() {
+        return this.#data;
+    }
+    set data(val) {
+        this.#data = typeof val === "string" ? JSON.parse(val) : val;
+        this.#render();
+    }
+    get theme() {
+        return this.#theme;
+    }
+    set theme(val) {
+        this.#theme = typeof val === "string" ? JSON.parse(val) : val;
+        this.#applyTheme();
+        this.#render();
+    }
+    get mode() {
+        return this.#mode;
+    }
+    set mode(val) {
+        this.#mode = (val || "auto");
+        this.#applyTheme();
+    }
+    get formatDate() {
+        return this.#formatDate;
+    }
+    set formatDate(fn) {
+        this.#formatDate = fn;
+        this.#render();
+    }
+    get onAction() {
+        return this.#onAction;
+    }
+    set onAction(fn) {
+        this.#onAction = fn;
+    }
+    get templates() {
+        return this.#templates;
+    }
+    set templates(val) {
+        const raw = typeof val === "string" ? JSON.parse(val) : (val || {});
+        const resolved = {};
+        for (const [name, value] of Object.entries(raw)) {
+            if (name.startsWith("$"))
+                continue;
+            if (!Array.isArray(value))
+                continue;
+            const versions = value;
+            const match = versions.find((t) => t.version === SUPPORTED_VERSION);
+            if (match)
+                resolved[name] = match;
+        }
+        this.#templates = resolved;
+        this.#render();
+    }
+    // ── Lifecycle ─────────────────────────────
+    connectedCallback() {
+        this.#mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+        this.#mediaHandler = () => {
+            if (this.#mode === "auto") {
+                this.#applyTheme();
+                this.#render();
+            }
+        };
+        this.#mediaQuery.addEventListener("change", this.#mediaHandler);
+        this.#applyTheme();
+        this.#render();
+    }
+    disconnectedCallback() {
+        if (this.#mediaQuery && this.#mediaHandler) {
+            this.#mediaQuery.removeEventListener("change", this.#mediaHandler);
+        }
+        this.#releaseScope();
+        _a.#syncSharedStyle();
+    }
+    attributeChangedCallback(name, oldVal, newVal) {
+        if (oldVal === newVal)
+            return;
+        switch (name) {
+            case "template":
+                this.#template = newVal || null;
+                this.#render();
+                break;
+            case "data":
+                this.#data = newVal ? JSON.parse(newVal) : null;
+                this.#render();
+                break;
+            case "theme":
+                this.#theme = newVal ? JSON.parse(newVal) : null;
+                this.#applyTheme();
+                this.#render();
+                break;
+            case "mode":
+                this.#mode = (newVal || "auto");
+                this.#applyTheme();
+                this.#render();
+                break;
+        }
+    }
+    // ── Theme → CSS Custom Properties ─────────
+    #isDark() {
+        if (this.#mode === "dark")
+            return true;
+        if (this.#mode === "light")
+            return false;
+        return this.#mediaQuery?.matches ?? false;
+    }
+    #applyTheme() {
+        if (!this.isConnected) {
+            if (!this.#theme) {
+                this.#releaseScope();
+                _a.#syncSharedStyle();
+            }
+            return;
+        }
+        if (this.#isDark()) {
+            this.setAttribute("data-jist-dark", "");
+        }
+        else {
+            this.removeAttribute("data-jist-dark");
+        }
+        if (!this.#theme) {
+            this.#releaseScope();
+            _a.#syncSharedStyle();
+            return;
+        }
+        // Clear existing jist custom properties
+        const toRemove = [];
+        for (let i = 0; i < this.style.length; i++) {
+            if (this.style[i].startsWith("--jist-"))
+                toRemove.push(this.style[i]);
+        }
+        toRemove.forEach((p) => this.style.removeProperty(p));
+        // Flatten base theme
+        this.#flatten(this.#theme, "--jist");
+        // Apply dark overrides if active
+        if (this.#isDark()) {
+            const darkOverrides = this.#theme.modes
+                ?.dark;
+            if (darkOverrides) {
+                this.#flatten(darkOverrides, "--jist");
+            }
+        }
+        // Generate variant CSS rules
+        this.#applyVariantCSS();
+    }
+    #flatten(obj, prefix) {
+        for (const [key, value] of Object.entries(obj)) {
+            if (key === "modes" || key.startsWith("$"))
+                continue;
+            const kebab = key.replace(/([A-Z])/g, "-$1").toLowerCase();
+            const prop = `${prefix}-${kebab}`;
+            if (value !== null && typeof value === "object" && !Array.isArray(value)) {
+                this.#flatten(value, prop);
+            }
+            else if (value !== null && value !== undefined && value !== "") {
+                // Numeric 0 on reset-capable properties means "back to normal" — set the
+                // CSS keyword so the var() chain is broken rather than inheriting the base.
+                const cssValue = value === 0 && ZERO_MEANS_NORMAL.has(key)
+                    ? "normal"
+                    : typeof value === "number" && !UNITLESS_KEYS.has(key)
+                        ? `${value}px`
+                        : String(value);
+                this.style.setProperty(prop, cssValue);
+            }
+        }
+    }
+    // ── Variant CSS Generation ────────────────
+    #applyVariantCSS() {
+        const unscopedRules = [];
+        const theme = this.#theme;
+        if (!theme)
+            return;
+        const dark = theme.modes?.dark;
+        for (const type of Object.keys(BASE_KEYS)) {
+            const base = theme[type];
+            const darkBase = dark?.[type];
+            const baseKeys = BASE_KEYS[type];
+            const variantNames = new Set();
+            for (const src of [base, darkBase]) {
+                if (!src)
+                    continue;
+                for (const key of Object.keys(src)) {
+                    if (!baseKeys.has(key) && !key.startsWith("$"))
+                        variantNames.add(key);
+                }
+            }
+            for (const variant of variantNames) {
+                const lightData = (base?.[variant] ?? {});
+                const darkData = (darkBase?.[variant] ?? {});
+                unscopedRules.push(this.#buildVariantRule(type, variant, lightData, darkData));
+            }
+        }
+        const unscopedCSS = unscopedRules.join("\n");
+        // Release previous scope before acquiring a new one
+        this.#releaseScope();
+        if (!unscopedCSS)
+            return;
+        let entry = _a.#scopes.get(unscopedCSS);
+        if (!entry) {
+            entry = { id: _a.#nextScopeId++, refs: 0 };
+            _a.#scopes.set(unscopedCSS, entry);
+        }
+        entry.refs++;
+        this.#scopeKey = unscopedCSS;
+        this.setAttribute("data-jist-v", String(entry.id));
+        _a.#syncSharedStyle();
+    }
+    #releaseScope() {
+        if (!this.#scopeKey)
+            return;
+        const entry = _a.#scopes.get(this.#scopeKey);
+        if (entry) {
+            entry.refs--;
+            if (entry.refs <= 0)
+                _a.#scopes.delete(this.#scopeKey);
+        }
+        this.#scopeKey = null;
+        this.removeAttribute("data-jist-v");
+    }
+    static #syncSharedStyle() {
+        if (_a.#scopes.size === 0) {
+            if (_a.#sharedStyle) {
+                _a.#sharedStyle.remove();
+                _a.#sharedStyle = null;
+            }
+            return;
+        }
+        if (!_a.#sharedStyle) {
+            _a.#sharedStyle = document.createElement("style");
+            _a.#sharedStyle.setAttribute("data-jist-variants", "");
+            document.head.appendChild(_a.#sharedStyle);
+        }
+        const parts = [];
+        for (const [unscopedCSS, { id }] of _a.#scopes) {
+            const scope = `[data-jist-v="${id}"]`;
+            parts.push(unscopedCSS.replace(/^(\.[a-z_-]+)/gm, `${scope} $1`));
+        }
+        _a.#sharedStyle.textContent = parts.join("\n");
+    }
+    #buildVariantRule(type, variant, lightData, darkData) {
+        const kebabVariant = variant.replace(/([A-Z])/g, "-$1").toLowerCase();
+        const cls = `.jist__${type}--${kebabVariant}`;
+        // Collect all leaf paths from the variant's theme data (union of light + dark)
+        const paths = new Set();
+        const collectPaths = (obj, prefix) => {
+            for (const [key, value] of Object.entries(obj)) {
+                if (key === "states" || key.startsWith("$"))
+                    continue;
+                const kebab = key.replace(/([A-Z])/g, "-$1").toLowerCase();
+                const path = prefix ? `${prefix}-${kebab}` : kebab;
+                if (value !== null && typeof value === "object" && !Array.isArray(value)) {
+                    collectPaths(value, path);
+                }
+                else {
+                    paths.add(path);
+                }
+            }
+        };
+        collectPaths(lightData, "");
+        collectPaths(darkData, "");
+        const lines = [];
+        for (const path of paths) {
+            const cssProp = PATH_TO_CSS[path];
+            if (!cssProp)
+                continue;
+            const variantVar = `--jist-${type}-${kebabVariant}-${path}`;
+            const baseVar = `--jist-${type}-${path}`;
+            lines.push(`  ${cssProp}: var(${variantVar}, var(${baseVar}));`);
+        }
+        // box-shadow is composite — emit if any shadow sub-property is defined
+        if (type === "button" && [...paths].some((p) => p.startsWith("shadow-"))) {
+            const shadowParts = SHADOW_PARTS.map((part) => {
+                const variantVar = `--jist-button-${kebabVariant}-${part}`;
+                const baseVar = `--jist-button-${part}`;
+                return `var(${variantVar}, var(${baseVar}, ${SHADOW_DEFAULTS[part]}))`;
+            });
+            lines.push(`  box-shadow: ${shadowParts.join(" ")};`);
+        }
+        let css = `${cls} {\n${lines.join("\n")}\n}`;
+        // Button state pseudo-classes
+        if (type === "button") {
+            const hasStates = lightData.states
+                || darkData.states;
+            if (hasStates) {
+                for (const state of BUTTON_STATES) {
+                    const lightState = lightData.states?.[state];
+                    const darkState = darkData.states?.[state];
+                    if (!lightState && !darkState)
+                        continue;
+                    const stateLines = [];
+                    for (const [cssProp, suffix] of BUTTON_STATE_PROPS) {
+                        const vs = `--jist-button-${kebabVariant}-states-${state}-${suffix}`;
+                        const bs = `--jist-button-states-${state}-${suffix}`;
+                        const vb = `--jist-button-${kebabVariant}-${suffix}`;
+                        const bb = `--jist-button-${suffix}`;
+                        stateLines.push(`  ${cssProp}: var(${vs}, var(${bs}, var(${vb}, var(${bb}))));`);
+                    }
+                    const pseudo = state === "disabled" ? ":disabled" : `:${state}`;
+                    css += `\n${cls}${pseudo} {\n${stateLines.join("\n")}\n}`;
+                }
+            }
+        }
+        return css;
+    }
+    // ── Rendering ─────────────────────────────
+    #render() {
+        if (!this.#template || !this.#data)
+            return;
+        if (!this.isConnected)
+            return;
+        const tmpl = this.#templates[this.#template];
+        if (!tmpl) {
+            this.innerHTML = "";
+            return;
+        }
+        const renderer = new JistRenderer({
+            formatDate: this.#formatDate || undefined,
+            templates: this.#templates,
+            onAction: (detail) => {
+                // Property callback
+                if (this.#onAction)
+                    this.#onAction(detail);
+                // CustomEvent (without DOM event in detail — not cloneable)
+                this.dispatchEvent(new CustomEvent("jist-action", {
+                    bubbles: true,
+                    detail: {
+                        component: detail.component,
+                        name: detail.name,
+                        data: detail.data,
+                        meta: detail.meta,
+                    },
+                }));
+            },
+        });
+        this.innerHTML = "";
+        const dom = renderer.render(tmpl.root, this.#data);
+        if (dom)
+            this.appendChild(dom);
+    }
+}
+_a = JistTemplateElement;
+customElements.define("jist-template", JistTemplateElement);
+export default JistTemplateElement;
+export { JistRenderer };
+//# sourceMappingURL=jist-element.js.map

package/dist/jist-element.js.map

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

package/dist/jist-renderer.d.ts

@@ -0,0 +1,99 @@
+export interface JistSpacing {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+}
+export interface JistLayoutNode {
+    type: "layout";
+    direction: "vertical" | "horizontal";
+    gap?: number;
+    align?: string;
+    justify?: string;
+    margin?: JistSpacing;
+    children: JistNode[];
+}
+export interface JistActionNode {
+    type: "action";
+    name: string;
+    meta?: Record<string, unknown>;
+    children: JistNode[];
+}
+export interface JistHeadingNode {
+    type: "heading";
+    name?: string;
+    variant?: "h2" | "h3" | "h4";
+}
+export interface JistTextNode {
+    type: "text";
+    name?: string;
+    variant?: string;
+}
+export interface JistDateNode {
+    type: "date";
+    name?: string;
+    variant?: string;
+}
+export interface JistButtonNode {
+    type: "button";
+    name: string;
+    variant?: string;
+    meta?: Record<string, unknown>;
+}
+export interface JistImageNode {
+    type: "image";
+    name: string;
+    variant?: string;
+    width?: number | "fill";
+    height?: number;
+    objectFit?: "contain" | "cover" | "fill";
+    borderRadius?: number;
+}
+export interface JistDynamicLayoutNode {
+    type: "dynamicLayout";
+    name: string;
+    direction?: "vertical" | "horizontal";
+    gap?: number;
+    align?: string;
+    justify?: string;
+    margin?: JistSpacing;
+    template: JistNode;
+}
+export interface JistTemplateNode {
+    type: "template";
+    name: string;
+}
+export type JistNode = JistLayoutNode | JistActionNode | JistHeadingNode | JistTextNode | JistDateNode | JistButtonNode | JistImageNode | JistDynamicLayoutNode | JistTemplateNode;
+export interface JistTemplate {
+    version: string;
+    root: JistNode;
+}
+export interface JistButtonData {
+    label: string;
+    url: string;
+    disabled?: boolean;
+}
+export type JistData = Record<string, unknown>;
+export interface JistActionEvent {
+    component: "button" | "action";
+    name: string;
+    data: unknown;
+    meta: Record<string, unknown> | null;
+    event?: Event;
+}
+export type JistFormatDate = (isoString: string, name: string) => string;
+export type JistOnAction = (event: JistActionEvent) => void;
+export interface JistRendererOptions {
+    formatDate?: JistFormatDate;
+    onAction?: JistOnAction;
+    templates?: Record<string, JistTemplate>;
+}
+export default class JistRenderer {
+    #private;
+    constructor({ formatDate, onAction, templates }?: JistRendererOptions);
+    /**
+     * Recursively builds a DOM tree from a JSON template node.
+     */
+    render(node: JistNode, data: JistData): HTMLElement | null;
+}
+//# sourceMappingURL=jist-renderer.d.ts.map

package/dist/jist-renderer.d.ts.map

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

package/dist/jist-renderer.js

@@ -0,0 +1,278 @@
+/* ═══════════════════════════════════════════
+   Jist Renderer
+   Converts JSON template trees into DOM nodes
+   ═══════════════════════════════════════════ */
+// ── Constants ──────────────────────────────
+const CLASS_PREFIX = "jist";
+const ALIGN_MAP = {
+    start: "flex-start",
+    end: "flex-end",
+    center: "center",
+    stretch: "stretch",
+    baseline: "baseline",
+};
+const JUSTIFY_MAP = {
+    start: "flex-start",
+    end: "flex-end",
+    center: "center",
+    "space-between": "space-between",
+    "space-around": "space-around",
+    "space-evenly": "space-evenly",
+};
+function px(value) {
+    if (typeof value === "number")
+        return `${value}px`;
+    if (value === "fill")
+        return "100%";
+    return value;
+}
+function defaultFormatDate(iso) {
+    try {
+        return new Date(iso).toLocaleDateString(navigator.language);
+    }
+    catch {
+        return iso;
+    }
+}
+// ── Renderer ───────────────────────────────
+const MAX_TEMPLATE_DEPTH = 10;
+export default class JistRenderer {
+    #formatDate;
+    #onAction;
+    #templates;
+    #templateDepth = 0;
+    constructor({ formatDate, onAction, templates } = {}) {
+        this.#formatDate = formatDate || defaultFormatDate;
+        this.#onAction = onAction || null;
+        this.#templates = templates || {};
+    }
+    /**
+     * Recursively builds a DOM tree from a JSON template node.
+     */
+    render(node, data) {
+        if (!node)
+            return null;
+        switch (node.type) {
+            case "layout":
+                return this.#buildLayout(node, data);
+            case "action":
+                return this.#buildAction(node, data);
+            case "heading":
+                return this.#buildHeading(node, data);
+            case "text":
+                return this.#buildText("p", node, data);
+            case "date":
+                return this.#buildDate(node, data);
+            case "button":
+                return this.#buildButton(node, data);
+            case "image":
+                return this.#buildImage(node, data);
+            case "dynamicLayout":
+                return this.#buildDynamicLayout(node, data);
+            case "template":
+                return this.#buildTemplate(node, data);
+            default:
+                return null; // Unknown component — skip (forward compatibility)
+        }
+    }
+    // ── Layout ────────────────────────────────
+    #buildLayout(node, data) {
+        const el = document.createElement("div");
+        el.style.display = "flex";
+        el.style.flexDirection = node.direction === "horizontal" ? "row" : "column";
+        if (node.gap)
+            el.style.gap = px(node.gap);
+        if (node.align)
+            el.style.alignItems = ALIGN_MAP[node.align] || node.align;
+        if (node.justify)
+            el.style.justifyContent = JUSTIFY_MAP[node.justify] || node.justify;
+        if (node.margin) {
+            if (node.margin.top)
+                el.style.marginTop = px(node.margin.top);
+            if (node.margin.right)
+                el.style.marginRight = px(node.margin.right);
+            if (node.margin.bottom)
+                el.style.marginBottom = px(node.margin.bottom);
+            if (node.margin.left)
+                el.style.marginLeft = px(node.margin.left);
+        }
+        const isHorizontal = node.direction === "horizontal";
+        const needsFlex = isHorizontal && (!node.justify || node.justify === "start");
+        const textAlign = !isHorizontal && node.align === "center" ? "center"
+            : !isHorizontal && node.align === "end" ? "right"
+                : "";
+        for (const child of node.children || []) {
+            const childEl = this.render(child, data);
+            if (childEl) {
+                if (needsFlex && child.type === "layout") {
+                    childEl.style.flex = "1";
+                    childEl.style.minWidth = "0";
+                }
+                if (textAlign)
+                    childEl.style.textAlign = textAlign;
+                el.appendChild(childEl);
+            }
+        }
+        return el;
+    }
+    // ── Action (clickable wrapper) ────────────
+    #buildAction(node, data) {
+        const name = node.name || "action";
+        const el = document.createElement("div");
+        this.#applyClasses(el, "action", name);
+        el.setAttribute("role", "button");
+        el.setAttribute("tabindex", "0");
+        for (const child of node.children || []) {
+            const childEl = this.render(child, data);
+            if (childEl)
+                el.appendChild(childEl);
+        }
+        const actionData = data[name];
+        const meta = node.meta || null;
+        if (this.#onAction) {
+            const onAction = this.#onAction;
+            const handler = (e) => {
+                e.stopPropagation();
+                onAction({
+                    component: "action",
+                    name,
+                    data: actionData,
+                    meta,
+                    event: e,
+                });
+            };
+            el.addEventListener("click", handler);
+            el.addEventListener("keydown", (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                    e.preventDefault();
+                    handler(e);
+                }
+            });
+        }
+        return el;
+    }
+    // ── Heading ───────────────────────────────
+    #buildHeading(node, data) {
+        const variant = node.variant || "h3";
+        return this.#buildText(variant, node, data, variant);
+    }
+    // ── Text (heading, body) ──────────────────
+    #buildText(tag, node, data, variant) {
+        const name = node.name || node.type;
+        const el = document.createElement(tag);
+        this.#applyClasses(el, node.type, name, variant || node.variant);
+        el.textContent = data[name] || "";
+        return el;
+    }
+    // ── Date ──────────────────────────────────
+    #buildDate(node, data) {
+        const name = node.name || "date";
+        const el = document.createElement("time");
+        this.#applyClasses(el, "date", name, node.variant);
+        const value = data[name];
+        el.textContent = value ? this.#formatDate(value, name) : "";
+        return el;
+    }
+    // ── Button ────────────────────────────────
+    #buildButton(node, data) {
+        const name = node.name || "button";
+        const buttonData = data[name];
+        if (!buttonData)
+            return null;
+        const el = document.createElement("button");
+        this.#applyClasses(el, "button", name, node.variant);
+        el.textContent = buttonData.label;
+        if (buttonData.disabled)
+            el.disabled = true;
+        const meta = node.meta || null;
+        el.addEventListener("click", (e) => {
+            e.stopPropagation();
+            if (this.#onAction) {
+                this.#onAction({
+                    component: "button",
+                    name,
+                    data: buttonData,
+                    meta,
+                    event: e,
+                });
+            }
+        });
+        return el;
+    }
+    // ── Image ─────────────────────────────────
+    #buildImage(node, data) {
+        const name = node.name || "image";
+        const src = data[name];
+        if (!src)
+            return null;
+        const wrapper = document.createElement("div");
+        this.#applyClasses(wrapper, "image", name, node.variant);
+        wrapper.style.overflow = "hidden";
+        const el = document.createElement("img");
+        el.src = src;
+        el.alt = data.title || "";
+        el.style.display = "block";
+        if (node.width)
+            el.style.width = px(node.width);
+        if (node.height)
+            el.style.height = px(node.height);
+        if (node.objectFit)
+            el.style.objectFit = node.objectFit;
+        if (node.borderRadius)
+            el.style.borderRadius = px(node.borderRadius);
+        wrapper.appendChild(el);
+        return wrapper;
+    }
+    // ── Dynamic Layout (repeating container) ───
+    #buildDynamicLayout(node, data) {
+        const items = data[node.name];
+        if (!Array.isArray(items))
+            return null;
+        const el = document.createElement("div");
+        const direction = node.direction || "vertical";
+        el.style.display = "flex";
+        el.style.flexDirection = direction === "horizontal" ? "row" : "column";
+        if (node.gap)
+            el.style.gap = px(node.gap);
+        if (node.align)
+            el.style.alignItems = ALIGN_MAP[node.align] || node.align;
+        if (node.justify)
+            el.style.justifyContent = JUSTIFY_MAP[node.justify] || node.justify;
+        if (node.margin) {
+            if (node.margin.top)
+                el.style.marginTop = px(node.margin.top);
+            if (node.margin.right)
+                el.style.marginRight = px(node.margin.right);
+            if (node.margin.bottom)
+                el.style.marginBottom = px(node.margin.bottom);
+            if (node.margin.left)
+                el.style.marginLeft = px(node.margin.left);
+        }
+        for (const item of items) {
+            const itemData = (typeof item === "object" && item !== null) ? item : {};
+            const childEl = this.render(node.template, itemData);
+            if (childEl)
+                el.appendChild(childEl);
+        }
+        return el;
+    }
+    // ── Ref (template reference) ───────────────
+    #buildTemplate(node, data) {
+        const template = this.#templates[node.name];
+        if (!template || this.#templateDepth >= MAX_TEMPLATE_DEPTH)
+            return null;
+        this.#templateDepth++;
+        const result = this.render(template.root, data);
+        this.#templateDepth--;
+        return result;
+    }
+    // ── Helpers ───────────────────────────────
+    #applyClasses(el, type, name, variant) {
+        el.classList.add(`${CLASS_PREFIX}__${type}`);
+        if (variant)
+            el.classList.add(`${CLASS_PREFIX}__${type}--${variant}`);
+        if (name !== type)
+            el.classList.add(`${CLASS_PREFIX}__${name}`);
+    }
+}
+//# sourceMappingURL=jist-renderer.js.map

package/dist/jist-renderer.js.map

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

package/dist/jist.css

@@ -0,0 +1,187 @@
+/* ═══════════════════════════════════════════
+   Jist Template Styles
+   ═══════════════════════════════════════════ */
+
+/* ── Host Element ───────────────────────── */
+
+jist-template {
+  display: block;
+}
+
+/* ── Base Reset ─────────────────────────── */
+
+.jist__heading,
+.jist__text,
+.jist__date {
+  margin: 0;
+  padding: 0;
+}
+
+/* ── Heading ────────────────────────────── */
+
+.jist__heading {
+  font-size: var(--jist-heading-text-font-size, 16px);
+  font-weight: var(--jist-heading-text-font-weight, 600);
+  color: var(--jist-heading-text-color, #000000);
+  font-family: var(--jist-heading-text-font-family, inherit);
+  line-height: var(--jist-heading-text-line-height, 1.3);
+  letter-spacing: var(--jist-heading-text-letter-spacing, normal);
+  padding-top: var(--jist-heading-padding-top, 0);
+  padding-right: var(--jist-heading-padding-right, 0);
+  padding-bottom: var(--jist-heading-padding-bottom, 0);
+  padding-left: var(--jist-heading-padding-left, 0);
+  margin-top: var(--jist-heading-margin-top, 0);
+  margin-right: var(--jist-heading-margin-right, 0);
+  margin-bottom: var(--jist-heading-margin-bottom, 0);
+  margin-left: var(--jist-heading-margin-left, 0);
+  /* Line clamping — active when --jist-heading-text-max-lines is set */
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: var(--jist-heading-text-max-lines, none);
+  overflow: hidden;
+}
+
+/* ── Text ───────────────────────────────── */
+
+.jist__text {
+  font-size: var(--jist-text-text-font-size, 14px);
+  font-weight: var(--jist-text-text-font-weight, 400);
+  color: var(--jist-text-text-color, #000000);
+  font-family: var(--jist-text-text-font-family, inherit);
+  line-height: var(--jist-text-text-line-height, 1.5);
+  letter-spacing: var(--jist-text-text-letter-spacing, normal);
+  padding-top: var(--jist-text-padding-top, 0);
+  padding-right: var(--jist-text-padding-right, 0);
+  padding-bottom: var(--jist-text-padding-bottom, 0);
+  padding-left: var(--jist-text-padding-left, 0);
+  margin-top: var(--jist-text-margin-top, 0);
+  margin-right: var(--jist-text-margin-right, 0);
+  margin-bottom: var(--jist-text-margin-bottom, 0);
+  margin-left: var(--jist-text-margin-left, 0);
+  /* Line clamping — active when --jist-text-text-max-lines is set */
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: var(--jist-text-text-max-lines, none);
+  overflow: hidden;
+}
+
+/* ── Date ───────────────────────────────── */
+
+.jist__date {
+  font-size: var(--jist-date-text-font-size, 12px);
+  font-weight: var(--jist-date-text-font-weight, 400);
+  color: var(--jist-date-text-color, #000000);
+  font-family: var(--jist-date-text-font-family, inherit);
+  line-height: var(--jist-date-text-line-height, 1.4);
+  letter-spacing: var(--jist-date-text-letter-spacing, normal);
+  padding-top: var(--jist-date-padding-top, 0);
+  padding-right: var(--jist-date-padding-right, 0);
+  padding-bottom: var(--jist-date-padding-bottom, 0);
+  padding-left: var(--jist-date-padding-left, 0);
+  margin-top: var(--jist-date-margin-top, 0);
+  margin-right: var(--jist-date-margin-right, 0);
+  margin-bottom: var(--jist-date-margin-bottom, 0);
+  margin-left: var(--jist-date-margin-left, 0);
+}
+
+/* ── Button ─────────────────────────────── */
+
+.jist__button {
+  appearance: none;
+  -webkit-appearance: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border: none;
+  font-size: var(--jist-button-text-font-size, 14px);
+  font-weight: var(--jist-button-text-font-weight, 500);
+  color: var(--jist-button-text-color, #ffffff);
+  font-family: var(--jist-button-text-font-family, inherit);
+  line-height: var(--jist-button-text-line-height, 1);
+  background-color: var(--jist-button-background-color, #4f46e5);
+  border-width: var(--jist-button-border-width, 0);
+  border-style: solid;
+  border-color: var(--jist-button-border-color, transparent);
+  border-radius: var(--jist-button-border-radius, 6px);
+  box-shadow:
+    var(--jist-button-shadow-offset-x, 0)
+    var(--jist-button-shadow-offset-y, 0)
+    var(--jist-button-shadow-blur, 0)
+    var(--jist-button-shadow-color, transparent);
+  padding-top: var(--jist-button-padding-top, 8px);
+  padding-right: var(--jist-button-padding-right, 16px);
+  padding-bottom: var(--jist-button-padding-bottom, 8px);
+  padding-left: var(--jist-button-padding-left, 16px);
+  margin-top: var(--jist-button-margin-top, 0);
+  margin-right: var(--jist-button-margin-right, 0);
+  margin-bottom: var(--jist-button-margin-bottom, 0);
+  margin-left: var(--jist-button-margin-left, 0);
+  min-width: var(--jist-button-min-width, 0);
+  min-height: var(--jist-button-min-height, 0);
+  transition: background-color 0.15s ease, color 0.15s ease,
+              border-color 0.15s ease, box-shadow 0.15s ease;
+}
+
+.jist__button:hover {
+  background-color: var(--jist-button-states-hover-background-color,
+                    var(--jist-button-background-color, #4338ca));
+  color: var(--jist-button-states-hover-text-color,
+         var(--jist-button-text-color, #ffffff));
+}
+
+.jist__button:active {
+  background-color: var(--jist-button-states-active-background-color,
+                    var(--jist-button-background-color, #3730a3));
+  color: var(--jist-button-states-active-text-color,
+         var(--jist-button-text-color, #ffffff));
+}
+
+.jist__button:disabled {
+  background-color: var(--jist-button-states-disabled-background-color,
+                    var(--jist-button-background-color, #c7d2fe));
+  color: var(--jist-button-states-disabled-text-color,
+         var(--jist-button-text-color, #a5b4fc));
+  cursor: not-allowed;
+}
+
+/* ── Image ──────────────────────────────── */
+
+.jist__image {
+  display: block;
+  max-width: 100%;
+  overflow: hidden;
+  border-radius: var(--jist-image-border-radius, 0);
+  padding-top: var(--jist-image-padding-top, 0);
+  padding-right: var(--jist-image-padding-right, 0);
+  padding-bottom: var(--jist-image-padding-bottom, 0);
+  padding-left: var(--jist-image-padding-left, 0);
+  margin-top: var(--jist-image-margin-top, 0);
+  margin-right: var(--jist-image-margin-right, 0);
+  margin-bottom: var(--jist-image-margin-bottom, 0);
+  margin-left: var(--jist-image-margin-left, 0);
+}
+
+.jist__image img {
+  border-radius: inherit;
+}
+
+/* ── Dark Mode Defaults ────────────────── */
+
+[data-jist-dark] .jist__heading { color: var(--jist-heading-text-color, #ffffff); }
+[data-jist-dark] .jist__text { color: var(--jist-text-text-color, #ffffff); }
+[data-jist-dark] .jist__date { color: var(--jist-date-text-color, #ffffff); }
+[data-jist-dark] .jist__button { color: var(--jist-button-text-color, #ffffff); }
+
+/* ── Action (clickable wrapper) ─────────── */
+
+.jist__action {
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.jist__action:focus-visible {
+  outline: 2px solid var(--jist-button-background-color, #4f46e5);
+  outline-offset: 2px;
+  border-radius: 4px;
+}

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@customerio/jist",
+  "version": "0.1.0",
+  "description": "Cross-platform JSON template renderer — web custom element. Renders Jist template trees into native DOM.",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/jist-element.js",
+  "module": "./dist/jist-element.js",
+  "types": "./dist/jist-element.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/jist-element.d.ts",
+      "import": "./dist/jist-element.js"
+    },
+    "./renderer": {
+      "types": "./dist/jist-renderer.d.ts",
+      "import": "./dist/jist-renderer.js"
+    },
+    "./jist.css": "./dist/jist.css"
+  },
+  "sideEffects": [
+    "./dist/jist-element.js",
+    "./dist/jist.css"
+  ],
+  "scripts": {
+    "build": "tsc && cp src/jist.css dist/jist.css && cp ../LICENSE dist/LICENSE",
+    "test": "playwright test",
+    "prepublishOnly": "npm run build"
+  },
+  "author": "Customer.io (https://customer.io)",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/customerio/jist.git",
+    "directory": "web"
+  },
+  "bugs": {
+    "url": "https://github.com/customerio/jist/issues"
+  },
+  "homepage": "https://github.com/customerio/jist/tree/main/web",
+  "keywords": [
+    "jist",
+    "templates",
+    "in-app",
+    "messages",
+    "web-components",
+    "custom-element",
+    "customerio"
+  ],
+  "devDependencies": {
+    "@playwright/test": "^1.52.0",
+    "serve": "^14.2.4",
+    "typescript": "^5.7.0"
+  }
+}