importing from the runtime
I see this in the
I'm not familiar with this syntax – i.e. the
template-svelte-esm example:
import { ApplicationShell } from '#runtime/svelte/component/core';
import { ApplicationShell } from '#runtime/svelte/component/core';
# here in the path. What does it mean and what enables it? I looked in vite.config.js and the # symbol doesn't appear in that file. I also couldn't find anything about that being standard sugar for ESM6 syntax....lang localization in svelte template?
So far I've only managed to do this via
data-tooltip, which picks up the localization string magically (presumably a FoundryVTT feature). What's the best way to use localization strings in a TJS-inspired svelte template directly?
I tried this:
```javascript
export const lang = game.i18n.localize;...How can I use typescript with `template-svelte-esm`?
Is there a way to get the template-svelte-esm HMR working with typescript? I had a go but wasn't able.
Like it builds but the URL doesn't work, can't serve the built index.js file for some reason.
I'm guessing that HMR is not possible if I'm using typescript? So I'd have to build each time?...
Dynamic Reducers use cases
I am currently in the process of rewriting how the Titan system handles some things, and I was wondering about whether I should start using the dynamic reducers.
Way back when I first made the system, the TJS dynamic reducers didn't exist yet, so went through the process of setting up my own item list component for character sheets.
Essentially, the component is a reactive list that looks through an actor's item using a filter function (such as type === 'spell', etc)....
ApplicationShell, elementRoot, and reactive offsetHeight with resizable: true
I am trying to make a menu that requires a bit of JS in order to work to set maximum heights for lists that otherwise should scroll. Problem is that I cannot find a way to get an up to date
elementRoot.offsetHeight when the user resizes the application window. Is there a way to get those values?TJSDocument discussion w/ VoodooFrog
Following up on this discussion from
#dev-lounge from @VoodooFrog:
I have a TJSDocument for an actor in which I am creating an embedded store which filters out certain items on the actor. These are then each displayed with their own component which contains a select that sets some data. Now, I have created a new select control in the parent that sets all the items via an update to a given value, but upon doing so the child component is not reflecting the change in their own controls (and yes I am setting the selected value based on the data). Any ideas what might be happening or how I can fix it? I don't have the code in my repo yet, as I'm still working on it so I can't just link the source, unfortunately. ...
Advanced Templates Module (PF1)
A thread to discuss Svelte and the Advanced Templates module.
Automated Animations
This is a forum post to track discussion on Automated Animations. When TRL
0.2.0 is released I plan to update AA to the latest.
In the meantime this post also is for discussing AA and an attempt to provide feedback for those that are trying to add new system support to it....setPosition in SvelteApplication
The
SvelteApplication class has a function called setPosition that is there to support core behavior. And while it exists and is called when opening the app. It isn't really called when minimizing, maximizing, or changing the position of the window itself. This means that any modules that try to wrap the setPosition function to extend features fail to do so.TJSDocument delete action
When emitting this event, TJSDocument passes "undefined" as the first argument instead of the document?
Creating a derived reducer for a DynMapReducer
Do you have an example of how to make a derived reducer for a reducer that's not part of a TJSDcoument?
```js
const reducer = getContext("reducer");
let derived = [];...
Item Piles: Auctioneer
A few people in the League & some that I know personally have commissioned an Item Piles powered auction house solution, so I have obliged. This is very WIP still!
Svelecte Alternatives
I'm looking to implement a searchable list of sorts, and I found Svelecte:
https://mskocik.github.io/svelecte/
However, as with most plugins, obviously it has little chance to fit into Foundry applications - is there any similar things I could use in its place with TJS? TJSContextMenu seems the closest approximation!...
Setting up TRL / contributing to existing module (Item Piles)
Hi @Paith. I have started this forum post where we can continue to discuss setting up TRL and getting you on the path to potentially investigating / contributing to Item Piles. I'm going to include @Wasp as well who develops / maintains Item Piles.
Lots to potentially discuss and I'm definitely keen to help. Check the pins in
#welcome for an overview on TRL and various additional / demo resources that are available. Getting your developer setup via Node / NPM will be the first thing to make sure you have sorted....Reactivty and prepareDerivedData
From @Wasp
So I'm using prepareDerivedData to, well, derive some data for my items; some of them are tied to each other (ie, an "equipment" type item affects a "skill" type item's bonus). I was hoping that re-calling the derived data methods would cause the TJSDocuments to pick up the alterations, but since it's not a database operation, it doesn't appear to pick that up. Is there a good way allow one item to cause the reactivity of another without manually creating stores?Moving discusion to forum post....
Local Development w/ NPM Link
From @Gerark:
Hello! this is probably a base webdev question but I can't find a good reference for the issue I'm having atm. I'm working on a TyphonJS template project and I'm importing a custom svelte library ( basically a UI component library ). I'd like to use npm link to work a bit more effectively without having to publish to npm a new package over and over whenever I make changes to the custom library. Apart from the npm link command to call on both sides ( with different parameters ) is there anything I should take care of?...
Issues Configuring TyphonJS in TS
I'm receiving this message in my TS Files:
Cannot find module '#runtime/svelte/application' or its corresponding type declarations.
I thought including a paths property in tsconfig.json would fix it, but no:
```...TRL / Svelte based game systems
This post is a list of repos for game systems built with TRL / Svelte for Foundry. Please DM me if you'd like to add yours to the following lists.
Released (available on Foundry package manager):
- Level Up A5e: https://github.com/Pjb518/FoundryVTT-Level-Up-Official; @Nekro Darkmoon, @Phil
...
List of Tjsdocuments
Link to original response:
https://discord.com/channels/737953117999726592/1067337319041998869/1156223976947847260...