Skip to content

Te mapi mō ngā mōkihi

pantoken he monorepo o ngā mōkihi iti, kotahi-whāinga kua whakarōpū ki ngā pukapuka. Tāuta te kotahi e hāngai ana ki tō mahi, rānei tāuta te mōkihi kotahi-whakarōpū pantoken ka kawemai mai i ōna ara-hapawhā (hei tauira pantoken/css, pantoken/react, pantoken/tailwind).

Ngā Waahanga Matua

Te tauira tuitui me te huri e hangai ana ngā mea katoa.

PackageHe aha tāna e mahi
@pantoken/modelNgā momo TypeScript kore-tūāpapa: te āhua Token me te kirimana mō te pūrere (plugin).
@pantoken/coreE whakatau ana i ngā token me ngā pakiaka mai te puna matua ki te IR angitu, ā, ka whakaputa i te CSS.
@pantoken/tokensTe IR kua whakatau hei JSON ā-roto, mō ia kaupapa-hoahoa, me te raupapa Tokens Studio taketake.
@pantoken/utilsTe whakatau token, ngā regex tohutoro, āwhina mō ngā āhua me ngā tae, ngā tirotiro rerenga (drift), me ngā kaiwhakaputa token→utility-class.
@pantoken/plugin-kitHanga me te whakakotahi i ngā pūrere pantoken me definePlugin.
@pantoken/clipantoken generate <target> — whakaputa kōnae taketake me ngā puna tūmau.

Ngā Hōputu

Hurihia ngā token ki tētahi hōputu kōnae.

PackagePutanga
@pantoken/cssCSS ā-ahua-@property me light-dark() me ngā pakiaka data-URI.
@pantoken/scssNgā rerekētanga SCSS, kua whakatau ki tētahi aratau kotahi.
@pantoken/lessNgā rerekētanga Less.
@pantoken/stylusNgā rerekētanga Stylus.
@pantoken/dtcgTuhinga DTCG (W3C Design Tokens).
@pantoken/tokensTe IR hei JavaScript me JSON (ka kitea ano i raro i Ngā Waahanga Matua).
@pantoken/iconsHe tirohanga ngāwari ki runga i ngā token tohu (icon tokens).
@pantoken/icon-fontHe pūrere momotuhi tohu tukutuku (TTF, WOFF2) me tōna CSS.
@pantoken/componentsHe whare pukapuka kōwhiringa CSS ā-InstUI (pātu, whakatūpato, ripanga, me ētahi atu) me tētahi tūnga tīmatanga hei tautuhi āhua, ā, ngā taputapu whakawhānui me ngā momotuhi tohu. Tirohia Components.

Ngā Kaiwhakaatu

Ngā atanga papaanga me ngā taputapu.

Package
@pantoken/reactNgā hook React, <Icon>, me tētahi kaiwhakarato token.
@pantoken/vue, @pantoken/svelte, @pantoken/angularTe waahanga tukutuku, kua honoa ki ia anga (framework).
@pantoken/react-nativeNgā tūtohu token ā-ShapeSheet e pai ana ki StyleSheet (kāore he rerekētanga CSS).
@pantoken/web-components<instui-icon> me ērā mātā o te āhua, kore-hāngai ki tētahi anga ake.
@pantoken/astroTautuhinga token mō ngā pae Astro.
@pantoken/react-markdown, @pantoken/rehypeNgā token tohu me ngā ranunga tae i roto i Markdown.
@pantoken/markdown-itHe plug-in markdown-it mō ngā waehere tohu me ngā ranunga tae.
@pantoken/css-in-jsHe kaupapa-āhua ā-ahua-tipu (type-safe) mō styled-components me Emotion.
@pantoken/muiHe kaupapa mō Material UI.
@pantoken/bootstrap, @pantoken/shadcnNgā whakawhēritanga honohono CSS-variable mō Bootstrap me shadcn/ui.
@pantoken/foundationHe whakarerekētanga tautuhinga Sass me tētahi kapi CSS mō Foundation.
@pantoken/docusaurus, @pantoken/vitepressNgā kaupapa mō Docusaurus me VitePress.
@pantoken/mintlifyHe kaupapa Mintlify docs.json (ngā tae + papamuri).
@pantoken/storybookHe kaupapa Storybook.
@pantoken/pendoHe CSS ā-ao ā-Instructure mō ngā aratohu Pendo.

Ngā Kaitapiri

Ngā atanga taputapu hanga.

Package
@pantoken/viteHe plug-in Vite me ngā kōnae marama ā-virtual me te tāpiri CSS.
@pantoken/nextwithPantoken mō Next.js transpilePackages.
@pantoken/webpackHe plug-in webpack.
@pantoken/postcssTe ture-īpa atanga @pantoken;.
@pantoken/tailwindHe tautuhinga Tailwind.
@pantoken/pandaHe tautuhinga Panda CSS.

Ngā Pūnaha

Ngā whāinga taketake me ngā kaiwhakawhiwhi pae, ka whakaputaina e te CLI rānei tō rātou ake API.

PackagePutanga
@pantoken/swiftPuna Swift me tētahi stub manifest SwiftPM.
@pantoken/androidNgā rauemi XML mō Android.
@pantoken/composeJetpack Compose Kotlin.
@pantoken/flutterFlutter Dart.
@pantoken/rustNgā tūturu Rust mō egui, iced rānei.
@pantoken/wordpressHe kaupapa ā-Block mō WordPress theme.json.
@pantoken/vanillaHe kaupapa ā-Vanilla Forums variables.json.
@pantoken/drupalNgā rawa kaupapa Drupal.
@pantoken/hugo, @pantoken/jekyllRaraunga pae mō Hugo me Jekyll.
@pantoken/emailUara pai mō roto i ngā īmēra HTML.

Hoahoa

Mō ngā taputapu hoahoa.

PackagePutanga
@pantoken/figmaHe utaunga Figma Variables.
@pantoken/swatchesNgā rārangi tae (ASE, GPL, Sketch) me tētahi ripanga tauira SVG e tirohia ana.

Tāpiritanga

Ngā whakaritenga kōwhiringa e whakawhānui ana i ngā putanga token, CSS rānei. Tirohia Plugins.

PackageHe aha tāna e tapiri ana
@pantoken/plugin-stackingNgā tohu ā-z-index kua ingoahia hei token --instui-stacking-*.
@pantoken/plugin-visual-debugTe āhua -with-visual-debug hei tirohanga whakatūpato kaupapa.
@pantoken/plugin-simple-iconsNgā tohu waitohu mai i simple-icons.
@pantoken/plugin-logosNgā tohu hua Instructure hei SVG, data URI, me ngā token whakaahua.
@pantoken/plugin-prune-custom-propsHe plug-in PostCSS e tangohia ana ngā rawa ritenga-kāore e whakamahia.

Ngā Utauta

Hanganga hanga, tuhinga, me te papamahi whakaaturanga mō te monorepo. He maha he ā-roto, engari he motuhake ia, nō reira ka tuhia mōhia ā ētahi ka whakaputahia ki npm.

PackageHe aha tāna e mahi
@pantoken/aggregateE whakaputa ana i te mōkihi kotahi-whakarōpū pantoken me exports mai i ōna whakawhirinaki.
@pantoken/validate-generatedTe tatau rerenga: e tirotiro ana mēnā ia pāhekoheko hanga kua whakatau ki te IR token.
@pantoken/demoTe kaiwhakahaere-ā-tuhi whakaaturanga ora: e whakatau ana i tētahi whakatakotoranga @demo ki tētahi iframe ka whakaatu HTML/CSS/JS taketake, ā, kua āhua-token.
@cssdoc/core (taiao kē)He whiwhinga tuhinga CSS whānui (TSDoc, mō te CSS): ka tātaritia ngā kōrero-tuku + te AST CSS ki tētahi tauira e whakaputa ana ngā tuhinga API CSS. Kei tōna ake repo; ka whakamahia mā te hononga.

@pantoken/validate-generated he script kotahi-wa (ka karangahia e pnpm run ready), nō reira kāore he whārangi API; ko ērā atu he.

AI

Ngā rawa tautuhi AI mō te kai-kaihoko. Mō ngā kaupapa e whakamahi ana i pantoken, kāore mō te whakawhanaketanga pantoken anake.

  • @pantoken/ai ka tāuta AGENTS.md, llms.txt, me ngā ture ā-hoa/taipitopito (Cursor, Copilot, Windsurf, Claude Code) ki roto i tētahi repo kai-kaihoko.

Ngā Tāpiritanga Whanaketanga

Ngā tāpiritanga e waihangahia e mātou mō ngā taputapu e whakamahi ana mātou, kua whakarōpū e ai ki te tāhuhu. He motuhake, ā, ka taea te whakaputa.

PackageMō te hono ki
@pantoken/typedoc-plugin-demoTypeDoc: ka huri i tētahi tapanga ā-@demo <provider>:<ref> hei wāhanga whakaaturanga rūnanga.
@pantoken/vite-workspace-orchestratorVite: ka whakahou anō i ngā mōkihi puna ā-hapori (workspace) me ō rātou whakawhaiti (dependents) ina huri ngā puna.