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

release: WRNexusJS 0.7.0

Browse Source
This commit is contained in:
Clintchiz
2026-08-01 10:04:42 +05:30
parent c54144f2e4
commit 87507edf59
207 changed files with 12607 additions and 679 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/component-showcase/scripts/generate-showcase.mjs
+7 -13
View File
@@ -166,7 +166,7 @@ function sampleArray(prop, component, variation) {
alt: `${logo} logo`,
href: `#${slugOf(component.name)}-demo`,
external: false,
src: `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 36'%3E%3Crect width='120' height='36' rx='8' fill='%23${variation === 2 ? "059669" : variation === 1 ? "0284c7" : "7c3aed"}'/%3E%3Ctext x='60' y='23' text-anchor='middle' font-family='Arial' font-size='13' fill='white'%3E${logo}%3C/text%3E%3C/svg%3E`,
src: `/showcase-images/logo-${variation}-${index}.svg`,
order: index,
}));
if (name.includes("navigationcolumns"))
@@ -871,8 +871,7 @@ function advancedSelectConfiguration(variation) {
description: "Product and visual design",
icon: "icon-[lucide--palette]",
color: "#8b5cf6",
avatar:
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='32' fill='%238b5cf6'/%3E%3Ctext x='32' y='40' text-anchor='middle' font-family='Arial' font-size='24' fill='white'%3ED%3C/text%3E%3C/svg%3E",
avatar: "/showcase-images/avatar-design.svg",
},
{
value: "engineering",
@@ -880,8 +879,7 @@ function advancedSelectConfiguration(variation) {
description: "Platform and application engineering",
icon: "icon-[lucide--code-2]",
color: "#0ea5e9",
avatar:
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='32' fill='%230ea5e9'/%3E%3Ctext x='32' y='40' text-anchor='middle' font-family='Arial' font-size='24' fill='white'%3EE%3C/text%3E%3C/svg%3E",
avatar: "/showcase-images/avatar-engineering.svg",
},
{
value: "growth",
@@ -889,8 +887,7 @@ function advancedSelectConfiguration(variation) {
description: "Marketing and customer growth",
icon: "icon-[lucide--trending-up]",
color: "#10b981",
avatar:
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='32' fill='%2310b981'/%3E%3Ctext x='32' y='40' text-anchor='middle' font-family='Arial' font-size='24' fill='white'%3EG%3C/text%3E%3C/svg%3E",
avatar: "/showcase-images/avatar-growth.svg",
},
{ value: "support", label: "Support", description: "Customer operations", disabled: false },
];
@@ -985,8 +982,7 @@ function comboboxConfiguration(variation) {
description: "Product and visual design",
icon: "icon-[lucide--palette]",
color: "#8b5cf6",
avatar:
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='32' fill='%238b5cf6'/%3E%3Ctext x='32' y='40' text-anchor='middle' font-family='Arial' font-size='24' fill='white'%3ED%3C/text%3E%3C/svg%3E",
avatar: "/showcase-images/avatar-design.svg",
},
{
value: "engineering",
@@ -994,8 +990,7 @@ function comboboxConfiguration(variation) {
description: "Platform and application engineering",
icon: "icon-[lucide--code-2]",
color: "#0ea5e9",
avatar:
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='32' fill='%230ea5e9'/%3E%3Ctext x='32' y='40' text-anchor='middle' font-family='Arial' font-size='24' fill='white'%3EE%3C/text%3E%3C/svg%3E",
avatar: "/showcase-images/avatar-engineering.svg",
},
{
value: "growth",
@@ -1003,8 +998,7 @@ function comboboxConfiguration(variation) {
description: "Marketing and customer growth",
icon: "icon-[lucide--trending-up]",
color: "#10b981",
avatar:
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='32' fill='%2310b981'/%3E%3Ctext x='32' y='40' text-anchor='middle' font-family='Arial' font-size='24' fill='white'%3EG%3C/text%3E%3C/svg%3E",
avatar: "/showcase-images/avatar-growth.svg",
},
{
value: "support",
examples/component-showcase/scripts/showcase-profiles.mjs
+4 -5
View File
@@ -830,8 +830,7 @@ export const componentProfiles = {
{
title: "Unified citizen portal",
description: "Access trusted services from one responsive interface.",
image:
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 450'%3E%3Crect width='800' height='450' fill='%231e1b4b'/%3E%3Ccircle cx='610' cy='130' r='120' fill='%237c3aed' opacity='.55'/%3E%3Crect x='90' y='90' width='430' height='270' rx='28' fill='%23ffffff' opacity='.12'/%3E%3C/svg%3E",
image: "/showcase-images/dashboard-preview.svg",
imageAlt: "Abstract dashboard preview",
imagePosition: "top",
imageAspect: "wide",
@@ -1813,7 +1812,7 @@ export const componentProfiles = {
"Responsive content image",
"Render a responsive image with meaningful alternative text.",
{
src: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 450'%3E%3Crect width='800' height='450' fill='%231e1b4b'/%3E%3Ccircle cx='400' cy='225' r='120' fill='%237c3aed'/%3E%3C/svg%3E",
src: "/showcase-images/violet-circle.svg",
alt: "Abstract violet circle on a dark surface",
width: "800",
height: "450",
@@ -1823,7 +1822,7 @@ export const componentProfiles = {
"Rounded thumbnail",
"Use a rounded image in cards, directories, and compact summaries.",
{
src: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Crect width='400' height='400' fill='%230284c7'/%3E%3Cpath d='M80 290 190 120l130 170z' fill='white' opacity='.7'/%3E%3C/svg%3E",
src: "/showcase-images/blue-mountain.svg",
alt: "Abstract blue thumbnail",
width: "400",
height: "400",
@@ -1835,7 +1834,7 @@ export const componentProfiles = {
"Eager hero image",
"Use explicit dimensions and eager loading for an above-the-fold visual.",
{
src: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 600'%3E%3Crect width='1200' height='600' fill='%23059669'/%3E%3Crect x='150' y='120' width='900' height='360' rx='36' fill='white' opacity='.18'/%3E%3C/svg%3E",
src: "/showcase-images/green-hero.svg",
alt: "Abstract green hero visual",
width: "1200",
height: "600",