oj_server 0.2.46

Dev server: on-demand compile over HTTP, WebSocket HMR channel, file watcher
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

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

//! @vitejs/plugin-react 6 is all work oj does natively: JSX and Fast Refresh
//! (react-babel, refresh-wrapper, config-post), the refresh runtime and
//! preamble (react-refresh, the virtual `@vitejs/plugin-react/preamble`), and
//! a bundled-dev-only preamble hook (refresh-fbm). So an app whose only
//! plugin is it keeps no plugin host, its pages take the native dev HTML
//! transform, and its preamble import is oj's own preamble.

use crate::{require_fixture, App};

#[tokio::test(flavor = "multi_thread")]
async fn a_plugin_react_app_runs_without_a_plugin_host() {
    require_fixture!("@vitejs/plugin-react", "react", "react-dom", "vite");
    let app = App::new(&[
        ("package.json", r#"{"name":"react-native","version":"1.0.0","type":"module"}"#),
        (
            "vite.config.js",
            "import react from \"@vitejs/plugin-react\";\nexport default { plugins: [react()] };\n",
        ),
        (
            "index.html",
            "<!doctype html><html><head><title>r</title></head><body><div id=\"root\"></div><script type=\"module\" src=\"/src/main.jsx\"></script></body></html>",
        ),
        (
            "src/main.jsx",
            "import \"@vitejs/plugin-react/preamble\";\nimport { createRoot } from \"react-dom/client\";\nexport function App() { return <h1>hi</h1>; }\ncreateRoot(document.getElementById(\"root\")).render(<App />);\n",
        ),
    ]);
    // The whole fixture install: plugin-react 6 imports `vite/internal`.
    let node_modules = crate::fixture("react")
        .unwrap()
        .parent()
        .unwrap()
        .to_path_buf();
    std::os::unix::fs::symlink(node_modules, app.root.join("node_modules")).unwrap();
    let server = app.serve().await;
    assert!(
        server.built.plugin_host.is_none(),
        "plugin-react alone leaves no active plugin"
    );
    let home = server.text("/").await;
    assert!(
        home.contains("<script type=\"module\" src=\"/@oj/refresh-preamble.js\"></script>"),
        "the page took the native dev HTML transform:\n{home}"
    );
    let main = server.text("/src/main.jsx").await;
    assert!(
        main.contains("import \"/@oj/refresh-preamble.js\""),
        "the virtual preamble is oj's:\n{main}"
    );
    assert!(
        main.contains("$RefreshReg$"),
        "Fast Refresh instruments the app:\n{main}"
    );
}