Skip to content

La CLI de pantoken

@pantoken/cli proporciona pantoken generate <target>, que escriu la font dels tokens dins d'un repositori destí. Utilitzeu-lo quan una plataforma necessiti codi generat en lloc d'una dependència en temps d'execució — aplicacions natives, temes de CMS i generadors de llocs estàtics.

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

Destinacions

TargetOutput
swiftSwift source under Sources/<name> plus a Package.swift SwiftPM manifest stub.
androidAndroid XML resource files.
composeA Jetpack Compose Kotlin file.
flutterA Flutter Dart file.
rustA tokens.rs for egui (default) or iced (--format iced).
wordpressA block-theme theme.json.
vanillaA Vanilla Forums variables.json.
drupalDrupal theme assets.
jekyllJekyll site data.
hugoHugo site data.
swatchesColor swatches — ase (default), gpl, sketch, or svg via --format.
icon-fontAn icon web font (TTF, WOFF2), its CSS, and a codepoints map.
pendoThe Instructure-styled global.css for Pendo guides.

Indicadors comuns

  • --out <dir> — on escriure (per defecte ./pantoken-out).
  • --theme <name>rebrand (per defecte), canvas, o canvasHighContrast.
  • --icons a,b,c — noms d'icones per emetre com a recursos natius, per a destinacions que ho admetin.
  • --class <Name> — el tipus generat o nom del paquet, per a destinacions que en necessitin un.
  • --format <fmt> — el format de sortida, per a swatches i rust.

Exemples

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

Diverses destinacions també exposen una funció plana, així que les podeu cridar des del vostre propi procés de compilació en lloc de la CLI. Vegeu la referència de l'API per a cada paquet de plataforma.