@arbor-css/css-eval 0.0.109 → 0.0.111

package/dist/browser.d.ts

@@ -1,3 +1,3 @@
-import { CssSimplifier } from './simplification.js';
-export declare const loadSimplifier: () => Promise<CssSimplifier>;
+import { CssSimplificationOptions, CssSimplifier } from './simplification.js';
+export declare const loadSimplifier: (options?: CssSimplificationOptions) => Promise<CssSimplifier>;
 //# sourceMappingURL=browser.d.ts.map

package/dist/browser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"browser.d.ts","sourceRoot":"","sources":["../src/browser.ts"],"names":[],"mappings":"AAGA,OAAO,EAAoB,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEtE,eAAO,MAAM,cAAc,QAAa,OAAO,CAAC,aAAa,CAG5D,CAAC"}
+{"version":3,"file":"browser.d.ts","sourceRoot":"","sources":["../src/browser.ts"],"names":[],"mappings":"AAGA,OAAO,EAEN,wBAAwB,EACxB,aAAa,EACb,MAAM,qBAAqB,CAAC;AAE7B,eAAO,MAAM,cAAc,GAC1B,UAAU,wBAAwB,KAChC,OAAO,CAAC,aAAa,CAGvB,CAAC"}

package/dist/browser.js

@@ -1,7 +1,7 @@
-import init, { transform as transformNative, } from 'https://esm.run/lightningcss-wasm';
-import { createSimplifier } from './simplification.js';
-export const loadSimplifier = async () => {
+import init, { transform as transformNative, } from 'https://esm.sh/lightningcss-wasm@1.32.0';
+import { createSimplifier, } from './simplification.js';
+export const loadSimplifier = async (options) => {
     await init();
-    return createSimplifier({ transform: transformNative });
+    return createSimplifier({ transform: transformNative, options });
 };
 //# sourceMappingURL=browser.js.map

package/dist/browser.js.map

@@ -1 +1 @@
-{"version":3,"file":"browser.js","sourceRoot":"","sources":["../src/browser.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,EAAE,EACZ,SAAS,IAAI,eAAe,GAC5B,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAiB,MAAM,qBAAqB,CAAC;AAEtE,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,IAA4B,EAAE;IAChE,MAAM,IAAI,EAAE,CAAC;IACb,OAAO,gBAAgB,CAAC,EAAE,SAAS,EAAE,eAAsB,EAAE,CAAC,CAAC;AAChE,CAAC,CAAC"}
+{"version":3,"file":"browser.js","sourceRoot":"","sources":["../src/browser.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,EAAE,EACZ,SAAS,IAAI,eAAe,GAC5B,MAAM,yCAAyC,CAAC;AACjD,OAAO,EACN,gBAAgB,GAGhB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,EAClC,OAAkC,EACT,EAAE;IAC3B,MAAM,IAAI,EAAE,CAAC;IACb,OAAO,gBAAgB,CAAC,EAAE,SAAS,EAAE,eAAsB,EAAE,OAAO,EAAE,CAAC,CAAC;AACzE,CAAC,CAAC"}

package/dist/computation.d.ts

@@ -1,9 +1,34 @@
+import { TokenPurpose } from '@arbor-css/tokens';
 import { Css } from './interpolation.js';
+import { CssEnvValues } from './resolveEnv.js';
 import { CssSimplifier } from './simplification.js';
 export interface CssResolutionContext {
+    /**
+     * Known property values to resolve and bake into the CSS. This is used to
+     * simplify output CSS where the dependencies of a value are known and
+     * hard-coded; for example, other values present in a mode.
+     */
     propertyValues?: Record<string, string | Css>;
+    /**
+     * Values from the runtime environment may be used to resolve and
+     * simplify runtime-known CSS value types like vw, vh, rem, etc.
+     * NOT meant for use in generating CSS for application; only really
+     * relevant for interactive tooling and introspection purposes.
+     */
+    envValues?: CssEnvValues;
+    /**
+     * Skip applying known property values and env values
+     */
     skipBaking?: boolean;
+    /**
+     * Optional; provide a simplifier implementation to reduce the size and complexity
+     * of the final CSS by pre-computing arithmetic and simplifying expressions.
+     */
     simplifier?: CssSimplifier;
+    /**
+     * Optional; helps tune simplification for particular CSS value types.
+     */
+    purpose?: TokenPurpose;
 }
-export declare function resolveCss(input: Css, { propertyValues, skipBaking, simplifier }: CssResolutionContext): string;
+export declare function resolveCss(input: Css, { propertyValues, envValues, skipBaking, simplifier, purpose, }: CssResolutionContext): string;
 //# sourceMappingURL=computation.d.ts.map

package/dist/computation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"computation.d.ts","sourceRoot":"","sources":["../src/computation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,WAAW,oBAAoB;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,GAAG,CAAC,CAAC;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED,wBAAgB,UAAU,CACzB,KAAK,EAAE,GAAG,EACV,EAAE,cAAmB,EAAE,UAAkB,EAAE,UAAU,EAAE,EAAE,oBAAoB,UAa7E"}
+{"version":3,"file":"computation.d.ts","sourceRoot":"","sources":["../src/computation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAc,MAAM,iBAAiB,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,WAAW,oBAAoB;IACpC;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,GAAG,CAAC,CAAC;IAC9C;;;;;OAKG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACvB;AAED,wBAAgB,UAAU,CACzB,KAAK,EAAE,GAAG,EACV,EACC,cAAmB,EACnB,SAAc,EACd,UAAkB,EAClB,UAAU,EACV,OAAO,GACP,EAAE,oBAAoB,UAevB"}

package/dist/computation.js

@@ -1,6 +1,9 @@
+import { resolveEnv } from './resolveEnv.js';
 import { resolveProperties } from './resolveProperties.js';
-export function resolveCss(input, { propertyValues = {}, skipBaking = false, simplifier }) {
-    let result = skipBaking ? input.text : resolveProperties(input, propertyValues).text;
+export function resolveCss(input, { propertyValues = {}, envValues = {}, skipBaking = false, simplifier, purpose, }) {
+    let result = skipBaking ?
+        input.text
+        : resolveEnv(resolveProperties(input, propertyValues), envValues).text;
     if (simplifier) {
         result = simplifier({
             ...input,

package/dist/computation.js.map

@@ -1 +1 @@
-{"version":3,"file":"computation.js","sourceRoot":"","sources":["../src/computation.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAS3D,MAAM,UAAU,UAAU,CACzB,KAAU,EACV,EAAE,cAAc,GAAG,EAAE,EAAE,UAAU,GAAG,KAAK,EAAE,UAAU,EAAwB;IAE7E,IAAI,MAAM,GACT,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,IAAI,CAAC;IAEzE,IAAI,UAAU,EAAE,CAAC;QAChB,MAAM,GAAG,UAAU,CAAC;YACnB,GAAG,KAAK;YACR,IAAI,EAAE,MAAM;SACZ,CAAC,CAAC;IACJ,CAAC;IAED,OAAO,MAAM,CAAC;AACf,CAAC"}
+{"version":3,"file":"computation.js","sourceRoot":"","sources":["../src/computation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAgB,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAgC3D,MAAM,UAAU,UAAU,CACzB,KAAU,EACV,EACC,cAAc,GAAG,EAAE,EACnB,SAAS,GAAG,EAAE,EACd,UAAU,GAAG,KAAK,EAClB,UAAU,EACV,OAAO,GACe;IAEvB,IAAI,MAAM,GACT,UAAU,CAAC,CAAC;QACX,KAAK,CAAC,IAAI;QACX,CAAC,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC;IAExE,IAAI,UAAU,EAAE,CAAC;QAChB,MAAM,GAAG,UAAU,CAAC;YACnB,GAAG,KAAK;YACR,IAAI,EAAE,MAAM;SACZ,CAAC,CAAC;IACJ,CAAC;IAED,OAAO,MAAM,CAAC;AACf,CAAC"}

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export * from './computation.js';
 export * from './interpolation.js';
 export * from './print.js';
+export * from './resolveEnv.js';
 export * from './resolveProperties.js';
 export * from './simplification.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC"}

package/dist/index.js

@@ -1,6 +1,7 @@
 export * from './computation.js';
 export * from './interpolation.js';
 export * from './print.js';
+export * from './resolveEnv.js';
 export * from './resolveProperties.js';
 export * from './simplification.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC"}

package/dist/node.d.ts

@@ -1,2 +1,2 @@
-export declare const simplifier: (css: import("./interpolation.js").Css) => string;
+export declare const simplifier: import("./simplification.js").CssSimplifier;
 //# sourceMappingURL=node.d.ts.map

package/dist/node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["../src/node.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,mDAAmD,CAAC"}
+{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["../src/node.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,6CAGrB,CAAC"}

package/dist/node.js

@@ -1,4 +1,7 @@
 import { transform as transformNative } from 'lightningcss';
 import { createSimplifier } from './simplification.js';
-export const simplifier = createSimplifier({ transform: transformNative });
+export const simplifier = createSimplifier({
+    transform: transformNative,
+    options: { passes: 1 },
+});
 //# sourceMappingURL=node.js.map

package/dist/node.js.map

@@ -1 +1 @@
-{"version":3,"file":"node.js","sourceRoot":"","sources":["../src/node.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,CAAC,MAAM,UAAU,GAAG,gBAAgB,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC,CAAC"}
+{"version":3,"file":"node.js","sourceRoot":"","sources":["../src/node.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,CAAC,MAAM,UAAU,GAAG,gBAAgB,CAAC;IAC1C,SAAS,EAAE,eAAe;IAC1B,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;CACtB,CAAC,CAAC"}

package/dist/resolveEnv.d.ts

@@ -0,0 +1,8 @@
+import { Css } from './interpolation.js';
+export interface CssEnvValues {
+    deviceWidthPx?: number;
+    deviceHeightPx?: number;
+    remPx?: number;
+}
+export declare function resolveEnv(css: Css, { deviceHeightPx, deviceWidthPx, remPx }: CssEnvValues): Css;
+//# sourceMappingURL=resolveEnv.d.ts.map

package/dist/resolveEnv.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveEnv.d.ts","sourceRoot":"","sources":["../src/resolveEnv.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,MAAM,WAAW,YAAY;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,UAAU,CACzB,GAAG,EAAE,GAAG,EACR,EAAE,cAAc,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,YAAY,GACpD,GAAG,CA+BL"}

package/dist/resolveEnv.js

@@ -0,0 +1,24 @@
+export function resolveEnv(css, { deviceHeightPx, deviceWidthPx, remPx }) {
+    let text = css.text;
+    if (deviceWidthPx) {
+        text = text.replace(/([\d.]+)[dls]?v[wi]/g, (_, num) => `${(parseFloat(num) / 100) * deviceWidthPx}px`);
+    }
+    if (deviceHeightPx) {
+        text = text.replace(/([\d.]+)[dls]?v[hb]/g, (_, num) => `${(parseFloat(num) / 100) * deviceHeightPx}px`);
+    }
+    if (deviceWidthPx && deviceHeightPx) {
+        text = text.replace(/([\d.]+)[dls]?vmin/g, (_, num) => {
+            const vmin = Math.min(deviceWidthPx, deviceHeightPx);
+            return `${(parseFloat(num) / 100) * vmin}px`;
+        });
+        text = text.replace(/([\d.]+)[dls]?vmax/g, (_, num) => {
+            const vmax = Math.max(deviceWidthPx, deviceHeightPx);
+            return `${(parseFloat(num) / 100) * vmax}px`;
+        });
+    }
+    if (remPx) {
+        text = text.replace(/([\d.]+)rem/g, (_, num) => `${parseFloat(num) * remPx}px`);
+    }
+    return { ...css, text };
+}
+//# sourceMappingURL=resolveEnv.js.map

package/dist/resolveEnv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveEnv.js","sourceRoot":"","sources":["../src/resolveEnv.ts"],"names":[],"mappings":"AAQA,MAAM,UAAU,UAAU,CACzB,GAAQ,EACR,EAAE,cAAc,EAAE,aAAa,EAAE,KAAK,EAAgB;IAEtD,IAAI,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;IACpB,IAAI,aAAa,EAAE,CAAC;QACnB,IAAI,GAAG,IAAI,CAAC,OAAO,CAClB,sBAAsB,EACtB,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,aAAa,IAAI,CAC1D,CAAC;IACH,CAAC;IACD,IAAI,cAAc,EAAE,CAAC;QACpB,IAAI,GAAG,IAAI,CAAC,OAAO,CAClB,sBAAsB,EACtB,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,cAAc,IAAI,CAC3D,CAAC;IACH,CAAC;IACD,IAAI,aAAa,IAAI,cAAc,EAAE,CAAC;QACrC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;YACrD,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;YACrD,OAAO,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,IAAI,CAAC;QAC9C,CAAC,CAAC,CAAC;QACH,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;YACrD,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;YACrD,OAAO,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,IAAI,CAAC;QAC9C,CAAC,CAAC,CAAC;IACJ,CAAC;IACD,IAAI,KAAK,EAAE,CAAC;QACX,IAAI,GAAG,IAAI,CAAC,OAAO,CAClB,cAAc,EACd,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,GAAG,KAAK,IAAI,CAC1C,CAAC;IACH,CAAC;IACD,OAAO,EAAE,GAAG,GAAG,EAAE,IAAI,EAAE,CAAC;AACzB,CAAC"}

package/dist/simplification.d.ts

@@ -1,9 +1,22 @@
+import { TokenPurpose } from '@arbor-css/tokens';
 import { Css } from './interpolation.js';
 /**
  * Applies simplifications not covered by LightningCSS.
+ * Uses linear-time paren scanning instead of regex to avoid backtracking.
  */
 export declare function simplifyPreprocessCss(css: string): string;
-export type CssSimplifier = (css: Css) => string;
+export interface CssSimplificationOptions {
+    /**
+     * More passes take longer but lead to further reduction
+     * of terms; this is really a quirk of the multiple
+     * tools/systems used to perform simplification.
+     * 2 is probably enough for anyone. Default is 1.
+     */
+    passes: number;
+}
+export type CssSimplifier = (css: Css, options?: {
+    purpose?: TokenPurpose;
+}) => string;
 export type CssTransformFunction = ({ filename, code, }: {
     filename: string;
     code: Uint8Array;
@@ -15,5 +28,6 @@ export declare function createSimplifier(config: {
      * A LightningCSS transform function
      */
     transform: CssTransformFunction;
-}): (css: Css) => string;
+    options?: CssSimplificationOptions;
+}): CssSimplifier;
 //# sourceMappingURL=simplification.d.ts.map

package/dist/simplification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"simplification.d.ts","sourceRoot":"","sources":["../src/simplification.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAMzC;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,UAIhD;AAYD,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE,GAAG,KAAK,MAAM,CAAC;AACjD,MAAM,MAAM,oBAAoB,GAAG,CAAC,EACnC,QAAQ,EACR,IAAI,GACJ,EAAE;IACF,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,UAAU,CAAC;CACjB,KAAK;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC;AAE3B,wBAAgB,gBAAgB,CAAC,MAAM,EAAE;IACxC;;OAEG;IACH,SAAS,EAAE,oBAAoB,CAAC;CAChC,IAGQ,KAAK,GAAG,YAoBhB"}
+{"version":3,"file":"simplification.d.ts","sourceRoot":"","sources":["../src/simplification.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAGzC;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAOzD;AAYD,MAAM,WAAW,wBAAwB;IACxC;;;;;OAKG;IACH,MAAM,EAAE,MAAM,CAAC;CACf;AACD,MAAM,MAAM,aAAa,GAAG,CAC3B,GAAG,EAAE,GAAG,EACR,OAAO,CAAC,EAAE;IACT,OAAO,CAAC,EAAE,YAAY,CAAC;CACvB,KACG,MAAM,CAAC;AACZ,MAAM,MAAM,oBAAoB,GAAG,CAAC,EACnC,QAAQ,EACR,IAAI,GACJ,EAAE;IACF,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,UAAU,CAAC;CACjB,KAAK;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC;AAE3B,wBAAgB,gBAAgB,CAAC,MAAM,EAAE;IACxC;;OAEG;IACH,SAAS,EAAE,oBAAoB,CAAC;IAChC,OAAO,CAAC,EAAE,wBAAwB,CAAC;CACnC,GAAG,aAAa,CA0BhB"}

package/dist/simplification.js

@@ -1,10 +1,16 @@
+import { replaceTopLevelTerms } from '@arbor-css/util';
 import { unwrapDummyAssignment, wrapWithDummyAssignment } from './util.js';
-const braceMatchingCalcContentExtractor = /calc\((?:[^)(]+|\((?:[^)(]+|\([^)(]*\))*\))*\)/g;
 /**
  * Applies simplifications not covered by LightningCSS.
+ * Uses linear-time paren scanning instead of regex to avoid backtracking.
  */
 export function simplifyPreprocessCss(css) {
-    return css.replace(braceMatchingCalcContentExtractor, (match) => simplifyLikeUnitDivision(match));
+    return replaceTopLevelTerms(css, (term) => {
+        if (term.startsWith('calc(')) {
+            return 'calc(' + simplifyLikeUnitDivision(term.slice(5, -1)) + ')';
+        }
+        return term;
+    });
 }
 function simplifyLikeUnitDivision(content) {
     return content.replace(/([0-9]+)([a-z]+)\s*\/\s*([0-9]+)\2/g, (_match, num1, _unit1, num2) => {
@@ -15,20 +21,23 @@ function simplifyLikeUnitDivision(content) {
 export function createSimplifier(config) {
     const enc = new TextEncoder();
     const dec = new TextDecoder();
-    return (css) => {
+    return (css, options) => {
         let cssToTransform = css.text;
-        cssToTransform = simplifyPreprocessCss(cssToTransform);
-        if (css.type === 'value') {
-            cssToTransform = wrapWithDummyAssignment(cssToTransform);
-        }
-        const result = config.transform({
-            filename: 'input.css',
-            code: enc.encode(cssToTransform),
-        });
-        if (css.type === 'value') {
-            return unwrapDummyAssignment(dec.decode(result.code));
+        for (let i = 0; i < (config.options?.passes ?? 1); i++) {
+            cssToTransform = simplifyPreprocessCss(cssToTransform);
+            if (css.type === 'value') {
+                cssToTransform = wrapWithDummyAssignment(cssToTransform);
+            }
+            const result = config.transform({
+                filename: 'input.css',
+                code: enc.encode(cssToTransform),
+            });
+            if (css.type === 'value') {
+                return unwrapDummyAssignment(dec.decode(result.code));
+            }
+            cssToTransform = dec.decode(result.code);
         }
-        return dec.decode(result.code);
+        return cssToTransform;
     };
 }
 //# sourceMappingURL=simplification.js.map

package/dist/simplification.js.map

@@ -1 +1 @@
-{"version":3,"file":"simplification.js","sourceRoot":"","sources":["../src/simplification.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAE3E,MAAM,iCAAiC,GACtC,iDAAiD,CAAC;AAEnD;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAAC,GAAW;IAChD,OAAO,GAAG,CAAC,OAAO,CAAC,iCAAiC,EAAE,CAAC,KAAK,EAAE,EAAE,CAC/D,wBAAwB,CAAC,KAAK,CAAC,CAC/B,CAAC;AACH,CAAC;AAED,SAAS,wBAAwB,CAAC,OAAe;IAChD,OAAO,OAAO,CAAC,OAAO,CACrB,qCAAqC,EACrC,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE;QAC9B,MAAM,eAAe,GAAG,UAAU,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QAC5D,OAAO,eAAe,CAAC,QAAQ,EAAE,CAAC;IACnC,CAAC,CACD,CAAC;AACH,CAAC;AAWD,MAAM,UAAU,gBAAgB,CAAC,MAKhC;IACA,MAAM,GAAG,GAAG,IAAI,WAAW,EAAE,CAAC;IAC9B,MAAM,GAAG,GAAG,IAAI,WAAW,EAAE,CAAC;IAC9B,OAAO,CAAC,GAAQ,EAAE,EAAE;QACnB,IAAI,cAAc,GAAG,GAAG,CAAC,IAAI,CAAC;QAE9B,cAAc,GAAG,qBAAqB,CAAC,cAAc,CAAC,CAAC;QAEvD,IAAI,GAAG,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YAC1B,cAAc,GAAG,uBAAuB,CAAC,cAAc,CAAC,CAAC;QAC1D,CAAC;QAED,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC;YAC/B,QAAQ,EAAE,WAAW;YACrB,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC;SAChC,CAAC,CAAC;QAEH,IAAI,GAAG,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YAC1B,OAAO,qBAAqB,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QACvD,CAAC;QAED,OAAO,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC,CAAC;AACH,CAAC"}
+{"version":3,"file":"simplification.js","sourceRoot":"","sources":["../src/simplification.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,OAAO,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAE3E;;;GAGG;AACH,MAAM,UAAU,qBAAqB,CAAC,GAAW;IAChD,OAAO,oBAAoB,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;QACzC,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;YAC9B,OAAO,OAAO,GAAG,wBAAwB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;QACpE,CAAC;QACD,OAAO,IAAI,CAAC;IACb,CAAC,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,wBAAwB,CAAC,OAAe;IAChD,OAAO,OAAO,CAAC,OAAO,CACrB,qCAAqC,EACrC,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE;QAC9B,MAAM,eAAe,GAAG,UAAU,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QAC5D,OAAO,eAAe,CAAC,QAAQ,EAAE,CAAC;IACnC,CAAC,CACD,CAAC;AACH,CAAC;AAyBD,MAAM,UAAU,gBAAgB,CAAC,MAMhC;IACA,MAAM,GAAG,GAAG,IAAI,WAAW,EAAE,CAAC;IAC9B,MAAM,GAAG,GAAG,IAAI,WAAW,EAAE,CAAC;IAC9B,OAAO,CAAC,GAAQ,EAAE,OAAO,EAAE,EAAE;QAC5B,IAAI,cAAc,GAAG,GAAG,CAAC,IAAI,CAAC;QAE9B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YACxD,cAAc,GAAG,qBAAqB,CAAC,cAAc,CAAC,CAAC;YAEvD,IAAI,GAAG,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;gBAC1B,cAAc,GAAG,uBAAuB,CAAC,cAAc,CAAC,CAAC;YAC1D,CAAC;YAED,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC;gBAC/B,QAAQ,EAAE,WAAW;gBACrB,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC;aAChC,CAAC,CAAC;YAEH,IAAI,GAAG,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;gBAC1B,OAAO,qBAAqB,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;YACvD,CAAC;YAED,cAAc,GAAG,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAC1C,CAAC;QACD,OAAO,cAAc,CAAC;IACvB,CAAC,CAAC;AACH,CAAC"}

package/dist/util.d.ts

@@ -1,3 +1,4 @@
+import { TokenPurpose } from '@arbor-css/tokens';
 /**
  * LightningCSS only supports parsing full
  * stylesheets, but we often need to resolve
@@ -5,6 +6,7 @@
  * need to apply special processing to handle that case.
  */
 export declare function isSingleValue(css: string): boolean;
-export declare function wrapWithDummyAssignment(css: string): string;
+export declare function guessPurposeFromText(css: string): TokenPurpose;
+export declare function wrapWithDummyAssignment(css: string, purpose?: TokenPurpose): string;
 export declare function unwrapDummyAssignment(css: string): string;
 //# sourceMappingURL=util.d.ts.map

package/dist/util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../src/util.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAUlD;AAKD,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAI3D;AAED,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CASzD"}
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../src/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAUlD;AA4BD,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,MAAM,GAAG,YAAY,CA8B9D;AAED,wBAAgB,uBAAuB,CACtC,GAAG,EAAE,MAAM,EACX,OAAO,GAAE,YAAwC,GAC/C,MAAM,CAKR;AAED,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CASzD"}

package/dist/util.js

@@ -1,3 +1,4 @@
+import { replaceTopLevelTerms } from '@arbor-css/util';
 /**
  * LightningCSS only supports parsing full
  * stylesheets, but we often need to resolve
@@ -12,16 +13,69 @@ export function isSingleValue(css) {
     const withoutIf = css.replace(/if\((?:[^)(]+|\((?:[^)(]+|\([^)(]*\))*\))*\)/g, '');
     return !withoutIf.includes(':') && !withoutIf.includes(';');
 }
-const dummyPreamble = '[data-arbor-result]{font-size:';
-const dummyPostamble = '}';
-export function wrapWithDummyAssignment(css) {
+const purposeToPropertyTarget = {
+    color: 'background',
+    background: 'background',
+    'border-radius': 'border-radius',
+    shadow: 'box-shadow',
+    'border-style': 'border-style',
+    'border-width': 'border-width',
+    'font-size': 'font-size',
+    'font-weight': 'font-weight',
+    'easing-function': 'animation-timing-function',
+    'font-family': 'font-family',
+    'letter-spacing': 'letter-spacing',
+    'line-height': 'line-height',
+    duration: 'transition-duration',
+    'shadow-blur': 'width',
+    'shadow-color': 'background',
+    'shadow-spread': 'width',
+    'shadow-x': 'width',
+    'shadow-y': 'width',
+    border: 'border',
+    scalar: 'line-height',
+    size: 'width',
+    spacing: 'width',
+    other: 'background', // picked as a versatile simplifier property
+};
+export function guessPurposeFromText(css) {
+    // values with spaces in them could be border or shadow shorthands... or
+    // many other kinds of shorthands...
+    const withoutTermContents = replaceTopLevelTerms(css, () => '<term>');
+    const termCount = withoutTermContents.split(/\s+/).length;
+    if (termCount > 1) {
+        if (termCount === 2) {
+            return 'border-style';
+        }
+        else if (termCount === 3) {
+            return 'border';
+        }
+        else if (termCount > 3) {
+            return 'shadow';
+        }
+    }
+    // This is a very rough heuristic to determine the purpose of a token based on its value,
+    // which helps us choose appropriate simplification strategies.
+    if (css.includes('rgb') ||
+        css.includes('okl') ||
+        css.includes('#') ||
+        css.includes('hsl') ||
+        css.includes('lab') ||
+        css.includes('lch') ||
+        css.includes('color')) {
+        return 'color';
+    }
+    return 'other';
+}
+export function wrapWithDummyAssignment(css, purpose = guessPurposeFromText(css)) {
+    const propertyName = purposeToPropertyTarget[purpose] || 'background';
     // Wrap the input in a dummy assignment to make it parseable as a stylesheet.
     // We can remove this later since we only care about the value of the variable.
-    return `${dummyPreamble}${css}${dummyPostamble}`;
+    return `[data-arbor-result]{${propertyName}:${css};}`;
 }
 export function unwrapDummyAssignment(css) {
     // Extract the original value from the dummy assignment.
-    const match = css.match(/\[data-arbor-result\]\s*{\s*font-size\s*:\s*(.+?)\s*;?\s*}/);
+    const match = css.match(/\[data-arbor-result\]\s*{\s*[\w-]+\s*:\s*(.+?)\s*;?\s*}/);
     if (!match) {
         throw new Error('Invalid dummy assignment format');
     }

package/dist/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sourceRoot":"","sources":["../src/util.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,UAAU,aAAa,CAAC,GAAW;IACxC,6DAA6D;IAC7D,kDAAkD;IAClD,yEAAyE;IACzE,mCAAmC;IACnC,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,CAC5B,+CAA+C,EAC/C,EAAE,CACF,CAAC;IACF,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;AAC7D,CAAC;AAED,MAAM,aAAa,GAAG,gCAAgC,CAAC;AACvD,MAAM,cAAc,GAAG,GAAG,CAAC;AAE3B,MAAM,UAAU,uBAAuB,CAAC,GAAW;IAClD,6EAA6E;IAC7E,+EAA+E;IAC/E,OAAO,GAAG,aAAa,GAAG,GAAG,GAAG,cAAc,EAAE,CAAC;AAClD,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,GAAW;IAChD,wDAAwD;IACxD,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CACtB,4DAA4D,CAC5D,CAAC;IACF,IAAI,CAAC,KAAK,EAAE,CAAC;QACZ,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;IACpD,CAAC;IACD,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC;AACjB,CAAC"}
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../src/util.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arbor-css/css-eval",
-  "version": "0.0.109",
+  "version": "0.0.111",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -39,7 +39,8 @@
   },
   "dependencies": {
     "lightningcss": "^1.32.0",
-    "@arbor-css/tokens": "0.0.109"
+    "@arbor-css/tokens": "0.0.111",
+    "@arbor-css/util": "0.0.111"
   },
   "scripts": {
     "build": "tsc",