@react-router/dev 0.0.0-experimental-31a822c5f → 0.0.0-experimental-de3b900

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/cli/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  #!/usr/bin/env node
2
2
  /**
3
- * @react-router/dev v0.0.0-experimental-31a822c5f
3
+ * @react-router/dev v0.0.0-experimental-de3b900
4
4
  *
5
5
  * Copyright (c) Remix Software Inc.
6
6
  *
@@ -1061,13 +1061,13 @@ function routeModulesType(ctx) {
1061
1061
  (route) => t2.tsPropertySignature(
1062
1062
  t2.stringLiteral(route.id),
1063
1063
  t2.tsTypeAnnotation(
1064
- t2.tsTypeQuery(
1064
+ isInAppDirectory(ctx, route.file) ? t2.tsTypeQuery(
1065
1065
  t2.tsImportType(
1066
1066
  t2.stringLiteral(
1067
1067
  `./${Path3.relative(ctx.rootDirectory, ctx.config.appDirectory)}/${route.file}`
1068
1068
  )
1069
1069
  )
1070
- )
1070
+ ) : t2.tsUnknownKeyword()
1071
1071
  )
1072
1072
  )
1073
1073
  )
package/dist/config.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @react-router/dev v0.0.0-experimental-31a822c5f
2
+ * @react-router/dev v0.0.0-experimental-de3b900
3
3
  *
4
4
  * Copyright (c) Remix Software Inc.
5
5
  *
package/dist/routes.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @react-router/dev v0.0.0-experimental-31a822c5f
2
+ * @react-router/dev v0.0.0-experimental-de3b900
3
3
  *
4
4
  * Copyright (c) Remix Software Inc.
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @react-router/dev v0.0.0-experimental-31a822c5f
2
+ * @react-router/dev v0.0.0-experimental-de3b900
3
3
  *
4
4
  * Copyright (c) Remix Software Inc.
5
5
  *
package/dist/vite.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @react-router/dev v0.0.0-experimental-31a822c5f
2
+ * @react-router/dev v0.0.0-experimental-de3b900
3
3
  *
4
4
  * Copyright (c) Remix Software Inc.
5
5
  *
@@ -1049,13 +1049,13 @@ function routeModulesType(ctx) {
1049
1049
  (route) => t2.tsPropertySignature(
1050
1050
  t2.stringLiteral(route.id),
1051
1051
  t2.tsTypeAnnotation(
1052
- t2.tsTypeQuery(
1052
+ isInAppDirectory(ctx, route.file) ? t2.tsTypeQuery(
1053
1053
  t2.tsImportType(
1054
1054
  t2.stringLiteral(
1055
1055
  `./${Path3.relative(ctx.rootDirectory, ctx.config.appDirectory)}/${route.file}`
1056
1056
  )
1057
1057
  )
1058
- )
1058
+ ) : t2.tsUnknownKeyword()
1059
1059
  )
1060
1060
  )
1061
1061
  )
@@ -2549,7 +2549,7 @@ var getClientEntryChunk = (ctx, viteManifest) => {
2549
2549
  invariant(chunk, `Chunk not found: ${filePath}`);
2550
2550
  return chunk;
2551
2551
  };
2552
- var getReactRouterManifestBuildAssets = (ctx, viteConfig, viteManifest, entryFilePath, route) => {
2552
+ var getReactRouterManifestBuildAssets = (ctx, viteConfig, viteManifest, allDynamicCssFiles, entryFilePath, route) => {
2553
2553
  let entryChunk = resolveChunk(ctx, viteManifest, entryFilePath);
2554
2554
  invariant(entryChunk, `Chunk not found: ${entryFilePath}`);
2555
2555
  let isRootRoute = Boolean(route && route.parentId === void 0);
@@ -2582,7 +2582,10 @@ var getReactRouterManifestBuildAssets = (ctx, viteConfig, viteManifest, entryFil
2582
2582
  // in the manifest that isn't tied to any route file. If we want to render these
2583
2583
  // styles correctly, we need to include them in the root route.
2584
2584
  isRootRoute ? getCssCodeSplitDisabledFile(ctx, viteConfig, viteManifest) : null,
2585
- chunks.flatMap((e) => e.css ?? []).map((href) => `${ctx.publicPath}${href}`)
2585
+ chunks.flatMap((e) => e.css ?? []).map((href) => {
2586
+ let publicHref = `${ctx.publicPath}${href}`;
2587
+ return allDynamicCssFiles.has(href) ? `${publicHref}#` : publicHref;
2588
+ })
2586
2589
  ].flat(1).filter(isNonNullable)
2587
2590
  )
2588
2591
  };
@@ -2605,6 +2608,44 @@ function resolveDependantChunks(viteManifest, entryChunks) {
2605
2608
  }
2606
2609
  return Array.from(chunks);
2607
2610
  }
2611
+ function getAllDynamicCssFiles(ctx, viteManifest) {
2612
+ let allDynamicCssFiles = /* @__PURE__ */ new Set();
2613
+ for (let route of Object.values(ctx.reactRouterConfig.routes)) {
2614
+ let routeFile = path6.join(ctx.reactRouterConfig.appDirectory, route.file);
2615
+ let entryChunk = resolveChunk(
2616
+ ctx,
2617
+ viteManifest,
2618
+ `${routeFile}${BUILD_CLIENT_ROUTE_QUERY_STRING}`
2619
+ );
2620
+ if (entryChunk) {
2621
+ let walk2 = function(chunk, isDynamicImportContext) {
2622
+ if (visitedChunks.has(chunk)) {
2623
+ return;
2624
+ }
2625
+ visitedChunks.add(chunk);
2626
+ if (isDynamicImportContext && chunk.css) {
2627
+ for (let cssFile of chunk.css) {
2628
+ allDynamicCssFiles.add(cssFile);
2629
+ }
2630
+ }
2631
+ if (chunk.dynamicImports) {
2632
+ for (let dynamicImportKey of chunk.dynamicImports) {
2633
+ walk2(viteManifest[dynamicImportKey], true);
2634
+ }
2635
+ }
2636
+ if (chunk.imports) {
2637
+ for (let importKey of chunk.imports) {
2638
+ walk2(viteManifest[importKey], isDynamicImportContext);
2639
+ }
2640
+ }
2641
+ };
2642
+ var walk = walk2;
2643
+ let visitedChunks = /* @__PURE__ */ new Set();
2644
+ walk2(entryChunk, false);
2645
+ }
2646
+ }
2647
+ return allDynamicCssFiles;
2648
+ }
2608
2649
  function dedupe(array2) {
2609
2650
  return [...new Set(array2)];
2610
2651
  }
@@ -2894,10 +2935,12 @@ var reactRouterVitePlugin = () => {
2894
2935
  let viteManifest = await loadViteManifest(
2895
2936
  getClientBuildDirectory(ctx.reactRouterConfig)
2896
2937
  );
2938
+ let allDynamicCssFiles = getAllDynamicCssFiles(ctx, viteManifest);
2897
2939
  let entry = getReactRouterManifestBuildAssets(
2898
2940
  ctx,
2899
2941
  viteConfig2,
2900
2942
  viteManifest,
2943
+ allDynamicCssFiles,
2901
2944
  ctx.entryClientFilePath,
2902
2945
  null
2903
2946
  );
@@ -2949,6 +2992,7 @@ var reactRouterVitePlugin = () => {
2949
2992
  ctx,
2950
2993
  viteConfig2,
2951
2994
  viteManifest,
2995
+ allDynamicCssFiles,
2952
2996
  `${routeFile}${BUILD_CLIENT_ROUTE_QUERY_STRING}`,
2953
2997
  route
2954
2998
  ),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-router/dev",
3
- "version": "0.0.0-experimental-31a822c5f",
3
+ "version": "0.0.0-experimental-de3b900",
4
4
  "description": "Dev tools and CLI for React Router",
5
5
  "homepage": "https://reactrouter.com",
6
6
  "bugs": {
@@ -86,7 +86,7 @@
86
86
  "tinyglobby": "^0.2.14",
87
87
  "valibot": "^1.1.0",
88
88
  "vite-node": "^3.2.2",
89
- "@react-router/node": "0.0.0-experimental-31a822c5f"
89
+ "@react-router/node": "0.0.0-experimental-de3b900"
90
90
  },
91
91
  "devDependencies": {
92
92
  "@types/babel__core": "^7.20.5",
@@ -109,16 +109,16 @@
109
109
  "vite": "^6.1.0",
110
110
  "wireit": "0.14.9",
111
111
  "wrangler": "^4.23.0",
112
- "@react-router/serve": "0.0.0-experimental-31a822c5f",
113
- "react-router": "^0.0.0-experimental-31a822c5f"
112
+ "react-router": "^0.0.0-experimental-de3b900",
113
+ "@react-router/serve": "0.0.0-experimental-de3b900"
114
114
  },
115
115
  "peerDependencies": {
116
116
  "@vitejs/plugin-rsc": "*",
117
117
  "typescript": "^5.1.0",
118
118
  "vite": "^5.1.0 || ^6.0.0 || ^7.0.0",
119
119
  "wrangler": "^3.28.2 || ^4.0.0",
120
- "@react-router/serve": "^0.0.0-experimental-31a822c5f",
121
- "react-router": "^0.0.0-experimental-31a822c5f"
120
+ "@react-router/serve": "^0.0.0-experimental-de3b900",
121
+ "react-router": "^0.0.0-experimental-de3b900"
122
122
  },
123
123
  "peerDependenciesMeta": {
124
124
  "@vitejs/plugin-rsc": {