WorkRoot/WRNexusJS
2
0
Fork 0
Code Issues Pull Requests Actions 23 Packages Projects Releases Wiki Activity

release: WRNexusJS 0.5.0

Browse Source
This commit is contained in:
Clintchiz
2026-07-29 12:51:10 +05:30
parent 76c768099d
commit 6afe32f63f
456 changed files with 40879 additions and 8850 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/component-showcase/public/avatar-example-2.svg
+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160">
<rect width="160" height="160" rx="28" fill="#7c3aed"/>
<circle cx="80" cy="62" r="31" fill="#f5c7a9"/>
<path d="M45 67c0-36 14-52 37-52 25 0 38 19 34 56-8-12-14-23-17-34-13 17-31 27-54 30Z" fill="#3f1d18"/>
<circle cx="68" cy="65" r="3" fill="#292524"/>
<circle cx="92" cy="65" r="3" fill="#292524"/>
<path d="M69 79c8 6 15 6 22 0" fill="none" stroke="#9a3412" stroke-width="3" stroke-linecap="round"/>
<path d="M27 160c4-39 22-59 53-59s49 20 53 59Z" fill="#f3e8ff"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 553 B

examples/component-showcase/public/avatar-example-3.svg
+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160">
<rect width="160" height="160" rx="28" fill="#0f9f8f"/>
<circle cx="80" cy="61" r="31" fill="#8d5524"/>
<path d="M47 56c2-27 15-41 34-41 22 0 35 17 34 44-14-4-26-13-34-26-8 12-20 20-34 23Z" fill="#18181b"/>
<circle cx="69" cy="64" r="3" fill="#18181b"/>
<circle cx="92" cy="64" r="3" fill="#18181b"/>
<path d="M69 78c7 6 15 6 22 0" fill="none" stroke="#4a1d0b" stroke-width="3" stroke-linecap="round"/>
<path d="M27 160c4-40 22-60 53-60s49 20 53 60Z" fill="#ccfbf1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 552 B

examples/component-showcase/public/avatar-example.svg
+18
View File
@@ -0,0 +1,18 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160" role="img" aria-labelledby="title description">
<title id="title">Example profile portrait</title>
<desc id="description">Illustrated portrait of a person on a blue background.</desc>
<defs>
<linearGradient id="background" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#0ea5e9"/>
<stop offset="1" stop-color="#2563eb"/>
</linearGradient>
</defs>
<rect width="160" height="160" rx="28" fill="url(#background)"/>
<circle cx="80" cy="62" r="31" fill="#fed7aa"/>
<path d="M49 61c2-28 16-42 34-42 22 0 34 18 31 45-10-5-19-14-24-24-9 13-23 21-41 21Z" fill="#312e81"/>
<circle cx="69" cy="64" r="3" fill="#1f2937"/>
<circle cx="93" cy="64" r="3" fill="#1f2937"/>
<path d="M70 78c7 6 14 6 21 0" fill="none" stroke="#9a3412" stroke-width="3" stroke-linecap="round"/>
<path d="M28 160c3-39 22-59 52-59s49 20 52 59Z" fill="#e0f2fe"/>
<path d="m61 104 19 23 20-23 11 56H49Z" fill="#ffffff"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1005 B

examples/component-showcase/public/card-landscape.svg
+23
View File
@@ -0,0 +1,23 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 560" role="img" aria-labelledby="title description">
<title id="title">Abstract blue glass landscape</title>
<desc id="description">Layered translucent blue and teal shapes on a pale background.</desc>
<defs>
<linearGradient id="background" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#e0f2fe"/>
<stop offset="1" stop-color="#bae6fd"/>
</linearGradient>
<linearGradient id="glass" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#22d3ee" stop-opacity=".78"/>
<stop offset=".52" stop-color="#0284c7" stop-opacity=".82"/>
<stop offset="1" stop-color="#1d4ed8" stop-opacity=".9"/>
</linearGradient>
</defs>
<rect width="960" height="560" fill="url(#background)"/>
<g transform="translate(92 46)">
<path d="M80 440 290 85l145 355Z" fill="#14b8a6" opacity=".42"/>
<path d="m170 440 238-335 190 335Z" fill="#06b6d4" opacity=".58"/>
<path d="m285 440 220-390 260 390Z" fill="url(#glass)"/>
<path d="m410 440 170-278 238 278Z" fill="#0369a1" opacity=".46"/>
<path d="m32 440 210-248 176 248Z" fill="#0ea5e9" opacity=".36"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

examples/component-showcase/public/playground.js
+16 -4
View File
@@ -58,10 +58,21 @@
let design = storedDesign();
applyDesign(design, false);
for (const link of document.querySelectorAll(".docs-directory a[href]")) {
const target = new URL(link.href, window.location.origin);
if (target.pathname === window.location.pathname) link.setAttribute("aria-current", "page");
function updateActiveNavigation() {
for (const link of document.querySelectorAll(".docs-directory a[href]")) {
const target = new URL(link.href, window.location.origin);
if (target.pathname === window.location.pathname) {
link.setAttribute("aria-current", "page");
} else {
link.removeAttribute("aria-current");
}
}
}
updateActiveNavigation();
window.addEventListener("wrnexus:navigated", updateActiveNavigation);
window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", () => {
if (design.mode === "system") applyDesign(design);
});
@@ -293,7 +304,8 @@
const links = [...document.querySelectorAll("[data-docs-component-link]")];
let visible = 0;
for (const link of links) {
const matches = !query || link.textContent.toLowerCase().includes(query);
const label = link.querySelector("[data-docs-component-name]")?.textContent || "";
const matches = !query || label.toLowerCase().includes(query);
link.hidden = !matches;
if (matches) visible++;
}