Skip to content

A pantoken CLI ​

@pantoken/cli biztosítja a pantoken generate <target>-t, amely a token forrást egy céltárba írja. Használd, amikor egy platformnak generált kódra van szüksége a futásidejű függőség helyett — natív alkalmazások, CMS témák és statikus webhelygenerálók esetén.

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.

Célok ​

TargetOutput
swiftSwift forrás a Sources/<name> alatt, valamint egy Package.swift SwiftPM manifest stub.
androidAndroid XML erőforrás fájlok.
composeEgy Jetpack Compose Kotlin fájl.
flutterEgy Flutter Dart fájl.
rustEgy tokens.rs az egui számára (alapértelmezett) vagy iced (--format iced).
wordpressEgy block-theme theme.json.
vanillaEgy Vanilla Forums variables.json.
drupalDrupal téma erőforrások.
jekyllJekyll webhelyadatok.
hugoHugo webhelyadatok.
swatchesSzínpaletták — ase (alapértelmezett), gpl, sketch vagy svg a --format segítségével.
icon-fontEgy ikon webfont (TTF, WOFF2), annak CSS-e és egy codepoints térkép.
pendoAz Instructure-stílusú global.css a Pendo útmutatókhoz.

Gyakori kapcsolók ​

  • --out <dir> — hova írja a kimenetet (alapértelmezett ./pantoken-out).
  • --theme <name> — rebrand (alapértelmezett), canvas vagy canvasHighContrast.
  • --icons a,b,c — az ikonnevek, amelyeket natív erőforrásként kell kimenetként generálni, azoknál a céloknál, amelyek támogatják őket.
  • --class <Name> — a generált típus- vagy csomagnév azoknál a céloknál, amelyeknek szükségük van rá.
  • --format <fmt> — a kimeneti formátum, a swatches és a rust esetén.

Példák ​

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

Több cél is kitesz egy egyszerű függvényt, így meghívhatod őket a saját buildfolyamatodból a CLI helyett. Lásd az API reference oldalakat az egyes platformcsomagoknál.