typewritingclass-compiler 0.1.0 → 0.1.2

package/README.md

@@ -31,15 +31,12 @@ import 'virtual:twc.css'
 ```ts
 twcPlugin({
   strict: true,  // Error on dynamic values not wrapped with dynamic() (default: true)
-  theme: {       // Custom theme input
-    colors: { brand: { 500: '#6366f1' } },
-  },
 })
 ```
 
 ## How it works
 
-1. **Static analysis** — the Rust extractor scans TS/JS files for `cx()`, `when()`, and utility calls
+1. **Static analysis** — the Rust extractor scans TS/JS files for `tw`, `cx()`, `when()`, and utility calls
 2. **CSS generation** — extracted rules are compiled into deterministic class names and CSS declarations
 3. **Code transform** — utility call sites are replaced with the generated class name strings
 4. **Virtual module** — `virtual:twc.css` aggregates all extracted CSS, respecting `@layer` ordering

package/package.json

@@ -1,18 +1,27 @@
 {
   "name": "typewritingclass-compiler",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/corysimmons/typewritingclass",
+    "directory": "packages/typewritingclass-compiler"
+  },
   "exports": {
     ".": {
       "types": "./src/index.ts",
       "default": "./src/index.ts"
+    },
+    "./loadTheme": {
+      "types": "./src/loadTheme.ts",
+      "default": "./src/loadTheme.ts"
     }
   },
   "files": [
     "src"
   ],
   "napi": {
-    "name": "typewritingclass-compiler-native",
+    "name": "index",
     "triples": {}
   },
   "peerDependencies": {
@@ -20,7 +29,7 @@
   },
   "dependencies": {
     "magic-string": "^0.30.21",
-    "typewritingclass": "0.2.0"
+    "typewritingclass": "0.2.2"
   },
   "devDependencies": {
     "@types/node": "^25.2.2",

package/src/index.ts

@@ -3,6 +3,7 @@ import MagicString from 'magic-string'
 import { createRequire } from 'module'
 import { resolve, dirname } from 'path'
 import { fileURLToPath } from 'url'
+import { loadTheme } from './loadTheme.ts'
 
 // Load native addon
 const require = createRequire(import.meta.url)
@@ -146,117 +147,3 @@ export default function twcPlugin(options?: TwcPluginOptions): Plugin {
   }
 }
 
-/**
- * Load theme data from the typewritingclass package.
- * This dynamically imports the theme modules so values come from the TS source,
- * not hardcoded in the compiler.
- */
-async function loadTheme(): Promise<import('../index.d.ts').ThemeInput> {
-  // Import all theme modules from the TS package
-  const [colorsModule, spacingModule, typographyModule, sizesModule, shadowsModule, bordersModule] =
-    await Promise.all([
-      import('typewritingclass/theme/colors'),
-      import('typewritingclass/theme'),
-      import('typewritingclass/theme/typography'),
-      import('typewritingclass/theme/sizes'),
-      import('typewritingclass/theme/shadows'),
-      import('typewritingclass/theme/borders'),
-    ])
-
-  // Build color scales map
-  const colorScaleNames = [
-    'slate', 'gray', 'zinc', 'neutral', 'stone', 'red', 'orange', 'amber',
-    'yellow', 'lime', 'green', 'emerald', 'teal', 'cyan', 'sky', 'blue',
-    'indigo', 'violet', 'purple', 'fuchsia', 'pink', 'rose',
-  ]
-  const colors: Record<string, Record<string, string>> = {}
-  for (const name of colorScaleNames) {
-    const scale = (colorsModule as Record<string, any>)[name]
-    if (scale && typeof scale === 'object') {
-      colors[name] = {}
-      for (const [shade, hex] of Object.entries(scale)) {
-        colors[name][String(shade)] = hex as string
-      }
-    }
-  }
-
-  // Named colors
-  const namedColors: Record<string, string> = {
-    white: colorsModule.white,
-    black: colorsModule.black,
-    transparent: colorsModule.transparent,
-    currentColor: colorsModule.currentColor,
-  }
-
-  // Spacing scale
-  const { spacing: spacingNs } = spacingModule as any
-  const spacing: Record<string, string> = {}
-  if (spacingNs && spacingNs.spacingScale) {
-    for (const [key, val] of Object.entries(spacingNs.spacingScale)) {
-      spacing[String(key)] = val as string
-    }
-  }
-
-  // Text sizes
-  const textSizeNames = ['xs', 'sm', 'base', 'lg', 'xl', '_2xl', '_3xl', '_4xl', '_5xl', '_6xl', '_7xl', '_8xl', '_9xl']
-  const textSizes: Record<string, { fontSize: string; lineHeight: string }> = {}
-  for (const name of textSizeNames) {
-    const token = (typographyModule as Record<string, any>)[name]
-    if (token && typeof token === 'object' && 'fontSize' in token) {
-      textSizes[name] = { fontSize: token.fontSize, lineHeight: token.lineHeight }
-    }
-  }
-
-  // Font weights
-  const weightNames = ['thin', 'extralight', 'light', 'normal', 'medium', 'semibold', 'bold', 'extrabold', 'black_']
-  const fontWeights: Record<string, string> = {}
-  for (const name of weightNames) {
-    const val = (typographyModule as Record<string, any>)[name]
-    if (typeof val === 'string') {
-      fontWeights[name] = val
-    }
-  }
-
-  // Border radii
-  const radiusNames = ['none', 'sm', 'DEFAULT', 'md', 'lg', 'xl', '_2xl', '_3xl', 'full']
-  const radii: Record<string, string> = {}
-  for (const name of radiusNames) {
-    const val = (bordersModule as Record<string, any>)[name]
-    if (typeof val === 'string') {
-      radii[name] = val
-    }
-  }
-
-  // Shadows
-  const shadowNames = ['sm', 'DEFAULT', 'md', 'lg', 'xl', '_2xl', 'inner', 'none']
-  const shadows: Record<string, string> = {}
-  for (const name of shadowNames) {
-    const val = (shadowsModule as Record<string, any>)[name]
-    if (typeof val === 'string') {
-      shadows[name] = val
-    }
-  }
-
-  // Sizes
-  const sizeNames = ['full', 'screen', 'screenH', 'min', 'max', 'fit', 'auto']
-  const sizes: Record<string, string> = {}
-  for (const name of sizeNames) {
-    const val = (sizesModule as Record<string, any>)[name]
-    if (typeof val === 'string') {
-      sizes[name] = val
-    }
-  }
-
-  return {
-    colors: JSON.stringify(colors),
-    namedColors: JSON.stringify(namedColors),
-    spacing: JSON.stringify(spacing),
-    textSizes: JSON.stringify(textSizes),
-    fontWeights: JSON.stringify(fontWeights),
-    radii: JSON.stringify(radii),
-    shadows: JSON.stringify(shadows),
-    sizes: JSON.stringify(sizes),
-    defaultRadius: radii['DEFAULT'] ?? '0.25rem',
-    defaultShadow: shadows['DEFAULT'] ?? '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',
-  }
-}

package/src/loadTheme.ts

@@ -0,0 +1,116 @@
+import type { ThemeInput } from '../index.d.ts'
+
+/**
+ * Load theme data from the typewritingclass package.
+ * This dynamically imports the theme modules so values come from the TS source,
+ * not hardcoded in the compiler.
+ */
+export async function loadTheme(): Promise<ThemeInput> {
+  // Import all theme modules from the TS package
+  const [colorsModule, spacingModule, typographyModule, sizesModule, shadowsModule, bordersModule] =
+    await Promise.all([
+      import('typewritingclass/theme/colors'),
+      import('typewritingclass/theme'),
+      import('typewritingclass/theme/typography'),
+      import('typewritingclass/theme/sizes'),
+      import('typewritingclass/theme/shadows'),
+      import('typewritingclass/theme/borders'),
+    ])
+
+  // Build color scales map
+  const colorScaleNames = [
+    'slate', 'gray', 'zinc', 'neutral', 'stone', 'red', 'orange', 'amber',
+    'yellow', 'lime', 'green', 'emerald', 'teal', 'cyan', 'sky', 'blue',
+    'indigo', 'violet', 'purple', 'fuchsia', 'pink', 'rose',
+  ]
+  const colors: Record<string, Record<string, string>> = {}
+  for (const name of colorScaleNames) {
+    const scale = (colorsModule as Record<string, any>)[name]
+    if (scale && typeof scale === 'object') {
+      colors[name] = {}
+      for (const [shade, hex] of Object.entries(scale)) {
+        colors[name][String(shade)] = hex as string
+      }
+    }
+  }
+
+  // Named colors
+  const namedColors: Record<string, string> = {
+    white: colorsModule.white,
+    black: colorsModule.black,
+    transparent: colorsModule.transparent,
+    currentColor: colorsModule.currentColor,
+  }
+
+  // Spacing scale
+  const { spacing: spacingNs } = spacingModule as any
+  const spacing: Record<string, string> = {}
+  if (spacingNs && spacingNs.spacingScale) {
+    for (const [key, val] of Object.entries(spacingNs.spacingScale)) {
+      spacing[String(key)] = val as string
+    }
+  }
+
+  // Text sizes
+  const textSizeNames = ['xs', 'sm', 'base', 'lg', 'xl', '_2xl', '_3xl', '_4xl', '_5xl', '_6xl', '_7xl', '_8xl', '_9xl']
+  const textSizes: Record<string, { fontSize: string; lineHeight: string }> = {}
+  for (const name of textSizeNames) {
+    const token = (typographyModule as Record<string, any>)[name]
+    if (token && typeof token === 'object' && 'fontSize' in token) {
+      textSizes[name] = { fontSize: token.fontSize, lineHeight: token.lineHeight }
+    }
+  }
+
+  // Font weights
+  const weightNames = ['thin', 'extralight', 'light', 'normal', 'medium', 'semibold', 'bold', 'extrabold', 'black_']
+  const fontWeights: Record<string, string> = {}
+  for (const name of weightNames) {
+    const val = (typographyModule as Record<string, any>)[name]
+    if (typeof val === 'string') {
+      fontWeights[name] = val
+    }
+  }
+
+  // Border radii
+  const radiusNames = ['none', 'sm', 'DEFAULT', 'md', 'lg', 'xl', '_2xl', '_3xl', 'full']
+  const radii: Record<string, string> = {}
+  for (const name of radiusNames) {
+    const val = (bordersModule as Record<string, any>)[name]
+    if (typeof val === 'string') {
+      radii[name] = val
+    }
+  }
+
+  // Shadows
+  const shadowNames = ['sm', 'DEFAULT', 'md', 'lg', 'xl', '_2xl', 'inner', 'none']
+  const shadows: Record<string, string> = {}
+  for (const name of shadowNames) {
+    const val = (shadowsModule as Record<string, any>)[name]
+    if (typeof val === 'string') {
+      shadows[name] = val
+    }
+  }
+
+  // Sizes
+  const sizeNames = ['full', 'screen', 'screenH', 'min', 'max', 'fit', 'auto']
+  const sizes: Record<string, string> = {}
+  for (const name of sizeNames) {
+    const val = (sizesModule as Record<string, any>)[name]
+    if (typeof val === 'string') {
+      sizes[name] = val
+    }
+  }
+
+  return {
+    colors: JSON.stringify(colors),
+    namedColors: JSON.stringify(namedColors),
+    spacing: JSON.stringify(spacing),
+    textSizes: JSON.stringify(textSizes),
+    fontWeights: JSON.stringify(fontWeights),
+    radii: JSON.stringify(radii),
+    shadows: JSON.stringify(shadows),
+    sizes: JSON.stringify(sizes),
+    defaultRadius: radii['DEFAULT'] ?? '0.25rem',
+    defaultShadow: shadows['DEFAULT'] ?? '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',
+  }
+}