flamefront 0.1.5 → 0.1.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flamefront",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "private": false,
   "description": "Typed centralized route manifests for Octane.",
   "license": "MIT",
@@ -51,38 +51,38 @@
   },
   "dependencies": {
     "@alloc/cmd-ts": "^0.17.1",
-    "@babel/generator": "^8.0.5",
-    "@babel/parser": "^8.0.5",
-    "@babel/traverse": "^8.0.5",
-    "@babel/types": "^8.0.5",
-    "@remix-run/route-pattern": "^0.24.0",
+    "@babel/generator": "^8.0.6",
+    "@babel/parser": "^8.0.6",
+    "@babel/traverse": "^8.0.6",
+    "@babel/types": "^8.0.6",
+    "@remix-run/route-pattern": "^0.24.1",
     "babel-dead-code-elimination": "^2.0.0",
-    "devalue": "^5.8.2",
+    "devalue": "^6.0.0",
     "satteri": "^0.10.5",
-    "srvx": "^1.0.4",
+    "srvx": "^1.0.5",
     "vite-plugin-satteri": "^0.3.5"
   },
   "devDependencies": {
-    "@octanejs/remix-router": "^0.1.48",
-    "@octanejs/vite-plugin": "^0.1.54",
+    "@octanejs/remix-router": "^0.1.49",
+    "@octanejs/vite-plugin": "^0.1.57",
     "@stylistic/eslint-plugin": "^5.10.0",
-    "@tsrx/prettier-plugin": "^0.3.137",
+    "@tsrx/prettier-plugin": "^0.4.6",
     "@types/babel__generator": "^7.27.0",
     "@types/babel__traverse": "^7.28.0",
-    "@types/node": "^26.5.1",
-    "octane": "^0.2.7",
+    "@types/node": "^26.6.2",
+    "octane": "^0.3.2",
     "oxc-tsrx": "^0.6.1",
-    "oxlint": "^1.82.0",
-    "oxlint-tsgolint": "^7.0.2001",
+    "oxlint": "^1.83.0",
+    "oxlint-tsgolint": "^7.0.2002",
     "playwright": "^1.63.0",
-    "prettier": "^3.9.6",
+    "prettier": "^3.9.8",
     "typescript": "^5.9.3",
     "vite": "^8.3.0",
-    "vitest": "^5.0.0"
+    "vitest": "^5.0.1"
   },
   "peerDependencies": {
-    "@octanejs/remix-router": ">=0.1.48",
-    "octane": ">=0.2.7",
+    "@octanejs/remix-router": ">=0.1.49",
+    "octane": ">=0.3.2",
     "vite": ">=8.3.0"
   }
 }

package/src/action-client.ts

@@ -1,6 +1,7 @@
 import * as devalue from "devalue"
 import { data } from "@octanejs/remix-router"
 import {
+  actionRedirectStatusHeader,
   actionProtocolEnvelope,
   actionResponseInit,
   type ActionEnvelope,
@@ -45,6 +46,19 @@ function isRedirect(response: Response): boolean {
   return response.status >= 300 && response.status < 400
 }
 
+function transportedRedirect(response: Response): Response | undefined {
+  const status = Number(response.headers.get(actionRedirectStatusHeader))
+
+  if (!Number.isInteger(status) || status < 300 || status >= 400) {
+    return undefined
+  }
+
+  const headers = new Headers(response.headers)
+
+  headers.delete(actionRedirectStatusHeader)
+  return new Response(null, { status, headers })
+}
+
 function headersFromEnvelope(envelope: ActionEnvelope): Headers | undefined {
   return envelope.headers.length > 0
     ? new Headers(
@@ -83,6 +97,14 @@ async function decodeActionResponse(
   response: Response,
   options: ActionRequestOptions,
 ): Promise<unknown> {
+  const redirect = transportedRedirect(response)
+
+  if (redirect) {
+    invalidateRouteDataCache()
+    invalidateRouteFragments()
+    throw redirect
+  }
+
   if (isRedirect(response)) {
     invalidateRouteDataCache()
     invalidateRouteFragments()
@@ -157,7 +179,6 @@ export function createActionProxy<
     const response = await globalThis.fetch(endpoint, {
       method: "POST",
       credentials: "same-origin",
-      redirect: "manual",
       headers: {
         "Content-Type": "application/vnd.flamefront.action+devalue",
         Accept: "application/vnd.flamefront.action+devalue",
@@ -178,8 +199,13 @@ export async function submitRouteAction(
 
   url.searchParams.set("__flamefront_action", "1")
   const source = request.clone()
-  const response = await globalThis.fetch(new Request(url, source), {
-    redirect: "manual",
+  const actionRequest = new Request(url, {
+    method: source.method,
+    headers: source.headers,
+    body: await source.blob(),
+    signal: source.signal,
+  })
+  const response = await globalThis.fetch(actionRequest, {
     credentials: "same-origin",
   })
 

package/src/action.ts

@@ -1,5 +1,7 @@
 import * as devalue from "devalue"
 
+export const actionRedirectStatusHeader = "X-Flamefront-Redirect-Status"
+
 /** The structural value returned by the router's `data()` helper. */
 export interface ActionDataWithResponseInit<Data = unknown> {
   readonly type: "DataWithResponseInit"
@@ -339,6 +341,13 @@ function envelopeResponse(envelope: ActionEnvelope): Response {
 /** Encode an action return value or error as a Fetch response. */
 export function actionResultResponse(value: unknown): Response {
   if (value instanceof Response) {
+    if (value.status >= 300 && value.status < 400) {
+      const headers = new Headers(value.headers)
+
+      headers.set(actionRedirectStatusHeader, String(value.status))
+      return new Response(null, { status: 204, headers })
+    }
+
     return value
   }
 

package/src/fragment.tsx

@@ -438,9 +438,9 @@ function createShellBoundary(
       ),
     }
     const shell = (
-      <UNSAFE_RouteContext.Provider value={shellRoute}>
+      <UNSAFE_RouteContext value={shellRoute}>
         <Component {...props} />
-      </UNSAFE_RouteContext.Provider>
+      </UNSAFE_RouteContext>
     )
     const body = shellHydrationBoundary(
       metadata.hydration ?? "full",
@@ -481,13 +481,13 @@ export function createRouteBoundary(
 function createContextBridge(stateRef: {
   readonly current: ContextBridgeState
 }): (props: Record<string, unknown>) => unknown {
-  const DataRouterProvider = UNSAFE_DataRouterContext.Provider
-  const DataRouterStateProvider = UNSAFE_DataRouterStateContext.Provider
-  const FetchersProvider = UNSAFE_FetchersContext.Provider
-  const LocationProvider = UNSAFE_LocationContext.Provider
-  const NavigationProvider = UNSAFE_NavigationContext.Provider
-  const RouteProvider = UNSAFE_RouteContext.Provider
-  const ViewTransitionProvider = UNSAFE_ViewTransitionContext.Provider
+  const DataRouterProvider = UNSAFE_DataRouterContext
+  const DataRouterStateProvider = UNSAFE_DataRouterStateContext
+  const FetchersProvider = UNSAFE_FetchersContext
+  const LocationProvider = UNSAFE_LocationContext
+  const NavigationProvider = UNSAFE_NavigationContext
+  const RouteProvider = UNSAFE_RouteContext
+  const ViewTransitionProvider = UNSAFE_ViewTransitionContext
 
   return () => {
     const { component, contexts } = stateRef.current

package/src/octane-default-renderer.tsx

@@ -97,7 +97,7 @@ export const defaultOctaneRenderer: OctaneRenderer = {
       errors: errorsForBoundary(staticContext, matches),
     }
     const outletRouter = createStaticRouter([outletRoute], outletContext)
-    const FragmentBoundaryProvider = routeFragmentBoundaryTarget.Provider
+    const FragmentBoundaryProvider = routeFragmentBoundaryTarget
     const FragmentRoot = () => (
       <FragmentBoundaryProvider
         value={options?.includeBoundary ? null : boundary}

package/src/octane-router-document.ts

@@ -16,14 +16,14 @@ export const RouterDocument: RouterDocumentComponent = (
   }) => unknown
 
   const content = createElement(
-    routeOutletHtmlContext.Provider,
+    routeOutletHtmlContext,
     { value: props.outletHtml ?? null },
     createElement(Router, { router: props.router }),
   )
 
   return props.documentAssets
     ? createElement(
-        documentAssetsContext.Provider,
+        documentAssetsContext,
         { value: props.documentAssets },
         content,
       )

package/src/vite.ts

@@ -820,10 +820,15 @@ export function flamefront(options: FlamefrontOptions = {}) {
       transformOptions?: TransformOptions,
     ) {
       const context = this as Pick<PluginContext, "environment">
+      const moduleId = cleanModuleId(id)
+
+      if (moduleId.endsWith(".md") || moduleId.endsWith(".mdx")) {
+        return null
+      }
 
       if (
         isServerEnvironment(context, transformOptions) &&
-        !cleanModuleId(id).endsWith(".tsrx") &&
+        !moduleId.endsWith(".tsrx") &&
         source.includes("action") &&
         /flamefront(?:\/server)?["']/.test(source)
       ) {
@@ -838,7 +843,7 @@ export function flamefront(options: FlamefrontOptions = {}) {
       }
 
       if (
-        !cleanModuleId(id).endsWith(".tsrx") &&
+        !moduleId.endsWith(".tsrx") &&
         source.includes("action") &&
         /flamefront(?:\/server)?["']/.test(source)
       ) {
@@ -1134,7 +1139,13 @@ export function flamefront(options: FlamefrontOptions = {}) {
         return null
       }
 
-      if (!(await loadRouteModuleIds()).has(cleanModuleId(id))) {
+      const moduleId = cleanModuleId(id)
+
+      if (moduleId.endsWith(".md") || moduleId.endsWith(".mdx")) {
+        return null
+      }
+
+      if (!(await loadRouteModuleIds()).has(moduleId)) {
         return null
       }