Skip to content

La CLI de pantoken ​

@pantoken/cli proporciona pantoken generate <target>, que escribe la fuente de tokens en un repositorio destino. Úsalo cuando una plataforma necesite código generado en lugar de una dependencia en tiempo de ejecución: aplicaciones nativas, temas de CMS y generadores de sitios estáticos.

sh
npx pantoken generate <target> --out <dir> [--theme <name>] [--icons a,b,c]

For a project configured with shadcn, this delegates to shadcn add @pantoken/<item> and registers the indexed namespace when necessary:

sh
npx pantoken add button

Use the official shadcn list, search, and view commands for discovery. Registry items install Pantoken CSS styles and metadata, not React components.

Destinos ​

DestinoSalida
swiftCódigo fuente Swift bajo Sources/<name> además de un stub de manifiesto SwiftPM Package.swift.
androidArchivos de recursos XML de Android.
composeUn archivo Kotlin para Jetpack Compose.
flutterUn archivo Dart para Flutter.
rustUn tokens.rs para egui (por defecto) o iced (--format iced).
wordpressUn theme.json para block-theme.
vanillaUn variables.json para Vanilla Forums.
drupalAssets de tema para Drupal.
jekyllDatos de sitio para Jekyll.
hugoDatos de sitio para Hugo.
swatchesPaletas de color — ase (por defecto), gpl, sketch o svg vía --format.
icon-fontUna fuente de iconos web (TTF, WOFF2), su CSS y un mapa de puntos de código.
pendoEl global.css con estilo Instructure para guías de Pendo.

Flags comunes ​

  • --out <dir> — dónde escribir (por defecto ./pantoken-out).
  • --theme <name> — rebrand (por defecto), canvas o canvasHighContrast.
  • --icons a,b,c — nombres de iconos para emitir como assets nativos, para destinos que los soportan.
  • --class <Name> — el tipo generado o nombre del paquete, para destinos que lo requieran.
  • --format <fmt> — el formato de salida, para swatches y rust.

Ejemplos ​

sh
# iOS tokens plus two icons, in the Canvas theme.
npx pantoken generate swift --out ./ios/Tokens --theme canvas --icons arrow-left,check-mark

# A WordPress block theme's theme.json.
npx pantoken generate wordpress --out ./wp-content/themes/mytheme

# An egui palette for a Rust app.
npx pantoken generate rust --out ./src/tokens.rs --format egui

Varios destinos también exponen una función simple, para que puedas llamarlos desde tu propia compilación en lugar de la CLI. Consulta la referencia de la API para cada paquete de plataforma.