@polyxd/web 0.3.0

package/dist/elements.js

@@ -0,0 +1,244 @@
+import { Renderer } from "./renderer.js";
+const STRING_ATTRS = ["theme", "mode", "density", "locale", "disclosure"];
+/** The properties shared by both elements. */
+export class PolyxdSurfaceElement extends HTMLElement {
+    static get observedAttributes() {
+        return [...STRING_ATTRS];
+    }
+    #renderer = null;
+    #document = null;
+    #data;
+    #derive;
+    #resolveMedia;
+    #components;
+    #scheduled = false;
+    onAction = null;
+    onDataChange = null;
+    onDismiss = null;
+    get document() {
+        return this.#document;
+    }
+    set document(doc) {
+        this.#document = doc;
+        this.#update();
+    }
+    get data() {
+        return this.#data;
+    }
+    set data(data) {
+        this.#data = data;
+        this.#update();
+    }
+    get derive() {
+        return this.#derive;
+    }
+    set derive(fn) {
+        this.#derive = fn;
+        this.#update();
+    }
+    get resolveMedia() {
+        return this.#resolveMedia;
+    }
+    set resolveMedia(fn) {
+        this.#resolveMedia = fn;
+        this.#update();
+    }
+    get components() {
+        return this.#components;
+    }
+    set components(map) {
+        this.#components = map;
+        this.#update();
+    }
+    get theme() {
+        return this.getAttribute("theme") ?? undefined;
+    }
+    set theme(v) {
+        v === undefined ? this.removeAttribute("theme") : this.setAttribute("theme", v);
+    }
+    get mode() {
+        return this.getAttribute("mode") ?? undefined;
+    }
+    set mode(v) {
+        v === undefined ? this.removeAttribute("mode") : this.setAttribute("mode", v);
+    }
+    get density() {
+        return this.getAttribute("density") ?? undefined;
+    }
+    set density(v) {
+        v === undefined ? this.removeAttribute("density") : this.setAttribute("density", v);
+    }
+    get locale() {
+        return this.getAttribute("locale") ?? undefined;
+    }
+    set locale(v) {
+        v === undefined ? this.removeAttribute("locale") : this.setAttribute("locale", v);
+    }
+    get disclosure() {
+        return this.getAttribute("disclosure") ?? undefined;
+    }
+    set disclosure(v) {
+        v === undefined ? this.removeAttribute("disclosure") : this.setAttribute("disclosure", v);
+    }
+    /** The current data, as the surface holds it (inputs write here). */
+    get surfaceData() {
+        return this.#renderer?.data;
+    }
+    connectedCallback() {
+        this.#update();
+    }
+    disconnectedCallback() {
+        this.#renderer?.dispose();
+        this.#renderer = null;
+    }
+    attributeChangedCallback() {
+        this.#update();
+    }
+    /** What the renderer is given: subclasses add the frame's props. */
+    props() {
+        if (!this.#document)
+            return null;
+        return {
+            document: this.#document,
+            data: this.#data,
+            derive: this.#derive,
+            resolveMedia: this.#resolveMedia,
+            components: this.#components,
+            theme: this.theme,
+            mode: this.mode,
+            density: this.density,
+            locale: this.locale,
+            disclosure: this.disclosure,
+            onAction: (e) => {
+                this.onAction?.(e);
+                this.dispatchEvent(new CustomEvent("polyxd-action", { detail: e, bubbles: true, composed: true }));
+            },
+            onDataChange: (d) => {
+                this.onDataChange?.(d);
+                this.dispatchEvent(new CustomEvent("polyxd-datachange", { detail: d, bubbles: true, composed: true }));
+            },
+            onDismiss: () => {
+                this.onDismiss?.();
+                this.dispatchEvent(new CustomEvent("polyxd-dismiss", { bubbles: true, composed: true }));
+            },
+        };
+    }
+    /** Several property sets in one tick draw once. */
+    #update() {
+        if (this.#scheduled)
+            return;
+        this.#scheduled = true;
+        queueMicrotask(() => {
+            this.#scheduled = false;
+            if (!this.isConnected)
+                return;
+            const props = this.props();
+            if (!props)
+                return;
+            if (this.#renderer)
+                this.#renderer.update(props);
+            else {
+                this.#renderer = new Renderer(this, props);
+                this.#renderer.draw();
+            }
+        });
+    }
+    /** Redraws now rather than on the next tick (tests and hosts that measure right away). */
+    flush() {
+        const props = this.props();
+        if (!props || !this.isConnected)
+            return;
+        this.#scheduled = false;
+        if (this.#renderer) {
+            this.#renderer.update(props);
+            this.#renderer.draw();
+        }
+        else {
+            this.#renderer = new Renderer(this, props);
+            this.#renderer.draw();
+        }
+    }
+}
+/**
+ * Renders a shell document (surface.kind "shell": a Frame with an Outlet) around the host's
+ * current screen: the element's light-DOM children at connection time, or the `outlet` property.
+ * `current` marks the navigation item and titles the page; `loading` shows a skeleton.
+ */
+export class PolyxdFrameElement extends PolyxdSurfaceElement {
+    #outlet = null;
+    #current;
+    #loading = false;
+    get outlet() {
+        return this.#outlet;
+    }
+    set outlet(el) {
+        this.#outlet = el;
+        this.flushSoon();
+    }
+    get current() {
+        return this.#current;
+    }
+    set current(v) {
+        this.#current = v;
+        this.flushSoon();
+    }
+    get loading() {
+        return this.#loading;
+    }
+    set loading(v) {
+        this.#loading = v;
+        this.flushSoon();
+    }
+    connectedCallback() {
+        // The screen the host wrote inside the element becomes the outlet's content.
+        if (!this.#outlet && this.childElementCount > 0 && !this.querySelector(":scope > .pxd-surface")) {
+            const holder = document.createElement("div");
+            holder.append(...Array.from(this.childNodes));
+            this.#outlet = holder;
+        }
+        super.connectedCallback();
+    }
+    flushSoon() {
+        queueMicrotask(() => this.isConnected && this.flush());
+    }
+    props() {
+        const base = super.props();
+        if (!base)
+            return null;
+        // The document title follows the current screen, as the Frame's accessibility requires.
+        const product = base.document.surface.title;
+        if (this.#current && product)
+            document.title = this.#current.title ? `${this.#current.title} · ${product}` : product;
+        return { ...base, outlet: this.#outlet, current: this.#current, loading: this.#loading };
+    }
+}
+/** Registers both elements once; safe to call again. */
+export function defineElements() {
+    if (typeof customElements === "undefined")
+        return;
+    if (!customElements.get("polyxd-surface"))
+        customElements.define("polyxd-surface", PolyxdSurfaceElement);
+    if (!customElements.get("polyxd-frame"))
+        customElements.define("polyxd-frame", PolyxdFrameElement);
+}
+/**
+ * Renders a document into any element without the custom elements (hosts whose DOM is owned by
+ * something else). Returns a handle to update the props or take it down.
+ */
+export function mount(el, props) {
+    const renderer = new Renderer(el, props);
+    renderer.draw();
+    let current = props;
+    return {
+        update: (patch) => {
+            current = { ...current, ...patch };
+            renderer.update(current);
+            renderer.draw();
+        },
+        unmount: () => renderer.dispose(),
+        get data() {
+            return renderer.data;
+        },
+    };
+}
+//# sourceMappingURL=elements.js.map

package/dist/elements.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { PolyxdSurfaceElement, PolyxdFrameElement, defineElements, mount, type Mounted, type PolyxdEvents } from "./elements.ts";
+export { Renderer, type SurfaceProps, type HostComponent, type Ctx, type Bindings, type FrameContextValue, type Density, type Mode } from "./renderer.ts";
+export { registry, type ComponentRenderer } from "./components/index.ts";
+export { Skeleton, type SkeletonProps } from "./skeleton.ts";
+export { h, adopt, render, unmount, type VNode, type VChild, type Props } from "./dom.ts";
+export { type UIDocument, type Node, type ActionEvent, type Data, formatValue, get as getPointer, set as setPointer } from "@polyxd/core";

package/dist/index.js

@@ -0,0 +1,7 @@
+export { PolyxdSurfaceElement, PolyxdFrameElement, defineElements, mount } from "./elements.js";
+export { Renderer } from "./renderer.js";
+export { registry } from "./components/index.js";
+export { Skeleton } from "./skeleton.js";
+export { h, adopt, render, unmount } from "./dom.js";
+export { formatValue, get as getPointer, set as setPointer } from "@polyxd/core";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,cAAc,EAAE,KAAK,EAAmC,MAAM,eAAe,CAAC;AACjI,OAAO,EAAE,QAAQ,EAAmH,MAAM,eAAe,CAAC;AAC1J,OAAO,EAAE,QAAQ,EAA0B,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAsB,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAuC,MAAM,UAAU,CAAC;AAC1F,OAAO,EAA2D,WAAW,EAAE,GAAG,IAAI,UAAU,EAAE,GAAG,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/primitives.d.ts

@@ -0,0 +1,111 @@
+/**
+ * The interactive primitives Radix gives the React renderer, written for the DOM: the same roles,
+ * names, states and keyboard handling, so a document reads and operates the same in both.
+ */
+import { type VChild, type VNode, type Props } from "./dom.ts";
+import type { Ctx } from "./renderer.ts";
+import type { Node } from "@polyxd/core";
+declare const isEditable: (el: EventTarget | null) => boolean;
+export declare function Checkbox(props: Props & {
+    checked: boolean | "indeterminate";
+    onCheckedChange: (checked: boolean) => void;
+    indicator?: VChild;
+}, ...children: VChild[]): VNode;
+export interface RadioGroupProps extends Props {
+    value: string;
+    onValueChange: (value: string) => void;
+    orientation?: "horizontal" | "vertical";
+}
+/** The group carries the roving focus: Tab lands on it and it hands focus to the chosen item, or the first. */
+export declare function RadioGroup(props: RadioGroupProps, ...children: VChild[]): VNode;
+/** One option. `group` is the group's value; the checked item (or the first, when none is) takes the tab stop. */
+export declare function RadioItem(props: Props & {
+    value: string;
+    group: string;
+    first?: boolean;
+    onSelect: () => void;
+    indicator?: VChild;
+}, ...children: VChild[]): VNode;
+export declare function Switch(props: Props & {
+    checked: boolean;
+    onCheckedChange: (checked: boolean) => void;
+}): VNode;
+export interface SliderProps {
+    min: number;
+    max: number;
+    step: number;
+    values: number[];
+    onValueChange: (values: number[]) => void;
+    thumbs: {
+        "aria-label"?: string;
+        "aria-labelledby"?: string;
+        "aria-valuetext": string;
+    }[];
+    /** With two thumbs, they never cross: at least this many steps apart */
+    minStepsBetweenThumbs?: number;
+}
+export declare function Slider(p: SliderProps): VNode;
+export interface TabsProps {
+    id: string;
+    value: string;
+    onValueChange: (key: string) => void;
+    tabs: {
+        key: string;
+        label: VChild[];
+        content: VChild;
+    }[];
+    rootClass: string;
+    listClass: string;
+    tabClass: string;
+    panelClass: string;
+    rootProps?: Props;
+}
+/** Arrows move between tabs and select them (automatic activation), as Radix does. */
+export declare function Tabs(p: TabsProps): VNode;
+export interface DialogProps {
+    ctx: Ctx;
+    /** A key for the dialog's state, unique in the surface */
+    id: string;
+    role?: "dialog" | "alertdialog";
+    class: string;
+    overlayClass?: string;
+    /** Escape and the backdrop close it, unless it must be completed */
+    dismissible?: boolean;
+    onClose: () => void;
+    props?: Props;
+    /** Called with the element once it is open, so a sheet may attach its drag handlers */
+    ref?: (el: HTMLDialogElement | null) => void;
+}
+/**
+ * Opens on mount with showModal(), which traps focus, makes the rest inert and returns focus on
+ * close. Like Radix's hideOthers, the surface's other regions are hidden from assistive technology
+ * while it is open (the renderer sets aria-hidden on them for every modal in the portal).
+ */
+export declare function Dialog(p: DialogProps, ...children: VChild[]): VChild;
+/** A dialog's close control: a button that closes it, named "Close" unless told otherwise. */
+export declare const dialogClose: (onClose: () => void, props: Props, ...children: VChild[]) => VNode;
+export interface MenuState {
+    open: boolean;
+    /** Where to put it: below the trigger, or at the pointer for a context menu */
+    x: number;
+    y: number;
+    /** Whether it was opened from the keyboard, in which case the first item takes focus */
+    keyboard?: boolean;
+    align: "start" | "end";
+}
+export declare const closedMenu: () => MenuState;
+export interface MenuItemSpec {
+    key: string;
+    label: VChild[];
+    class: string;
+    disabled?: boolean;
+    onSelect: () => void;
+    props?: Props;
+}
+/** The trigger's props: what it is, whether it is open, and how to open it. */
+export declare function menuTrigger(id: string, state: MenuState, setState: (s: MenuState) => void, align: "start" | "end", props: Props): Props;
+/** The menu itself, rendered into the portal while open. Escape and selection return focus to the trigger. */
+export declare function Menu(ctx: Ctx, id: string, state: MenuState, setState: (s: MenuState) => void, items: (MenuItemSpec | "separator")[], props: Props): void;
+export declare function Popover(ctx: Ctx, id: string, anchorSelector: string, onClose: () => void, dismissible: boolean, props: Props, ...children: VChild[]): void;
+export { isEditable };
+export type { Node };