baredom.dev.hot-reload
Dev-only style hot-reload. Re-injects updated CSS into live component instances after shadow-cljs hot-reload so style changes are visible without a full page refresh.
Dev-only style hot-reload. Re-injects updated CSS into live component instances after shadow-cljs hot-reload so style changes are visible without a full page refresh.
baredom.dev.x-debug-registry
Dev-only registry mapping tag names to public-api metadata for all BareDOM components. Used by x-debug to introspect component state.
Dev-only registry mapping tag names to public-api metadata for all BareDOM components. Used by x-debug to introspect component state.
baredom.dev.x-debug.model
Constants and CSS for the dev-only x-debug visual debugging overlay.
Constants and CSS for the dev-only x-debug visual debugging overlay.
baredom.dev.x-debug.x-debug
Dev-only visual debug overlay for BareDOM components. Activates via ?baredom-debug URL param or window.BAREDOM_DEBUG = true. Injects dashed outlines and tag labels into component shadow roots, wraps prototype callbacks for console logging, and provides a floating inspection panel.
Dev-only visual debug overlay for BareDOM components. Activates via ?baredom-debug URL param or window.BAREDOM_DEBUG = true. Injects dashed outlines and tag labels into component shadow roots, wraps prototype callbacks for console logging, and provides a floating inspection panel.
baredom.dev.x-trace-history.dock-css
Stylesheet string for the x-trace-history dock. Lives in its own
namespace so model.cljs stays focused on data transforms and the
dock layer can require this one string when attaching its shadow.
Stylesheet string for the x-trace-history dock. Lives in its own namespace so `model.cljs` stays focused on data transforms and the dock layer can require this one string when attaching its shadow.
baredom.dev.x-trace-history.highlight
Live-element outline for the x-trace-history dock.
When the user selects a record in the dock, this namespace draws a high-contrast magenta outline around the live DOM element identified by the record's componentId — a solid 3px border with a triple box-shadow ring (dark + white + magenta glow) that reads on both light and dark backgrounds, a faint magenta inner fill, and a one-shot attention pulse on each new selection. The overlay is a fixed-position layer mounted into the shared overlay root (which lives under the nearest <x-theme> ancestor, outside the dock's marked-internal subtree). It does NOT mutate the target element — no CSS injection into its shadow root, no inline style writes on the host.
The layer is created once per dock lifetime and shown/hidden as selection changes. Scroll and resize listeners (installed by the dock) call reposition! through a single coalesced rAF so the box stays aligned as the page moves.
Recorder-pollution contract: every write that maintains the overlay is either a native DOM call (.style.*, .appendChild, scrollIntoView) or routes through du/setv-untraced!, so the trace timeline is not polluted by the highlight machinery.
Live-element outline for the x-trace-history dock. When the user selects a record in the dock, this namespace draws a high-contrast magenta outline around the live DOM element identified by the record's componentId — a solid 3px border with a triple box-shadow ring (dark + white + magenta glow) that reads on both light and dark backgrounds, a faint magenta inner fill, and a one-shot attention pulse on each new selection. The overlay is a fixed-position layer mounted into the shared overlay root (which lives under the nearest <x-theme> ancestor, outside the dock's marked-internal subtree). It does NOT mutate the target element — no CSS injection into its shadow root, no inline style writes on the host. The layer is created once per dock lifetime and shown/hidden as selection changes. Scroll and resize listeners (installed by the dock) call reposition! through a single coalesced rAF so the box stays aligned as the page moves. Recorder-pollution contract: every write that maintains the overlay is either a native DOM call (.style.*, .appendChild, scrollIntoView) or routes through du/setv-untraced!, so the trace timeline is not polluted by the highlight machinery.
baredom.dev.x-trace-history.model
Pure functions and constants for x-trace-history: schema, ring-buffer ops, JS record construction, dock filtering / preview formatting, dock CSS, activation predicate. Effects (atom mutation, hook installation, JS API, DOM mounting) live in recorder.cljs / x_trace_history.cljs.
Pure functions and constants for x-trace-history: schema, ring-buffer ops, JS record construction, dock filtering / preview formatting, dock CSS, activation predicate. Effects (atom mutation, hook installation, JS API, DOM mounting) live in recorder.cljs / x_trace_history.cljs.
- active-lanes
- all-categories
- axis-mode?
- axis-modes
- bin-opacity
- bin-records-by-x
- categorize-type
- category-colors
- causality-empty-message
- causality-h-gap
- causality-leaf-message
- causality-max-nodes
- causality-node-h
- causality-node-w
- causality-over-cap-message
- causality-padding
- causality-root
- causality-tree
- causality-v-gap
- causality-walk-cap
- cause-of
- default-axis-mode
- default-capacity
- default-categories
- default-dock-mode
- density-bin-tooltip-text
- density-bin-width
- density-threshold
- dock-mode?
- dock-modes
- document-lane
- dominant-category
- dot-color
- download-filename
- effects-display-limit
- effects-of
- empty-records
- enabled?
- event-type-categories
- filename-extension
- filename-prefix
- filter-components
- filter-records
- find-laid-node
- find-record-by-id
- fit-to-view-scroll
- forensic-value
- forensic?
- format-timestamp
- import-view?
- index-from-x
- index-of-record
- index-x
- k-axis-mode
- k-causality-el
- k-collapse-btn
- k-collapsed
- k-count-el
- k-detail-el
- k-dock-mode
- k-drop-overlay
- k-filter
- k-highlight-box
- k-highlight-cid
- k-highlight-layer
- k-highlight-listeners
- k-highlight-raf
- k-hint-el
- k-import-input
- k-lanes-el
- k-listeners
- k-mounted
- k-pause-btn
- k-record-btn
- k-sessions-el
- k-shadow
- k-splitter-el
- k-sub-token
- k-svg-pane-el
- k-tag-select-el
- k-timeline-el
- k-tooltip-el
- k-view
- k-view-selected
- lane-id-of
- lane-is-dense?
- lane-label
- lane-max-bin-count
- layout-tree
- live-view?
- make-export
- make-record
- nearest-record
- parse-export
- payload-preview
- plot-padding-x
- push-record
- record-matches?
- referenced-component-ids
- schema-version
- searchable-haystack
- session-view?
- set-ui-state!
- step-record
- tag-name
- tag-of
- time-bounds
- time-from-x
- time-x
- timeline-hint
- tooltip-text
- tree-max-depth
- tree-node-count
- tree-size-stats
- ui-state
- url-param
- validate-envelope
- view-id
- window-flag
baredom.dev.x-trace-history.recorder
Effects layer for x-trace-history: state atom, hook installation, activation gating, JS API at window.BareDOM.traceHistory.*, a synchronous cause-id chain via a wrapper around EventTarget.prototype.dispatchEvent, and a small subscriber API consumed by the dock UI.
See docs/x-trace-history-roadmap.md for the broader plan.
Effects layer for x-trace-history: state atom, hook installation, activation gating, JS API at window.BareDOM.traceHistory.*, a synchronous cause-id chain via a wrapper around EventTarget.prototype.dispatchEvent, and a small subscriber API consumed by the dock UI. See docs/x-trace-history-roadmap.md for the broader plan.
- active-session-id
- clear!
- components
- download-trace!
- export!
- find-element-by-component-id
- forensic-mode?
- import-records
- import-trace!
- imports
- install!
- mark-internal!
- observed-tags
- pause!
- paused?
- records
- register!
- remove-import!
- resume!
- session-records
- sessions
- start-session!
- stop-session!
- subscribe!
- uninstall!
- unsubscribe!
- with-suppressed-recording!
baredom.dev.x-trace-history.x-trace-history
Dev-only floating dock for x-trace-history.
When activated (?baredom-trace-history or window.BAREDOM_TRACE_HISTORY),
register! installs the recorder hooks (via recorder/register!), defines a
<x-trace-history> custom element, and auto-mounts one to <body>. The
dock subscribes to recorder updates and renders an SVG timeline: one
lane per component instance (Y), event time on X, dots coloured by
category. Hover for tooltip, click to open the JSON detail pane.
Dev-only floating dock for x-trace-history. When activated (?baredom-trace-history or window.BAREDOM_TRACE_HISTORY), register! installs the recorder hooks (via recorder/register!), defines a `<x-trace-history>` custom element, and auto-mounts one to <body>. The dock subscribes to recorder updates and renders an SVG timeline: one lane per component instance (Y), event time on X, dots coloured by category. Hover for tooltip, click to open the JSON detail pane.
cljdoc builds & hosts documentation for Clojure/Script libraries
| Ctrl+k | Jump to recent docs |
| ← | Move to previous article |
| → | Move to next article |
| Ctrl+/ | Jump to the search field |