Use ProxiedAsset instead of css_chunk_root_path to expose RSC CSS chu…

…nks (#48946)

See vercel/turbo#4740

This enables RSC CSS HMR. The `css_chunk_root_path` way somehow broke
the propagation of invalidation for CSS chunks.

This also updates Turbopack with the following changes:

* vercel/turbo#4738 <!-- Tobias Koppers -
improve commonjs esm interop and node ESM -->
* vercel/turbo#4740 <!-- Alex Kirszenberg -
Replace css_chunk_root_path with ProxiedAsset -->
* vercel/turbo#4741 <!-- Tobias Koppers - add
svg size extraction -->

---------

Co-authored-by: Tobias Koppers <tobias.koppers@googlemail.com>

Cargo.toml

@@ -42,11 +42,11 @@ swc_relay = { version = "0.2.5" }
 testing = { version = "0.33.4" }
 
 # Turbo crates
-turbo-binding = { git = "https://github.com/vercel/turbo.git", tag = "turbopack-230427.3" }
+turbo-binding = { git = "https://github.com/vercel/turbo.git", tag = "turbopack-230428.3" }
 # [TODO]: need to refactor embed_directory! macro usages, as well as resolving turbo_tasks::function, macros..
-turbo-tasks = { git = "https://github.com/vercel/turbo.git", tag = "turbopack-230427.3" }
+turbo-tasks = { git = "https://github.com/vercel/turbo.git", tag = "turbopack-230428.3" }
 # [TODO]: need to refactor embed_directory! macro usage in next-core
-turbo-tasks-fs = { git = "https://github.com/vercel/turbo.git", tag = "turbopack-230427.3" }
+turbo-tasks-fs = { git = "https://github.com/vercel/turbo.git", tag = "turbopack-230428.3" }
 
 # General Deps
 

packages/next-swc/crates/next-core/js/package.json

@@ -10,8 +10,8 @@
     "check": "tsc --noEmit"
   },
   "dependencies": {
-    "@vercel/turbopack-dev": "https://gitpkg.vercel.app/vercel/turbo/crates/turbopack-dev/js?turbopack-230427.3",
-    "@vercel/turbopack-node": "https://gitpkg.vercel.app/vercel/turbo/crates/turbopack-node/js?turbopack-230427.3",
+    "@vercel/turbopack-dev": "https://gitpkg.vercel.app/vercel/turbo/crates/turbopack-dev/js?turbopack-230428.3",
+    "@vercel/turbopack-node": "https://gitpkg.vercel.app/vercel/turbo/crates/turbopack-node/js?turbopack-230428.3",
     "anser": "^2.1.1",
     "css.escape": "^1.5.1",
     "next": "*",

packages/next-swc/crates/next-core/js/src/entry/app/hydrate.tsx

@@ -4,6 +4,7 @@ import type { ReactElement } from 'react'
 import { version } from 'next/package.json'
 import { createFromReadableStream } from 'next/dist/compiled/react-server-dom-webpack/client'
 import { callServer } from 'next/dist/client/app-call-server'
+import { linkGc } from 'next/dist/client/app-link-gc'
 
 import { HeadManagerContext } from 'next/dist/shared/lib/head-manager-context'
 
@@ -153,6 +154,8 @@ function hydrate() {
       ReactDOMClient.hydrateRoot(appElement, reactEl)
     })
   }
+
+  linkGc()
 }
 
 window.next = {

packages/next-swc/crates/next-core/src/app_source.rs

@@ -933,7 +933,6 @@ import {}, {{ chunks as {} }} from "COMPONENT_{}";
             context.compile_time_info().environment(),
         )
         .layer("ssr")
-        .css_chunk_root_path(server_root.join("_next/static/chunks"))
         .reference_chunk_source_maps(false)
         .build();
 
@@ -1013,7 +1012,6 @@ impl AppRouteVc {
             this.context.compile_time_info().environment(),
         )
         .layer("ssr")
-        .css_chunk_root_path(this.server_root.join("_next/static/chunks"))
         .reference_chunk_source_maps(false)
         .build();