Bundle assets without the file hash?

[pyrrho]

I'm currently working on a Tailwind + Dioxus proof of concept, and I was trying to get a @font-face rule in my tailwind.in.css to reference a .woff2 bundled with the asset! macro in my dx web app. I was hoping to find something like asset!("...", AssetOptions::new().without_file_hash()) to let me take ownership of the final file URI (and cache busting, etc.), but I'm not seeing anything like that.

I'm curious if there's a feature for bundling stable assets like this, or if this is an XY problem that I should be approaching in a completely different way.

Thanks!

[DogeDark]

Unfortunately, the only way to do this currently is to use our deprecated (but not yet removed) asset_dir option in Dioxus.toml

[application]
asset_dir = "assets"

and the asset would be referenced by URL /assets/yourasset

Here are some related issues: #3767 & #3325

[pyrrho]

Thanks for the fast reply!

And sorry for missing these issues, I guess I only went digging through the discussions and missed that there were already enhancements requested.

[niclashoyer]

@DogeDark this prevents using the new asset pipeline, doesn't it? For me every url that manganis now generates results in a 404. Not being able to use custom fonts is pretty limiting. Got to look for another workaround.

[DogeDark]

@niclashoyer No you should still be able to use Manganis. What does your code look like?

[niclashoyer]

@DogeDark after restarting dx serve everything seems to be working now. Don't know what went wrong. If something pops up again I'll try to come back with a minimal example 😎

[niclashoyer]

I just had the same issue and tried to work around this using a custom style component that renders font-face definitions to the head:

#[component]
fn FontFace(family: &'static str, style: &'static str, weight: usize, asset: Asset) -> Element {
    rsx! {
        document::Style {{
            format!("
                @font-face {{
                    font-display: swap;
                    font-family: '{}';
                    font-style: {};
                    font-weight: {};
                    src: url('{}') format('woff2');
                }}
                ", family, style, weight, asset
            )
        }}
    }
}

        FontFace {
            family: "Noto Sans",
            style: "normal",
            weight: 400,
            asset: asset!("/assets/noto-sans-regular.woff2")
        }

This somehow worked, but has its own quirks. I'll try the deprecated asset_dir for now.