@react-router/dev 0.0.0-experimental-c0856287f

package/LICENSE.md

@@ -0,0 +1,23 @@
+MIT License
+
+Copyright (c) React Training LLC 2015-2019
+Copyright (c) Remix Software Inc. 2020-2021
+Copyright (c) Shopify Inc. 2022-2023
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,13 @@
+# Welcome to Remix!
+
+[Remix](https://remix.run) is a web framework that helps you build better websites with React.
+
+To get started, open a new shell and run:
+
+```sh
+npx create-remix@latest
+```
+
+Then follow the prompts you see in your terminal.
+
+For more information about Remix, [visit remix.run](https://remix.run)!

package/dist/cli/commands.d.ts

@@ -0,0 +1,12 @@
+import type { ViteDevOptions } from "../vite/dev";
+import type { ViteBuildOptions } from "../vite/build";
+export declare function routes(reactRouterRoot?: string, flags?: {
+    config?: string;
+    json?: boolean;
+}): Promise<void>;
+export declare function build(root?: string, options?: ViteBuildOptions): Promise<void>;
+export declare function dev(root: string, options?: ViteDevOptions): Promise<void>;
+export declare function generateEntry(entry: string, reactRouterRoot: string, flags?: {
+    typescript?: boolean;
+    config?: string;
+}): Promise<void>;

package/dist/cli/commands.js

@@ -0,0 +1,174 @@
+/**
+ * @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 fse = require('fs-extra');
+var PackageJson = require('@npmcli/package-json');
+var exitHook = require('exit-hook');
+var colors = require('../colors.js');
+var format = require('../config/format.js');
+var plugin = require('../vite/plugin.js');
+var useJavascript = require('./useJavascript.js');
+var profiler = require('../vite/profiler.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+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);
+var fse__default = /*#__PURE__*/_interopDefaultLegacy(fse);
+var PackageJson__default = /*#__PURE__*/_interopDefaultLegacy(PackageJson);
+var exitHook__default = /*#__PURE__*/_interopDefaultLegacy(exitHook);
+
+async function routes(reactRouterRoot, flags = {}) {
+  let ctx = await plugin.loadPluginContext({
+    root: reactRouterRoot,
+    configFile: flags.config
+  });
+  if (!ctx) {
+    console.error(colors.red("React Router Vite plugin not found in Vite config"));
+    process.exit(1);
+  }
+  let format$1 = flags.json ? "json" : "jsx";
+  console.log(format.formatRoutes(ctx.reactRouterConfig.routes, format$1));
+}
+async function build(root, options = {}) {
+  if (!root) {
+    root = process.env.REACT_ROUTER_ROOT || process.cwd();
+  }
+  let {
+    build
+  } = await import('../vite/build.js');
+  if (options.profile) {
+    await profiler.start();
+  }
+  try {
+    await build(root, options);
+  } finally {
+    await profiler.stop(console.info);
+  }
+}
+async function dev(root, options = {}) {
+  let {
+    dev
+  } = await import('../vite/dev.js');
+  if (options.profile) {
+    await profiler.start();
+  }
+  exitHook__default["default"](() => profiler.stop(console.info));
+  await dev(root, options);
+  // keep `react-router dev` alive by waiting indefinitely
+  await new Promise(() => {});
+}
+let clientEntries = ["entry.client.tsx", "entry.client.js", "entry.client.jsx"];
+let serverEntries = ["entry.server.tsx", "entry.server.js", "entry.server.jsx"];
+let entries = ["entry.client", "entry.server"];
+let conjunctionListFormat = new Intl.ListFormat("en", {
+  style: "long",
+  type: "conjunction"
+});
+let disjunctionListFormat = new Intl.ListFormat("en", {
+  style: "long",
+  type: "disjunction"
+});
+async function generateEntry(entry, reactRouterRoot, flags = {}) {
+  let ctx = await plugin.loadPluginContext({
+    root: reactRouterRoot,
+    configFile: flags.config
+  });
+  let rootDirectory = ctx.rootDirectory;
+  let appDirectory = ctx.reactRouterConfig.appDirectory;
+  // if no entry passed, attempt to create both
+  if (!entry) {
+    await generateEntry("entry.client", reactRouterRoot, flags);
+    await generateEntry("entry.server", reactRouterRoot, flags);
+    return;
+  }
+  if (!entries.includes(entry)) {
+    let entriesArray = Array.from(entries);
+    let list = conjunctionListFormat.format(entriesArray);
+    console.error(colors.error(`Invalid entry file. Valid entry files are ${list}`));
+    return;
+  }
+  let pkgJson = await PackageJson__default["default"].load(rootDirectory);
+  let deps = pkgJson.content.dependencies ?? {};
+  let serverRuntime = deps["@react-router/deno"] ? "deno" : deps["@react-router/cloudflare"] ? "cloudflare" : deps["@react-router/node"] ? "node" : undefined;
+  if (!serverRuntime) {
+    let serverRuntimes = ["@react-router/deno", "@react-router/cloudflare", "@react-router/node"];
+    let formattedList = disjunctionListFormat.format(serverRuntimes);
+    console.error(colors.error(`Could not determine server runtime. Please install one of the following: ${formattedList}`));
+    return;
+  }
+  let defaultsDirectory = path__namespace.resolve(__dirname, "..", "config", "defaults");
+  let defaultEntryClient = path__namespace.resolve(defaultsDirectory, "entry.client.tsx");
+  let defaultEntryServer = path__namespace.resolve(defaultsDirectory, (ctx === null || ctx === void 0 ? void 0 : ctx.reactRouterConfig.ssr) === false && (ctx === null || ctx === void 0 ? void 0 : ctx.reactRouterConfig.future.unstable_singleFetch) !== true ? `entry.server.spa.tsx` : `entry.server.${serverRuntime}.tsx`);
+  let isServerEntry = entry === "entry.server";
+  let contents = isServerEntry ? await createServerEntry(rootDirectory, appDirectory, defaultEntryServer) : await createClientEntry(rootDirectory, appDirectory, defaultEntryClient);
+  let useTypeScript = flags.typescript ?? true;
+  let outputExtension = useTypeScript ? "tsx" : "jsx";
+  let outputEntry = `${entry}.${outputExtension}`;
+  let outputFile = path__namespace.resolve(appDirectory, outputEntry);
+  if (!useTypeScript) {
+    let javascript = useJavascript.transpile(contents, {
+      cwd: rootDirectory,
+      filename: isServerEntry ? defaultEntryServer : defaultEntryClient
+    });
+    await fse__default["default"].writeFile(outputFile, javascript, "utf-8");
+  } else {
+    await fse__default["default"].writeFile(outputFile, contents, "utf-8");
+  }
+  console.log(colors.blue(`Entry file ${entry} created at ${path__namespace.relative(rootDirectory, outputFile)}.`));
+}
+async function checkForEntry(rootDirectory, appDirectory, entries) {
+  for (let entry of entries) {
+    let entryPath = path__namespace.resolve(appDirectory, entry);
+    let exists = await fse__default["default"].pathExists(entryPath);
+    if (exists) {
+      let relative = path__namespace.relative(rootDirectory, entryPath);
+      console.error(colors.error(`Entry file ${relative} already exists.`));
+      return process.exit(1);
+    }
+  }
+}
+async function createServerEntry(rootDirectory, appDirectory, inputFile) {
+  await checkForEntry(rootDirectory, appDirectory, serverEntries);
+  let contents = await fse__default["default"].readFile(inputFile, "utf-8");
+  return contents;
+}
+async function createClientEntry(rootDirectory, appDirectory, inputFile) {
+  await checkForEntry(rootDirectory, appDirectory, clientEntries);
+  let contents = await fse__default["default"].readFile(inputFile, "utf-8");
+  return contents;
+}
+
+exports.build = build;
+exports.dev = dev;
+exports.generateEntry = generateEntry;
+exports.routes = routes;

package/dist/cli/detectPackageManager.d.ts

@@ -0,0 +1,10 @@
+type PackageManager = "npm" | "pnpm" | "yarn" | "bun";
+/**
+ * Determine which package manager the user prefers.
+ *
+ * npm, pnpm and Yarn set the user agent environment variable
+ * that can be used to determine which package manager ran
+ * the command.
+ */
+export declare const detectPackageManager: () => PackageManager | undefined;
+export {};

package/dist/cli/detectPackageManager.js

@@ -0,0 +1,39 @@
+/**
+ * @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 });
+
+/**
+ * Determine which package manager the user prefers.
+ *
+ * npm, pnpm and Yarn set the user agent environment variable
+ * that can be used to determine which package manager ran
+ * the command.
+ */
+const detectPackageManager = () => {
+  let {
+    npm_config_user_agent
+  } = process.env;
+  if (!npm_config_user_agent) return undefined;
+  try {
+    let pkgManager = npm_config_user_agent.split("/")[0];
+    if (pkgManager === "npm") return "npm";
+    if (pkgManager === "pnpm") return "pnpm";
+    if (pkgManager === "yarn") return "yarn";
+    if (pkgManager === "bun") return "bun";
+    return undefined;
+  } catch {
+    return undefined;
+  }
+};
+
+exports.detectPackageManager = detectPackageManager;

package/dist/cli/index.d.ts

@@ -0,0 +1 @@
+export { run } from "./run";

package/dist/cli/index.js

@@ -0,0 +1,19 @@
+/**
+ * @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 run = require('./run.js');
+
+
+
+exports.run = run.run;

package/dist/cli/run.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Programmatic interface for running the react-router CLI with the given command line
+ * arguments.
+ */
+export declare function run(argv?: string[]): Promise<void>;

package/dist/cli/run.js

@@ -0,0 +1,180 @@
+/**
+ * @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 arg = require('arg');
+var semver = require('semver');
+var colors = require('../colors.js');
+var commands = require('./commands.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var arg__default = /*#__PURE__*/_interopDefaultLegacy(arg);
+var semver__default = /*#__PURE__*/_interopDefaultLegacy(semver);
+
+const helpText = `
+${colors.logoBlue("react-router")}
+
+  ${colors.heading("Usage")}:
+    $ react-router build [${colors.arg("projectDir")}]
+    $ react-router dev [${colors.arg("projectDir")}]
+    $ react-router routes [${colors.arg("projectDir")}]
+
+  ${colors.heading("Options")}:
+    --help, -h          Print this help message and exit
+    --version, -v       Print the CLI version and exit
+    --no-color          Disable ANSI colors in console output
+  \`build\` Options:
+    --assetsInlineLimit Static asset base64 inline threshold in bytes (default: 4096) (number)
+    --clearScreen       Allow/disable clear screen when logging (boolean)
+    --config, -c        Use specified config file (string)
+    --emptyOutDir       Force empty outDir when it's outside of root (boolean)
+    --logLevel, -l      Info | warn | error | silent (string)
+    --minify            Enable/disable minification, or specify minifier to use (default: "esbuild") (boolean | "terser" | "esbuild")
+    --mode, -m          Set env mode (string)
+    --profile           Start built-in Node.js inspector
+    --sourcemapClient   Output source maps for client build (default: false) (boolean | "inline" | "hidden")
+    --sourcemapServer   Output source maps for server build (default: false) (boolean | "inline" | "hidden")
+  \`dev\` Options:
+    --clearScreen       Allow/disable clear screen when logging (boolean)
+    --config, -c        Use specified config file (string)
+    --cors              Enable CORS (boolean)
+    --force             Force the optimizer to ignore the cache and re-bundle (boolean)
+    --host              Specify hostname (string)
+    --logLevel, -l      Info | warn | error | silent (string)
+    --mode, -m          Set env mode (string)
+    --open              Open browser on startup (boolean | string)
+    --port              Specify port (number)
+    --profile           Start built-in Node.js inspector
+    --strictPort        Exit if specified port is already in use (boolean)
+  \`routes\` Options:
+    --config, -c        Use specified Vite config file (string)
+    --json              Print the routes as JSON
+  \`reveal\` Options:
+    --config, -c        Use specified Vite config file (string)
+    --no-typescript     Generate plain JavaScript files
+
+  ${colors.heading("Build your project")}:
+
+    $ react-router build
+
+  ${colors.heading("Run your project locally in development")}:
+
+    $ react-router dev
+
+  ${colors.heading("Show all routes in your app")}:
+
+    $ react-router routes
+    $ react-router routes my-app
+    $ react-router routes --json
+    $ react-router routes --config vite.react-router.config.ts
+
+  ${colors.heading("Reveal the used entry point")}:
+
+    $ react-router reveal entry.client
+    $ react-router reveal entry.server
+    $ react-router reveal entry.client --no-typescript
+    $ react-router reveal entry.server --no-typescript
+    $ react-router reveal entry.server --config vite.react-router.config.ts
+`;
+/**
+ * Programmatic interface for running the react-router CLI with the given command line
+ * arguments.
+ */
+async function run(argv = process.argv.slice(2)) {
+  // Check the node version
+  let versions = process.versions;
+  if (versions && versions.node && semver__default["default"].major(versions.node) < 18) {
+    throw new Error(`️🚨 Oops, Node v${versions.node} detected. react-router requires a Node version greater than 18.`);
+  }
+  let isBooleanFlag = arg => {
+    let index = argv.indexOf(arg);
+    let nextArg = argv[index + 1];
+    return !nextArg || nextArg.startsWith("-");
+  };
+  let args = arg__default["default"]({
+    "--force": Boolean,
+    "--help": Boolean,
+    "-h": "--help",
+    "--json": Boolean,
+    "--token": String,
+    "--typescript": Boolean,
+    "--no-typescript": Boolean,
+    "--version": Boolean,
+    "-v": "--version",
+    "--port": Number,
+    "-p": "--port",
+    "--config": String,
+    "-c": "--config",
+    "--assetsInlineLimit": Number,
+    "--clearScreen": Boolean,
+    "--cors": Boolean,
+    "--emptyOutDir": Boolean,
+    "--host": isBooleanFlag("--host") ? Boolean : String,
+    "--logLevel": String,
+    "-l": "--logLevel",
+    "--minify": String,
+    "--mode": String,
+    "-m": "--mode",
+    "--open": isBooleanFlag("--open") ? Boolean : String,
+    "--strictPort": Boolean,
+    "--profile": Boolean,
+    "--sourcemapClient": isBooleanFlag("--sourcemapClient") ? Boolean : String,
+    "--sourcemapServer": isBooleanFlag("--sourcemapServer") ? Boolean : String
+  }, {
+    argv
+  });
+  let input = args._;
+  let flags = Object.entries(args).reduce((acc, [key, value]) => {
+    key = key.replace(/^--/, "");
+    acc[key] = value;
+    return acc;
+  }, {});
+  if (flags.help) {
+    console.log(helpText);
+    return;
+  }
+  if (flags.version) {
+    let version = require("../package.json").version;
+    console.log(version);
+    return;
+  }
+  flags.interactive = flags.interactive ?? require.main === module;
+  if (args["--no-typescript"]) {
+    flags.typescript = false;
+  }
+  let command = input[0];
+  // Note: Keep each case in this switch statement small.
+  switch (command) {
+    case "routes":
+      await commands.routes(input[1], flags);
+      break;
+    case "build":
+      await commands.build(input[1], flags);
+      break;
+    case "reveal":
+      {
+        // TODO: simplify getting started guide
+        await commands.generateEntry(input[1], input[2], flags);
+        break;
+      }
+    case "dev":
+      await commands.dev(input[1], flags);
+      break;
+    default:
+      // `react-router ./my-project` is shorthand for `react-router dev ./my-project`
+      await commands.dev(input[0], flags);
+  }
+}
+
+exports.run = run;

package/dist/cli/useJavascript.d.ts

@@ -0,0 +1,4 @@
+export declare function transpile(tsx: string, options?: {
+    cwd?: string;
+    filename?: string;
+}): string;

package/dist/cli/useJavascript.js

@@ -0,0 +1,66 @@
+/**
+ * @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 babel = require('@babel/core');
+var babelPluginSyntaxJSX = require('@babel/plugin-syntax-jsx');
+var babelPresetTypeScript = require('@babel/preset-typescript');
+var prettier = require('prettier');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+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 babel__namespace = /*#__PURE__*/_interopNamespace(babel);
+var babelPluginSyntaxJSX__default = /*#__PURE__*/_interopDefaultLegacy(babelPluginSyntaxJSX);
+var babelPresetTypeScript__default = /*#__PURE__*/_interopDefaultLegacy(babelPresetTypeScript);
+var prettier__default = /*#__PURE__*/_interopDefaultLegacy(prettier);
+
+function transpile(tsx, options = {}) {
+  let mjs = babel__namespace.transformSync(tsx, {
+    compact: false,
+    cwd: options.cwd,
+    filename: options.filename,
+    plugins: [babelPluginSyntaxJSX__default["default"]],
+    presets: [[babelPresetTypeScript__default["default"], {
+      jsx: "preserve"
+    }]],
+    retainLines: true
+  });
+  if (!mjs || !mjs.code) throw new Error("Could not parse TypeScript");
+  /**
+   * Babel's `compact` and `retainLines` options are both bad at formatting code.
+   * Use Prettier for nicer formatting.
+   */
+  return prettier__default["default"].format(mjs.code, {
+    parser: "babel"
+  });
+}
+
+exports.transpile = transpile;

package/dist/cli.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cli.js

@@ -0,0 +1,21 @@
+#!/usr/bin/env node
+/**
+ * @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';
+
+var index = require('./index');
+
+index.cli.run().then(() => {
+  process.exit(0);
+}, error => {
+  if (error) console.error(error);
+  process.exit(1);
+});

package/dist/colors.d.ts

@@ -0,0 +1,17 @@
+import chalk from "chalk";
+export declare const heading: chalk.Chalk | (<T>(x: T) => T);
+export declare const arg: chalk.Chalk | (<T>(x: T) => T);
+export declare const error: chalk.Chalk | (<T>(x: T) => T);
+export declare const warning: chalk.Chalk | (<T>(x: T) => T);
+export declare const hint: chalk.Chalk | (<T>(x: T) => T);
+export declare const logoBlue: chalk.Chalk | (<T>(x: T) => T);
+export declare const logoGreen: chalk.Chalk | (<T>(x: T) => T);
+export declare const logoYellow: chalk.Chalk | (<T>(x: T) => T);
+export declare const logoPink: chalk.Chalk | (<T>(x: T) => T);
+export declare const logoRed: chalk.Chalk | (<T>(x: T) => T);
+export declare const bold: chalk.Chalk | (<T>(x: T) => T);
+export declare const blue: chalk.Chalk | (<T>(x: T) => T);
+export declare const cyan: chalk.Chalk | (<T>(x: T) => T);
+export declare const gray: chalk.Chalk | (<T>(x: T) => T);
+export declare const red: chalk.Chalk | (<T>(x: T) => T);
+export declare const yellow: chalk.Chalk | (<T>(x: T) => T);

package/dist/colors.js

@@ -0,0 +1,49 @@
+/**
+ * @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 chalk = require('chalk');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var chalk__default = /*#__PURE__*/_interopDefaultLegacy(chalk);
+
+// https://no-color.org/
+const useColor = chalk__default["default"].supportsColor && !process.env.NO_COLOR;
+const identity = x => x;
+const safe = style => useColor ? style : identity;
+const heading = safe(chalk__default["default"].underline);
+const arg = safe(chalk__default["default"].yellowBright);
+const error = safe(chalk__default["default"].red);
+safe(chalk__default["default"].yellow);
+safe(chalk__default["default"].blue);
+const logoBlue = safe(chalk__default["default"].blueBright);
+safe(chalk__default["default"].greenBright);
+safe(chalk__default["default"].yellowBright);
+safe(chalk__default["default"].magentaBright);
+safe(chalk__default["default"].redBright);
+// raw styles
+safe(chalk__default["default"].bold);
+// raw colors
+const blue = safe(chalk__default["default"].blue);
+safe(chalk__default["default"].cyan);
+safe(chalk__default["default"].gray);
+const red = safe(chalk__default["default"].red);
+safe(chalk__default["default"].yellow);
+
+exports.arg = arg;
+exports.blue = blue;
+exports.error = error;
+exports.heading = heading;
+exports.logoBlue = logoBlue;
+exports.red = red;

package/dist/config/defaults/entry.client.tsx

@@ -0,0 +1,12 @@
+import { startTransition, StrictMode } from "react";
+import { hydrateRoot } from "react-dom/client";
+import { HydratedRouter } from "react-router";
+
+startTransition(() => {
+  hydrateRoot(
+    document,
+    <StrictMode>
+      <HydratedRouter />
+    </StrictMode>
+  );
+});

package/dist/config/defaults/entry.dev.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => void;
+export default _default;