Remove remix root index.ts file and add fetch-router routes export (#11037)

brophdawg11 · remix-run-bot · web-flow · commit 6026bc5675d2 · 2026-02-05T20:17:45.000-08:00
Co-authored-by: Remix Run Bot &lt;hello@remix.run&gt;
diff --git a/demos/bookstore/app/account.tsx b/demos/bookstore/app/account.tsx
@@ -1,5 +1,5 @@
-import type { Controller } from 'remix'
-import { redirect } from 'remix'
+import type { Controller } from 'remix/fetch-router'
+import { redirect } from 'remix/response/redirect'
 
 import { routes } from './routes.ts'
 import { Layout } from './layout.tsx'
diff --git a/demos/bookstore/app/admin.books.tsx b/demos/bookstore/app/admin.books.tsx
@@ -1,5 +1,5 @@
-import type { Controller } from 'remix'
-import { redirect } from 'remix'
+import type { Controller } from 'remix/fetch-router'
+import { redirect } from 'remix/response/redirect'
 
 import { routes } from './routes.ts'
 import { getAllBooks, getBookById, createBook, updateBook, deleteBook } from './models/books.ts'
diff --git a/demos/bookstore/app/admin.orders.tsx b/demos/bookstore/app/admin.orders.tsx
@@ -1,4 +1,4 @@
-import type { Controller } from 'remix'
+import type { Controller } from 'remix/fetch-router'
 
 import { routes } from './routes.ts'
 import { getAllOrders, getOrderById } from './models/orders.ts'
diff --git a/demos/bookstore/app/admin.tsx b/demos/bookstore/app/admin.tsx
@@ -1,4 +1,4 @@
-import type { Controller } from 'remix'
+import type { Controller } from 'remix/fetch-router'
 
 import { routes } from './routes.ts'
 import { Layout } from './layout.tsx'
diff --git a/demos/bookstore/app/admin.users.tsx b/demos/bookstore/app/admin.users.tsx
@@ -1,5 +1,5 @@
-import type { Controller } from 'remix'
-import { redirect } from 'remix'
+import type { Controller } from 'remix/fetch-router'
+import { redirect } from 'remix/response/redirect'
 
 import { routes } from './routes.ts'
 import { getAllUsers, getUserById, updateUser, deleteUser } from './models/users.ts'
diff --git a/demos/bookstore/app/auth.tsx b/demos/bookstore/app/auth.tsx
@@ -1,5 +1,5 @@
-import type { Controller } from 'remix'
-import { redirect } from 'remix'
+import type { Controller } from 'remix/fetch-router'
+import { redirect } from 'remix/response/redirect'
 
 import { routes } from './routes.ts'
 import {
diff --git a/demos/bookstore/app/books.tsx b/demos/bookstore/app/books.tsx
@@ -1,4 +1,4 @@
-import type { Controller } from 'remix'
+import type { Controller } from 'remix/fetch-router'
 
 import { routes } from './routes.ts'
 import { getAllBooks, getBookBySlug, getBooksByGenre, getAvailableGenres } from './models/books.ts'
diff --git a/demos/bookstore/app/cart.tsx b/demos/bookstore/app/cart.tsx
@@ -1,5 +1,5 @@
-import type { Controller } from 'remix'
-import { redirect } from 'remix'
+import type { Controller } from 'remix/fetch-router'
+import { redirect } from 'remix/response/redirect'
 
 import { routes } from './routes.ts'
 
diff --git a/demos/bookstore/app/checkout.tsx b/demos/bookstore/app/checkout.tsx
@@ -1,5 +1,5 @@
-import type { Controller } from 'remix'
-import { redirect } from 'remix'
+import type { Controller } from 'remix/fetch-router'
+import { redirect } from 'remix/response/redirect'
 
 import { routes } from './routes.ts'
 import { requireAuth } from './middleware/auth.ts'
diff --git a/demos/bookstore/app/marketing.tsx b/demos/bookstore/app/marketing.tsx
@@ -1,4 +1,4 @@
-import type { BuildAction, Controller } from 'remix'
+import type { BuildAction, Controller } from 'remix/fetch-router'
 
 import { routes } from './routes.ts'
 import { BookCard } from './components/book-card.tsx'
diff --git a/demos/bookstore/app/middleware/admin.ts b/demos/bookstore/app/middleware/admin.ts
@@ -1,4 +1,4 @@
-import type { Middleware } from 'remix'
+import type { Middleware } from 'remix/fetch-router'
 
 import { getCurrentUser } from '../utils/context.ts'
 
diff --git a/demos/bookstore/app/middleware/auth.ts b/demos/bookstore/app/middleware/auth.ts
@@ -1,5 +1,6 @@
-import type { Middleware, Route } from 'remix'
-import { redirect } from 'remix'
+import type { Middleware } from 'remix/fetch-router'
+import type { Route } from 'remix/fetch-router/routes'
+import { redirect } from 'remix/response/redirect'
 
 import { routes } from '../routes.ts'
 import { getUserById } from '../models/users.ts'
diff --git a/demos/bookstore/app/router.ts b/demos/bookstore/app/router.ts
@@ -1,4 +1,4 @@
-import { createRouter } from 'remix'
+import { createRouter } from 'remix/fetch-router'
 import { asyncContext } from 'remix/async-context-middleware'
 import { compression } from 'remix/compression-middleware'
 import { formData } from 'remix/form-data-middleware'
diff --git a/demos/bookstore/app/routes.ts b/demos/bookstore/app/routes.ts
@@ -1,4 +1,4 @@
-import { del, get, post, put, route, form, resources } from 'remix'
+import { del, get, post, put, route, form, resources } from 'remix/fetch-router/routes'
 
 export let routes = route({
   assets: '/assets/*path',
diff --git a/demos/bookstore/app/uploads.tsx b/demos/bookstore/app/uploads.tsx
@@ -1,5 +1,5 @@
-import type { BuildAction } from 'remix'
-import { createFileResponse as sendFile } from 'remix'
+import type { BuildAction } from 'remix/fetch-router'
+import { createFileResponse as sendFile } from 'remix/response/file'
 
 import type { routes } from './routes.ts'
 import { uploadsStorage } from './utils/uploads.ts'
diff --git a/demos/bookstore/app/utils/context.ts b/demos/bookstore/app/utils/context.ts
@@ -1,4 +1,4 @@
-import { createStorageKey } from 'remix'
+import { createStorageKey } from 'remix/fetch-router'
 import { getContext } from 'remix/async-context-middleware'
 
 import { type Cart, getCart } from '../models/cart.ts'
diff --git a/demos/bookstore/app/utils/render.ts b/demos/bookstore/app/utils/render.ts
@@ -1,6 +1,6 @@
 import type { RemixNode } from 'remix/component'
 import { renderToString } from 'remix/component/server'
-import { createHtmlResponse } from 'remix'
+import { createHtmlResponse } from 'remix/response/html'
 
 export async function render(node: RemixNode, init?: ResponseInit) {
   let html = await renderToString(node)
diff --git a/demos/bookstore/app/utils/session.ts b/demos/bookstore/app/utils/session.ts
@@ -1,6 +1,6 @@
 import * as path from 'node:path'
 import { fileURLToPath } from 'node:url'
-import { createCookie } from 'remix'
+import { createCookie } from 'remix/cookie'
 import { createFsSessionStorage } from 'remix/session/fs-storage'
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url))
diff --git a/demos/bookstore/test/helpers.ts b/demos/bookstore/test/helpers.ts
@@ -1,4 +1,4 @@
-import { SetCookie, CookieHeader as Cookie } from 'remix'
+import { SetCookie, Cookie } from 'remix/headers'
 
 /**
  * Extract a specific cookie value from Set-Cookie headers
diff --git a/demos/sse/app/router.tsx b/demos/sse/app/router.tsx
@@ -1,4 +1,4 @@
-import { createRouter } from 'remix'
+import { createRouter } from 'remix/fetch-router'
 import { compression } from 'remix/compression-middleware'
 import { logger } from 'remix/logger-middleware'
 import { staticFiles } from 'remix/static-middleware'
diff --git a/demos/sse/app/routes.ts b/demos/sse/app/routes.ts
@@ -1,4 +1,4 @@
-import { get, route } from 'remix'
+import { get, route } from 'remix/fetch-router/routes'
 
 export let routes = route({
   assets: '/assets/*path',
diff --git a/demos/sse/app/utils/render.ts b/demos/sse/app/utils/render.ts
@@ -1,6 +1,6 @@
 import type { Remix } from '@remix-run/dom'
 import { renderToStream } from '@remix-run/dom/server'
-import { createHtmlResponse } from 'remix'
+import { createHtmlResponse } from 'remix/response/html'
 
 export function render(element: Remix.RemixElement, init?: ResponseInit) {
   return createHtmlResponse(renderToStream(element), init)
diff --git a/demos/unpkg/app/router.ts b/demos/unpkg/app/router.ts
@@ -1,4 +1,5 @@
-import { createRouter, createRedirectResponse as redirect } from 'remix'
+import { createRouter } from 'remix/fetch-router'
+import { createRedirectResponse as redirect } from 'remix/response/redirect'
 
 import { routes } from './routes.ts'
 import { renderFileContent } from './file-content.ts'
diff --git a/demos/unpkg/app/routes.ts b/demos/unpkg/app/routes.ts
@@ -1,4 +1,4 @@
-import { get, route } from 'remix'
+import { get, route } from 'remix/fetch-router/routes'
 
 export let routes = route({
   // Home page with instructions
diff --git a/demos/unpkg/app/utils/render.ts b/demos/unpkg/app/utils/render.ts
@@ -1,4 +1,5 @@
-import { html, type SafeHtml, createHtmlResponse } from 'remix'
+import { html, type SafeHtml } from 'remix/html-template'
+import { createHtmlResponse } from 'remix/response/html'
 
 export { html }
 
diff --git a/packages/async-context-middleware/src/lib/async-context.test.ts b/packages/async-context-middleware/src/lib/async-context.test.ts
@@ -1,7 +1,8 @@
 import * as assert from 'node:assert/strict'
 import { describe, it } from 'node:test'
 
-import { createRouter, route } from '@remix-run/fetch-router'
+import { createRouter } from '@remix-run/fetch-router'
+import { route } from '@remix-run/fetch-router/routes'
 
 import { asyncContext, getContext } from './async-context.ts'
 
diff --git a/packages/fetch-router/.changes/minor.routes-export.md b/packages/fetch-router/.changes/minor.routes-export.md
@@ -0,0 +1,3 @@
+Added a new `@remix-run/fetch-router/routes` export exporting route creation utilities
+
+This has been decoupled from the main `@remix-run/fetch-router` exports so that it can be used by application `routes.ts` files intended to be loaded by the client, without pulling in server-side-specific underlying packages such as `@remix-run/session`.
diff --git a/packages/fetch-router/demos/bun/app/routes.ts b/packages/fetch-router/demos/bun/app/routes.ts
@@ -1,4 +1,4 @@
-import { route, form, resources } from '@remix-run/fetch-router'
+import { route, form, resources } from '@remix-run/fetch-router/routes'
 
 export let routes = route({
   home: '/',
diff --git a/packages/fetch-router/demos/cf-workers/app/routes.ts b/packages/fetch-router/demos/cf-workers/app/routes.ts
@@ -1,4 +1,4 @@
-import { route, form, resources } from '@remix-run/fetch-router'
+import { route, form, resources } from '@remix-run/fetch-router/routes'
 
 export let routes = route({
   home: '/',
diff --git a/packages/fetch-router/demos/node/app/routes.ts b/packages/fetch-router/demos/node/app/routes.ts
@@ -1,4 +1,4 @@
-import { route, form, resources } from '@remix-run/fetch-router'
+import { route, form, resources } from '@remix-run/fetch-router/routes'
 
 export let routes = route({
   home: '/',
diff --git a/packages/fetch-router/package.json b/packages/fetch-router/package.json
@@ -21,6 +21,7 @@
   "type": "module",
   "exports": {
     ".": "./src/index.ts",
+    "./routes": "./src/routes.ts",
     "./package.json": "./package.json"
   },
   "publishConfig": {
@@ -29,6 +30,10 @@
         "types": "./dist/index.d.ts",
         "default": "./dist/index.js"
       },
+      "./routes": {
+        "types": "./dist/routes.d.ts",
+        "default": "./dist/routes.js"
+      },
       "./package.json": "./package.json"
     }
   },
diff --git a/packages/fetch-router/src/index.ts b/packages/fetch-router/src/index.ts
@@ -10,49 +10,5 @@ export { RequestContext } from './lib/request-context.ts'
 export { RequestMethods } from './lib/request-methods.ts'
 export type { RequestMethod } from './lib/request-methods.ts'
 
-export {
-  Route,
-  createRoutes,
-  createRoutes as route, // shorthand
-} from './lib/route-map.ts'
-export type { BuildRoute, RouteMap, RouteDefs, RouteDef } from './lib/route-map.ts'
-
 export { createRouter } from './lib/router.ts'
 export type { MatchData, Router, RouterOptions } from './lib/router.ts'
-
-// Route helpers
-
-export {
-  createDeleteRoute,
-  createDeleteRoute as del, // shorthand
-  createGetRoute,
-  createGetRoute as get, // shorthand
-  createHeadRoute,
-  createHeadRoute as head, // shorthand
-  createOptionsRoute,
-  createOptionsRoute as options, // shorthand
-  createPatchRoute,
-  createPatchRoute as patch, // shorthand
-  createPostRoute,
-  createPostRoute as post, // shorthand
-  createPutRoute,
-  createPutRoute as put, // shorthand
-} from './lib/route-helpers/method.ts'
-
-export {
-  createFormRoutes,
-  createFormRoutes as form, // shorthand
-} from './lib/route-helpers/form.ts'
-export type { FormOptions } from './lib/route-helpers/form.ts'
-
-export {
-  createResourceRoutes,
-  createResourceRoutes as resource, // shorthand
-} from './lib/route-helpers/resource.ts'
-export type { ResourceMethod, ResourceOptions } from './lib/route-helpers/resource.ts'
-
-export {
-  createResourcesRoutes,
-  createResourcesRoutes as resources, // shorthand
-} from './lib/route-helpers/resources.ts'
-export type { ResourcesMethod, ResourcesOptions } from './lib/route-helpers/resources.ts'
diff --git a/packages/fetch-router/src/routes.ts b/packages/fetch-router/src/routes.ts
@@ -0,0 +1,42 @@
+export {
+  Route,
+  createRoutes,
+  createRoutes as route, // shorthand
+} from './lib/route-map.ts'
+export type { BuildRoute, RouteMap, RouteDefs, RouteDef } from './lib/route-map.ts'
+
+// Route helpers
+export {
+  createDeleteRoute,
+  createDeleteRoute as del, // shorthand
+  createGetRoute,
+  createGetRoute as get, // shorthand
+  createHeadRoute,
+  createHeadRoute as head, // shorthand
+  createOptionsRoute,
+  createOptionsRoute as options, // shorthand
+  createPatchRoute,
+  createPatchRoute as patch, // shorthand
+  createPostRoute,
+  createPostRoute as post, // shorthand
+  createPutRoute,
+  createPutRoute as put, // shorthand
+} from './lib/route-helpers/method.ts'
+
+export {
+  createFormRoutes,
+  createFormRoutes as form, // shorthand
+} from './lib/route-helpers/form.ts'
+export type { FormOptions } from './lib/route-helpers/form.ts'
+
+export {
+  createResourceRoutes,
+  createResourceRoutes as resource, // shorthand
+} from './lib/route-helpers/resource.ts'
+export type { ResourceMethod, ResourceOptions } from './lib/route-helpers/resource.ts'
+
+export {
+  createResourcesRoutes,
+  createResourcesRoutes as resources, // shorthand
+} from './lib/route-helpers/resources.ts'
+export type { ResourcesMethod, ResourcesOptions } from './lib/route-helpers/resources.ts'
diff --git a/packages/logger-middleware/src/lib/logger.test.ts b/packages/logger-middleware/src/lib/logger.test.ts
@@ -1,7 +1,8 @@
 import * as assert from 'node:assert/strict'
 import { describe, it } from 'node:test'
 
-import { createRouter, route } from '@remix-run/fetch-router'
+import { createRouter } from '@remix-run/fetch-router'
+import { route } from '@remix-run/fetch-router/routes'
 
 import { logger } from './logger.ts'
 
diff --git a/packages/remix/.changes/minor.remix.update-exports-1770321568296.md b/packages/remix/.changes/minor.remix.update-exports-1770321568296.md
@@ -0,0 +1,2 @@
+Added `package.json` `exports`:
+ - `remix/fetch-router/routes` to re-export APIs from `@remix-run/fetch-router/routes`
diff --git a/packages/remix/.changes/minor.remove-root-exports.md b/packages/remix/.changes/minor.remove-root-exports.md
@@ -0,0 +1 @@
+Remove the root export from the `remix` package so you will no longer import anything from `remix` and will instead always import from a sub-path such as `remix/fetch-router` or `remix/component`
diff --git a/packages/remix/package.json b/packages/remix/package.json
@@ -18,7 +18,6 @@
   ],
   "type": "module",
   "exports": {
-    ".": "./src/index.ts",
     "./async-context-middleware": "./src/lib/async-context-middleware.ts",
     "./component": "./src/lib/component.ts",
     "./component/jsx-dev-runtime": "./src/lib/component/jsx-dev-runtime.ts",
@@ -28,6 +27,7 @@
     "./cookie": "./src/lib/cookie.ts",
     "./fetch-proxy": "./src/lib/fetch-proxy.ts",
     "./fetch-router": "./src/lib/fetch-router.ts",
+    "./fetch-router/routes": "./src/lib/fetch-router/routes.ts",
     "./file-storage": "./src/lib/file-storage.ts",
     "./file-storage/fs": "./src/lib/file-storage/fs.ts",
     "./file-storage/memory": "./src/lib/file-storage/memory.ts",
@@ -65,10 +65,6 @@
   },
   "publishConfig": {
     "exports": {
-      ".": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
-      },
       "./async-context-middleware": {
         "types": "./dist/lib/async-context-middleware.d.ts",
         "default": "./dist/lib/async-context-middleware.js"
@@ -105,6 +101,10 @@
         "types": "./dist/lib/fetch-router.d.ts",
         "default": "./dist/lib/fetch-router.js"
       },
+      "./fetch-router/routes": {
+        "types": "./dist/lib/fetch-router/routes.d.ts",
+        "default": "./dist/lib/fetch-router/routes.js"
+      },
       "./file-storage": {
         "types": "./dist/lib/file-storage.d.ts",
         "default": "./dist/lib/file-storage.js"
diff --git a/packages/remix/src/index.ts b/packages/remix/src/index.ts
diff --git a/packages/remix/src/lib/fetch-router/routes.ts b/packages/remix/src/lib/fetch-router/routes.ts
diff --git a/scripts/generate-remix.ts b/scripts/generate-remix.ts

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import type { Controller } from 'remix'`
	`1`	`+import type { Controller } from 'remix/fetch-router'`
`2`	`2`
`3`	`3`	`import { routes } from './routes.ts'`
`4`	`4`	`import { getAllOrders, getOrderById } from './models/orders.ts'`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import type { BuildAction, Controller } from 'remix'`
	`1`	`+import type { BuildAction, Controller } from 'remix/fetch-router'`
`2`	`2`
`3`	`3`	`import { routes } from './routes.ts'`
`4`	`4`	`import { BookCard } from './components/book-card.tsx'`