Solidor
Solidor
PostsComments
TTyphonJS
Created by Solidor on 4/11/2023 in #typhonjs-runtime
Blur on moving elements
I suspect it is some edge case where my particular css / html makes something bad happen,. And probably not Svelte or TRL's fault, given that it always worked in Firefox.
14 replies
TTyphonJS
Created by Solidor on 4/11/2023 in #typhonjs-runtime
Blur on moving elements
I'll take another shot at getting it working in REPL, though I wonder if it might just go away with Svelte 5. Will probably be a bit though, because we are on crunch time at work, and between that and running my game, I am super sleep deprived. 😛 No pressure for you to look into this of course, you have done more than enough! Just sharing my discoveries as they happen for the sake of future generations.
14 replies
TTyphonJS
Created by Solidor on 4/11/2023 in #typhonjs-runtime
Blur on moving elements
Literally, all I do is change <slot>Scrolling Content</slot> To <svelte:component this={content}/>
14 replies
TTyphonJS
Created by Solidor on 4/11/2023 in #typhonjs-runtime
Blur on moving elements
Had a bit of a breakthrough. I had a component called ScrollingContainer. It contained a container <div> set to relative, and then a child content <div> set to absolute, with overflow: set to scroll. Then content had a slot into which I would put content in the parent component. The problem is that on Chrome, the content was being blurred. As it turns out, if I do the same thing WITHOUT using a slot, it's perfectly sharp. Kinda glad slots are going away in Svelte 5.
14 replies
TTyphonJS
Created by TyphonJS (Michael) on 5/22/2024 in #typhonjs-runtime
TRL `0.1.3` - v12 Hot Patch
Woot! Does this mean svelte components that embedded collections (like items) will update when the embedded items do now?
11 replies
TTyphonJS
Created by Solidor on 4/11/2023 in #typhonjs-runtime
Blur on moving elements
I have not been able to repro this in a repl, but after doing some reformatting of styles in the system, it seems like at least some of it is because of sub-pixel rendering. I have been using rem size units, and apparently some of the sizes resulted in fractions of pixels (such as 0.9 rem coming out to 14.4 pixels). From what research I have been able to glean, this works out in firefox because firefox renderer just ignores sub-pixels. Chrome renderer however has no way to handle them, which results in this blur, and gets worse if you have multiple layers. Switching to px measurements has dramatically reduced the problem.
14 replies
TTyphonJS
Created by Solidor on 3/15/2024 in #typhonjs-runtime
Dynamic Reducers use cases
I'll probably do some normal cleanup. I have finally been able to get a regular group together to play, and while overall the system works, I have been noticing some things were just broken, possibly by foundry V11. So I need to go through and fix problems as I discover them anyway
5 replies
TTyphonJS
Created by Solidor on 3/15/2024 in #typhonjs-runtime
Dynamic Reducers use cases
Alrighty! Good to know!
5 replies
TTyphonJS
Created by Solidor on 8/14/2023 in #typhonjs-runtime
System Works in Dev Mode but not after build
Just in case this trips up anyone else... I am starting a major rewrite / update of the titan system, and I found out why this was breaking. It was the tippy package. It requires you to define process.env. It was working fine in dev mode. But in production mode, it was causing the build to fail. https://atomiks.github.io/tippyjs/v6/faq/#im-getting-uncaught-referenceerror-process-is-not-defined
14 replies
TTyphonJS
Created by Solidor on 8/14/2023 in #typhonjs-runtime
System Works in Dev Mode but not after build
No error message. The dev server works fine. Its the built version that never runs the init hook without it.
14 replies
TTyphonJS
Created by Solidor on 8/14/2023 in #typhonjs-runtime
System Works in Dev Mode but not after build
So far my only resolution seems to be to add the process.env back in, but I will investigate and see if I can find something else that could cause this.
14 replies
TTyphonJS
Created by Solidor on 8/14/2023 in #typhonjs-runtime
System Works in Dev Mode but not after build
Through process of elimination I was able to narrow it down to this. In the second, non-working vite config, the following has been removed. 
      define: {
         'process.env': {}
      },
      define: {
         'process.env': {}
      },
This seems to be what causes the built version of the system to not work. If I add it back in, everything works again. Feel like this is worth mentioning, because the vite config is based off the one in the essential svelte esm. https://github.com/typhonjs-fvtt-demo/template-svelte-esm/blob/main/vite.config.mjs
14 replies
TTyphonJS
Created by Solidor on 8/14/2023 in #typhonjs-runtime
System Works in Dev Mode but not after build
14 replies
TTyphonJS
Created by Solidor on 8/14/2023 in #typhonjs-runtime
System Works in Dev Mode but not after build
Non working version
14 replies
TTyphonJS
Created by Solidor on 8/14/2023 in #typhonjs-runtime
System Works in Dev Mode but not after build
Working version
14 replies
TTyphonJS
Created by Solidor on 8/14/2023 in #typhonjs-runtime
System Works in Dev Mode but not after build
Reverting to my old vite file apparently fixed it. Not sure why. I'll upload the working and non working versions
14 replies
TTyphonJS
Created by Solidor on 8/14/2023 in #typhonjs-runtime
System Works in Dev Mode but not after build
Init hook is in the built file so I dunno why its not working...
14 replies
TTyphonJS
Created by Solidor on 8/6/2023 in #typhonjs-runtime
Error building after updating to TRL 0.1.1
Mostly I use it when working with array objects, so that I can reference a specific item in the array by its UUID. But if TRL already has something included I could try that
6 replies
TTyphonJS
Created by Solidor on 8/6/2023 in #typhonjs-runtime
Error building after updating to TRL 0.1.1
Figured it out. I needed to update my Vite.config
6 replies
TTyphonJS
Created by Solidor on 8/6/2023 in #typhonjs-runtime
Error building after updating to TRL 0.1.1
My package.json looks like this: 
{
  "name": "titan",
  "description": "Provides a bare-bones Foundry System for TITAN.",
  "license": "MIT",
  "private": true,
  "type": "module",
  "author": "Solidor",
  "imports": {
    "#runtime/*": "@typhonjs-fvtt/runtime/*",
    "#standard/*": "@typhonjs-fvtt/svelte-standard/*"
  },
  "dependencies": {
    "@typhonjs-fvtt/runtime": "^0.1.1",
    "@typhonjs-fvtt/svelte-standard": "^0.1.0",
    "dracula-ui": "^1.0.6",
    "svelte": "^4.1.2",
    "tippy.js": "^6.3.7",
    "uuid": "^9.0.0"
  },
  "devDependencies": {
    "@typhonjs-config/eslint-config": "^0.6.0",
    "@typhonjs-fvtt/eslint-config-foundry.js": "^0.8.0",
    "eslint": "^8.46.0",
    "svelte-preprocess": "^5.0.4",
    "vite": "^4.4.8"
  },
  "browserslist": [
    ">5%",
    "not IE 11"
  ],
  "scripts": {
    "build": "vite build",
    "dev": "vite",
    "eslint": "eslint ."
  }
}
{
  "name": "titan",
  "description": "Provides a bare-bones Foundry System for TITAN.",
  "license": "MIT",
  "private": true,
  "type": "module",
  "author": "Solidor",
  "imports": {
    "#runtime/*": "@typhonjs-fvtt/runtime/*",
    "#standard/*": "@typhonjs-fvtt/svelte-standard/*"
  },
  "dependencies": {
    "@typhonjs-fvtt/runtime": "^0.1.1",
    "@typhonjs-fvtt/svelte-standard": "^0.1.0",
    "dracula-ui": "^1.0.6",
    "svelte": "^4.1.2",
    "tippy.js": "^6.3.7",
    "uuid": "^9.0.0"
  },
  "devDependencies": {
    "@typhonjs-config/eslint-config": "^0.6.0",
    "@typhonjs-fvtt/eslint-config-foundry.js": "^0.8.0",
    "eslint": "^8.46.0",
    "svelte-preprocess": "^5.0.4",
    "vite": "^4.4.8"
  },
  "browserslist": [
    ">5%",
    "not IE 11"
  ],
  "scripts": {
    "build": "vite build",
    "dev": "vite",
    "eslint": "eslint ."
  }
}
6 replies