Map pecyn

pantoken yw monorepo o becynnau bach, un-diben wedi’u grwpio mewn bwcedi. Gosodwch y pecyn sy’n addas i’ch tasg, neu osodwch y pecyn unedig pantoken a mewnforiwch o’i is-gyfeiriadau (er enghraifft pantoken/css, pantoken/react, pantoken/tailwind).

Craidd

Y model a rennir a’r trawsnewidydd mae popeth arall yn seiliedig arno.

Pecyn	Beth mae'n ei wneud
@pantoken/model	Mathau TypeScript di-ddibyniaeth: siâp Token a chontract y plwgin.
@pantoken/core	Datrys y tokenau ac eiconau uwchben i’r IR canonig, a rendro CSS.
@pantoken/tokens	Yr IR wedi’i ddatrys wedi’i frandio fel JSON statig, fesul thema, ynghyd â'r ffynhonnell Tokens Studio raw.
@pantoken/utils	Y datrysiwr tokenau, regexes cyfeirio, cynorthwywyr achos a lliw, gwirio drifft, a’r emitwyr token→dosbarth-cyfleustrel.
@pantoken/plugin-kit	Adeiladu a chyfansoddi plwginiau pantoken gyda definePlugin.
@pantoken/cli	pantoken generate <target> — emitffynhonnell hynafiaid a llwyfannau.

Fformatau

Troi’r tokenau yn fformat ffeil.

Pecyn	Allbwn
@pantoken/css	CSS mathiedig gan @property gyda light-dark() ac eiconau data-URI.
@pantoken/scss	Newidiolion SCSS, wedi’u datrys i un modd sengl.
@pantoken/less	Newidiolion Less.
@pantoken/stylus	Newidiolion Stylus.
@pantoken/dtcg	Dogfen W3C Design Tokens (DTCG).
@pantoken/tokens	Yr IR fel JavaScript a JSON (wedi’i restru hefyd o dan Craidd).
@pantoken/icons	Golwg ergonomig dros y tokenau eicon.
@pantoken/icon-font	Ffont gwe eicon (TTF, WOFF2) ynghyd â’i CSS.
@pantoken/components	Llyfrgell gydran CSS edrych-InstUI (botwm, rhybudd, tabl, a mwy) ynghyd â reset sylfaen gyda cylch ffocws, arddull prose, cyfleustodau trawsdorfol, a’r ffontiau brand. Gweler Cydrannau.

Renderyddion

Integreiddiadau fframwaith a offer.

Pecyn	Ar gyfer
@pantoken/react	Hookiau React, <Icon>, a darparwr tokenau.
@pantoken/vue, @pantoken/svelte, @pantoken/angular	Y cydran gwe, wedi’i diwreo i bob fframwaith.
@pantoken/react-native	Obyectau token ar gyfer StyleSheet (dim newidynnau CSS).
@pantoken/web-components	<instui-icon> a phrymidau wedi’u steilio, annibynnol ar fframwaith.
@pantoken/astro	Sefydlu tokenau ar gyfer safleoedd Astro.
@pantoken/react-markdown, @pantoken/rehype	Tokenau eicon a swatches mewn Markdown.
@pantoken/markdown-it	Plwgin markdown-it ar gyfer codau eicon a swatches lliw.
@pantoken/css-in-js	Themed math-sicr ar gyfer styled-components ac Emotion.
@pantoken/mui	Thema Material UI.
@pantoken/bootstrap, @pantoken/shadcn	Pontydd newidynau CSS ar gyfer Bootstrap a shadcn/ui.
@pantoken/foundation	Gosodiad Sass a haen CSS ar gyfer Foundation.
@pantoken/docusaurus, @pantoken/vitepress	Themas ar gyfer Docusaurus a VitePress.
@pantoken/mintlify	Thema Mintlify docs.json (lliwiau + cefndir).
@pantoken/storybook	Thema Storybook.
@pantoken/pendo	CSS byd-eang wedi’i steilio gan Instructure ar gyfer canllawiau Pendo.

Casglwyr

Integreiddiadau offer adeiladu.

Pecyn	Ar gyfer
@pantoken/vite	Plwgin Vite gyda modiwlau rhithwir a chwistrellu CSS.
@pantoken/next	withPantoken ar gyfer Next.js transpilePackages.
@pantoken/webpack	Plwgin webpack.
@pantoken/postcss	Yr at-areg @pantoken;.
@pantoken/tailwind	Rhag-ddewis Tailwind.
@pantoken/panda	Rhag-ddewis Panda CSS.

Llwyfannau

Targedau hynafiaid a chynhyrchwyr safle, a all gael eu emitio gan y CLI neu eu API eu hunain.

Pecyn	Allbwn
@pantoken/swift	Ffynhonnell Swift ynghyd â stub manifest SwiftPM.
@pantoken/android	Adnoddau XML Android.
@pantoken/compose	Jetpack Compose Kotlin.
@pantoken/flutter	Flutter Dart.
@pantoken/rust	Consts Rust ar gyfer egui neu iced.
@pantoken/wordpress	Thema bloc WordPress theme.json.
@pantoken/vanilla	Data variables.json ar gyfer Vanilla Forums.
@pantoken/drupal	Asedau thema Drupal.
@pantoken/hugo, @pantoken/jekyll	Data safleoedd Hugo a Jekyll.
@pantoken/email	Gwerthoedd cyfeillgar mewn-linellu ar gyfer e-bost HTML.

Dylunio

Ar gyfer offer dylunio.

Pecyn	Allbwn
@pantoken/figma	Payload Figma Variables.
@pantoken/swatches	Swatches lliw (ASE, GPL, Sketch) ynghyd â sheit sampl SVG y gellir ei gwylio.

Plwginiau

Trawsnewidiadau dewisol sy’n estyn y token neu allbwn CSS. Gweler Plwginiau.

Pecyn	Beth mae'n ychwanegu
@pantoken/plugin-stacking	Dyfnderoedd z-index enwau fel tokenau --instui-stacking-*.
@pantoken/plugin-visual-debug	Y -with-visual-debug amlinelliad dadflino lleoliad.
@pantoken/plugin-simple-icons	Eicon brand o simple-icons.
@pantoken/plugin-logos	Logos cynhyrchion Instructure fel SVGs, data URIs, a tokenau delwedd.
@pantoken/plugin-prune-custom-props	Plwgin PostCSS sy’n tynnu eiddo arfer heb eu defnyddio.

Offer

Seilwaith adeiladu, dogfennau, a dangosiadau ar gyfer y monorepo ei hun. Mae’r rhan fwyaf yn fewnol, ond mae’r darnau’n hunan-ganolog, felly’u dogfennu yma ac mae rhai yn cael eu cyhoeddi i npm ar eu pennau eu hunain.

Pecyn	Beth mae'n ei wneud
@pantoken/aggregate	Cynhyrchu’r batri pecyn undedig pantoken a exports o’i ddibyniaethau.
@pantoken/validate-generated	Y giat drifft: yn gwirio bod pob stylesheet a gynhyrchir yn datrys yn erbyn yr IR tokenau.
@pantoken/demo	Rhedegwr dangosiad byw hunan-letyol: datrys spec @demo i iframe ac rendro HTML/CSS/JS crai unffurf, themedig gan tokenau.
@cssdoc/core (allanol)	Tynnyddiwr dogfen CSS cyffredinol (TSDoc, ar gyfer CSS): yn parsu sylwadau-doc + AST CSS i fodel y mae’r dogfennau’n ei allhau fel cyfeirlyfr API CSS. Mae’n byw mewn repo ei hun; a ddefnyddir fel dibyniaeth dolen.

@pantoken/validate-generated yw sgript unwaith-y-rhediad (a alwir gan pnpm run ready), felly nid oes ganddo dudalen API; mae gan y rhain eraill.

AI

Asedau setup AI sy'n wynebu defnyddwyr. Mae’r rhain ar gyfer prosiectau sy’n defnyddio pantoken, nid ar gyfer datblygu pantoken ei hun.

• @pantoken/ai yn gosod AGENTS.md, llms.txt, a rheolau cynorthwyydd/golygydd (Cursor, Copilot, Windsurf, Claude Code) i mewn i repo defnyddiwr.

Plwginiau datblygu

Plwginiau a ninnau’n eu hysgrifennu ar gyfer yr offer rydyn ni’n eu defnyddio, wedi’u grwpio fesul gwesteiwr. Maent yn hunan-ganolog ac yn cyhoeddi.

Pecyn	Yn plygio i
@pantoken/typedoc-plugin-demo	TypeDoc: yn troi tag bloc @demo <provider>:<ref> yn ralffensiwn demo embedadwy.
@pantoken/vite-workspace-orchestrator	Vite: ailadeiladu pecynnau gweithleoedd uwchben (a’r dibyniaethau) pan fydd eu ffynhonnell yn newid.