POC: Leptos with Workers Assets

[kflansburg]

This introduces a cargo generate template for using Leptos with Workers Assets.

Assets is not yet publicly available, but can be tested in local development.

cc @BrandonDyer64

[avsaase]

Is Worker Assets an upcoming feature? Is there more info about it somewhere?

[petebacondarwin]

@avsaase - shh. It's a secret 😄 - wait till later this week.

[BrandonDyer64]

Love it!

[Boscop]

@kflansburg Thanks for this!
I just tried it locally with npx wrangler dev, it tries to load the wasm and js files from the wrong URLs, any idea why?:

[wrangler:inf] GET / 200 OK (2ms)
[wrangler:inf] GET /pkg/leptos_worker.js 404 Not Found (4ms)
[wrangler:inf] GET /pkg/leptos_worker.wasm 404 Not Found (3ms)
[wrangler:inf] GET /favicon.ico 200 OK (4ms)
[wrangler:inf] GET /pkg/leptos_worker.js 404 Not Found (2ms)

Btw, I had to change

[build]
command = "cargo leptos build --release && LEPTOS_OUTPUT_NAME=start-axum worker-build --release --features ssr"

to

[build]
command = "cargo leptos build --release && worker-build --release --features ssr"

to make it build on windows. but I set the env var LEPTOS_OUTPUT_NAME=start-axum in my console before running npx wrangler dev, so this can't be the reason why it's fetching the assets from the wrong URLs, right?

[kflansburg]

Can you confirm that you are using the latest version of wrangler? I think npx is supposed to do that, but I've had trouble in the past.

[Boscop]

@kflansburg Yes, I literally just updated wrangler before running this.
I have it installed globally so I ran it without npx, but yeah I just updated it :)

[kflansburg]

Ok, I did run into something like this, I don't know how you manage node, but can you try to update to latest node / try a fresh node environment. That fixed it for me.

[gembleman]

The environment variables were set incorrectly.

The web browser wants "leptos_worker", but the pkg folder contains a "start-axum" file.

So, changed output-name.

#Cargo.toml
[package.metadata.leptos]
# The name used by wasm-bindgen/cargo-leptos for the JS/WASM bundle. Defaults to the crate name
output-name = "start-axum"

Or, replace the LEPTOS_OUTPUT_NAME environment variable with leptos_worker.
Of course, after you're done editing, don't forget to delete the existing build and public folders.