Where is dist folder for javascript use

[hoogw]

I want to use it in browser with plain javascript. But after I download .zip, can't find dist folder.

I don't know how to build to generate this file.

/node_modules/svelte-jsoneditor/dist/jsoneditor.js

Can you include dist folder in release .zip file or show us how to bundle it to generate a dist folder?

This is error when I try to build dist folder,

I also tried

// svelte-jsoneditor (vanilla-jsoneditor for plain js)
   <script src='/public/utility/vanilla-jsoneditor/index.js'>

does not work either

I tried 53, but doesn't make it work for me

https://github.com/josdejong/svelte-jsoneditor/issues/53

try #https://github.com/josdejong/svelte-jsoneditor/issues/165 still not work,

How to make it works?

[josdejong]

I think you're looking for the vanilla bundle. This bundle is an ES module though, not UMD, see #165, #195.

Docs: https://github.com/josdejong/svelte-jsoneditor#standalone-bundle-use-in-react-vue-angular-plain-javascript-

[hoogw]

I did a test page, but it does not work, I can't see it. However, it load ok, I don't see error in console.

Here is code,

Here is folder

Here is inspect. jsoneditor's height is 0, it should not be 0, must be something wrong

I try this, still not work

[josdejong]

Do you get the source mapping in the following example? https://jsbin.com/yuwapaj/edit?html,output

[hoogw]

Thank you, josdejong that solution is perfect !! I closed this ticket.

This is how I use new vanilla jsoneditor, click link

https://transparentgov.net/json2tree/esri/server2/folder.html?org=https%3A%2F%2Fgisportal.hrsa.gov%2Fserver%2Frest%2Fservices&url=https%3A%2F%2Fgisportal.hrsa.gov%2Fserver%2Frest%2Fservices&select_folder=74&select_layer=1

This is how it looks like