Injecting .svelte code into existing Foundry Document
okay, now that I've got my project set up with Svelte, how would I go about injecting the html from my
.svelte file into existing html? In my existing code, I was able to use
html.find('.sub-nav:not(.sub-sub-nav)').append('<a data-tab="subsystems" class="">Subsystems</a>')
to add the subsystems tab in that top block, and I have an append statement prepped to get the rest of my html in the appropriate place as shown below:
html.find('.container').append('<div class="tab" data-tab="subsystems" data-region="subsystems"> CODE HERE </div>')...
Failed to resolve module specifier "#runtime/svelte/application"
Trying to set up a new module from the following repository. https://github.com/typhonjs-fvtt-demo/template-svelte-esm
I followed all the instructions listed in the readme (though I did have to install Node.js separately, which wasn't specified) and everything seems fine except when I launch the world, I get this error. Any advice on how to resolve this? Did I not install something or install the wrong version? I downloaded Node.js 20.18.0...
TinyTJS Enriched options
So for the tinymce editor https://github.com/typhonjs-fvtt-lib/svelte-standard/blob/main/src/component/standard/editor/tinymce/TJSTinyMCE.svelte the repo shows that you can pass in options.enrichOptions. But in the browser enrichOptions doesn't exist that file.
What's the best way to control default header items in a TJS application window?
I tried the ESM example:
```javascript
<svelte:options accessors={true} />
<script>javascript...
