milestone 23 s2: react aria primitives and their cluster

web/vitest.setup.ts

@@ -0,0 +1,49 @@
+/**
+ * jsdom implements no `CSS` interface at all, and React Aria's collection code
+ * calls `CSS.escape` unguarded when it looks an item up by key
+ * (`react-aria/dist/private/selection/utils.mjs:22`). Without this, opening a
+ * RAC Select or moving between RAC Tabs throws in tests but works in a browser.
+ *
+ * The implementation is CSSOM's `serialize an identifier` algorithm
+ * (https://drafts.csswg.org/cssom/#serialize-an-identifier), not an
+ * approximation: a wrong escape would silently break the key lookups instead of
+ * failing loudly.
+ */
+
+function escapeIdentifier(value: string): string {
+	let result = "";
+	for (let index = 0; index < value.length; index += 1) {
+		const code = value.charCodeAt(index);
+		const char = value[index]!;
+		if (code === 0x0000) {
+			result += "�";
+		} else if (
+			(code >= 0x0001 && code <= 0x001f) ||
+			code === 0x007f ||
+			(index === 0 && code >= 0x0030 && code <= 0x0039) ||
+			(index === 1 && code >= 0x0030 && code <= 0x0039 && value.charCodeAt(0) === 0x002d)
+		) {
+			result += `\\${code.toString(16)} `;
+		} else if (index === 0 && code === 0x002d && value.length === 1) {
+			result += `\\${char}`;
+		} else if (
+			code >= 0x0080 ||
+			code === 0x002d ||
+			code === 0x005f ||
+			(code >= 0x0030 && code <= 0x0039) ||
+			(code >= 0x0041 && code <= 0x005a) ||
+			(code >= 0x0061 && code <= 0x007a)
+		) {
+			result += char;
+		} else {
+			result += `\\${char}`;
+		}
+	}
+	return result;
+}
+
+if (globalThis.CSS === undefined) {
+	Object.defineProperty(globalThis, "CSS", { value: { escape: escapeIdentifier }, configurable: true });
+} else if (typeof globalThis.CSS.escape !== "function") {
+	globalThis.CSS.escape = escapeIdentifier;
+}