@axium/core 0.19.7 → 0.20.0

package/dist/color.d.ts

@@ -1 +1,12 @@
-export declare function colorHash(input: string): `rgb(${number}, ${number}, ${number})`;
+export declare function colorHash(input: string): number;
+export declare function colorHashHex(input: string): string;
+export declare function colorHashRGB(input: string): string;
+/**
+ * color information for events and calendars
+ */
+export declare const Color: import("zod").ZodCustomStringFormat<"hex">;
+/**
+ * Convert style data to a CSS color
+ */
+export declare function decodeColor(color: string): string;
+export declare function encodeColor(hex: string, adaptive?: boolean): string;

package/dist/color.js

@@ -1,11 +1,46 @@
+import { hexToHSL } from 'utilium/color.js';
+import { hex } from 'zod';
 export function colorHash(input) {
     let color = input.charCodeAt(0);
     for (let i = 1; i < input.length; i++) {
         color *= input.charCodeAt(i);
     }
     color &= 0xbfbfbf;
-    const r = (color >> 16) & 0xff;
-    const g = (color >> 8) & 0xff;
+    return color;
+}
+export function colorHashHex(input) {
+    return colorHash(input).toString(16).padStart(6, '0');
+}
+export function colorHashRGB(input) {
+    const color = colorHash(input);
+    const r = (color >>> 16) & 0xff;
+    const g = (color >>> 8) & 0xff;
     const b = color & 0xff;
     return `rgb(${r}, ${g}, ${b})`;
 }
+/**
+ * color information for events and calendars
+ */
+export const Color = hex().length(8);
+var ColorFlags;
+(function (ColorFlags) {
+    ColorFlags[ColorFlags["Adaptive"] = 64] = "Adaptive";
+})(ColorFlags || (ColorFlags = {}));
+/**
+ * Convert style data to a CSS color
+ */
+export function decodeColor(color) {
+    const hex = color.slice(2);
+    const flags = parseInt(color.slice(0, 2), 16);
+    if (flags & ColorFlags.Adaptive) {
+        const [h, s, l] = hexToHSL(hex);
+        return `hsl(${Math.round(h * 360)} ${Math.round(s * 100)} calc(var(--bg-light, ${Math.round(l * 100)}) + var(--light-step, 7)))`;
+    }
+    return `#${hex}`;
+}
+export function encodeColor(hex, adaptive = false) {
+    if (hex[0] == '#')
+        hex = hex.slice(1);
+    const flags = adaptive ? ColorFlags.Adaptive : 0;
+    return flags.toString(16).padStart(2, '0') + hex;
+}

package/dist/user.js

@@ -1,7 +1,7 @@
 import * as z from 'zod';
 import { Preferences } from './preferences.js';
 import { PasskeyRegistration } from './passkeys.js';
-import { colorHash } from './color.js';
+import { colorHashRGB } from './color.js';
 import { pick } from 'utilium';
 export const User = z.object({
     id: z.uuid(),
@@ -45,7 +45,7 @@ export const UserAdminChange = z
 export function getUserImage(user) {
     if (user.image)
         return user.image;
-    const color = colorHash(user.name ?? '\0');
+    const color = colorHashRGB(user.name ?? '\0');
     return `data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" style="background-color:${color};display:flex;align-items:center;justify-content:center;">
 		<text x="23" y="28" style="font-family:sans-serif;font-weight:bold;" fill="white">${(user.name ?? '?').replaceAll(/\W/g, '')[0]}</text>
 	</svg>`.replaceAll(/[\t\n]/g, '');

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@axium/core",
-	"version": "0.19.7",
+	"version": "0.20.0",
 	"author": "James Prevett <axium@jamespre.dev>",
 	"funding": {
 		"type": "individual",