refactor: use native Response.redirect method (#2943)

Here switched from remix redirect method to native Response.redirect
available in all platforms.

fixtures/webstudio-custom-template/app/routes/[hello]._index.ts

@@ -1,5 +1,3 @@
-import { type LoaderArgs, redirect } from "@remix-run/server-runtime";
-
-export const loader = (arg: LoaderArgs) => {
-  return redirect("/world", 301);
+export const loader = () => {
+  return Response.redirect("/world", 301);
 };

fixtures/webstudio-custom-template/app/routes/[script-test]._index.tsx

@@ -6,7 +6,6 @@ import {
   type ActionArgs,
   type LoaderArgs,
   json,
-  redirect,
 } from "@remix-run/server-runtime";
 import { useLoaderData } from "@remix-run/react";
 import type { ProjectMeta } from "@webstudio-is/sdk";
@@ -43,7 +42,7 @@ export const loader = async (arg: LoaderArgs) => {
       pageMeta.status === 301 || pageMeta.status === 302
         ? pageMeta.status
         : 302;
-    return redirect(pageMeta.redirect, status);
+    return Response.redirect(pageMeta.redirect, status);
   }
 
   const host =

fixtures/webstudio-custom-template/app/routes/[world]._index.tsx

@@ -6,7 +6,6 @@ import {
   type ActionArgs,
   type LoaderArgs,
   json,
-  redirect,
 } from "@remix-run/server-runtime";
 import { useLoaderData } from "@remix-run/react";
 import type { ProjectMeta } from "@webstudio-is/sdk";
@@ -43,7 +42,7 @@ export const loader = async (arg: LoaderArgs) => {
       pageMeta.status === 301 || pageMeta.status === 302
         ? pageMeta.status
         : 302;
-    return redirect(pageMeta.redirect, status);
+    return Response.redirect(pageMeta.redirect, status);
   }
 
   const host =

fixtures/webstudio-custom-template/app/routes/_index.tsx

@@ -6,7 +6,6 @@ import {
   type ActionArgs,
   type LoaderArgs,
   json,
-  redirect,
 } from "@remix-run/server-runtime";
 import { useLoaderData } from "@remix-run/react";
 import type { ProjectMeta } from "@webstudio-is/sdk";
@@ -43,7 +42,7 @@ export const loader = async (arg: LoaderArgs) => {
       pageMeta.status === 301 || pageMeta.status === 302
         ? pageMeta.status
         : 302;
-    return redirect(pageMeta.redirect, status);
+    return Response.redirect(pageMeta.redirect, status);
   }
 
   const host =

fixtures/webstudio-remix-netlify-edge-functions/app/routes/_index.tsx

@@ -6,7 +6,6 @@ import {
   type ActionArgs,
   type LoaderArgs,
   json,
-  redirect,
 } from "@remix-run/server-runtime";
 import { useLoaderData } from "@remix-run/react";
 import type { ProjectMeta } from "@webstudio-is/sdk";
@@ -43,7 +42,7 @@ export const loader = async (arg: LoaderArgs) => {
       pageMeta.status === 301 || pageMeta.status === 302
         ? pageMeta.status
         : 302;
-    return redirect(pageMeta.redirect, status);
+    return Response.redirect(pageMeta.redirect, status);
   }
 
   const host =

fixtures/webstudio-remix-netlify-functions/app/routes/_index.tsx

@@ -6,7 +6,6 @@ import {
   type ActionArgs,
   type LoaderArgs,
   json,
-  redirect,
 } from "@remix-run/server-runtime";
 import { useLoaderData } from "@remix-run/react";
 import type { ProjectMeta } from "@webstudio-is/sdk";
@@ -43,7 +42,7 @@ export const loader = async (arg: LoaderArgs) => {
       pageMeta.status === 301 || pageMeta.status === 302
         ? pageMeta.status
         : 302;
-    return redirect(pageMeta.redirect, status);
+    return Response.redirect(pageMeta.redirect, status);
   }
 
   const host =

fixtures/webstudio-remix-vercel/app/routes/[_route_with_symbols_]._index.tsx

@@ -6,7 +6,6 @@ import {
   type ActionArgs,
   type LoaderArgs,
   json,
-  redirect,
 } from "@remix-run/server-runtime";
 import { useLoaderData } from "@remix-run/react";
 import type { ProjectMeta } from "@webstudio-is/sdk";
@@ -43,7 +42,7 @@ export const loader = async (arg: LoaderArgs) => {
       pageMeta.status === 301 || pageMeta.status === 302
         ? pageMeta.status
         : 302;
-    return redirect(pageMeta.redirect, status);
+    return Response.redirect(pageMeta.redirect, status);
   }
 
   const host =

fixtures/webstudio-remix-vercel/app/routes/[form]._index.tsx

@@ -6,7 +6,6 @@ import {
   type ActionArgs,
   type LoaderArgs,
   json,
-  redirect,
 } from "@remix-run/server-runtime";
 import { useLoaderData } from "@remix-run/react";
 import type { ProjectMeta } from "@webstudio-is/sdk";
@@ -43,7 +42,7 @@ export const loader = async (arg: LoaderArgs) => {
       pageMeta.status === 301 || pageMeta.status === 302
         ? pageMeta.status
         : 302;
-    return redirect(pageMeta.redirect, status);
+    return Response.redirect(pageMeta.redirect, status);
   }
 
   const host =

fixtures/webstudio-remix-vercel/app/routes/[heading-with-id]._index.tsx

@@ -6,7 +6,6 @@ import {
   type ActionArgs,
   type LoaderArgs,
   json,
-  redirect,
 } from "@remix-run/server-runtime";
 import { useLoaderData } from "@remix-run/react";
 import type { ProjectMeta } from "@webstudio-is/sdk";
@@ -43,7 +42,7 @@ export const loader = async (arg: LoaderArgs) => {
       pageMeta.status === 301 || pageMeta.status === 302
         ? pageMeta.status
         : 302;
-    return redirect(pageMeta.redirect, status);
+    return Response.redirect(pageMeta.redirect, status);
   }
 
   const host =

fixtures/webstudio-remix-vercel/app/routes/[nested].[nested-page]._index.tsx

@@ -6,7 +6,6 @@ import {
   type ActionArgs,
   type LoaderArgs,
   json,
-  redirect,
 } from "@remix-run/server-runtime";
 import { useLoaderData } from "@remix-run/react";
 import type { ProjectMeta } from "@webstudio-is/sdk";
@@ -43,7 +42,7 @@ export const loader = async (arg: LoaderArgs) => {
       pageMeta.status === 301 || pageMeta.status === 302
         ? pageMeta.status
         : 302;
-    return redirect(pageMeta.redirect, status);
+    return Response.redirect(pageMeta.redirect, status);
   }
 
   const host =

fixtures/webstudio-remix-vercel/app/routes/[radix]._index.tsx

@@ -6,7 +6,6 @@ import {
   type ActionArgs,
   type LoaderArgs,
   json,
-  redirect,
 } from "@remix-run/server-runtime";
 import { useLoaderData } from "@remix-run/react";
 import type { ProjectMeta } from "@webstudio-is/sdk";
@@ -43,7 +42,7 @@ export const loader = async (arg: LoaderArgs) => {
       pageMeta.status === 301 || pageMeta.status === 302
         ? pageMeta.status
         : 302;
-    return redirect(pageMeta.redirect, status);
+    return Response.redirect(pageMeta.redirect, status);
   }
 
   const host =

fixtures/webstudio-remix-vercel/app/routes/[resources]._index.tsx

@@ -6,7 +6,6 @@ import {
   type ActionArgs,
   type LoaderArgs,
   json,
-  redirect,
 } from "@remix-run/server-runtime";
 import { useLoaderData } from "@remix-run/react";
 import type { ProjectMeta } from "@webstudio-is/sdk";
@@ -43,7 +42,7 @@ export const loader = async (arg: LoaderArgs) => {
       pageMeta.status === 301 || pageMeta.status === 302
         ? pageMeta.status
         : 302;
-    return redirect(pageMeta.redirect, status);
+    return Response.redirect(pageMeta.redirect, status);
   }
 
   const host =

fixtures/webstudio-remix-vercel/app/routes/_index.tsx

@@ -6,7 +6,6 @@ import {
   type ActionArgs,
   type LoaderArgs,
   json,
-  redirect,
 } from "@remix-run/server-runtime";
 import { useLoaderData } from "@remix-run/react";
 import type { ProjectMeta } from "@webstudio-is/sdk";
@@ -43,7 +42,7 @@ export const loader = async (arg: LoaderArgs) => {
       pageMeta.status === 301 || pageMeta.status === 302
         ? pageMeta.status
         : 302;
-    return redirect(pageMeta.redirect, status);
+    return Response.redirect(pageMeta.redirect, status);
   }
 
   const host =

packages/cli/src/prebuild.ts

@@ -711,14 +711,10 @@ ${utilsExport}
     for (const redirect of redirects) {
       const redirectPagePath = generateRemixRoute(redirect.old);
       const redirectFileName = `${redirectPagePath}.ts`;
-
-      const content = `import { type LoaderArgs, redirect } from "@remix-run/server-runtime";
-
-export const loader = (arg: LoaderArgs) => {
-  return redirect("${redirect.new}", ${redirect.status ?? 301});
+      const content = `export const loader = () => {
+  return Response.redirect("${redirect.new}", ${redirect.status ?? 301});
 };
 `;
-
       await ensureFileInPath(join(routesDir, redirectFileName), content);
     }
   }

packages/cli/templates/defaults/__templates__/route-template.tsx

@@ -6,7 +6,6 @@ import {
   type ActionArgs,
   type LoaderArgs,
   json,
-  redirect,
 } from "@remix-run/server-runtime";
 import { useLoaderData } from "@remix-run/react";
 import type { ProjectMeta } from "@webstudio-is/sdk";
@@ -43,7 +42,7 @@ export const loader = async (arg: LoaderArgs) => {
       pageMeta.status === 301 || pageMeta.status === 302
         ? pageMeta.status
         : 302;
-    return redirect(pageMeta.redirect, status);
+    return Response.redirect(pageMeta.redirect, status);
   }
 
   const host =