@@ -18,13 +18,19 @@ export const PackageJsonPanel = () => {
1818
1919 useEffect ( ( ) => {
2020 devtoolsEventClient . emit ( 'mounted' , undefined as any )
21- const cleanupOutdated = devtoolsEventClient . on ( "outdated-deps-read" , ( event ) => {
22- setOutdatedDeps ( event . payload . outdatedDeps || { } )
23- } )
24- const cleanupPackageJson = devtoolsEventClient . on ( "package-json-read" , ( event ) => {
25- console . log ( 'package-json-read' , event )
26- setPackageJson ( event . payload . packageJson )
27- } )
21+ const cleanupOutdated = devtoolsEventClient . on (
22+ 'outdated-deps-read' ,
23+ ( event ) => {
24+ setOutdatedDeps ( event . payload . outdatedDeps || { } )
25+ } ,
26+ )
27+ const cleanupPackageJson = devtoolsEventClient . on (
28+ 'package-json-read' ,
29+ ( event ) => {
30+ console . log ( 'package-json-read' , event )
31+ setPackageJson ( event . payload . packageJson )
32+ } ,
33+ )
2834 return ( ) => {
2935 cleanupOutdated ( )
3036 cleanupPackageJson ( )
@@ -126,11 +132,11 @@ export const PackageJsonPanel = () => {
126132 } ) => {
127133 const info = outdatedDeps [ dep ] as
128134 | {
129- current : string
130- wanted : string
131- latest : string
132- type ?: 'dependencies' | 'devDependencies'
133- }
135+ current : string
136+ wanted : string
137+ latest : string
138+ type ?: 'dependencies' | 'devDependencies'
139+ }
134140 | undefined
135141 const current = info ?. current ?? specified
136142 const latest = info ?. latest
@@ -153,11 +159,11 @@ export const PackageJsonPanel = () => {
153159 const UpgradeRowActions = ( { name } : { name : string } ) => {
154160 const info = outdatedDeps [ name ] as
155161 | {
156- current : string
157- wanted : string
158- latest : string
159- type ?: 'dependencies' | 'devDependencies'
160- }
162+ current : string
163+ wanted : string
164+ latest : string
165+ type ?: 'dependencies' | 'devDependencies'
166+ }
161167 | undefined
162168 if ( ! info ) return null
163169 return (
@@ -248,11 +254,11 @@ export const PackageJsonPanel = () => {
248254 { Object . entries ( deps || { } ) . map ( ( [ dep , version ] ) => {
249255 const info = outdatedDeps [ dep ] as
250256 | {
251- current : string
252- wanted : string
253- latest : string
254- type ?: 'dependencies' | 'devDependencies'
255- }
257+ current : string
258+ wanted : string
259+ latest : string
260+ type ?: 'dependencies' | 'devDependencies'
261+ }
256262 | undefined
257263 const isOutdated = ! ! info && info . current !== info . latest
258264 return (
0 commit comments