@tenphi/tasty 0.0.0-snapshot.1c5dff6 → 0.0.0-snapshot.1f1c00a

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tenphi/tasty",
-  "version": "0.0.0-snapshot.1c5dff6",
+  "version": "0.0.0-snapshot.1f1c00a",
   "description": "A design-system-integrated styling system and DSL for concise, state-aware UI styling",
   "type": "module",
   "main": "./dist/index.js",
@@ -8,40 +8,84 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
-      }
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
     },
     "./static": {
-      "import": {
-        "types": "./dist/static/index.d.ts",
-        "default": "./dist/static/index.js"
-      }
+      "types": "./dist/static/index.d.ts",
+      "import": "./dist/static/index.js",
+      "default": "./dist/static/index.js"
+    },
+    "./static/inject": {
+      "types": "./dist/static/inject.d.ts",
+      "import": "./dist/static/inject.js",
+      "default": "./dist/static/inject.js"
     },
     "./babel-plugin": {
-      "import": {
-        "types": "./dist/zero/babel.d.ts",
-        "default": "./dist/zero/babel.js"
-      }
+      "types": "./dist/zero/babel.d.ts",
+      "import": "./dist/zero/babel.js",
+      "default": "./dist/zero/babel.js"
     },
     "./zero": {
-      "import": {
-        "types": "./dist/zero/index.d.ts",
-        "default": "./dist/zero/index.js"
-      }
+      "types": "./dist/zero/index.d.ts",
+      "import": "./dist/zero/index.js",
+      "default": "./dist/zero/index.js"
     },
-    "./next": {
-      "import": {
-        "types": "./dist/zero/next.d.ts",
-        "default": "./dist/zero/next.js"
-      }
+    "./zero/next": {
+      "types": "./dist/zero/next.d.ts",
+      "import": "./dist/zero/next.js",
+      "default": "./dist/zero/next.js"
     },
     "./core": {
-      "import": {
-        "types": "./dist/core/index.d.ts",
-        "default": "./dist/core/index.js"
-      }
+      "types": "./dist/core/index.d.ts",
+      "import": "./dist/core/index.js",
+      "default": "./dist/core/index.js"
+    },
+    "./ssr": {
+      "types": "./dist/ssr/index.d.ts",
+      "import": "./dist/ssr/index.js",
+      "default": "./dist/ssr/index.js"
+    },
+    "./ssr/next": {
+      "types": "./dist/ssr/next.d.ts",
+      "import": "./dist/ssr/next.js",
+      "default": "./dist/ssr/next.js"
+    },
+    "./ssr/next-config": {
+      "types": "./dist/ssr/next-config.d.ts",
+      "import": "./dist/ssr/next-config.js",
+      "default": "./dist/ssr/next-config.js"
+    },
+    "./ssr/astro": {
+      "types": "./dist/ssr/astro.d.ts",
+      "import": "./dist/ssr/astro.js",
+      "default": "./dist/ssr/astro.js"
+    },
+    "./ssr/astro-client": {
+      "types": "./dist/ssr/astro-client.d.ts",
+      "import": "./dist/ssr/astro-client.js",
+      "default": "./dist/ssr/astro-client.js"
+    },
+    "./ssr/astro-middleware": {
+      "types": "./dist/ssr/astro-middleware.d.ts",
+      "import": "./dist/ssr/astro-middleware.js",
+      "default": "./dist/ssr/astro-middleware.js"
+    },
+    "./ssr/astro-middleware-static": {
+      "types": "./dist/ssr/astro-middleware-static.d.ts",
+      "import": "./dist/ssr/astro-middleware-static.js",
+      "default": "./dist/ssr/astro-middleware-static.js"
+    },
+    "./ssr/astro-middleware-extract": {
+      "types": "./dist/ssr/astro-middleware-extract.d.ts",
+      "import": "./dist/ssr/astro-middleware-extract.js",
+      "default": "./dist/ssr/astro-middleware-extract.js"
+    },
+    "./ssr/astro-middleware-extract-static": {
+      "types": "./dist/ssr/astro-middleware-extract-static.d.ts",
+      "import": "./dist/ssr/astro-middleware-extract-static.js",
+      "default": "./dist/ssr/astro-middleware-extract-static.js"
     },
     "./tasty.config": "./tasty.config.ts"
   },
@@ -50,13 +94,25 @@
     "docs",
     "tasty.config.ts"
   ],
-  "sideEffects": false,
+  "sideEffects": [
+    "./dist/ssr/index.js",
+    "./dist/ssr/next.js",
+    "./dist/ssr/astro.js",
+    "./dist/ssr/astro-client.js",
+    "./dist/ssr/astro-middleware.js",
+    "./dist/ssr/astro-middleware-static.js",
+    "./dist/ssr/astro-middleware-extract.js",
+    "./dist/ssr/astro-middleware-extract-static.js"
+  ],
   "engines": {
     "node": ">=20"
   },
   "scripts": {
     "build": "tsdown",
     "test": "vitest run",
+    "test:node": "vitest run --project node",
+    "test:browser": "vitest run --project browser",
+    "test:setup": "playwright install chromium",
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
     "typecheck": "tsc --noEmit",
@@ -65,10 +121,22 @@
     "format": "prettier --write \"src/**/*.{ts,tsx}\"",
     "format:check": "prettier --check \"src/**/*.{ts,tsx}\"",
     "size": "size-limit",
+    "bench": "vitest bench --project node",
+    "bench:browser": "vitest bench --project browser",
+    "bench:overhead": "vitest bench --config vitest.production-browser-bench.config.ts src/tasty-overhead.bench.tsx",
+    "bench:injection": "vitest bench --config vitest.production-browser-bench.config.ts src/tasty-injection.bench.ts",
+    "bench:interaction": "vitest bench --config vitest.production-browser-bench.config.ts src/tasty-interaction.bench.tsx",
+    "bench:cold-start": "node scripts/cold-start/index.mjs",
     "prepublishOnly": "pnpm run build",
     "changeset": "changeset",
     "version": "changeset version",
-    "release": "changeset publish"
+    "release": "changeset publish",
+    "knip": "knip",
+    "check:build": "node scripts/check-built-entries.mjs",
+    "check:react-compat": "node scripts/check-react-compat.mjs",
+    "check:test-only": "node scripts/check-test-only-code.mjs",
+    "hygiene": "pnpm lint && pnpm format:check && pnpm typecheck",
+    "hygiene:fix": "pnpm lint:fix && pnpm format && pnpm typecheck"
   },
   "repository": {
     "type": "git",
@@ -95,6 +163,8 @@
     "@babel/core": "^7.24.0",
     "@babel/helper-plugin-utils": "^7.24.0",
     "@babel/types": "^7.24.0",
+    "jiti": "^2.6.1",
+    "next": ">=14.0.0",
     "react": "^18.0.0 || ^19.0.0"
   },
   "peerDependenciesMeta": {
@@ -109,60 +179,96 @@
     },
     "react": {
       "optional": true
+    },
+    "jiti": {
+      "optional": true
+    },
+    "next": {
+      "optional": true
     }
   },
   "dependencies": {
     "csstype": "^3.1.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.0",
-    "@changesets/changelog-github": "^0.5.2",
-    "@changesets/cli": "^2.29.8",
+    "@astrojs/react": "^7.0.0",
+    "@babel/core": "^7.29.7",
+    "@babel/helper-plugin-utils": "^7.29.7",
+    "@babel/types": "^7.29.8",
+    "@changesets/changelog-github": "^1.0.1",
+    "@changesets/cli": "^3.0.3",
     "@eslint/js": "^10.0.1",
-    "@size-limit/esbuild": "^12.0.0",
-    "@size-limit/file": "^12.0.0",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.2",
+    "@size-limit/esbuild": "^14.0.0",
+    "@size-limit/file": "^14.0.0",
+    "@tenphi/eslint-plugin-tasty": "^1.1.0",
+    "@testing-library/jest-dom": "^7.0.1",
+    "@testing-library/react": "^16.3.3",
     "@types/babel__core": "^7.20.5",
     "@types/babel__helper-plugin-utils": "^7.10.3",
-    "@types/node": "^25.3.2",
-    "@types/react": "^19.0.0",
-    "@vitest/runner": "^4.0.18",
-    "eslint": "^10.0.0",
+    "@types/node": "^24.13.6",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@vitest/browser-playwright": "^5.0.3",
+    "astro": "^7.3.4",
+    "esbuild": "^0.28.2",
+    "eslint": "^10.11.0",
     "eslint-config-prettier": "^10.1.8",
-    "jsdom": "^28.1.0",
-    "prettier": "^3.8.1",
-    "react": "^19.0.0",
-    "size-limit": "^12.0.0",
-    "tsdown": "^0.20.3",
-    "typescript": "^5.9.3",
-    "typescript-eslint": "^8.56.0",
-    "vitest": "^4.0.18"
+    "jiti": "^2.7.0",
+    "knip": "^6.38.0",
+    "next": "^16.3.6",
+    "playwright": "^1.63.0",
+    "prettier": "^3.9.9",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "size-limit": "^14.0.0",
+    "tsdown": "^0.23.0",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.70.1",
+    "vitest": "^5.0.3"
   },
-  "pnpm": {
-    "onlyBuiltDependencies": [
-      "esbuild"
-    ]
-  },
-  "packageManager": "pnpm@10.29.3",
+  "packageManager": "pnpm@11.27.1",
   "size-limit": [
     {
       "name": "main (import *)",
       "path": "dist/index.js",
       "import": "*",
-      "limit": "47 kB"
+      "limit": "57.5 kB"
+    },
+    {
+      "name": "main (tasty)",
+      "path": "dist/index.js",
+      "import": "{ tasty }",
+      "limit": "50.61 kB"
+    },
+    {
+      "name": "main (StyleParser)",
+      "path": "dist/index.js",
+      "import": "{ StyleParser }",
+      "limit": "6.94 kB"
+    },
+    {
+      "name": "main (parseColor)",
+      "path": "dist/index.js",
+      "import": "{ parseColor }",
+      "limit": "7.59 kB"
+    },
+    {
+      "name": "main (useRawCSS)",
+      "path": "dist/index.js",
+      "import": "{ useRawCSS }",
+      "limit": "31.2 kB"
     },
     {
       "name": "core (import *)",
       "path": "dist/core/index.js",
       "import": "*",
-      "limit": "45 kB"
+      "limit": "54.3 kB"
     },
     {
       "name": "static",
       "path": "dist/static/index.js",
       "import": "*",
-      "limit": "2 kB"
+      "limit": "1.08 kB"
     },
     {
       "name": "zero",
@@ -173,7 +279,7 @@
         "path",
         "crypto"
       ],
-      "limit": "27 kB"
+      "limit": "32.29 kB"
     },
     {
       "name": "babel-plugin",
@@ -184,7 +290,25 @@
         "path",
         "crypto"
       ],
-      "limit": "37 kB"
+      "limit": "41.1 kB"
+    },
+    {
+      "name": "astro client",
+      "path": "dist/ssr/astro-client.js",
+      "import": "*",
+      "limit": "0.5 kB"
+    },
+    {
+      "name": "Next.js config",
+      "path": "dist/ssr/next-config.js",
+      "import": "{ withTastyNext }",
+      "ignore": [
+        "node:crypto",
+        "node:fs",
+        "node:module",
+        "node:path"
+      ],
+      "limit": "37.2 kB"
     }
   ]
 }

package/tasty.config.ts

@@ -3,6 +3,7 @@ export default {
     '#white',
     '#black',
     '#current',
+    '#clear',
     '$gap',
     '$radius',
     '$border-width',
@@ -11,4 +12,9 @@ export default {
     '$sharp-radius',
     '$bold-font-weight',
   ],
+  styles: ['viewTransitionName'],
+  // This repo imports its own API relatively, so the plugin's default
+  // `@tenphi/tasty` import tracking never matches. List the local entry points so
+  // `tasty({ styles })` call sites are actually linted.
+  importSources: ['@tenphi/tasty', './tasty', '../tasty', './src/tasty'],
 };

package/dist/_virtual/_rolldown/runtime.js

@@ -1,8 +0,0 @@
-//#region \0rolldown/runtime.js
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, { get: (a, b) => (typeof require !== "undefined" ? require : a)[b] }) : x)(function(x) {
-	if (typeof require !== "undefined") return require.apply(this, arguments);
-	throw Error("Calling `require` for \"" + x + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
-});
-
-//#endregion
-export { __require };

package/dist/chunks/cacheKey.js

@@ -1,70 +0,0 @@
-import { extractLocalPredefinedStates, extractPredefinedStateRefs } from "../states/index.js";
-
-//#region src/chunks/cacheKey.ts
-/**
-* Chunk-specific cache key generation.
-*
-* Generates cache keys that only include styles relevant to a specific chunk,
-* enabling more granular caching and reuse.
-*
-* Enhanced to support predefined states:
-* - Global predefined states don't affect cache keys (constant across app)
-* - Local predefined states only affect cache keys if referenced in the chunk
-*/
-/**
-* Recursively serialize a value with sorted keys for stable output.
-* This ensures that {a: 1, b: 2} and {b: 2, a: 1} produce the same string.
-*/
-function stableStringify(value) {
-	if (value === null) return "null";
-	if (value === void 0) return "undefined";
-	if (typeof value !== "object") return JSON.stringify(value);
-	if (Array.isArray(value)) return "[" + value.map(stableStringify).join(",") + "]";
-	const obj = value;
-	const sortedKeys = Object.keys(obj).sort();
-	const parts = [];
-	for (const key of sortedKeys) if (obj[key] !== void 0) parts.push(`${JSON.stringify(key)}:${stableStringify(obj[key])}`);
-	return "{" + parts.join(",") + "}";
-}
-/**
-* Generate a cache key for a specific chunk.
-*
-* Only includes the styles that belong to this chunk, allowing
-* chunks to be cached independently.
-*
-* Also includes relevant local predefined states that are referenced
-* by this chunk's styles.
-*
-* @param styles - The full styles object
-* @param chunkName - Name of the chunk
-* @param styleKeys - Keys of styles belonging to this chunk
-* @returns A stable cache key string
-*/
-function generateChunkCacheKey(styles, chunkName, styleKeys) {
-	const parts = [chunkName];
-	const sortedKeys = styleKeys.slice().sort();
-	let chunkStylesStr = "";
-	for (const key of sortedKeys) {
-		const value = styles[key];
-		if (value !== void 0) {
-			const serialized = stableStringify(value);
-			parts.push(`${key}:${serialized}`);
-			chunkStylesStr += serialized;
-		}
-	}
-	const localStates = extractLocalPredefinedStates(styles);
-	if (Object.keys(localStates).length > 0) {
-		const referencedStates = extractPredefinedStateRefs(chunkStylesStr);
-		const relevantLocalStates = [];
-		for (const stateName of referencedStates) if (localStates[stateName]) relevantLocalStates.push(`${stateName}=${localStates[stateName]}`);
-		if (relevantLocalStates.length > 0) {
-			relevantLocalStates.sort();
-			parts.unshift(`[states:${relevantLocalStates.join("|")}]`);
-		}
-	}
-	return parts.join("\0");
-}
-
-//#endregion
-export { generateChunkCacheKey };
-//# sourceMappingURL=cacheKey.js.map

package/dist/chunks/cacheKey.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cacheKey.js","names":[],"sources":["../../src/chunks/cacheKey.ts"],"sourcesContent":["/**\n * Chunk-specific cache key generation.\n *\n * Generates cache keys that only include styles relevant to a specific chunk,\n * enabling more granular caching and reuse.\n *\n * Enhanced to support predefined states:\n * - Global predefined states don't affect cache keys (constant across app)\n * - Local predefined states only affect cache keys if referenced in the chunk\n */\n\nimport {\n  extractLocalPredefinedStates,\n  extractPredefinedStateRefs,\n} from '../states';\nimport type { Styles } from '../styles/types';\n\n/**\n * Recursively serialize a value with sorted keys for stable output.\n * This ensures that {a: 1, b: 2} and {b: 2, a: 1} produce the same string.\n */\nfunction stableStringify(value: unknown): string {\n  if (value === null) {\n    return 'null';\n  }\n  if (value === undefined) {\n    return 'undefined';\n  }\n  if (typeof value !== 'object') {\n    return JSON.stringify(value);\n  }\n  if (Array.isArray(value)) {\n    return '[' + value.map(stableStringify).join(',') + ']';\n  }\n  // Object: sort keys for stable order\n  const obj = value as Record<string, unknown>;\n  const sortedKeys = Object.keys(obj).sort();\n  const parts: string[] = [];\n  for (const key of sortedKeys) {\n    if (obj[key] !== undefined) {\n      parts.push(`${JSON.stringify(key)}:${stableStringify(obj[key])}`);\n    }\n  }\n  return '{' + parts.join(',') + '}';\n}\n\n/**\n * Generate a cache key for a specific chunk.\n *\n * Only includes the styles that belong to this chunk, allowing\n * chunks to be cached independently.\n *\n * Also includes relevant local predefined states that are referenced\n * by this chunk's styles.\n *\n * @param styles - The full styles object\n * @param chunkName - Name of the chunk\n * @param styleKeys - Keys of styles belonging to this chunk\n * @returns A stable cache key string\n */\nexport function generateChunkCacheKey(\n  styles: Styles,\n  chunkName: string,\n  styleKeys: string[],\n): string {\n  // Start with chunk name for namespace separation\n  const parts: string[] = [chunkName];\n\n  // Sort keys for stable ordering\n  const sortedKeys = styleKeys.slice().sort();\n\n  // Build the chunk-specific styles string for predefined state detection\n  let chunkStylesStr = '';\n\n  for (const key of sortedKeys) {\n    const value = styles[key];\n    if (value !== undefined) {\n      // Use stable stringify for consistent serialization regardless of key order\n      const serialized = stableStringify(value);\n      parts.push(`${key}:${serialized}`);\n      chunkStylesStr += serialized;\n    }\n  }\n\n  // Extract local predefined states from the full styles object\n  const localStates = extractLocalPredefinedStates(styles);\n\n  // Only include local predefined states that are actually referenced in this chunk\n  if (Object.keys(localStates).length > 0) {\n    const referencedStates = extractPredefinedStateRefs(chunkStylesStr);\n    const relevantLocalStates: string[] = [];\n\n    for (const stateName of referencedStates) {\n      if (localStates[stateName]) {\n        relevantLocalStates.push(`${stateName}=${localStates[stateName]}`);\n      }\n    }\n\n    // Add relevant local states to the cache key (sorted for stability)\n    if (relevantLocalStates.length > 0) {\n      relevantLocalStates.sort();\n      parts.unshift(`[states:${relevantLocalStates.join('|')}]`);\n    }\n  }\n\n  // Use null character as separator (safe, not in JSON output)\n  return parts.join('\\0');\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,SAAS,gBAAgB,OAAwB;AAC/C,KAAI,UAAU,KACZ,QAAO;AAET,KAAI,UAAU,OACZ,QAAO;AAET,KAAI,OAAO,UAAU,SACnB,QAAO,KAAK,UAAU,MAAM;AAE9B,KAAI,MAAM,QAAQ,MAAM,CACtB,QAAO,MAAM,MAAM,IAAI,gBAAgB,CAAC,KAAK,IAAI,GAAG;CAGtD,MAAM,MAAM;CACZ,MAAM,aAAa,OAAO,KAAK,IAAI,CAAC,MAAM;CAC1C,MAAM,QAAkB,EAAE;AAC1B,MAAK,MAAM,OAAO,WAChB,KAAI,IAAI,SAAS,OACf,OAAM,KAAK,GAAG,KAAK,UAAU,IAAI,CAAC,GAAG,gBAAgB,IAAI,KAAK,GAAG;AAGrE,QAAO,MAAM,MAAM,KAAK,IAAI,GAAG;;;;;;;;;;;;;;;;AAiBjC,SAAgB,sBACd,QACA,WACA,WACQ;CAER,MAAM,QAAkB,CAAC,UAAU;CAGnC,MAAM,aAAa,UAAU,OAAO,CAAC,MAAM;CAG3C,IAAI,iBAAiB;AAErB,MAAK,MAAM,OAAO,YAAY;EAC5B,MAAM,QAAQ,OAAO;AACrB,MAAI,UAAU,QAAW;GAEvB,MAAM,aAAa,gBAAgB,MAAM;AACzC,SAAM,KAAK,GAAG,IAAI,GAAG,aAAa;AAClC,qBAAkB;;;CAKtB,MAAM,cAAc,6BAA6B,OAAO;AAGxD,KAAI,OAAO,KAAK,YAAY,CAAC,SAAS,GAAG;EACvC,MAAM,mBAAmB,2BAA2B,eAAe;EACnE,MAAM,sBAAgC,EAAE;AAExC,OAAK,MAAM,aAAa,iBACtB,KAAI,YAAY,WACd,qBAAoB,KAAK,GAAG,UAAU,GAAG,YAAY,aAAa;AAKtE,MAAI,oBAAoB,SAAS,GAAG;AAClC,uBAAoB,MAAM;AAC1B,SAAM,QAAQ,WAAW,oBAAoB,KAAK,IAAI,CAAC,GAAG;;;AAK9D,QAAO,MAAM,KAAK,KAAK"}

package/dist/chunks/definitions.d.ts

@@ -1,37 +0,0 @@
-//#region src/chunks/definitions.d.ts
-declare const CHUNK_NAMES: {
-  /** Special chunk for styles that cannot be split (e.g., @starting-style) */readonly COMBINED: "combined";
-  readonly SUBCOMPONENTS: "subcomponents";
-  readonly APPEARANCE: "appearance";
-  readonly FONT: "font";
-  readonly DIMENSION: "dimension";
-  readonly DISPLAY: "display";
-  readonly LAYOUT: "layout";
-  readonly POSITION: "position";
-  readonly MISC: "misc";
-};
-type ChunkName = (typeof CHUNK_NAMES)[keyof typeof CHUNK_NAMES];
-/**
- * Pre-computed map for O(1) style-to-chunk lookup.
- * Built once at module load time.
- */
-declare const STYLE_TO_CHUNK: Map<string, ChunkName>;
-interface ChunkInfo {
-  /** Name of the chunk */
-  name: ChunkName | string;
-  /** Style keys belonging to this chunk */
-  styleKeys: string[];
-}
-/**
- * Categorize style keys into chunks.
- *
- * Returns chunks in a deterministic order (by CHUNK_ORDER) regardless
- * of the order of keys in the input styles object.
- *
- * @param styles - The styles object to categorize
- * @returns Map of chunk name to array of style keys in that chunk (in priority order)
- */
-declare function categorizeStyleKeys(styles: Record<string, unknown>): Map<string, string[]>;
-//#endregion
-export { CHUNK_NAMES, ChunkInfo, ChunkName, STYLE_TO_CHUNK, categorizeStyleKeys };
-//# sourceMappingURL=definitions.d.ts.map