purse-styles 0.0.1

package/src/hashObject.ts

@@ -0,0 +1,25 @@
+function toAlphabeticChar(code: number) {
+	return String.fromCharCode(code + (code > 25 ? 39 : 97))
+}
+
+function toAlphabeticName(code: number) {
+	let name = ""
+	let x
+
+	for (x = Math.abs(code); x > 52; x = (x / 52) | 0)
+		name = toAlphabeticChar(x % 52) + name
+
+	return toAlphabeticChar(x % 52) + name
+}
+
+function toPhash(h: number, x: string) {
+	let i = x.length
+	while (i) {
+		i--
+		h = (h * 33) ^ x.charCodeAt(i)
+	}
+	return h
+}
+
+export const hashObject = (value: Object) =>
+	toAlphabeticName(toPhash(5381, JSON.stringify(value)) >>> 0)

package/src/hyphenateStyleName.ts

@@ -0,0 +1,16 @@
+const uppercasePattern = /[A-Z]/g
+const msPattern = /^ms-/
+const cache: { [key: string]: string } = {}
+
+function toHyphenLower(match: string) {
+	return "-" + match.toLowerCase()
+}
+
+export function hyphenateStyleName(name: string) {
+	if (cache.hasOwnProperty(name)) {
+		return cache[name]
+	}
+
+	var hName = name.replace(uppercasePattern, toHyphenLower)
+	return (cache[name] = msPattern.test(hName) ? "-" + hName : hName)
+}

package/src/index.ts

@@ -0,0 +1,11 @@
+export {
+	CSSProperties,
+	InMemoryStyleApi,
+	PurseProvider,
+	StyleApi,
+	StyleElement,
+	createInMemoryStyleApi,
+	style,
+	useInjectGlobalStyles,
+	useStyles,
+} from "./purse"

package/src/purse.test.ts

@@ -0,0 +1,97 @@
+import assert from "assert"
+import { expect } from "extendable-expect"
+import { describe, it } from "vitest"
+import { InMemoryStyleApi, createInMemoryStyleApi, style } from "./purse"
+
+describe("Purse", () => {
+	const expectStyles = expect.extend({
+		toContainRule(api: InMemoryStyleApi, expectedRuleToContain: string) {
+			expect(api.styleRulesRef.current).toContain(expectedRuleToContain)
+		},
+		toOnlyContainRules(
+			api: InMemoryStyleApi,
+			expectedRulesToContain: string[],
+		) {
+			for (const expectedRule of expectedRulesToContain) {
+				expect(api.styleRulesRef.current).toContain(expectedRule)
+			}
+		},
+		toHaveCount(api: InMemoryStyleApi, expectedCount: number) {
+			expect(api.styleRulesRef.current).toHaveLength(expectedCount)
+		},
+	})
+
+	it("Compiles correctly", () => {
+		const test = style({
+			accentColor: "blue",
+			borderColor: "blue",
+		})
+
+		assert(test.owned !== undefined)
+		expect(test.owned.styleRules).toContain(
+			`.${test.className}{accent-color:blue;border-color:blue;}`,
+		)
+	})
+
+	it("Compiles simple pseudo selectors", () => {
+		const api = createInMemoryStyleApi()
+
+		const test = style({
+			"@media (hover: hover)": {
+				backgroundColor: "blue",
+			},
+		})
+
+		api.addStyleElement(test)
+		expectStyles(api).toOnlyContainRules([
+			`@media (hover: hover){.${test.className}{background-color:blue;}}`,
+		])
+	})
+
+	it("Compiles simple at selectors", () => {
+		const api = createInMemoryStyleApi()
+
+		const test = style({
+			"&:disabled": {
+				backgroundColor: "blue",
+			},
+		})
+
+		api.addStyleElement(test)
+		expectStyles(api).toOnlyContainRules([
+			`.${test.className}:disabled{background-color:blue;}`,
+		])
+	})
+
+	it("Compiles multiple pseudo selectors", () => {
+		const api = createInMemoryStyleApi()
+
+		const test = style({
+			"&:disabled": {
+				backgroundColor: "blue",
+			},
+			"&:disabled:hover": {
+				backgroundColor: "red",
+			},
+			"&:hover": {
+				backgroundColor: "green",
+			},
+		})
+
+		api.addStyleElement(test)
+
+		expectStyles(api).toOnlyContainRules([
+			`.${test.className}:disabled{background-color:blue;}`,
+			`.${test.className}:disabled:hover{background-color:red;}`,
+			`.${test.className}:hover{background-color:green;}`,
+		])
+	})
+
+	it.skip("Inserts into given style element correctly", () => {})
+	it.skip("Works if you pass style rule or object to useStyles", () => {})
+	it.skip("Works if you pass multiple style rule or object to useStyles", () => {})
+	it.skip("Inserts browser prefixes", () => {})
+
+	it.skip("Inserting two styles with shared style object then removing one", () => {})
+	it.skip("Inserting two styles with shared style object then removing both", () => {})
+})