oj 0.2.37

Experimental next generation frontend tooling
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72

// SPDX-License-Identifier: MIT
// Copyright (c) 2026 Raphael Amorim

use std::fs;

use super::{build_app, files_under, scratch, write_files};

/// UnoCSS-style plugins find the `vite:css-post` plugin in `config.plugins`
/// (captured in configResolved) and, in renderChunk, call its transform with
/// their generated CSS so it routes into the output stylesheet. The virtual
/// `.css` layer module stays a stub; oj's vite:css-post shim must be present
/// and must carry the handed CSS into a linked stylesheet like Vite does.
#[tokio::test]
async fn css_handed_to_the_vite_css_post_shim_reaches_a_linked_stylesheet() {
    let root = scratch("vite-css-post-shim");
    write_files(
        &root,
        &[
            (
                "package.json",
                r#"{"name":"csspost-app","version":"1.0.0"}"#,
            ),
            (
                "src/entry.js",
                "import \"virtual:layer.css\";\ndocument.body.className = \"gen\";\n",
            ),
            (
                "index.html",
                r#"<!doctype html><html><head><title>t</title></head><body><script type="module" src="/src/entry.js"></script></body></html>"#,
            ),
            (
                "oj.plugins.mjs",
                r##"let allPlugins;
export default [{
  name: "fake-uno",
  configResolved(config) { allPlugins = config.plugins; },
  resolveId(id) { return id === "virtual:layer.css" ? "\0virtual:layer.css" : null; },
  load(id) { return id === "\0virtual:layer.css" ? "/* layer placeholder */" : null; },
  renderChunk(code, chunk) {
    const hasLayer = Object.keys(chunk.modules || {}).some((m) => m.includes("layer.css"));
    if (!hasLayer) return null;
    const cssPost = (allPlugins || []).find((p) => p && p.name === "vite:css-post");
    if (!cssPost) throw new Error("vite:css-post shim not found in config.plugins");
    const handler = typeof cssPost.transform === "function" ? cssPost.transform : cssPost.transform.handler;
    handler.call(this, ".gen{color:green}", "\0virtual:layer.css");
    return null;
  },
}];
"##,
            ),
        ],
    );
    build_app(&root)
        .await
        .expect("the app builds (the vite:css-post shim is in config.plugins)");

    let css = files_under(&root.join("dist/assets"))
        .into_iter()
        .filter(|(rel, _)| rel.ends_with(".css"))
        .map(|(_, code)| code)
        .collect::<Vec<_>>()
        .join("\n");
    assert!(
        css.contains(".gen"),
        "CSS handed to the vite:css-post shim reached the output stylesheet:\n{css}"
    );
    let html = fs::read_to_string(root.join("dist/index.html")).expect("dist/index.html");
    assert!(
        html.contains(r#"rel="stylesheet""#),
        "the page links the generated stylesheet:\n{html}"
    );
}