gg-wf-scripts 2.5.0 → 3.0.0

package/README.md

@@ -318,6 +318,39 @@ app.addAction("delete_post", async ({ sb }, { id }) => {
 });
 ```
 
+### Loading states
+
+While an action, query, or form action is in flight, the engine sets `gg-loading="true"` on the relevant element so you can style spinners, skeletons, or disabled visuals purely in CSS.
+
+| Trigger | Where `gg-loading` is set | Disabled? |
+|---|---|---|
+| `gg-action` | The trigger element itself | Native `disabled` is set if it's a `<button>` or `<input>` |
+| `gg-data` / `gg-data-list` / `gg-data-form` | The container | n/a (not click-triggered) |
+| `gg-form-action` | The `<form>` and every submit control inside it (`button[type="submit"]`, untyped `<button>`, `input[type="submit"]`) | Submit controls get native `disabled` |
+
+Re-clicks on a loading `gg-action` and re-submits on a loading `gg-form-action` are ignored. The attribute is removed in a `finally` block, so it's cleared even if the handler throws.
+
+Style with CSS:
+
+```css
+[gg-loading] { opacity: 0.6; pointer-events: none; }
+[gg-loading]::after { content: " ⟳"; }
+```
+
+### Confirm prompts
+
+Add `gg-confirm` to a `gg-action` trigger or `gg-form-action` form to require a `window.confirm` dialog before the handler runs. If the user cancels, the action is skipped (and form submission is prevented). Customize the prompt text with `gg-confirm-text`; if omitted it defaults to `"Are you sure?"`.
+
+```html
+<button gg-action="delete_post" gg-confirm gg-confirm-text="Delete this post?">
+  Delete
+</button>
+
+<form gg-form-action="wipe_account" gg-confirm gg-confirm-text="This cannot be undone. Continue?">
+  ...
+</form>
+```
+
 ## Config
 
 ### `init(options)`

package/dist/action-engine.d.ts

@@ -0,0 +1,2 @@
+import type { ActionEngineDeps } from "./engine-deps.js";
+export declare function initActionEngine<TContext>(deps: ActionEngineDeps<TContext>): () => void;

package/dist/action-engine.js

@@ -0,0 +1,97 @@
+import { ATTR, SEL } from "./attrs.js";
+import { runHandler } from "./helpers/run-handler.js";
+import { runWithLoading } from "./helpers/run-with-loading.js";
+import { getParams } from "./query-params.js";
+function parseActionData(el) {
+    const attr = el.getAttribute(ATTR.actionData);
+    if (!attr)
+        return {};
+    const data = {};
+    attr
+        .split(",")
+        .filter(Boolean)
+        .forEach((pair) => {
+        const [key, value] = pair.split(":");
+        if (key?.trim())
+            data[key.trim()] = value?.trim() ?? "";
+    });
+    return data;
+}
+function findRecord(el) {
+    let node = el.parentElement;
+    while (node) {
+        if (node.__ggRecord)
+            return node.__ggRecord;
+        node = node.parentElement;
+    }
+    return null;
+}
+async function handleAction(el, deps) {
+    if (el.hasAttribute(ATTR.loading))
+        return;
+    const id = el.getAttribute(ATTR.action);
+    if (!id)
+        return;
+    const action = deps.actions[id];
+    if (!action) {
+        console.warn(`[gg-action] no action registered for "${id}"`);
+        deps.emitError({
+            prefix: "[gg-action]",
+            id,
+            error: "no action registered",
+            fields: { trigger: el },
+        });
+        return;
+    }
+    if (el.hasAttribute(ATTR.confirm)) {
+        const text = el.getAttribute(ATTR.confirmText) || "Are you sure?";
+        if (!window.confirm(text))
+            return;
+    }
+    const record = findRecord(el);
+    const explicit = parseActionData(el);
+    const data = record ? { ...record, ...explicit } : explicit;
+    const params = getParams();
+    const result = await runWithLoading([el], () => runHandler({
+        prefix: "[gg-action]",
+        id,
+        fields: { trigger: el, data, params: Object.fromEntries(params) },
+        debug: deps.debug,
+        emitError: deps.emitError,
+    }, () => action(deps.context, data, params)));
+    if (!result.ok)
+        return;
+    if (result.value && result.value.ok === false) {
+        const failure = result.value;
+        console.warn(`[gg-action] "${id}" failed:`, failure.error ?? "unknown error");
+        deps.emitError({
+            prefix: "[gg-action]",
+            id,
+            error: failure.error ?? "unknown error",
+            fields: { trigger: el, data },
+        });
+    }
+}
+export function initActionEngine(deps) {
+    const onClick = (e) => {
+        const target = e.target;
+        if (!(target instanceof Element))
+            return;
+        const trigger = target.closest(SEL.action);
+        if (trigger)
+            handleAction(trigger, deps);
+    };
+    const onShadowClick = (e) => {
+        const detail = e.detail;
+        const trigger = detail?.target?.closest?.(SEL.action);
+        if (trigger)
+            handleAction(trigger, deps);
+    };
+    document.addEventListener("click", onClick);
+    document.addEventListener("gg:shadow:click", onShadowClick);
+    return () => {
+        document.removeEventListener("click", onClick);
+        document.removeEventListener("gg:shadow:click", onShadowClick);
+    };
+}
+//# sourceMappingURL=action-engine.js.map

package/dist/action-engine.js.map

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

package/dist/actions.d.ts

@@ -0,0 +1,5 @@
+export type ActionResult = {
+    ok: boolean;
+    error?: unknown;
+};
+export type Action<TContext = unknown, TData extends Record<string, unknown> = Record<string, unknown>> = (context: TContext, data: TData, params: URLSearchParams) => Promise<ActionResult | void> | ActionResult | void;

package/dist/actions.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=actions.js.map

package/dist/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":""}

package/dist/attrs.d.ts

@@ -0,0 +1,59 @@
+/**
+ * Single source of truth for every gg-* attribute the library reads or writes.
+ * Engines should reference these constants instead of inline string literals so
+ * the attribute vocabulary stays discoverable and renameable.
+ */
+export declare const ATTR: {
+    readonly action: "gg-action";
+    readonly actionData: "gg-action-data";
+    readonly formAction: "gg-form-action";
+    readonly data: "gg-data";
+    readonly dataList: "gg-data-list";
+    readonly dataForm: "gg-data-form";
+    readonly dataOn: "gg-data-on";
+    readonly dataKey: "gg-data-key";
+    readonly dataValue: "gg-data-value";
+    readonly field: "gg-field";
+    readonly listTemplate: "gg-list-template";
+    readonly formFieldError: "gg-form-field-error";
+    readonly formFieldInvalid: "gg-form-field-invalid";
+    readonly formError: "gg-form-error";
+    readonly formErrorList: "gg-form-error-list";
+    readonly formScope: "gg-form-scope";
+    readonly switchState: "gg-switch-state";
+    readonly switchField: "gg-switch-field";
+    readonly switchQuery: "gg-switch-query";
+    readonly case: "gg-case";
+    readonly visibleWhen: "gg-visible-when";
+    readonly queryBind: "gg-query-bind";
+    readonly queryDebounce: "gg-query-debounce";
+    readonly querySet: "gg-query-set";
+    readonly queryRemove: "gg-query-remove";
+    readonly loading: "gg-loading";
+    readonly confirm: "gg-confirm";
+    readonly confirmText: "gg-confirm-text";
+    readonly auth: "gg-auth";
+    readonly role: "gg-role";
+};
+export declare const SEL: {
+    readonly action: "[gg-action]";
+    readonly formAction: "form[gg-form-action]";
+    readonly data: "[gg-data]";
+    readonly dataList: "[gg-data-list]";
+    readonly dataForm: "[gg-data-form]";
+    readonly dataAny: "[gg-data], [gg-data-list], [gg-data-form]";
+    readonly dataAnyOn: "[gg-data][gg-data-on], [gg-data-list][gg-data-on], [gg-data-form][gg-data-on]";
+    readonly dataKey: "[gg-data-key]";
+    readonly field: "[gg-field]";
+    readonly listTemplate: "[gg-list-template]";
+    readonly switchState: "[gg-switch-state]";
+    readonly switchField: "[gg-switch-field]";
+    readonly switchQuery: "[gg-switch-query]";
+    readonly visibleWhen: "[gg-visible-when]";
+    readonly queryBind: "[gg-query-bind]";
+    readonly formScopeOrForm: "[gg-form-scope], form";
+    readonly formFieldInvalid: "[gg-form-field-invalid]";
+    readonly formFieldError: "[gg-form-field-error]";
+    readonly formError: "[gg-form-error]";
+    readonly formErrorList: "[gg-form-error-list]";
+};

package/dist/attrs.js

@@ -0,0 +1,67 @@
+/**
+ * Single source of truth for every gg-* attribute the library reads or writes.
+ * Engines should reference these constants instead of inline string literals so
+ * the attribute vocabulary stays discoverable and renameable.
+ */
+export const ATTR = {
+    // Actions
+    action: "gg-action",
+    actionData: "gg-action-data",
+    formAction: "gg-form-action",
+    // Data binding
+    data: "gg-data",
+    dataList: "gg-data-list",
+    dataForm: "gg-data-form",
+    dataOn: "gg-data-on",
+    dataKey: "gg-data-key",
+    dataValue: "gg-data-value",
+    field: "gg-field",
+    listTemplate: "gg-list-template",
+    // Form errors
+    formFieldError: "gg-form-field-error",
+    formFieldInvalid: "gg-form-field-invalid",
+    formError: "gg-form-error",
+    formErrorList: "gg-form-error-list",
+    formScope: "gg-form-scope",
+    // Switcher
+    switchState: "gg-switch-state",
+    switchField: "gg-switch-field",
+    switchQuery: "gg-switch-query",
+    case: "gg-case",
+    // Visibility
+    visibleWhen: "gg-visible-when",
+    // URL params
+    queryBind: "gg-query-bind",
+    queryDebounce: "gg-query-debounce",
+    querySet: "gg-query-set",
+    queryRemove: "gg-query-remove",
+    // Status
+    loading: "gg-loading",
+    confirm: "gg-confirm",
+    confirmText: "gg-confirm-text",
+    auth: "gg-auth",
+    role: "gg-role",
+};
+export const SEL = {
+    action: `[${ATTR.action}]`,
+    formAction: `form[${ATTR.formAction}]`,
+    data: `[${ATTR.data}]`,
+    dataList: `[${ATTR.dataList}]`,
+    dataForm: `[${ATTR.dataForm}]`,
+    dataAny: `[${ATTR.data}], [${ATTR.dataList}], [${ATTR.dataForm}]`,
+    dataAnyOn: `[${ATTR.data}][${ATTR.dataOn}], [${ATTR.dataList}][${ATTR.dataOn}], [${ATTR.dataForm}][${ATTR.dataOn}]`,
+    dataKey: `[${ATTR.dataKey}]`,
+    field: `[${ATTR.field}]`,
+    listTemplate: `[${ATTR.listTemplate}]`,
+    switchState: `[${ATTR.switchState}]`,
+    switchField: `[${ATTR.switchField}]`,
+    switchQuery: `[${ATTR.switchQuery}]`,
+    visibleWhen: `[${ATTR.visibleWhen}]`,
+    queryBind: `[${ATTR.queryBind}]`,
+    formScopeOrForm: `[${ATTR.formScope}], form`,
+    formFieldInvalid: `[${ATTR.formFieldInvalid}]`,
+    formFieldError: `[${ATTR.formFieldError}]`,
+    formError: `[${ATTR.formError}]`,
+    formErrorList: `[${ATTR.formErrorList}]`,
+};
+//# sourceMappingURL=attrs.js.map

package/dist/attrs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.js","sourceRoot":"","sources":["../src/attrs.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,UAAU;IACV,MAAM,EAAE,WAAW;IACnB,UAAU,EAAE,gBAAgB;IAC5B,UAAU,EAAE,gBAAgB;IAE5B,eAAe;IACf,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,cAAc;IACxB,QAAQ,EAAE,cAAc;IACxB,MAAM,EAAE,YAAY;IACpB,OAAO,EAAE,aAAa;IACtB,SAAS,EAAE,eAAe;IAC1B,KAAK,EAAE,UAAU;IACjB,YAAY,EAAE,kBAAkB;IAEhC,cAAc;IACd,cAAc,EAAE,qBAAqB;IACrC,gBAAgB,EAAE,uBAAuB;IACzC,SAAS,EAAE,eAAe;IAC1B,aAAa,EAAE,oBAAoB;IACnC,SAAS,EAAE,eAAe;IAE1B,WAAW;IACX,WAAW,EAAE,iBAAiB;IAC9B,WAAW,EAAE,iBAAiB;IAC9B,WAAW,EAAE,iBAAiB;IAC9B,IAAI,EAAE,SAAS;IAEf,aAAa;IACb,WAAW,EAAE,iBAAiB;IAE9B,aAAa;IACb,SAAS,EAAE,eAAe;IAC1B,aAAa,EAAE,mBAAmB;IAClC,QAAQ,EAAE,cAAc;IACxB,WAAW,EAAE,iBAAiB;IAE9B,SAAS;IACT,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;IACrB,WAAW,EAAE,iBAAiB;IAC9B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;CACP,CAAC;AAEX,MAAM,CAAC,MAAM,GAAG,GAAG;IACjB,MAAM,EAAE,IAAI,IAAI,CAAC,MAAM,GAAG;IAC1B,UAAU,EAAE,QAAQ,IAAI,CAAC,UAAU,GAAG;IACtC,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,GAAG;IACtB,QAAQ,EAAE,IAAI,IAAI,CAAC,QAAQ,GAAG;IAC9B,QAAQ,EAAE,IAAI,IAAI,CAAC,QAAQ,GAAG;IAC9B,OAAO,EAAE,IAAI,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,QAAQ,OAAO,IAAI,CAAC,QAAQ,GAAG;IACjE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,MAAM,OAAO,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,MAAM,OAAO,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,MAAM,GAAG;IACnH,OAAO,EAAE,IAAI,IAAI,CAAC,OAAO,GAAG;IAC5B,KAAK,EAAE,IAAI,IAAI,CAAC,KAAK,GAAG;IACxB,YAAY,EAAE,IAAI,IAAI,CAAC,YAAY,GAAG;IACtC,WAAW,EAAE,IAAI,IAAI,CAAC,WAAW,GAAG;IACpC,WAAW,EAAE,IAAI,IAAI,CAAC,WAAW,GAAG;IACpC,WAAW,EAAE,IAAI,IAAI,CAAC,WAAW,GAAG;IACpC,WAAW,EAAE,IAAI,IAAI,CAAC,WAAW,GAAG;IACpC,SAAS,EAAE,IAAI,IAAI,CAAC,SAAS,GAAG;IAChC,eAAe,EAAE,IAAI,IAAI,CAAC,SAAS,SAAS;IAC5C,gBAAgB,EAAE,IAAI,IAAI,CAAC,gBAAgB,GAAG;IAC9C,cAAc,EAAE,IAAI,IAAI,CAAC,cAAc,GAAG;IAC1C,SAAS,EAAE,IAAI,IAAI,CAAC,SAAS,GAAG;IAChC,aAAa,EAAE,IAAI,IAAI,CAAC,aAAa,GAAG;CAChC,CAAC"}

package/dist/auth.d.ts

@@ -0,0 +1,6 @@
+export type AuthAdapter<TContext = unknown> = {
+    getUser: () => string | null | Promise<string | null>;
+    onChange?: (cb: (userId: string | null) => void) => void;
+    roleQuery?: (context: TContext, userId: string) => Promise<string | null> | string | null;
+};
+export declare function initAuth<TContext>(context: TContext, auth: AuthAdapter<TContext>): Promise<void>;

package/dist/auth.js

@@ -0,0 +1,28 @@
+import { ATTR } from "./attrs.js";
+export async function initAuth(context, auth) {
+    const { getUser, onChange, roleQuery } = auth;
+    async function applyAuthAttrs(userId) {
+        const body = document.body;
+        if (!userId) {
+            body.setAttribute(ATTR.auth, "false");
+            body.removeAttribute(ATTR.role);
+            return;
+        }
+        body.setAttribute(ATTR.auth, "true");
+        if (roleQuery) {
+            const role = await roleQuery(context, userId);
+            if (role) {
+                body.setAttribute(ATTR.role, role);
+            }
+            else {
+                body.removeAttribute(ATTR.role);
+            }
+        }
+    }
+    const userId = await getUser();
+    applyAuthAttrs(userId ?? null);
+    if (onChange) {
+        onChange((userId) => applyAuthAttrs(userId ?? null));
+    }
+}
+//# sourceMappingURL=auth.js.map

package/dist/auth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.js","sourceRoot":"","sources":["../src/auth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAWlC,MAAM,CAAC,KAAK,UAAU,QAAQ,CAC5B,OAAiB,EACjB,IAA2B;IAE3B,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IAE9C,KAAK,UAAU,cAAc,CAAC,MAAqB;QACjD,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;QAC3B,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YACtC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAChC,OAAO;QACT,CAAC;QACD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QACrC,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,IAAI,GAAG,MAAM,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;YAC9C,IAAI,IAAI,EAAE,CAAC;gBACT,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YACrC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAClC,CAAC;QACH,CAAC;IACH,CAAC;IAED,MAAM,MAAM,GAAG,MAAM,OAAO,EAAE,CAAC;IAC/B,cAAc,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC;IAE/B,IAAI,QAAQ,EAAE,CAAC;QACb,QAAQ,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,cAAc,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC;IACvD,CAAC;AACH,CAAC"}

package/dist/bridges.d.ts

@@ -0,0 +1 @@
+export declare function initBridges(): () => void;

package/dist/bridges.js

@@ -0,0 +1,43 @@
+import { ATTR, SEL } from "./attrs.js";
+import { setSwitchState } from "./helpers/dom.js";
+import { onQueryChanged } from "./query-params.js";
+import { onElement } from "./dom-observer.js";
+export function initBridges() {
+    // ---- gg-switch-query: URL params → gg-switch-state ----
+    const unsubscribeQuery = onQueryChanged((key, value) => {
+        document
+            .querySelectorAll(`[${ATTR.switchQuery}="${CSS.escape(key)}"]`)
+            .forEach((el) => setSwitchState(el, value));
+    });
+    // Apply current URL state to every [gg-switch-query] element on the page,
+    // including any inserted later via Webflow IX or CMS templates.
+    const unbindSwitch = onElement(SEL.switchQuery, (el) => {
+        const key = el.getAttribute(ATTR.switchQuery);
+        if (!key)
+            return;
+        const params = new URLSearchParams(window.location.search);
+        setSwitchState(el, params.get(key));
+    });
+    // ---- webflow:emit → Webflow IX ----
+    let wfHandler = null;
+    const onLoad = () => {
+        Webflow.push(() => {
+            const wfIx = Webflow.require("ix3");
+            wfHandler = (e) => {
+                const detail = e.detail;
+                if (detail?.event)
+                    wfIx.emit(detail.event);
+            };
+            document.addEventListener("webflow:emit", wfHandler);
+        });
+    };
+    window.addEventListener("load", onLoad);
+    return () => {
+        unsubscribeQuery();
+        unbindSwitch();
+        window.removeEventListener("load", onLoad);
+        if (wfHandler)
+            document.removeEventListener("webflow:emit", wfHandler);
+    };
+}
+//# sourceMappingURL=bridges.js.map

package/dist/bridges.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bridges.js","sourceRoot":"","sources":["../src/bridges.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,UAAU,WAAW;IACzB,0DAA0D;IAC1D,MAAM,gBAAgB,GAAG,cAAc,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QACrD,QAAQ;aACL,gBAAgB,CAAC,IAAI,IAAI,CAAC,WAAW,KAAK,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;aAC9D,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,0EAA0E;IAC1E,gEAAgE;IAChE,MAAM,YAAY,GAAG,SAAS,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,EAAE,EAAE,EAAE;QACrD,MAAM,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC9C,IAAI,CAAC,GAAG;YAAE,OAAO;QACjB,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC3D,cAAc,CAAC,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,sCAAsC;IACtC,IAAI,SAAS,GAAgC,IAAI,CAAC;IAClD,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE;YAChB,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACpC,SAAS,GAAG,CAAC,CAAQ,EAAE,EAAE;gBACvB,MAAM,MAAM,GAAI,CAAoC,CAAC,MAAM,CAAC;gBAC5D,IAAI,MAAM,EAAE,KAAK;oBAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC7C,CAAC,CAAC;YACF,QAAQ,CAAC,gBAAgB,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IACF,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAExC,OAAO,GAAG,EAAE;QACV,gBAAgB,EAAE,CAAC;QACnB,YAAY,EAAE,CAAC;QACf,MAAM,CAAC,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC3C,IAAI,SAAS;YAAE,QAAQ,CAAC,mBAAmB,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;IACzE,CAAC,CAAC;AACJ,CAAC"}

package/dist/data-engine.d.ts

@@ -0,0 +1,2 @@
+import type { DataEngineDeps } from "./engine-deps.js";
+export declare function initDataEngine<TContext>(deps: DataEngineDeps<TContext>): () => void;

package/dist/data-engine.js

@@ -0,0 +1,153 @@
+import { ATTR, SEL } from "./attrs.js";
+import { getPath } from "./helpers/path.js";
+import { populateFields, setSwitchState, applySwitchState, } from "./helpers/dom.js";
+import { writeField } from "./helpers/form-field.js";
+import { runHandler } from "./helpers/run-handler.js";
+import { runWithLoading } from "./helpers/run-with-loading.js";
+import { onElement } from "./dom-observer.js";
+import { onQueryChanged, getParams } from "./query-params.js";
+function applySwitchFields(root, record) {
+    root.querySelectorAll(SEL.switchField).forEach((el) => {
+        const path = el.getAttribute(ATTR.switchField);
+        if (!path)
+            return;
+        const value = getPath(record, path);
+        setSwitchState(el, value);
+        applySwitchState(el);
+    });
+}
+function queryDeep(root, selector) {
+    const results = [...root.querySelectorAll(selector)];
+    root.querySelectorAll("*").forEach((el) => {
+        if (el.shadowRoot)
+            results.push(...queryDeep(el.shadowRoot, selector));
+    });
+    return results;
+}
+function applyDataValues(root, record) {
+    queryDeep(root, SEL.dataKey).forEach((el) => {
+        const path = el.getAttribute(ATTR.dataKey);
+        const value = path ? getPath(record, path) : record;
+        if (value === undefined)
+            return;
+        el.setAttribute(ATTR.dataValue, JSON.stringify(value));
+    });
+}
+function populateFormFields(root, record) {
+    root
+        .querySelectorAll("input[name], select[name], textarea[name]")
+        .forEach((el) => {
+        const name = el.getAttribute("name");
+        if (!name)
+            return;
+        writeField(root, name, getPath(record, name));
+    });
+}
+async function runQuery(container, deps) {
+    const isList = container.hasAttribute(ATTR.dataList);
+    const isForm = container.hasAttribute(ATTR.dataForm);
+    const id = container.getAttribute(isList ? ATTR.dataList : isForm ? ATTR.dataForm : ATTR.data);
+    if (!id)
+        return;
+    const query = deps.queries[id];
+    if (!query) {
+        console.warn(`[gg-data] no query registered for "${id}"`);
+        deps.emitError({
+            prefix: "[gg-data]",
+            id,
+            error: "no query registered",
+            fields: { container },
+        });
+        return;
+    }
+    const params = getParams();
+    const handlerResult = await runWithLoading([container], () => runHandler({
+        prefix: "[gg-data]",
+        id,
+        fields: { container, params: Object.fromEntries(params) },
+        debug: deps.debug,
+        emitError: deps.emitError,
+    }, () => query(deps.context, params)));
+    if (!handlerResult.ok)
+        return;
+    const result = handlerResult.value;
+    if (result === undefined)
+        return;
+    if (isList) {
+        if (!Array.isArray(result)) {
+            console.warn(`[gg-data-list] query "${id}" did not return an array`);
+            return;
+        }
+        const template = container.querySelector(SEL.listTemplate);
+        if (!template) {
+            console.warn(`[gg-data-list] no [${ATTR.listTemplate}] inside "${id}"`);
+            return;
+        }
+        Array.from(container.children).forEach((child) => {
+            if (child !== template)
+                child.remove();
+        });
+        result.forEach((record) => {
+            const clone = template.cloneNode(true);
+            clone.removeAttribute(ATTR.listTemplate);
+            clone.setAttribute(ATTR.querySet, `modal:view,id:${record.id}`);
+            clone.style.display = "flex";
+            if (record?.id != null)
+                clone.id = String(record.id);
+            clone.__ggRecord = record;
+            populateFields(clone, record);
+            applySwitchFields(clone, record);
+            applyDataValues(clone, record);
+            container.appendChild(clone);
+        });
+    }
+    else if (isForm) {
+        if (Array.isArray(result)) {
+            console.warn(`[gg-data-form] query "${id}" returned an array; expected a single record`);
+            return;
+        }
+        if (!result)
+            return;
+        const record = result;
+        container.__ggRecord = record;
+        populateFormFields(container, record);
+        applyDataValues(container, record);
+    }
+    else {
+        if (Array.isArray(result)) {
+            console.warn(`[gg-data] query "${id}" returned an array; use gg-data-list instead`);
+            return;
+        }
+        if (!result)
+            return;
+        const record = result;
+        container.__ggRecord = record;
+        populateFields(container, record);
+        applySwitchFields(container, record);
+        applyDataValues(container, record);
+    }
+}
+export function initDataEngine(deps) {
+    const seen = new WeakSet();
+    const unbind = onElement(SEL.dataAny, (el) => {
+        if (seen.has(el))
+            return;
+        seen.add(el);
+        runQuery(el, deps);
+    });
+    const unsubscribe = onQueryChanged((key) => {
+        document.querySelectorAll(SEL.dataAnyOn).forEach((c) => {
+            const attr = c.getAttribute(ATTR.dataOn);
+            if (!attr)
+                return;
+            const keys = attr.split(",").map((s) => s.trim());
+            if (keys.includes(key))
+                runQuery(c, deps);
+        });
+    });
+    return () => {
+        unbind();
+        unsubscribe();
+    };
+}
+//# sourceMappingURL=data-engine.js.map

package/dist/data-engine.js.map

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

package/dist/dialog.d.ts

@@ -0,0 +1 @@
+export declare function initDialog(): () => void;

package/dist/dialog.js

@@ -0,0 +1,93 @@
+import { removeQueryParams, onQueryChanged } from "./query-params.js";
+function stopLenis() {
+    if (typeof lenis !== "undefined")
+        lenis.stop();
+}
+function startLenis() {
+    if (typeof lenis !== "undefined")
+        lenis.start();
+}
+function openDialog() {
+    const dialog = document.querySelector("dialog");
+    if (!dialog)
+        return;
+    dialog.removeAttribute("aria-hidden");
+    dialog.removeAttribute("inert");
+    dialog.showModal();
+    stopLenis();
+}
+function closeDialog() {
+    const dialog = document.querySelector("dialog");
+    if (!dialog)
+        return;
+    dialog.setAttribute("aria-hidden", "true");
+    dialog.setAttribute("inert", "");
+    dialog.close();
+    startLenis();
+}
+function dismissViaUrlOrDirect() {
+    const modalParam = new URLSearchParams(window.location.search).get("modal");
+    if (modalParam) {
+        removeQueryParams(["modal", "id"]);
+    }
+    else {
+        closeDialog();
+    }
+}
+function syncDialogToUrl() {
+    const modalParam = new URLSearchParams(window.location.search).get("modal");
+    if (modalParam) {
+        openDialog();
+    }
+    else {
+        closeDialog();
+    }
+}
+export function initDialog() {
+    const unsubscribe = onQueryChanged((key, value) => {
+        if (key !== "modal")
+            return;
+        if (value) {
+            openDialog();
+        }
+        else {
+            closeDialog();
+        }
+    });
+    document.addEventListener("gg:dialog:open", openDialog);
+    document.addEventListener("gg:dialog:close", closeDialog);
+    const onClick = (e) => {
+        const target = e.target;
+        if (!(target instanceof HTMLDialogElement))
+            return;
+        if (!target.matches("dialog[open]"))
+            return;
+        const rect = target.getBoundingClientRect();
+        const outside = e.clientX < rect.left ||
+            e.clientX > rect.right ||
+            e.clientY < rect.top ||
+            e.clientY > rect.bottom;
+        if (outside)
+            dismissViaUrlOrDirect();
+    };
+    document.addEventListener("click", onClick);
+    const onCancel = (e) => {
+        const target = e.target;
+        if (!(target instanceof HTMLDialogElement))
+            return;
+        e.preventDefault();
+        dismissViaUrlOrDirect();
+    };
+    document.addEventListener("cancel", onCancel);
+    window.addEventListener("popstate", syncDialogToUrl);
+    syncDialogToUrl();
+    return () => {
+        unsubscribe();
+        document.removeEventListener("gg:dialog:open", openDialog);
+        document.removeEventListener("gg:dialog:close", closeDialog);
+        document.removeEventListener("click", onClick);
+        document.removeEventListener("cancel", onCancel);
+        window.removeEventListener("popstate", syncDialogToUrl);
+    };
+}
+//# sourceMappingURL=dialog.js.map