switch to a Document trait and introduce Script/Head/Style/Meta components (#2635)

* switch to a Document trait and introduce Script/Head/Style/Meta components

* Fix desktop title

* Insert special elements into the head during the inital SSR render

* Make all head component attributes optional

* hydrate head elements

* improve the server streaming head warning

* Document fullstack head hydration approach

* deduplicate head elements by href

* move Link into head::Link

* document head components

* add meta and title examples

* Fix a few doc examples

* fix formatting

* Add title to playwright tests

* serde is optional on web, but it is enabled by hydrate

* remove leftover console log

packages/interpreter/build.rs

@@ -1,84 +1,14 @@
-use std::collections::hash_map::DefaultHasher;
-use std::path::PathBuf;
-use std::{hash::Hasher, process::Command};
-
 fn main() {
-    // If any TS changes, re-run the build script
-    let watching = std::fs::read_dir("./src/ts").unwrap();
-    let ts_paths: Vec<_> = watching
-        .into_iter()
-        .flatten()
-        .map(|entry| entry.path())
-        .filter(|path| path.extension().map(|ext| ext == "ts").unwrap_or(false))
-        .collect();
-    for path in &ts_paths {
-        println!("cargo:rerun-if-changed={}", path.display());
-    }
-
-    // Compute the hash of the ts files
-    let hash = hash_ts_files(ts_paths);
-
-    // If the hash matches the one on disk, we're good and don't need to update bindings
-    let fs_hash_string = std::fs::read_to_string("src/js/hash.txt");
-    let expected = fs_hash_string
-        .as_ref()
-        .map(|s| s.trim())
-        .unwrap_or_default();
-    if expected == hash.to_string() {
-        return;
-    }
-
-    // Otherwise, generate the bindings and write the new hash to disk
-    // Generate the bindings for both native and web
-    gen_bindings("common", "common");
-    gen_bindings("native", "native");
-    gen_bindings("core", "core");
-    gen_bindings("eval", "eval");
-    gen_bindings("native_eval", "native_eval");
-    gen_bindings("hydrate", "hydrate");
-    gen_bindings("initialize_streaming", "initialize_streaming");
-
-    std::fs::write("src/js/hash.txt", hash.to_string()).unwrap();
-}
-
-/// Hashes the contents of a directory
-fn hash_ts_files(mut files: Vec<PathBuf>) -> u64 {
-    // Different systems will read the files in different orders, so we sort them to make sure the hash is consistent
-    files.sort();
-    let mut hash = DefaultHasher::new();
-    for file in files {
-        let contents = std::fs::read_to_string(file).unwrap();
-        // windows + git does a weird thing with line endings, so we need to normalize them
-        for line in contents.lines() {
-            hash.write(line.as_bytes());
-        }
-    }
-    hash.finish()
-}
-
-// okay...... so tsc might fail if the user doesn't have it installed
-// we don't really want to fail if that's the case
-// but if you started *editing* the .ts files, you're gonna have a bad time
-// so.....
-// we need to hash each of the .ts files and add that hash to the JS files
-// if the hashes don't match, we need to fail the build
-// that way we also don't need
-fn gen_bindings(input_name: &str, output_name: &str) {
-    // If the file is generated, and the hash is different, we need to generate it
-    let status = Command::new("bun")
-        .arg("build")
-        .arg(format!("src/ts/{input_name}.ts"))
-        .arg("--outfile")
-        .arg(format!("src/js/{output_name}.js"))
-        .arg("--minify-whitespace")
-        .arg("--minify-syntax")
-        .status()
-        .unwrap();
-
-    if !status.success() {
-        panic!(
-            "Failed to generate bindings for {}. Make sure you have tsc installed",
-            input_name
-        );
-    }
+    // If any TS files change, re-run the build script
+    lazy_js_bundle::LazyTypeScriptBindings::new()
+        .with_watching("./src/ts")
+        .with_binding("./src/ts/common.ts", "./src/js/common.js")
+        .with_binding("./src/ts/native.ts", "./src/js/native.js")
+        .with_binding("./src/ts/core.ts", "./src/js/core.js")
+        .with_binding("./src/ts/hydrate.ts", "./src/js/hydrate.js")
+        .with_binding(
+            "./src/ts/initialize_streaming.ts",
+            "./src/js/initialize_streaming.js",
+        )
+        .run();
 }