@csszyx/runtime 0.10.8 → 0.10.9

package/dist/index.cjs

@@ -3,6 +3,10 @@
 const browser = require('@csszyx/compiler/browser');
 const colorVar = require('@csszyx/compiler/color-var');
 
+function sortStrings(values) {
+  return [...values].sort((a, b) => a < b ? -1 : a > b ? 1 : 0);
+}
+
 function verifyRecoveryToken(element, manifest) {
   const token = element.getAttribute("data-sz-recovery-token");
   if (!token) {
@@ -145,7 +149,7 @@ function verifyMangleChecksum(expectedChecksum) {
   return actualChecksum === expectedChecksum;
 }
 async function computeMangleChecksumAsync(map) {
-  const canonical = Object.keys(map).sort().map((key) => `${key}:${map[key]}`).join("|");
+  const canonical = sortStrings(Object.keys(map)).map((key) => `${key}:${map[key]}`).join("|");
   const bytes = new TextEncoder().encode(canonical);
   const digest = await crypto.subtle.digest("SHA-256", bytes);
   let hex = "";
@@ -298,7 +302,7 @@ function getSSRContext() {
   };
 }
 function validateHydrationClass(className, expectedClassName) {
-  const normalize = (s) => s.split(/\s+/).filter(Boolean).sort().join(" ");
+  const normalize = (s) => sortStrings(s.split(/\s+/).filter(Boolean)).join(" ");
   return normalize(className) === normalize(expectedClassName);
 }
 function startHydration() {

package/dist/index.mjs

@@ -1,6 +1,10 @@
 import { MAX_SZ_DEPTH, SzDepthError, transform as transform$1, isForbiddenSzKey } from '@csszyx/compiler/browser';
 export { __szColorVar } from '@csszyx/compiler/color-var';
 
+function sortStrings(values) {
+  return [...values].sort((a, b) => a < b ? -1 : a > b ? 1 : 0);
+}
+
 function verifyRecoveryToken(element, manifest) {
   const token = element.getAttribute("data-sz-recovery-token");
   if (!token) {
@@ -143,7 +147,7 @@ function verifyMangleChecksum(expectedChecksum) {
   return actualChecksum === expectedChecksum;
 }
 async function computeMangleChecksumAsync(map) {
-  const canonical = Object.keys(map).sort().map((key) => `${key}:${map[key]}`).join("|");
+  const canonical = sortStrings(Object.keys(map)).map((key) => `${key}:${map[key]}`).join("|");
   const bytes = new TextEncoder().encode(canonical);
   const digest = await crypto.subtle.digest("SHA-256", bytes);
   let hex = "";
@@ -296,7 +300,7 @@ function getSSRContext() {
   };
 }
 function validateHydrationClass(className, expectedClassName) {
-  const normalize = (s) => s.split(/\s+/).filter(Boolean).sort().join(" ");
+  const normalize = (s) => sortStrings(s.split(/\s+/).filter(Boolean)).join(" ");
   return normalize(className) === normalize(expectedClassName);
 }
 function startHydration() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@csszyx/runtime",
-  "version": "0.10.8",
+  "version": "0.10.9",
   "description": "Runtime helpers and hydration guards for csszyx",
   "keywords": [
     "csszyx",
@@ -49,15 +49,15 @@
     "dist"
   ],
   "dependencies": {
-    "@csszyx/compiler": "0.10.8",
-    "@csszyx/core": "0.10.8"
+    "@csszyx/compiler": "0.10.9",
+    "@csszyx/core": "0.10.9"
   },
   "devDependencies": {
     "@types/node": "^20.11.0",
     "jsdom": "^23.0.0",
     "typescript": "^6.0.3",
     "vite-plugin-wasm": "^3.3.0",
-    "vitest": "^4.1.6",
+    "vitest": "^4.1.9",
     "unbuild": "^3.6.1"
   },
   "optionalDependencies": {