nudge-ui 0.2.1 → 0.2.3

package/dist/inspector/changes/workspaceChanges.js

@@ -1,239 +0,0 @@
-import { canWriteWorkspace } from "../canvas/workspaceLease.js";
-import { changeKey, mergeChange, sameEffectiveChanges, selectorForChange } from "./model.js";
-import { isElementChange } from "./types.js";
-let contents = { changes: [], structuralChanges: [] };
-let revision = 0;
-let undoStack = [];
-let redoStack = [];
-let snapshot = createSnapshot();
-const listeners = new Set();
-function cloneContents(value) {
-    return {
-        changes: value.changes.map((change) => cloneValue(change)),
-        structuralChanges: value.structuralChanges.map((change) => cloneValue(change)),
-    };
-}
-function cloneValue(value, key) {
-    // Token entries belong to the shared catalog. Preserve their identity so
-    // callers can continue to correlate a change with its catalog entry.
-    if (key === "oldToken" || key === "newToken")
-        return value;
-    if (Array.isArray(value))
-        return value.map((item) => cloneValue(item));
-    if (value !== null && typeof value === "object") {
-        const clone = {};
-        for (const [key, child] of Object.entries(value)) {
-            clone[key] = cloneValue(child, key);
-        }
-        return clone;
-    }
-    return value;
-}
-function freezeValue(value, key) {
-    if (key === "oldToken" || key === "newToken")
-        return value;
-    if (value !== null && typeof value === "object" && !Object.isFrozen(value)) {
-        for (const [childKey, child] of Object.entries(value))
-            freezeValue(child, childKey);
-        Object.freeze(value);
-    }
-    return value;
-}
-function createSnapshot() {
-    const snapshotContents = freezeValue(cloneContents(contents));
-    return Object.freeze({
-        revision,
-        changes: snapshotContents.changes,
-        structuralChanges: snapshotContents.structuralChanges,
-        canUndo: undoStack.length > 0,
-        canRedo: redoStack.length > 0,
-    });
-}
-function publish() {
-    revision += 1;
-    snapshot = createSnapshot();
-    for (const listener of listeners)
-        listener();
-}
-function commit(next) {
-    if (!canWriteWorkspace())
-        return false;
-    const before = cloneContents(contents);
-    contents = cloneContents(next);
-    undoStack.push({ before, after: cloneContents(contents) });
-    redoStack = [];
-    publish();
-    return true;
-}
-function getSnapshot() {
-    return snapshot;
-}
-function subscribe(listener) {
-    listeners.add(listener);
-    return () => listeners.delete(listener);
-}
-function commitChangeRecordsImpl(incoming) {
-    if (incoming.length === 0)
-        return "unchanged";
-    const nextChanges = incoming.reduce((current, change) => mergeChange(current, change), [...contents.changes]);
-    if (sameEffectiveChanges([...contents.changes], nextChanges))
-        return "unchanged";
-    return commit({ ...contents, changes: nextChanges }) ? "applied" : "blocked";
-}
-function revertChangeRecordImpl(change) {
-    const key = changeKey(change);
-    const changes = contents.changes.filter((candidate) => changeKey(candidate) !== key);
-    if (changes.length === contents.changes.length)
-        return false;
-    return commit({ ...contents, changes });
-}
-function discardChangeRecordsImpl(target) {
-    const changes = contents.changes.filter((change) => target.kind === "selector"
-        ? selectorForChange(change) !== target.selector
-        : !isElementChange(change) || change.instanceOverride?.id !== target.id);
-    if (changes.length === contents.changes.length)
-        return false;
-    return commit({ ...contents, changes });
-}
-function commitStructuralChangeImpl(change) {
-    if (contents.structuralChanges.some((candidate) => candidate.id === change.id))
-        return false;
-    return commit({
-        ...contents,
-        structuralChanges: [...contents.structuralChanges, change],
-    });
-}
-function revertStructuralChangeRecordImpl(changeId) {
-    const structuralChanges = contents.structuralChanges.filter((change) => change.id !== changeId);
-    if (structuralChanges.length === contents.structuralChanges.length)
-        return false;
-    return commit({ ...contents, structuralChanges });
-}
-function reconcileWorkspaceChangesImpl(verifiedKeys, verifiedStructuralIds) {
-    if (!canWriteWorkspace())
-        return 0;
-    const retain = (value) => ({
-        changes: value.changes.filter((change) => !verifiedKeys.has(changeKey(change))),
-        structuralChanges: value.structuralChanges.filter((change) => !verifiedStructuralIds.has(change.id)),
-    });
-    const next = retain(contents);
-    const removed = contents.changes.length - next.changes.length
-        + contents.structuralChanges.length - next.structuralChanges.length;
-    if (removed === 0)
-        return 0;
-    contents = next;
-    const prune = (entries) => entries
-        .map((entry) => ({ before: retain(entry.before), after: retain(entry.after) }))
-        .filter((entry) => !sameWorkspaceContents(entry.before, entry.after));
-    undoStack = prune(undoStack);
-    redoStack = prune(redoStack);
-    publish();
-    return removed;
-}
-function sameWorkspaceContents(left, right) {
-    return sameEffectiveChanges([...left.changes], [...right.changes])
-        && sameStructuralChanges(left.structuralChanges, right.structuralChanges);
-}
-function sameStructuralChanges(left, right) {
-    // Structural intent is an ordered list of small, immutable JSON records.
-    // Equality must include operation order and the complete target payload.
-    return JSON.stringify(left) === JSON.stringify(right);
-}
-function undoWorkspaceChangeImpl() {
-    if (!canWriteWorkspace())
-        return false;
-    const entry = undoStack.at(-1);
-    if (!entry)
-        return false;
-    undoStack.pop();
-    contents = cloneContents(entry.before);
-    redoStack.push(entry);
-    publish();
-    return true;
-}
-function redoWorkspaceChangeImpl() {
-    if (!canWriteWorkspace())
-        return false;
-    const entry = redoStack.at(-1);
-    if (!entry)
-        return false;
-    redoStack.pop();
-    contents = cloneContents(entry.after);
-    undoStack.push(entry);
-    publish();
-    return true;
-}
-function restoreWorkspaceChangesImpl(next) {
-    contents = cloneContents(next);
-    undoStack = [];
-    redoStack = [];
-    publish();
-}
-function clearWorkspaceChangesImpl() {
-    contents = { changes: [], structuralChanges: [] };
-    undoStack = [];
-    redoStack = [];
-    publish();
-}
-/** Resets controller state for teardown and tests without requiring a lease. */
-function resetWorkspaceChangesImpl() {
-    contents = { changes: [], structuralChanges: [] };
-    undoStack = [];
-    redoStack = [];
-    revision = 0;
-    snapshot = createSnapshot();
-    for (const listener of listeners)
-        listener();
-}
-export const workspaceChangeStore = {
-    getSnapshot,
-    subscribe,
-    commitChangeRecords: commitChangeRecordsImpl,
-    revertChangeRecord: revertChangeRecordImpl,
-    discardChangeRecords: discardChangeRecordsImpl,
-    commitStructuralChange: commitStructuralChangeImpl,
-    revertStructuralChangeRecord: revertStructuralChangeRecordImpl,
-    reconcileWorkspaceChanges: reconcileWorkspaceChangesImpl,
-    undoWorkspaceChange: undoWorkspaceChangeImpl,
-    redoWorkspaceChange: redoWorkspaceChangeImpl,
-    restoreWorkspaceChanges: restoreWorkspaceChangesImpl,
-    clearWorkspaceChanges: clearWorkspaceChangesImpl,
-};
-/** Compatibility accessors retained for callers that have not adopted the store seam. */
-export function getWorkspaceChanges() {
-    return workspaceChangeStore.getSnapshot();
-}
-export function subscribeWorkspaceChanges(listener) {
-    return workspaceChangeStore.subscribe(listener);
-}
-export function commitChangeRecords(incoming, project) {
-    const result = workspaceChangeStore.commitChangeRecords(incoming);
-    if (result === "applied")
-        project(workspaceChangeStore.getSnapshot());
-    return result;
-}
-export function commitStructuralChange(change, project) {
-    const changed = workspaceChangeStore.commitStructuralChange(change);
-    if (changed)
-        project(workspaceChangeStore.getSnapshot());
-    return changed;
-}
-export function undoWorkspaceChange(project) {
-    const changed = workspaceChangeStore.undoWorkspaceChange();
-    if (changed)
-        project(workspaceChangeStore.getSnapshot());
-    return changed;
-}
-export function redoWorkspaceChange(project) {
-    const changed = workspaceChangeStore.redoWorkspaceChange();
-    if (changed)
-        project(workspaceChangeStore.getSnapshot());
-    return changed;
-}
-export function restoreWorkspaceChanges(next, project) {
-    workspaceChangeStore.restoreWorkspaceChanges(next);
-    project(workspaceChangeStore.getSnapshot());
-}
-export function resetWorkspaceChanges() {
-    resetWorkspaceChangesImpl();
-}

package/dist/inspector/shell/DomNavigation.d.ts

@@ -1,8 +0,0 @@
-import type { ReactElement } from "react";
-import type { SelectedElement } from "../selection/selectionStore.js";
-interface DomNavigationProps {
-    selected: SelectedElement;
-    hierarchy: HTMLElement[];
-}
-export declare function DomNavigation({ selected, hierarchy }: DomNavigationProps): ReactElement | null;
-export {};

package/dist/inspector/shell/DomNavigation.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { resolveSelectionFromElement } from "../selection/resolveSelection.js";
-import { setSelectedElement } from "../selection/selectionStore.js";
-import { computeDescendants } from "../selection/hierarchy.js";
-import { Button } from "../ui/Button.js";
-const MAX_PARENT_LEVELS = 2;
-const MAX_CHILD_NODES = 2;
-function nodeLabel(node) {
-    return node.getAttribute("data-cid") ?? node.localName;
-}
-function nodeDescription(node) {
-    const id = node.id ? `#${node.id}` : "";
-    const className = typeof node.className === "string"
-        ? node.className.trim().split(/\s+/).filter(Boolean).slice(0, 2).map((name) => `.${name}`).join("")
-        : "";
-    const source = node.getAttribute("data-src");
-    return `${node.localName}${id}${className}${source ? ` — ${source}` : ""}`;
-}
-function selectNode(node) {
-    const resolved = resolveSelectionFromElement(node);
-    if (resolved)
-        setSelectedElement(resolved);
-}
-export function DomNavigation({ selected, hierarchy }) {
-    const parents = hierarchy.slice(1, MAX_PARENT_LEVELS + 1);
-    const children = computeDescendants(selected.domElement, 2, MAX_CHILD_NODES);
-    if (parents.length === 0 && children.length === 0)
-        return null;
-    return (_jsxs("section", { className: "dom-navigation", "data-test": "dom-navigation", "aria-label": "DOM navigation", children: [_jsx("div", { className: "dom-navigation__header", children: _jsx("span", { className: "dom-navigation__title", children: "DOM" }) }), parents.length > 0 ? (_jsxs("div", { className: "dom-navigation__group", "data-test": "dom-parents", children: [_jsx("span", { className: "dom-navigation__label", children: "Parents" }), _jsx("div", { className: "dom-navigation__items", children: parents.map((node, index) => (_jsxs(Button, { size: "compact", variant: "quiet", className: "dom-navigation__item", "data-test": "dom-parent-step", "data-depth": index + 1, "data-cid": node.getAttribute("data-cid") ?? undefined, title: nodeDescription(node), onClick: () => selectNode(node), children: [_jsx("span", { "aria-hidden": "true", children: "\u2191" }), index === 0 ? "Parent" : "Grandparent", _jsx("span", { className: "dom-navigation__value", children: nodeLabel(node) })] }, `${index}-${nodeLabel(node)}`))) })] })) : null, children.length > 0 ? (_jsxs("div", { className: "dom-navigation__group", "data-test": "dom-children", children: [_jsx("span", { className: "dom-navigation__label", children: "Children" }), _jsx("div", { className: "dom-navigation__items", children: children.map(({ element, depth }, index) => (_jsxs(Button, { size: "compact", variant: "quiet", className: "dom-navigation__item", "data-test": "dom-child-step", "data-depth": depth, "data-cid": element.getAttribute("data-cid") ?? undefined, title: nodeDescription(element), onClick: () => selectNode(element), children: [_jsx("span", { "aria-hidden": "true", children: "\u2193" }), depth === 1 ? "Child" : "Descendant", _jsx("span", { className: "dom-navigation__value", children: nodeLabel(element) })] }, `${depth}-${index}-${nodeLabel(element)}`))) })] })) : null] }));
-}