You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When i run $chakra-cli tokens path/to/theme, i expected to get intellisense on VSCode but i don't.
The CLI simply says "✨ Done in 0.83s." but nothing changes on my project.
I checked the file node_modules/@chakra-ui/styled-system/dist/theming.types.d.ts and it has been updated with the tokens from my theme.
Also nothing on my git three changed ( as the file is changed inside of node_modules which is ignored ) so if i update the theme and commit to git none of my team mates will get Intellisense unless they run the command again manually on their side.
Moreover, I believe this file is supposed to be loaded somewhere ( and it wasn't i believe because i started from the next.js with chakra-ui example on their repository and it might be out of data? ), so i set it to be included in my tsconfig.json.
Perhaps the CLI should check the tsconfig.json file and see if the theme is added somehow?
I have to do this in webstorm sometimes before the tokens will be picked up
Also nothing on my git three changed ( as the file is changed inside of node_modules which is ignored ) so if i update the theme and commit to git none of my team mates will get Intellisense unless they run the command again manually on their side.
I have to do this in webstorm sometimes before the tokens will be picked up
Also nothing on my git three changed ( as the file is changed inside of node_modules which is ignored ) so if i update the theme and commit to git none of my team mates will get Intellisense unless they run the command again manually on their side.
Description
When i run
$chakra-cli tokens path/to/theme
, i expected to get intellisense on VSCode but i don't.The CLI simply says "✨ Done in 0.83s." but nothing changes on my project.
I checked the file
node_modules/@chakra-ui/styled-system/dist/theming.types.d.ts
and it has been updated with the tokens from my theme.Also nothing on my git three changed ( as the file is changed inside of node_modules which is ignored ) so if i update the theme and commit to git none of my team mates will get Intellisense unless they run the command again manually on their side.
Moreover, I believe this file is supposed to be loaded somewhere ( and it wasn't i believe because i started from the next.js with chakra-ui example on their repository and it might be out of data? ), so i set it to be included in my
tsconfig.json
.Perhaps the CLI should check the tsconfig.json file and see if the theme is added somehow?
Here is how my tsconfig.json looks like:
#tsconfig.json
and also changed my exclude rule to be like so:
#tsconfig.json
and it doesn't work. even if i remove completely the "exclude" property from my tsconfig.json i can't get Intellisense for the tokens.
Link to Reproduction
https://codesandbox.io/p/sandbox/cold-cdn-kd9sgg?file=%2Fsrc%2Findex.tsx%3A7%2C39&layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522cluvgd93t00062v6jugpg2sip%2522%252C%2522sizes%2522%253A%255B100%252C0%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522cluvgd93t00022v6jp4dna6ng%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522cluvgd93t00032v6j9wk98u29%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522cluvgd93t00052v6jjs0usw7o%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522cluvgd93t00022v6jp4dna6ng%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522cluvgd93t00012v6jksiaq5m8%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Fsrc%252Findex.tsx%2522%252C%2522state%2522%253A%2522IDLE%2522%252C%2522initialSelections%2522%253A%255B%257B%2522startLineNumber%2522%253A7%252C%2522startColumn%2522%253A39%252C%2522endLineNumber%2522%253A7%252C%2522endColumn%2522%253A39%257D%255D%257D%255D%252C%2522id%2522%253A%2522cluvgd93t00022v6jp4dna6ng%2522%252C%2522activeTabId%2522%253A%2522cluvgd93t00012v6jksiaq5m8%2522%257D%252C%2522cluvgd93t00052v6jjs0usw7o%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522cluvgd93t00042v6jto5uv3a1%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522UNASSIGNED_PORT%2522%252C%2522port%2522%253A0%252C%2522path%2522%253A%2522%252F%2522%257D%255D%252C%2522id%2522%253A%2522cluvgd93t00052v6jjs0usw7o%2522%252C%2522activeTabId%2522%253A%2522cluvgd93t00042v6jto5uv3a1%2522%257D%252C%2522cluvgd93t00032v6j9wk98u29%2522%253A%257B%2522tabs%2522%253A%255B%255D%252C%2522id%2522%253A%2522cluvgd93t00032v6j9wk98u29%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Afalse%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D
Steps to reproduce
I'm testing it instance when filling the
prop
'color' for @chakra-ui/react/Text component.Chakra UI Version
2.8.2
Browser
Chrome / VSCode
Operating System
Additional Information
No response
The text was updated successfully, but these errors were encountered: