inkbridge 0.1.0-beta.1

package/src/utility-resolver.ts

@@ -0,0 +1,125 @@
+import { pxFromSizeToken } from './variables';
+
+export type UtilityAtom = {
+  raw: string;
+  variants: string[];
+  important: boolean;
+  utility: string;
+};
+
+export type SpacingScale = Record<string, number>;
+
+const MAX_WIDTH_MAP: Record<string, number> = {
+  'max-w-xs': 320,
+  'max-w-sm': 384,
+  'max-w-md': 448,
+  'max-w-lg': 512,
+  'max-w-xl': 576,
+  'max-w-2xl': 672,
+  'max-w-3xl': 768,
+  'max-w-4xl': 896,
+  'max-w-5xl': 1024,
+  'max-w-6xl': 1152,
+  'max-w-7xl': 1280,
+};
+
+export function parseUtilityClass(input: string): UtilityAtom {
+  let cls = input.trim();
+  let important = false;
+  if (cls.startsWith('!')) {
+    important = true;
+    cls = cls.slice(1);
+  }
+  if (cls.endsWith('!')) {
+    important = true;
+    cls = cls.slice(0, -1);
+  }
+
+  const parts: string[] = [];
+  let buf = '';
+  let depth = 0;
+  for (let i = 0; i < cls.length; i++) {
+    const ch = cls[i];
+    if (ch === '[') depth++;
+    if (ch === ']') depth = Math.max(0, depth - 1);
+    if (ch === ':' && depth === 0) {
+      parts.push(buf);
+      buf = '';
+      continue;
+    }
+    buf += ch;
+  }
+  if (buf) parts.push(buf);
+
+  if (parts.length <= 1) {
+    return { raw: input, variants: [], important, utility: parts[0] || '' };
+  }
+  return { raw: input, variants: parts.slice(0, -1), important, utility: parts[parts.length - 1] };
+}
+
+export function hasResponsiveVariant(variants: string[]): boolean {
+  return variants.some(v => ['sm', 'md', 'lg', 'xl', '2xl'].includes(v));
+}
+
+export function variantState(variants: string[]): string | null {
+  if (variants.includes('hover')) return 'hover';
+  if (variants.includes('focus-visible')) return 'focus-visible';
+  if (variants.includes('focus')) return 'focus';
+  if (variants.includes('disabled')) return 'disabled';
+  if (variants.includes('active')) return 'active';
+  if (variants.some(v => v.startsWith('data-[state=') || v.startsWith('data-[state='))) return 'open';
+  if (variants.includes('aria-invalid')) return 'error';
+  return null;
+}
+
+export function parseLength(value: string): number | null {
+  const trimmed = value.trim();
+  if (trimmed === '0') return 0;
+  const pxMatch = trimmed.match(/^(-?\d+(?:\.\d+)?)px$/);
+  if (pxMatch) return parseFloat(pxMatch[1]);
+  const remMatch = trimmed.match(/^(-?\d+(?:\.\d+)?)rem$/);
+  if (remMatch) return parseFloat(remMatch[1]) * 16;
+  return null;
+}
+
+export function spacingValue(token: string, spacingScale: SpacingScale): number | null {
+  if (!token) return null;
+  if (token.indexOf('/') !== -1) return null;
+  if (spacingScale && spacingScale[token] != null) return spacingScale[token];
+  const numeric = parseFloat(token);
+  if (!Number.isNaN(numeric)) return numeric * 4;
+  return null;
+}
+
+export function extractArbitraryValue(utility: string): string | null {
+  const match = utility.match(/\[(.+)\]$/);
+  return match ? match[1] : null;
+}
+
+export function resolveMaxWidth(utility: string): number | null {
+  if (MAX_WIDTH_MAP[utility]) return MAX_WIDTH_MAP[utility];
+  const arbitrary = extractArbitraryValue(utility);
+  if (arbitrary) return parseLength(arbitrary);
+  return null;
+}
+
+export function resolveRadius(utility: string, radiusGroup: Record<string, string> | null): number | null {
+  if (utility === 'rounded') {
+    return radiusGroup && radiusGroup.base ? pxFromSizeToken(radiusGroup.base) : 6;
+  }
+  if (utility.startsWith('rounded-[')) {
+    const arbitrary = extractArbitraryValue(utility);
+    if (arbitrary) {
+      const len = parseLength(arbitrary);
+      if (len != null) return len;
+    }
+  }
+  const match = utility.match(/^rounded-(.+)$/);
+  if (!match) return null;
+  const key = match[1];
+  if (radiusGroup && radiusGroup[key]) {
+    return pxFromSizeToken(radiusGroup[key]);
+  }
+  const fallback: Record<string, number> = { none: 0, sm: 2, md: 6, lg: 8, xl: 12, '2xl': 16, '3xl': 24, full: 9999 };
+  return fallback[key] ?? null;
+}