@@ -173,32 +173,36 @@ export interface JsonTreeWebComponentProps {
173173}
174174
175175export const registerJsonTreeComponent = ( elName : string = 'tsd-json-tree' ) =>
176- customElement < JsonTreeWebComponentProps > ( elName , { value : { } } , ( props , { element } ) => {
177- noShadowDOM ( )
178- function getValue ( value : any ) {
179- if ( typeof value === 'string' ) {
180- try {
181- const parsedValue = JSON . parse ( value )
182- return parsedValue
183- } catch ( e ) {
184- return value
176+ customElement < JsonTreeWebComponentProps > (
177+ elName ,
178+ { value : { } } ,
179+ ( props , { element } ) => {
180+ noShadowDOM ( )
181+ function getValue ( value : any ) {
182+ if ( typeof value === 'string' ) {
183+ try {
184+ const parsedValue = JSON . parse ( value )
185+ return parsedValue
186+ } catch ( e ) {
187+ return value
188+ }
185189 }
190+ return value
186191 }
187- return value
188- }
189- const [ value , setValue ] = createSignal ( getValue ( props . value ) )
192+ const [ value , setValue ] = createSignal ( getValue ( props . value ) )
190193
191- createEffect ( ( ) => {
192- element . addPropertyChangedCallback ( ( name , value ) => {
193- if ( name === 'value' ) {
194- const finalValue = getValue ( value )
195- setValue ( finalValue )
196- }
194+ createEffect ( ( ) => {
195+ element . addPropertyChangedCallback ( ( name , value ) => {
196+ if ( name === 'value' ) {
197+ const finalValue = getValue ( value )
198+ setValue ( finalValue )
199+ }
200+ } )
197201 } )
198- } )
199- return (
200- < Show keyed when = { value ( ) } >
201- < JsonTree value = { value ( ) } / >
202- </ Show >
203- )
204- } )
202+ return (
203+ < Show keyed when = { value ( ) } >
204+ < JsonTree value = { value ( ) } / >
205+ </ Show >
206+ )
207+ } ,
208+ )
0 commit comments