wensity 0.1.7 → 0.1.8

package/README.md

@@ -7,8 +7,8 @@ Install open-code components and UI primitives from the Wensity registry into yo
 npx wensity@latest init
 
 # Or apply a shareable preset from https://ui.wensity.com/docs/primitives/setup
-# Preset support requires wensity 0.1.6 or later (pin — @latest may be older)
-npx wensity@0.1.6 init --preset <wsty1-code>
+# Preset support requires wensity 0.1.8 or later
+npx wensity@latest init --preset <wsty1-code>
 
 # Install a primitive or component
 npx wensity@latest add button
@@ -38,7 +38,7 @@ Plain `init` (no `--preset`) refuses to overwrite an existing `wensity.json` unl
 | `wensity list` | List registry entries |
 | `wensity add <slug>` | Install source (skips existing files) |
 | `wensity update <slug>` | Re-download and overwrite local source |
-| `wensity version` | Print `0.1.6` |
+| `wensity version` | Print `0.1.8` |
 
 Premium components and blocks require an API token from the Wensity dashboard. Tokens are stored at `~/.config/wensity/credentials.json` with `0600` permissions.
 

package/dist/index.js

@@ -6,7 +6,7 @@ import { dirname as dirname6, join as join6 } from "path";
 
 // src/constants.ts
 var CLI_NAME = "wensity";
-var CLI_VERSION = "0.1.7";
+var CLI_VERSION = "0.1.8";
 var CONFIG_FILE_NAME = "wensity.json";
 var DEFAULT_API_ORIGIN = "https://ui.wensity.com";
 var DEFAULT_REGISTRY_PATH = "/api/registry";
@@ -769,6 +769,9 @@ function utf8ByteLength(text) {
   return new TextEncoder().encode(text).byteLength;
 }
 var BASE64URL_ALPHABET = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_";
+var COMPACT_CANONICAL_PREFIX = "c";
+var COMPACT_CANONICAL_BODY_LENGTH = 3;
+var COMPACT_CANONICAL_ENCODED_LENGTH = COMPACT_CANONICAL_PREFIX.length + COMPACT_CANONICAL_BODY_LENGTH;
 function toBase64Url(bytes) {
   let out = "";
   for (let i = 0; i < bytes.length; i += 3) {
@@ -808,6 +811,66 @@ function fromBase64Url(code) {
   }
   return outIndex === out.length ? out : out.subarray(0, outIndex);
 }
+function indexOfPresetValue(values, value, path) {
+  const index = values.indexOf(value);
+  if (index < 0) {
+    throw new PresetValidationError(`Invalid compact preset value at ${path}.`, path);
+  }
+  return index;
+}
+function readCompactChar(char) {
+  if (!char) return -1;
+  return BASE64URL_ALPHABET.indexOf(char);
+}
+function encodeCompactCanonicalPayload(payload) {
+  let value = indexOfPresetValue(BASE_COLOR_IDS, payload.baseColor, "preset.baseColor");
+  value = value << 3 | indexOfPresetValue(THEME_COLOR_IDS, payload.themeColor, "preset.themeColor");
+  value = value << 2 | indexOfPresetValue(CHART_PALETTE_IDS, payload.chartPalette, "preset.chartPalette");
+  value = value << 1 | indexOfPresetValue(HEADING_FONT_IDS, payload.headingFont, "preset.headingFont");
+  value = value << 1 | indexOfPresetValue(BODY_FONT_IDS, payload.bodyFont, "preset.bodyFont");
+  value = value << 1 | indexOfPresetValue(ICON_LIBRARIES, payload.iconLibrary, "preset.iconLibrary");
+  value = value << 2 | indexOfPresetValue(RADIUS_PRESETS, payload.radius, "preset.radius");
+  return `${COMPACT_CANONICAL_PREFIX}${BASE64URL_ALPHABET[value >> 12 & 63]}${BASE64URL_ALPHABET[value >> 6 & 63]}${BASE64URL_ALPHABET[value & 63]}`;
+}
+function decodeCompactCanonicalPayload(encoded) {
+  if (encoded.length !== COMPACT_CANONICAL_ENCODED_LENGTH || !encoded.startsWith(COMPACT_CANONICAL_PREFIX)) {
+    throw new PresetValidationError("Compact preset code has an invalid length.", "preset");
+  }
+  const a = readCompactChar(encoded[1]);
+  const b = readCompactChar(encoded[2]);
+  const c = readCompactChar(encoded[3]);
+  if (a < 0 || b < 0 || c < 0) {
+    throw new PresetValidationError("Compact preset code is not valid base64url.", "preset");
+  }
+  let value = a << 12 | b << 6 | c;
+  const radius = RADIUS_PRESETS[value & 3];
+  value >>= 2;
+  const iconLibrary = ICON_LIBRARIES[value & 1];
+  value >>= 1;
+  const bodyFont = BODY_FONT_IDS[value & 1];
+  value >>= 1;
+  const headingFont = HEADING_FONT_IDS[value & 1];
+  value >>= 1;
+  const chartPalette = CHART_PALETTE_IDS[value & 3];
+  value >>= 2;
+  const themeColor = THEME_COLOR_IDS[value & 7];
+  value >>= 3;
+  const baseColor = BASE_COLOR_IDS[value & 7];
+  value >>= 3;
+  if (value !== 0 || !baseColor || !themeColor || !chartPalette || !headingFont || !bodyFont || !iconLibrary || !radius) {
+    throw new PresetValidationError("Compact preset code contains an out-of-range value.", "preset");
+  }
+  return {
+    v: 2,
+    baseColor,
+    themeColor,
+    chartPalette,
+    headingFont,
+    bodyFont,
+    iconLibrary,
+    radius
+  };
+}
 function stableStringifyCodecPayload(payload) {
   const parts = [
     `"v":${payload.v}`,
@@ -1039,18 +1102,6 @@ function validateCodecPayloadCanonical(value) {
     radius: value.radius
   };
 }
-function stableStringifyCodecPayloadCanonical(payload) {
-  return `{${[
-    `"v":${payload.v}`,
-    `"baseColor":${JSON.stringify(payload.baseColor)}`,
-    `"themeColor":${JSON.stringify(payload.themeColor)}`,
-    `"chartPalette":${JSON.stringify(payload.chartPalette)}`,
-    `"headingFont":${JSON.stringify(payload.headingFont)}`,
-    `"bodyFont":${JSON.stringify(payload.bodyFont)}`,
-    `"iconLibrary":${JSON.stringify(payload.iconLibrary)}`,
-    `"radius":${JSON.stringify(payload.radius)}`
-  ].join(",")}}`;
-}
 function encodePresetCanonical(style) {
   const normalized = normalizeStyleConfigCanonical(style);
   const payload = {
@@ -1063,15 +1114,7 @@ function encodePresetCanonical(style) {
     iconLibrary: normalized.iconLibrary,
     radius: normalized.radius
   };
-  const json = stableStringifyCodecPayloadCanonical(payload);
-  const bytes = new TextEncoder().encode(json);
-  if (bytes.byteLength > PRESET_CODEC_MAX_DECODED_JSON_BYTES) {
-    throw new PresetValidationError(
-      `Preset JSON exceeds ${PRESET_CODEC_MAX_DECODED_JSON_BYTES} bytes.`,
-      "preset"
-    );
-  }
-  const code = `${PRESET_CODEC_PREFIX}.${toBase64Url(bytes)}`;
+  const code = `${PRESET_CODEC_PREFIX}.${encodeCompactCanonicalPayload(payload)}`;
   if (code.length > PRESET_CODEC_MAX_CODE_LENGTH) {
     throw new PresetValidationError(
       `Preset code exceeds ${PRESET_CODEC_MAX_CODE_LENGTH} characters.`,
@@ -1101,6 +1144,9 @@ function decodePresetEnvelope(code) {
   if (!encoded) {
     throw new PresetValidationError("Preset code payload is empty.", "preset");
   }
+  if (encoded.length === COMPACT_CANONICAL_ENCODED_LENGTH && encoded.startsWith(COMPACT_CANONICAL_PREFIX)) {
+    return decodeCompactCanonicalPayload(encoded);
+  }
   if (encoded.includes("=") || /[^A-Za-z0-9_-]/.test(encoded)) {
     throw new PresetValidationError("Preset code payload is not valid unpadded base64url.", "preset");
   }
@@ -1313,74 +1359,122 @@ var THEME_COLOR_PALETTE = {
     light: { ...DEFAULT_CONTROL_SOLID_LIGHT },
     dark: { ...DEFAULT_CONTROL_SOLID_DARK }
   },
+  //
+  // Named hues stay the same true, saturated color family in both modes —
+  // dark mode gets one step deeper (never a washed-out pastel tint of the
+  // light-mode color). This mirrors how shadcn's own theme presets work:
+  // e.g. its "red" theme ships `oklch(0.505 … 27.518)` (~Tailwind red-700)
+  // for light and `oklch(0.444 … 26.899)` (~red-800, darker not lighter)
+  // for dark, with a near-white foreground in both. Hex stops below are
+  // Tailwind v4's red/blue/violet/green/orange 600/700/800/900/50 values.
   red: {
     light: {
-      controlSolid: "#b91c1c",
-      controlSolidHover: "#dc2626",
-      controlSolidActive: "#991b1b",
-      controlSolidForeground: "#ffffff"
+      controlSolid: "#c10007",
+      // red-700
+      controlSolidHover: "#e7000b",
+      // red-600 — brighter on hover
+      controlSolidActive: "#9f0712",
+      // red-800 — darker on press
+      controlSolidForeground: "#fef2f2"
+      // red-50
     },
     dark: {
-      controlSolid: "#f87171",
-      controlSolidHover: "#fca5a5",
-      controlSolidActive: "#ef4444",
-      controlSolidForeground: "#450a0a"
+      controlSolid: "#9f0712",
+      // red-800
+      controlSolidHover: "#c10007",
+      // red-700 — brighter on hover
+      controlSolidActive: "#82181a",
+      // red-900 — darker on press
+      controlSolidForeground: "#fef2f2"
+      // red-50
     }
   },
   blue: {
     light: {
-      controlSolid: "#1d4ed8",
-      controlSolidHover: "#2563eb",
-      controlSolidActive: "#1e40af",
-      controlSolidForeground: "#ffffff"
+      controlSolid: "#1447e6",
+      // blue-700
+      controlSolidHover: "#155dfc",
+      // blue-600
+      controlSolidActive: "#193cb8",
+      // blue-800
+      controlSolidForeground: "#eff6ff"
+      // blue-50
     },
     dark: {
-      controlSolid: "#60a5fa",
-      controlSolidHover: "#93c5fd",
-      controlSolidActive: "#3b82f6",
-      controlSolidForeground: "#172554"
+      controlSolid: "#193cb8",
+      // blue-800
+      controlSolidHover: "#1447e6",
+      // blue-700
+      controlSolidActive: "#1c398e",
+      // blue-900
+      controlSolidForeground: "#eff6ff"
+      // blue-50
     }
   },
   violet: {
     light: {
-      controlSolid: "#6d28d9",
-      controlSolidHover: "#7c3aed",
-      controlSolidActive: "#5b21b6",
-      controlSolidForeground: "#ffffff"
+      controlSolid: "#7008e7",
+      // violet-700
+      controlSolidHover: "#7f22fe",
+      // violet-600
+      controlSolidActive: "#5d0ec0",
+      // violet-800
+      controlSolidForeground: "#f5f3ff"
+      // violet-50
     },
     dark: {
-      controlSolid: "#a78bfa",
-      controlSolidHover: "#c4b5fd",
-      controlSolidActive: "#8b5cf6",
-      controlSolidForeground: "#2e1065"
+      controlSolid: "#5d0ec0",
+      // violet-800
+      controlSolidHover: "#7008e7",
+      // violet-700
+      controlSolidActive: "#4d179a",
+      // violet-900
+      controlSolidForeground: "#f5f3ff"
+      // violet-50
     }
   },
   green: {
     light: {
-      controlSolid: "#047857",
-      controlSolidHover: "#059669",
-      controlSolidActive: "#065f46",
-      controlSolidForeground: "#ffffff"
+      controlSolid: "#008236",
+      // green-700
+      controlSolidHover: "#00a63e",
+      // green-600
+      controlSolidActive: "#016630",
+      // green-800
+      controlSolidForeground: "#f0fdf4"
+      // green-50
     },
     dark: {
-      controlSolid: "#34d399",
-      controlSolidHover: "#6ee7b7",
-      controlSolidActive: "#10b981",
-      controlSolidForeground: "#022c22"
+      controlSolid: "#016630",
+      // green-800
+      controlSolidHover: "#008236",
+      // green-700
+      controlSolidActive: "#0d542b",
+      // green-900
+      controlSolidForeground: "#f0fdf4"
+      // green-50
     }
   },
   orange: {
     light: {
-      controlSolid: "#c2410c",
-      controlSolidHover: "#ea580c",
-      controlSolidActive: "#9a3412",
-      controlSolidForeground: "#ffffff"
+      controlSolid: "#ca3500",
+      // orange-700
+      controlSolidHover: "#f54900",
+      // orange-600
+      controlSolidActive: "#9f2d00",
+      // orange-800
+      controlSolidForeground: "#fff7ed"
+      // orange-50
     },
     dark: {
-      controlSolid: "#fb923c",
-      controlSolidHover: "#fdba74",
-      controlSolidActive: "#f97316",
-      controlSolidForeground: "#431407"
+      controlSolid: "#9f2d00",
+      // orange-800
+      controlSolidHover: "#ca3500",
+      // orange-700
+      controlSolidActive: "#7e2a0c",
+      // orange-900
+      controlSolidForeground: "#fff7ed"
+      // orange-50
     }
   }
 };
@@ -2709,8 +2803,15 @@ function encodePresetFileJson(parsed) {
     }
     if (v === 2) {
       const payload = validateCodecPayloadCanonical(parsed);
-      const json = stableStringifyCodecPayloadCanonical(payload);
-      return `${PRESET_CODEC_PREFIX}.${Buffer.from(json, "utf8").toString("base64url")}`;
+      return encodePresetCanonical({
+        baseColor: payload.baseColor,
+        themeColor: payload.themeColor,
+        chartPalette: payload.chartPalette,
+        headingFont: payload.headingFont,
+        bodyFont: payload.bodyFont,
+        iconLibrary: payload.iconLibrary,
+        radius: payload.radius
+      });
     }
     throw new PresetValidationError(
       `Unsupported preset payload version ${String(v)}. This preset may require a newer version of the Wensity CLI.`,
@@ -2744,7 +2845,7 @@ function toCliPresetError(error) {
   const message = error.message;
   if (/Unsupported preset payload version/i.test(message)) {
     return new CliError(
-      `Invalid preset: ${message} Upgrade the Wensity CLI (wensity@0.1.7 or newer) and try again.`
+      `Invalid preset: ${message} Upgrade the Wensity CLI (wensity@latest) and try again.`
     );
   }
   return new CliError(`Invalid preset: ${message}`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wensity",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "Wensity component registry CLI",
   "type": "module",
   "bin": {
@@ -13,16 +13,22 @@
     "dist",
     "README.md"
   ],
+  "scripts": {
+    "build": "tsup --config tsup.config.ts",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run --config vitest.config.ts",
+    "lint": "echo 'no lint'"
+  },
   "engines": {
     "node": ">=20.0.0"
   },
   "devDependencies": {
     "@types/node": "^22.10.2",
+    "@wensity/preset": "workspace:*",
     "lucide-react": "^1.24.0",
     "tsup": "^8.3.5",
     "typescript": "^5.7.2",
-    "vitest": "^4.1.5",
-    "@wensity/preset": "0.1.0"
+    "vitest": "^4.1.5"
   },
   "publishConfig": {
     "access": "public"
@@ -32,11 +38,5 @@
     "cli-table3": "^0.6.5",
     "ora": "^9.4.0",
     "picocolors": "^1.1.1"
-  },
-  "scripts": {
-    "build": "tsup --config tsup.config.ts",
-    "typecheck": "tsc --noEmit",
-    "test": "vitest run --config vitest.config.ts",
-    "lint": "echo 'no lint'"
   }
-}
+}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2026 Ksparth12
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.