docs: update portal for WRNexusJS 0.8.6

This commit is contained in:
2026-08-09 02:13:42 +05:30
parent be24c6cad6
commit a153d351b0
99 changed files with 5153 additions and 1528 deletions
+78 -78
View File
@@ -1,4 +1,4 @@
# WRNexusJS documentation 0.8.5
# WRNexusJS documentation 0.8.6
Status: Private Developer Preview. This site documents 47 release-aligned packages.
@@ -289,289 +289,289 @@ wrnexus eject <component> # copy a Wire UI component's .wrn into app/compone
## @wrnexus/ai
- @wrnexus/ai 0.8.5
- @wrnexus/ai 0.8.6
- Documentation: https://wrnexusjs.dev/packages/ai
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/auth
- @wrnexus/auth 0.8.5
- @wrnexus/auth 0.8.6
- Documentation: https://wrnexusjs.dev/packages/auth
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/authz
- @wrnexus/authz 0.8.5
- @wrnexus/authz 0.8.6
- Documentation: https://wrnexusjs.dev/packages/authz
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/benchmark
- @wrnexus/benchmark 0.8.5
- @wrnexus/benchmark 0.8.6
- Documentation: https://wrnexusjs.dev/packages/benchmark
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/cache
- @wrnexus/cache 0.8.5
- @wrnexus/cache 0.8.6
- Documentation: https://wrnexusjs.dev/packages/cache
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/captcha
- @wrnexus/captcha 0.8.5
- @wrnexus/captcha 0.8.6
- Documentation: https://wrnexusjs.dev/packages/captcha
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/cli
- @wrnexus/cli 0.8.5
- @wrnexus/cli 0.8.6
- Documentation: https://wrnexusjs.dev/packages/cli
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/compiler
- @wrnexus/compiler 0.8.5
- @wrnexus/compiler 0.8.6
- Documentation: https://wrnexusjs.dev/packages/compiler
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/content
- @wrnexus/content 0.8.5
- @wrnexus/content 0.8.6
- Documentation: https://wrnexusjs.dev/packages/content
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/core
- @wrnexus/core 0.8.5
- @wrnexus/core 0.8.6
- Documentation: https://wrnexusjs.dev/packages/core
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/csr
- @wrnexus/csr 0.8.5
- @wrnexus/csr 0.8.6
- Documentation: https://wrnexusjs.dev/packages/csr
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/db
- @wrnexus/db 0.8.5
- @wrnexus/db 0.8.6
- Documentation: https://wrnexusjs.dev/packages/db
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/dev-server
- @wrnexus/dev-server 0.8.5
- @wrnexus/dev-server 0.8.6
- Documentation: https://wrnexusjs.dev/packages/dev-server
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/dev-toolbar
- @wrnexus/dev-toolbar 0.8.5
- @wrnexus/dev-toolbar 0.8.6
- Documentation: https://wrnexusjs.dev/packages/dev-toolbar
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/encryption
- @wrnexus/encryption 0.8.5
- @wrnexus/encryption 0.8.6
- Documentation: https://wrnexusjs.dev/packages/encryption
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/graphql
- @wrnexus/graphql 0.8.5
- @wrnexus/graphql 0.8.6
- Documentation: https://wrnexusjs.dev/packages/graphql
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/helpers
- @wrnexus/helpers 0.8.5
- @wrnexus/helpers 0.8.6
- Documentation: https://wrnexusjs.dev/packages/helpers
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/i18n
- @wrnexus/i18n 0.8.5
- @wrnexus/i18n 0.8.6
- Documentation: https://wrnexusjs.dev/packages/i18n
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/identity
- @wrnexus/identity 0.8.5
- @wrnexus/identity 0.8.6
- Documentation: https://wrnexusjs.dev/packages/identity
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/image
- @wrnexus/image 0.8.5
- @wrnexus/image 0.8.6
- Documentation: https://wrnexusjs.dev/packages/image
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/jwt
- @wrnexus/jwt 0.8.5
- @wrnexus/jwt 0.8.6
- Documentation: https://wrnexusjs.dev/packages/jwt
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/language-server
- @wrnexus/language-server 0.8.5
- @wrnexus/language-server 0.8.6
- Documentation: https://wrnexusjs.dev/packages/language-server
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/mcp
- @wrnexus/mcp 0.8.5
- @wrnexus/mcp 0.8.6
- Documentation: https://wrnexusjs.dev/packages/mcp
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/mobile
- @wrnexus/mobile 0.8.5
- @wrnexus/mobile 0.8.6
- Documentation: https://wrnexusjs.dev/packages/mobile
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/native
- @wrnexus/native 0.8.5
- @wrnexus/native 0.8.6
- Documentation: https://wrnexusjs.dev/packages/native
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/oauth
- @wrnexus/oauth 0.8.5
- @wrnexus/oauth 0.8.6
- Documentation: https://wrnexusjs.dev/packages/oauth
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/observability
- @wrnexus/observability 0.8.5
- @wrnexus/observability 0.8.6
- Documentation: https://wrnexusjs.dev/packages/observability
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/playground
- @wrnexus/playground 0.8.5
- @wrnexus/playground 0.8.6
- Documentation: https://wrnexusjs.dev/packages/playground
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/plugin
- @wrnexus/plugin 0.8.5
- @wrnexus/plugin 0.8.6
- Documentation: https://wrnexusjs.dev/packages/plugin
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/pubsub
- @wrnexus/pubsub 0.8.5
- @wrnexus/pubsub 0.8.6
- Documentation: https://wrnexusjs.dev/packages/pubsub
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/pwa
- @wrnexus/pwa 0.8.5
- @wrnexus/pwa 0.8.6
- Documentation: https://wrnexusjs.dev/packages/pwa
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/queue
- @wrnexus/queue 0.8.5
- @wrnexus/queue 0.8.6
- Documentation: https://wrnexusjs.dev/packages/queue
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/reactive
- @wrnexus/reactive 0.8.5
- @wrnexus/reactive 0.8.6
- Documentation: https://wrnexusjs.dev/packages/reactive
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/realtime
- @wrnexus/realtime 0.8.5
- @wrnexus/realtime 0.8.6
- Documentation: https://wrnexusjs.dev/packages/realtime
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/router
- @wrnexus/router 0.8.5
- @wrnexus/router 0.8.6
- Documentation: https://wrnexusjs.dev/packages/router
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/rpc
- @wrnexus/rpc 0.8.5
- @wrnexus/rpc 0.8.6
- Documentation: https://wrnexusjs.dev/packages/rpc
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/security
- @wrnexus/security 0.8.5
- @wrnexus/security 0.8.6
- Documentation: https://wrnexusjs.dev/packages/security
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/ssr
- @wrnexus/ssr 0.8.5
- @wrnexus/ssr 0.8.6
- Documentation: https://wrnexusjs.dev/packages/ssr
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/store
- @wrnexus/store 0.8.5
- @wrnexus/store 0.8.6
- Documentation: https://wrnexusjs.dev/packages/store
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/styles
- @wrnexus/styles 0.8.5
- @wrnexus/styles 0.8.6
- Documentation: https://wrnexusjs.dev/packages/styles
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/syntax
- @wrnexus/syntax 0.8.5
- @wrnexus/syntax 0.8.6
- Documentation: https://wrnexusjs.dev/packages/syntax
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/test
- @wrnexus/test 0.8.5
- @wrnexus/test 0.8.6
- Documentation: https://wrnexusjs.dev/packages/test
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/tracking
- @wrnexus/tracking 0.8.5
- @wrnexus/tracking 0.8.6
- Documentation: https://wrnexusjs.dev/packages/tracking
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/typecheck
- @wrnexus/typecheck 0.8.5
- @wrnexus/typecheck 0.8.6
- Documentation: https://wrnexusjs.dev/packages/typecheck
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/ui
- @wrnexus/ui 0.8.5
- @wrnexus/ui 0.8.6
- Documentation: https://wrnexusjs.dev/packages/ui
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/uploader
- @wrnexus/uploader 0.8.5
- @wrnexus/uploader 0.8.6
- Documentation: https://wrnexusjs.dev/packages/uploader
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/validation
- @wrnexus/validation 0.8.5
- @wrnexus/validation 0.8.6
- Documentation: https://wrnexusjs.dev/packages/validation
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
# UI component catalog
The installed @wrnexus/ui 0.8.5 release contains 108 documented components. The contracts below include every mount name, purpose, prop type, required/default status, slot, and event. Interactive examples live only on the dedicated component showcase.
The installed @wrnexus/ui 0.8.6 release contains 108 documented components. The contracts below include every mount name, purpose, prop type, required/default status, slot, and event. Interactive examples live only on the dedicated component showcase.
### Accordion
Showcase: https://component.wrnexusjs.dev/
@@ -830,7 +830,7 @@ Showcase: https://component.wrnexusjs.dev/
Mount: <Container /> (legacy: data-component="Container")
Category: layout
Purpose: Constrain and align page content with responsive gutters and compact, wide, or full width options.
Props: size: string = "default", color: string = "primary", columns: number = 2, gap: string = "md", maxWidth: string = "xl", class: string = ""
Props: size: string = "default", color: string = "primary", columns: number = 2, gap: string = "md", maxWidth: string = "xl", centered: boolean = true, class: string = ""
Slots: default
Events: none
@@ -857,9 +857,9 @@ Showcase: https://component.wrnexusjs.dev/
Mount: <CustomScrollbar /> (legacy: data-component="CustomScrollbar")
Category: layout
Purpose: Theme-aware, responsive custom scrollbar component.
Props: size: string = "default", color: string = "primary", columns: number = 2, gap: string = "md", maxWidth: string = "xl", class: string = ""
Props: color: string = "primary", size: string = "default", axis: string = "vertical", thickness: number = 8, maxHeight: string = "20rem", radius: string = "999px", class: string = ""
Slots: default
Events: scroll
Events: none
### DataMap
Showcase: https://component.wrnexusjs.dev/
@@ -902,7 +902,7 @@ Showcase: https://component.wrnexusjs.dev/
Mount: <Divider /> (legacy: data-component="Divider")
Category: layout
Purpose: Separate related horizontal or vertical content with optional labels, sizes, and semantic colors.
Props: size: string = "default", color: string = "primary", label: string = "", orientation: string = "horizontal", class: string = ""
Props: size: string = "default", color: string = "primary", label: string = "", orientation: string = "horizontal", variant: string = "solid", class: string = ""
Slots: none
Events: none
@@ -1001,7 +1001,7 @@ Showcase: https://component.wrnexusjs.dev/
Mount: <Grid /> (legacy: data-component="Grid")
Category: layout
Purpose: Arrange arbitrary content in a responsive configurable CSS grid with stable columns, gaps, alignment, and width.
Props: size: string = "default", color: string = "primary", columns: number = 2, gap: string = "md", maxWidth: string = "xl", class: string = ""
Props: size: string = "default", color: string = "primary", columns: number = 2, gap: string = "md", maxWidth: string = "xl", minItemWidth: string = "", class: string = ""
Slots: default
Events: none
@@ -1028,7 +1028,7 @@ Showcase: https://component.wrnexusjs.dev/
Mount: <Image /> (legacy: data-component="Image")
Category: layout
Purpose: Render a responsive image with explicit dimensions, loading behavior, alternative text, sizing, and rounded treatment.
Props: size: string = "default", color: string = "primary", src: string = "", alt: string = "", width: string = "", height: string = "", loading: string = "lazy", rounded: boolean = false, class: string = ""
Props: size: string = "default", color: string = "primary", src: string = "", alt: string = "", width: string = "", height: string = "", loading: string = "lazy", fit: string = "cover", rounded: boolean = false, class: string = ""
Slots: default
Events: none
@@ -1064,7 +1064,7 @@ Showcase: https://component.wrnexusjs.dev/
Mount: <Kbd /> (legacy: data-component="Kbd")
Category: layout
Purpose: Theme-aware, responsive kbd component.
Props: size: string = "default", color: string = "primary", label: string = "K", class: string = ""
Props: size: string = "default", color: string = "primary", label: string = "K", class: string = ""
Slots: default
Events: none
@@ -1073,9 +1073,9 @@ Showcase: https://component.wrnexusjs.dev/
Mount: <LayoutSplitter /> (legacy: data-component="LayoutSplitter")
Category: layout
Purpose: Theme-aware, responsive layout splitter component.
Props: size: string = "default", color: string = "primary", columns: number = 2, gap: string = "md", maxWidth: string = "xl", class: string = ""
Slots: default
Events: resizeStart, resize, resizeEnd
Props: color: string = "primary", size: number = 50, orientation: string = "horizontal", minSize: number = 15, step: number = 5, label: string = "Resize panels", class: string = ""
Slots: start, end, default
Events: sizeChange
### LegendIndicator
Showcase: https://component.wrnexusjs.dev/
@@ -1091,7 +1091,7 @@ Showcase: https://component.wrnexusjs.dev/
Mount: <Link /> (legacy: data-component="Link")
Category: layout
Purpose: Render an accessible internal or external link with target, relation, size, color, and public focus or click events.
Props: size: string = "default", color: string = "primary", label: string = "Link", href: string = "#", target: string = "", rel: string = "", external: boolean = false, class: string = ""
Props: size: string = "default", color: string = "primary", label: string = "Link", href: string = "#", target: string = "", rel: string = "", underline: string = "hover", external: boolean = false, class: string = ""
Slots: default
Events: none
@@ -1102,7 +1102,7 @@ Category: base
Purpose: Present structured responsive linked or status items with icons, descriptions, actions, and selection events.
Props: size: string = "default", color: string = "primary", title: string = "List", description: string = "", items: unknown[] = [], variant: string = "default", class: string = ""
Slots: default
Events: none
Events: select
### ListGroup
Showcase: https://component.wrnexusjs.dev/
@@ -1120,7 +1120,7 @@ Category: integrations
Purpose: Present responsive location information and markers with map-ready metadata and movement or marker events.
Props: size: string = "default", color: string = "primary", title: string = "Map", description: string = "", items: unknown[] = [], variant: string = "default", class: string = ""
Slots: default
Events: none
Events: markerClick, select, zoom
### MarketingSectionHeader
Showcase: https://component.wrnexusjs.dev/
@@ -1138,14 +1138,14 @@ Category: base
Purpose: Continuously present responsive labels, partners, notices, or capabilities with pause and resume behavior.
Props: size: string = "default", color: string = "primary", title: string = "Marquee", description: string = "", items: unknown[] = [], variant: string = "default", class: string = ""
Slots: default
Events: none
Events: pause, resume
### MegaMenu
Showcase: https://component.wrnexusjs.dev/
Mount: <MegaMenu /> (legacy: data-component="MegaMenu")
Category: navigation
Purpose: Theme-aware, responsive mega menu component.
Props: size: string = "default", color: string = "primary", label: string = "Mega Menu", items: unknown[] = [], active: string = "", orientation: string = "horizontal", class: string = ""
Props: color: string = "primary", size: string = "default", label: string = "Menu", icon: string = "", columns: unknown[] = [], footer: string = "", defaultOpen: boolean = false, class: string = ""
Slots: default
Events: open, close, select
@@ -1181,9 +1181,9 @@ Showcase: https://component.wrnexusjs.dev/
Mount: <Nav /> (legacy: data-component="Nav")
Category: navigation
Purpose: Theme-aware, responsive nav component.
Props: size: string = "default", color: string = "primary", label: string = "Nav", items: unknown[] = [], active: string = "", orientation: string = "horizontal", class: string = ""
Props: color: string = "primary", size: string = "default", items: unknown[] = [], active: string = "", orientation: string = "horizontal", label: string = "Main", collapsible: boolean = true, toggleLabel: string = "Menu", class: string = ""
Slots: default
Events: select, change
Events: select
### Navbar
Showcase: https://component.wrnexusjs.dev/
@@ -1208,7 +1208,7 @@ Showcase: https://component.wrnexusjs.dev/
Mount: <Pagination /> (legacy: data-component="Pagination")
Category: navigation
Purpose: Theme-aware, responsive pagination component.
Props: size: string = "default", color: string = "primary", label: string = "Pagination", items: unknown[] = [], active: string = "", orientation: string = "horizontal", class: string = ""
Props: color: string = "primary", size: string = "default", page: number = 1, pageSize: number = 10, total: number = 0, variant: string = "compact", siblingCount: number = 1, showSummary: boolean = true, label: string = "Pagination", previousLabel: string = "Previous", nextLabel: string = "Next", class: string = ""
Slots: default
Events: change, previous, next
@@ -1298,7 +1298,7 @@ Showcase: https://component.wrnexusjs.dev/
Mount: <Scrollspy /> (legacy: data-component="Scrollspy")
Category: navigation
Purpose: Theme-aware, responsive scrollspy component.
Props: size: string = "default", color: string = "primary", label: string = "Scrollspy", items: unknown[] = [], active: string = "", orientation: string = "horizontal", class: string = ""
Props: color: string = "primary", size: string = "default", items: unknown[] = [], active: string = "", label: string = "On this page", heading: string = "", class: string = ""
Slots: default
Events: change
@@ -1309,7 +1309,7 @@ Category: forms
Purpose: Provide an accessible responsive search field with labels, validation states, sizes, and input or change events.
Props: size: string = "default", color: string = "primary", label: string = "Search Box", name: string = "", value: string = "", placeholder: string = "", type: string = "search", min: string = "", max: string = "", step: string = "", disabled: boolean = false, required: boolean = false, class: string = ""
Slots: none
Events: none
Events: search, clear
### Section
Showcase: https://component.wrnexusjs.dev/
@@ -1343,8 +1343,8 @@ Showcase: https://component.wrnexusjs.dev/
Mount: <Sidebar /> (legacy: data-component="Sidebar")
Category: navigation
Purpose: Theme-aware, responsive sidebar component.
Props: size: string = "default", color: string = "primary", label: string = "Sidebar", items: unknown[] = [], active: string = "", orientation: string = "horizontal", mobileLabel: string = "Open navigation", class: string = ""
Slots: default
Props: color: string = "primary", size: string = "default", label: string = "Sidebar", items: unknown[] = [], active: string = "", mobileLabel: string = "Open navigation", drawerTitle: string = "Navigation", class: string = ""
Slots: default, drawer
Events: toggle, open, close, select
### Skeleton
@@ -1388,9 +1388,9 @@ Showcase: https://component.wrnexusjs.dev/
Mount: <Stepper /> (legacy: data-component="Stepper")
Category: navigation
Purpose: Theme-aware, responsive stepper component.
Props: size: string = "default", color: string = "primary", label: string = "Stepper", items: unknown[] = [], active: string = "", orientation: string = "horizontal", class: string = ""
Slots: default
Events: change, previous, next, complete
Props: color: string = "primary", size: string = "default", steps: unknown[] = [], active: number = 0, orientation: string = "horizontal", clickable: boolean = false, label: string = "Progress", showPanel: boolean = false, controls: boolean = false, allowSkip: boolean = false, nextDisabled: boolean = false, backLabel: string = "Back", nextLabel: string = "Next", skipLabel: string = "Skip", finishLabel: string = "Finish", class: string = ""
Slots: step-{index}, panel-{index}, default
Events: change, back, next, skip, finish
### StrongPassword
Showcase: https://component.wrnexusjs.dev/
@@ -1424,9 +1424,9 @@ Showcase: https://component.wrnexusjs.dev/
Mount: <Tabs /> (legacy: data-component="Tabs")
Category: navigation
Purpose: Switch between related responsive content panels with horizontal or vertical orientation and selection events.
Props: size: string = "default", color: string = "primary", label: string = "Tabs", items: unknown[] = [], active: string = "", orientation: string = "horizontal", class: string = ""
Slots: default
Events: none
Props: color: string = "primary", size: string = "default", items: unknown[] = [], active: string = "", orientation: string = "horizontal", mode: string = "client", param: string = "tab", label: string = "Tabs", class: string = ""
Slots: panel-{valueOf(item, index)}, default
Events: change, select
### TextLink
Showcase: https://component.wrnexusjs.dev/
@@ -1462,7 +1462,7 @@ Category: base
Purpose: Present responsive chronological activity, milestones, or workflow status with rich item metadata.
Props: size: string = "default", color: string = "primary", title: string = "Timeline", description: string = "", items: unknown[] = [], variant: string = "default", class: string = ""
Slots: default
Events: none
Events: select
### Toast
Showcase: https://component.wrnexusjs.dev/