@react-router/dev 0.0.0-experimental-c0856287f

package/dist/vite/styles.js

@@ -0,0 +1,176 @@
+/**
+ * @react-router/dev v0.0.0-experimental-c0856287f
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var path = require('node:path');
+var reactRouter = require('react-router');
+var resolveFileUrl = require('./resolve-file-url.js');
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var path__namespace = /*#__PURE__*/_interopNamespace(path);
+
+// Style collection logic adapted from solid-start: https://github.com/solidjs/solid-start
+// Vite doesn't expose these so we just copy the list for now
+// https://github.com/vitejs/vite/blob/d6bde8b03d433778aaed62afc2be0630c8131908/packages/vite/src/node/constants.ts#L49C23-L50
+const cssFileRegExp = /\.(css|less|sass|scss|styl|stylus|pcss|postcss|sss)(?:$|\?)/;
+// https://github.com/vitejs/vite/blob/d6bde8b03d433778aaed62afc2be0630c8131908/packages/vite/src/node/plugins/css.ts#L160
+const cssModulesRegExp = new RegExp(`\\.module${cssFileRegExp.source}`);
+const isCssFile = file => cssFileRegExp.test(file);
+const isCssModulesFile = file => cssModulesRegExp.test(file);
+const getStylesForFiles = async ({
+  viteDevServer,
+  rootDirectory,
+  cssModulesManifest,
+  files
+}) => {
+  let styles = {};
+  let deps = new Set();
+  try {
+    for (let file of files) {
+      let normalizedPath = path__namespace.resolve(rootDirectory, file).replace(/\\/g, "/");
+      let node = await viteDevServer.moduleGraph.getModuleById(normalizedPath);
+      // If the module is only present in the client module graph, the module
+      // won't have been found on the first request to the server. If so, we
+      // request the module so it's in the module graph, then try again.
+      if (!node) {
+        try {
+          await viteDevServer.transformRequest(resolveFileUrl.resolveFileUrl({
+            rootDirectory
+          }, normalizedPath));
+        } catch (err) {
+          console.error(err);
+        }
+        node = await viteDevServer.moduleGraph.getModuleById(normalizedPath);
+      }
+      if (!node) {
+        console.log(`Could not resolve module for file: ${file}`);
+        continue;
+      }
+      await findDeps(viteDevServer, node, deps);
+    }
+  } catch (err) {
+    console.error(err);
+  }
+  for (let dep of deps) {
+    if (dep.file && isCssFile(dep.file) && !dep.url.endsWith("?url") // Ignore styles that resolved as URLs, otherwise we'll end up injecting URLs into the style tag contents
+    ) {
+      try {
+        let css = isCssModulesFile(dep.file) ? cssModulesManifest[dep.file] : (await viteDevServer.ssrLoadModule(dep.url)).default;
+        if (css === undefined) {
+          throw new Error();
+        }
+        styles[dep.url] = css;
+      } catch {
+        console.warn(`Could not load ${dep.file}`);
+        // this can happen with dynamically imported modules, I think
+        // because the Vite module graph doesn't distinguish between
+        // static and dynamic imports? TODO investigate, submit fix
+      }
+    }
+  }
+  return Object.entries(styles).map(([fileName, css], i) => [`\n/* ${fileName
+  // Escape comment syntax in file paths
+  .replace(/\/\*/g, "/\\*").replace(/\*\//g, "*\\/")} */`, css]).flat().join("\n") || undefined;
+};
+const findDeps = async (vite, node, deps) => {
+  // since `ssrTransformResult.deps` contains URLs instead of `ModuleNode`s, this process is asynchronous.
+  // instead of using `await`, we resolve all branches in parallel.
+  let branches = [];
+  async function addFromNode(node) {
+    if (!deps.has(node)) {
+      deps.add(node);
+      await findDeps(vite, node, deps);
+    }
+  }
+  async function addFromUrl(url) {
+    let node = await vite.moduleGraph.getModuleByUrl(url);
+    if (node) {
+      await addFromNode(node);
+    }
+  }
+  if (node.ssrTransformResult) {
+    if (node.ssrTransformResult.deps) {
+      node.ssrTransformResult.deps.forEach(url => branches.push(addFromUrl(url)));
+    }
+  } else {
+    node.importedModules.forEach(node => branches.push(addFromNode(node)));
+  }
+  await Promise.all(branches);
+};
+const groupRoutesByParentId = manifest => {
+  let routes = {};
+  Object.values(manifest).forEach(route => {
+    let parentId = route.parentId || "";
+    if (!routes[parentId]) {
+      routes[parentId] = [];
+    }
+    routes[parentId].push(route);
+  });
+  return routes;
+};
+// Create a map of routes by parentId to use recursively instead of
+// repeatedly filtering the manifest.
+const createRoutes = (manifest, parentId = "", routesByParentId = groupRoutesByParentId(manifest)) => {
+  return (routesByParentId[parentId] || []).map(route => ({
+    ...route,
+    children: createRoutes(manifest, route.id, routesByParentId)
+  }));
+};
+const getStylesForUrl = async ({
+  viteDevServer,
+  rootDirectory,
+  reactRouterConfig,
+  entryClientFilePath,
+  cssModulesManifest,
+  build,
+  url
+}) => {
+  var _matchRoutes;
+  if (url === undefined || url.includes("?_data=")) {
+    return undefined;
+  }
+  let routes = createRoutes(build.routes);
+  let appPath = path__namespace.relative(process.cwd(), reactRouterConfig.appDirectory);
+  let documentRouteFiles = ((_matchRoutes = reactRouter.matchRoutes(routes, url, build.basename)) === null || _matchRoutes === void 0 ? void 0 : _matchRoutes.map(match => path__namespace.resolve(appPath, reactRouterConfig.routes[match.route.id].file))) ?? [];
+  let styles = await getStylesForFiles({
+    viteDevServer,
+    rootDirectory,
+    cssModulesManifest,
+    files: [
+    // Always include the client entry file when crawling the module graph for CSS
+    path__namespace.relative(rootDirectory, entryClientFilePath),
+    // Then include any styles from the matched routes
+    ...documentRouteFiles]
+  });
+  return styles;
+};
+
+exports.getStylesForUrl = getStylesForUrl;
+exports.isCssModulesFile = isCssModulesFile;

package/dist/vite/vmod.d.ts

@@ -0,0 +1,3 @@
+export declare let id: (name: string) => string;
+export declare let resolve: (id: string) => string;
+export declare let url: (id: string) => string;

package/dist/vite/vmod.js

@@ -0,0 +1,21 @@
+/**
+ * @react-router/dev v0.0.0-experimental-c0856287f
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+let id = name => `virtual:react-router/${name}`;
+let resolve = id => `\0${id}`;
+let url = id => `/@id/__x00__${id}`;
+
+exports.id = id;
+exports.resolve = resolve;
+exports.url = url;

package/package.json

@@ -0,0 +1,107 @@
+{
+  "name": "@react-router/dev",
+  "version": "0.0.0-experimental-c0856287f",
+  "description": "Dev tools and CLI for React Router",
+  "homepage": "https://reactrouter.com",
+  "bugs": {
+    "url": "https://github.com/remix-run/react-router/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/remix-run/react-router",
+    "directory": "packages/remix-dev"
+  },
+  "license": "MIT",
+  "main": "dist/index.js",
+  "typings": "dist/index.d.ts",
+  "bin": {
+    "react-router": "dist/cli.js"
+  },
+  "dependencies": {
+    "@babel/core": "^7.21.8",
+    "@babel/generator": "^7.21.5",
+    "@babel/parser": "^7.21.8",
+    "@babel/plugin-syntax-decorators": "^7.22.10",
+    "@babel/plugin-syntax-jsx": "^7.21.4",
+    "@babel/preset-typescript": "^7.21.5",
+    "@babel/traverse": "^7.23.2",
+    "@babel/types": "^7.22.5",
+    "@npmcli/package-json": "^4.0.1",
+    "arg": "^5.0.1",
+    "chalk": "^4.1.2",
+    "es-module-lexer": "^1.3.1",
+    "exit-hook": "2.2.1",
+    "fs-extra": "^10.0.0",
+    "gunzip-maybe": "^1.4.2",
+    "jsesc": "3.0.2",
+    "lodash": "^4.17.21",
+    "minimatch": "^9.0.0",
+    "picocolors": "^1.0.0",
+    "picomatch": "^2.3.1",
+    "prettier": "^2.7.1",
+    "react-refresh": "^0.14.0",
+    "semver": "^7.3.7",
+    "set-cookie-parser": "^2.6.0",
+    "@react-router/server-runtime": "0.0.0-experimental-c0856287f",
+    "@react-router/node": "0.0.0-experimental-c0856287f",
+    "react-router": "0.0.0-experimental-c0856287f"
+  },
+  "devDependencies": {
+    "@types/babel__core": "^7.20.5",
+    "@types/babel__generator": "^7.6.8",
+    "@types/babel__traverse": "^7.20.5",
+    "@types/express": "^4.17.9",
+    "@types/fs-extra": "^8.1.2",
+    "@types/gunzip-maybe": "^1.4.0",
+    "@types/jsesc": "^3.0.1",
+    "@types/lodash": "^4.14.182",
+    "@types/node": "^18.17.1",
+    "@types/npmcli__package-json": "^4.0.0",
+    "@types/picomatch": "^2.3.0",
+    "@types/prettier": "^2.7.3",
+    "@types/set-cookie-parser": "^2.4.1",
+    "dotenv": "^16.0.0",
+    "execa": "5.1.1",
+    "express": "^4.17.1",
+    "esbuild-register": "^3.3.2",
+    "fast-glob": "3.2.11",
+    "strip-ansi": "^6.0.1",
+    "tiny-invariant": "^1.2.0",
+    "vite": "^5.1.0",
+    "wrangler": "^3.28.2",
+    "@react-router/serve": "0.0.0-experimental-c0856287f"
+  },
+  "peerDependencies": {
+    "typescript": "^5.1.0",
+    "vite": "^5.1.0",
+    "wrangler": "^3.28.2",
+    "react-router": "^0.0.0-experimental-c0856287f",
+    "@react-router/serve": "^0.0.0-experimental-c0856287f"
+  },
+  "peerDependenciesMeta": {
+    "@react-router/serve": {
+      "optional": true
+    },
+    "typescript": {
+      "optional": true
+    },
+    "vite": {
+      "optional": true
+    },
+    "wrangler": {
+      "optional": true
+    }
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "files": [
+    "dist/",
+    "CHANGELOG.md",
+    "LICENSE.md",
+    "README.md"
+  ],
+  "scripts": {
+    "tsc": "tsc"
+  }
+}