How to use sql.js-httpvfs in project-seed #95
Conversation
There was a problem hiding this comment.
@vgeorge I went over this bit and here's how I'd do it.
The webpack example let's you require an asset's url. It basically copies the file to the final directory and then gets an absolute url so it can be loaded.
Project seed doesn't have a way to do that since it relies on different processors to do different things, but you can very easily create an additional task to copy the files.
| './sqlite.worker.js', | ||
| './sql-wasm.wasm' | ||
| '/sqlite.worker.js', | ||
| '/sql-wasm.wasm' |
There was a problem hiding this comment.
You'll be loading these as a network request. It should use an absolute url. If you're serving the website from inside a folder, this needs to be correctly prefixed.
| function copyVendorFiles() { | ||
| return gulp | ||
| .src([ | ||
| './node_modules/sql.js-httpvfs/dist/sqlite.worker.js', | ||
| './node_modules/sql.js-httpvfs/dist/sql-wasm.wasm' | ||
| ]) | ||
| .pipe(gulp.dest(isDev() ? '.tmp' : 'dist')); | ||
| } |
There was a problem hiding this comment.
To avoid committing third party libraries, I created a task to copy the needed files. They are copied to .tmp or dist depending if you're in development or building for production. They're copied to the root of the folder, that's why they're then accessed with /<name>
|
@danielfdsilva thanks! As we discussed, this seems to be a rare use case and there is no need to add to the scaffold. I'm closing this. |
There is an interesting new module called sql.js-httpvfs that allows performing queries to statically hosted SQLite database using HTTP range requests. This post explains how it works:
https://phiresky.github.io/blog/2021/hosting-sqlite-databases-on-github-pages/
The module documentation has a minimal example using Webpack, but I got curious on how we could use this module with project-seed.
As it uses WebAssemly, the only way I found make it work was to manually copy the files
sql-wasm.wasmandsqlite.worker.jsto public folder so them can be loaded during runtime. This PR contains the running example, not intended to be merged.I opened this to document this module usage and discuss whether there is a better approach of using this module without manually copy files. Looking forward for any thoughts on this.