@@ -5,46 +5,157 @@ const typeScriptExtensionId = 'vscode.typescript-language-features'
55const pluginId = '@twind/typescript-plugin'
66const configurationSection = 'twind'
77
8+ // the application insights key (also known as instrumentation key)
9+ const extensionName = process . env . EXTENSION_NAME || 'dev.twind-intellisense'
10+ const extensionVersion = process . env . EXTENSION_VERSION || '0.0.0'
11+
812interface SynchronizedConfiguration {
913 tags : ReadonlyArray < string >
1014 attributes : ReadonlyArray < string >
1115 styles : ReadonlyArray < string >
1216 debug : boolean
17+ enable : boolean
1318 // Readonly validate: boolean;
1419 // readonly lint: { [key: string]: any };
1520 // readonly emmet: { [key: string]: any };
1621}
1722
23+ type Logger = ( message : string ) => void
24+
25+ interface State {
26+ hasTwind ?: boolean
27+ }
28+
1829export async function activate ( context : vscode . ExtensionContext ) {
30+ const log = createLogger ( vscode . window . createOutputChannel ( 'Twind IntelliSense' ) )
31+ log ( `Extension Name: ${ extensionName } )
32+ log ( `Extension Version: ${ extensionVersion } )
33+
34+ await enableExtension ( context , log ) . catch ( ( error ) => {
35+ log ( `Activating ${ pluginId } ${ error . stack } )
36+ } )
37+ }
38+
39+ async function enableExtension ( context : vscode . ExtensionContext , log : Logger ) {
40+ const state : State = { hasTwind : undefined }
41+
42+ const update = async ( ) => {
43+ const localTwindManifestFiles = await vscode . workspace . findFiles (
44+ '**/node_modules/twind/package.json' ,
45+ null ,
46+ 1 ,
47+ )
48+
49+ const twindConfigFiles = localTwindManifestFiles . length
50+ ? [ ]
51+ : await vscode . workspace . findFiles ( '**/twind.config.{ts,js,mjs,cjs}' , '**/node_modules/**' , 1 )
52+
53+ let hasTwind = false
54+ if ( localTwindManifestFiles . length ) {
55+ log ( `Using local twind` )
56+ hasTwind = true
57+ } else if ( twindConfigFiles . length ) {
58+ log ( `Using builtin twind` )
59+ hasTwind = true
60+ } else {
61+ log ( `No twind package and no twind config file found. Not activating Twind IntelliSense.` )
62+ hasTwind = false
63+ }
64+
65+ if ( hasTwind !== state . hasTwind ) {
66+ state . hasTwind = hasTwind
67+ synchronizeConfiguration ( api , state , log )
68+ }
69+ }
70+
71+ const api = await activateTypescriptPlugin ( log )
72+
73+ const listener = ( ) => {
74+ update ( ) . catch ( ( error ) => {
75+ log ( error . stacktrace )
76+ } )
77+ }
78+
79+ context . subscriptions . push (
80+ vscode . commands . registerCommand ( 'twind.restart' , ( ) => {
81+ state . hasTwind = undefined
82+ listener ( )
83+ } ) ,
84+ )
85+
86+ const twindWatcher = vscode . workspace . createFileSystemWatcher (
87+ '**/node_modules/twind/package.json' ,
88+ )
89+
90+ context . subscriptions . push ( twindWatcher )
91+ context . subscriptions . push ( twindWatcher . onDidCreate ( listener ) )
92+ context . subscriptions . push ( twindWatcher . onDidChange ( listener ) )
93+ context . subscriptions . push ( twindWatcher . onDidDelete ( listener ) )
94+
95+ const configWatcher = vscode . workspace . createFileSystemWatcher ( '**/twind.config.{ts,js,mjs,cjs}' )
96+
97+ context . subscriptions . push ( configWatcher )
98+ context . subscriptions . push ( configWatcher . onDidCreate ( listener ) )
99+ context . subscriptions . push ( configWatcher . onDidDelete ( listener ) )
100+
101+ const packageWatcher = vscode . workspace . createFileSystemWatcher (
102+ '**/{package,package-lock.json,yarn.lock,pnpm-lock.yaml}' ,
103+ )
104+
105+ context . subscriptions . push ( packageWatcher )
106+ context . subscriptions . push ( packageWatcher . onDidCreate ( listener ) )
107+ context . subscriptions . push ( packageWatcher . onDidCreate ( listener ) )
108+ context . subscriptions . push ( packageWatcher . onDidDelete ( listener ) )
109+
110+ await update ( )
111+ }
112+
113+ async function activateTypescriptPlugin ( log : Logger ) {
19114 const extension = vscode . extensions . getExtension ( typeScriptExtensionId )
20115 if ( ! extension ) {
116+ log ( `Extension ${ typeScriptExtensionId } )
21117 return
22118 }
23119
24120 await extension . activate ( )
25- if ( ! extension . exports || ! extension . exports . getAPI ) {
26- return
27- }
28- const api = extension . exports . getAPI ( 0 )
121+
122+ const api = extension . exports ?. getAPI ?.( 0 )
123+
29124 if ( ! api ) {
125+ log (
126+ `Extension ${ typeScriptExtensionId } ,
127+ )
30128 return
31129 }
32130
33- vscode . workspace . onDidChangeConfiguration (
34- ( e ) => {
35- if ( e . affectsConfiguration ( configurationSection ) ) {
36- synchronizeConfiguration ( api )
37- }
38- } ,
39- undefined ,
40- context . subscriptions ,
41- )
131+ return api
132+ }
42133
43- synchronizeConfiguration ( api )
134+ function createLogger ( outputChannel : vscode . OutputChannel ) : Logger {
135+ return ( message ) => {
136+ const title = new Date ( ) . toLocaleTimeString ( )
137+ outputChannel . appendLine ( `[${ title } ${ message } )
138+ }
44139}
45140
46- function synchronizeConfiguration ( api : any ) {
47- api . configurePlugin ( pluginId , getConfiguration ( ) )
141+ function synchronizeConfiguration ( api : any , state : State , log : Logger ) {
142+ const config = getConfiguration ( )
143+
144+ if ( config . enable ) {
145+ log ( 'Extension is enabled. To disable, change the `twind.enable` setting to `false`.' )
146+
147+ if ( state . hasTwind ) {
148+ log ( `Configuring ${ pluginId } ${ JSON . stringify ( config , null , 2 ) } )
149+ } else {
150+ config . enable = false
151+ }
152+ } else {
153+ log (
154+ 'Extension is disabled. No IntelliSense will be provided. To enable, change the `twind.enable` setting to `true`.' ,
155+ )
156+ }
157+
158+ api . configurePlugin ( pluginId , config )
48159}
49160
50161function getConfiguration ( ) : SynchronizedConfiguration {
@@ -54,24 +165,29 @@ function getConfiguration(): SynchronizedConfiguration {
54165 attributes : [ 'tw' , 'class' , 'className' ] ,
55166 styles : [ 'style' , 'styled' ] ,
56167 debug : false ,
168+ enable : true ,
57169 }
58170
59171 withConfigValue < string [ ] > ( config , 'tags' , ( tags ) => {
60172 outConfig . tags = tags
61173 } )
62174
63- withConfigValue < string [ ] > ( config , 'attributes' , ( attributes ) => {
175+ withConfigValue < string [ ] > ( config , 'attributes' , ( attributes ) => {
64176 outConfig . attributes = attributes
65177 } )
66178
67- withConfigValue < string [ ] > ( config , 'styles' , ( styles ) => {
179+ withConfigValue < string [ ] > ( config , 'styles' , ( styles ) => {
68180 outConfig . styles = styles
69181 } )
70182
71- withConfigValue < boolean > ( config , 'debug' , ( debug ) => {
183+ withConfigValue < boolean > ( config , 'debug' , ( debug ) => {
72184 outConfig . debug = debug
73185 } )
74186
187+ withConfigValue < boolean > ( config , 'enable' , ( enable ) => {
188+ outConfig . enable = enable
189+ } )
190+
75191 return outConfig
76192}
77193
0 commit comments