Loading assets from the filesystem directly?

[zkat]

I have a situation where I can't make network requests and everything has to be bundled. I can do some juggling of things to write all the assets back into the filesystem somewhere that the application can read them, but I can't actually get dice-box to read from the filesystem itself, given a file:// path.

Is this a thing that's possible at all?

[frankieali]

As far as I know, fetching from file:// is not allowed as it is a security problem.
The base path to assets is set here:

dice-box/src/WorldFacade.js

Line 249 in e9c97dc

const basePath = `${this.config.origin}${this.config.assetPath}themes/${theme}`

It uses the config options origin and assetPath. origin defaults to window.location.origin
My only suggestion would be to try setting the config option origin to your file:// root path if you haven't tried that already.

[frankieali]

This example shows how origin was set to point to enable loading files from a different url. Not sure that it will work with file:// though.
https://codesandbox.io/p/sandbox/dice-es6-module-cdn-lhbs99?file=%2Fsrc%2Findex.js

[zkat]

I figured it out!

For anyone curious in the future about how to get this working with something like Obsidian: Electron apps often provide something like an app:// protocol, which is good enough for serving URLs that won't count as "local". So I just needed to find out how to grab the one for Obsidian, which is through plugin.app.vault.adapter.getResourcePath. Once I did the work of spitting out all the files from my bundle back into the filesystem, I just set the origin to a path based on getResourcePath and everything just worked! :)