Use stable Remix create commands on homepage

Author: brophdawg11

app/actions/public/remix-landing/components/create-remix-command.test.browser.tsx

@@ -28,12 +28,12 @@ describe("CreateRemixCommand", () => {
 
     await chooseRunner(result, "pnpm");
     expect(result.container.querySelector("code")?.textContent).toBe(
-      `pnpm dlx remix@next new ${landingContent.projectDirectory}`,
+      `pnpm dlx remix new ${landingContent.projectDirectory}`,
     );
 
     await result.act(() => getCopyButton(result.container).click());
     expect(copiedText).toBe(
-      `pnpm dlx remix@next new ${landingContent.projectDirectory}`,
+      `pnpm dlx remix new ${landingContent.projectDirectory}`,
     );
   });
 
@@ -53,9 +53,7 @@ describe("CreateRemixCommand", () => {
 
     let copyButton = getCopyButton(result.container);
     await result.act(() => copyButton.click());
-    expect(copiedText).toBe(
-      `npx remix@next new ${landingContent.projectDirectory}`,
-    );
+    expect(copiedText).toBe(`npx remix new ${landingContent.projectDirectory}`);
 
     await result.act(() => getRunnerButton(result.container).click());
     await chooseRunner(result, "pnpm");
@@ -65,7 +63,7 @@ describe("CreateRemixCommand", () => {
     });
 
     expect(result.container.querySelector("code")?.textContent).toBe(
-      `pnpm dlx remix@next new ${landingContent.projectDirectory}`,
+      `pnpm dlx remix new ${landingContent.projectDirectory}`,
     );
     expect(copyButton.dataset.copyStatus).toBe("idle");
     expect(result.container.querySelector('[role="status"]')?.textContent).toBe(

app/actions/public/remix-landing/components/landing-nav.test.browser.tsx

@@ -111,7 +111,7 @@ describe("LandingNav", () => {
     });
 
     expect(result.container.querySelector("code")?.textContent).toBe(
-      `bunx remix@next new ${landingContent.projectDirectory}`,
+      `bunx remix new ${landingContent.projectDirectory}`,
     );
     expect(onJump).not.toHaveBeenCalled();
   });

app/actions/public/remix-landing/landing-content.ts

@@ -134,30 +134,30 @@ export const packageRunners = [
     value: "npm",
     label: "npm",
     icon: "/landing/package-runner-npm.svg",
-    command: `npx remix@next new ${landingContent.projectDirectory}`,
+    command: `npx remix new ${landingContent.projectDirectory}`,
   },
   {
     value: "pnpm",
     label: "pnpm",
     icon: "/landing/package-runner-pnpm.svg",
-    command: `pnpm dlx remix@next new ${landingContent.projectDirectory}`,
+    command: `pnpm dlx remix new ${landingContent.projectDirectory}`,
   },
   {
     value: "yarn",
     label: "Yarn",
     icon: "/landing/package-runner-yarn.svg",
-    command: `yarn dlx remix@next new ${landingContent.projectDirectory}`,
+    command: `yarn dlx remix new ${landingContent.projectDirectory}`,
   },
   {
     value: "bun",
     label: "Bun",
     icon: "/landing/package-runner-bun.svg",
-    command: `bunx remix@next new ${landingContent.projectDirectory}`,
+    command: `bunx remix new ${landingContent.projectDirectory}`,
   },
   {
     value: "deno",
     label: "Deno",
     icon: "/landing/package-runner-deno.svg",
-    command: `deno run -A npm:remix@next new ${landingContent.projectDirectory}`,
+    command: `deno run -A npm:remix new ${landingContent.projectDirectory}`,
   },
 ] as const;

test/home.test.e2e.ts

@@ -191,9 +191,9 @@ describe("Home", () => {
     await expect(trigger).toContainText("Bun");
     await expect(
       page.locator("code").filter({
-        hasText: `bunx remix@next new ${landingContent.projectDirectory}`,
+        hasText: `bunx remix new ${landingContent.projectDirectory}`,
       }),
-    ).toHaveText(`bunx remix@next new ${landingContent.projectDirectory}`);
+    ).toHaveText(`bunx remix new ${landingContent.projectDirectory}`);
     await expect(page).toHaveURL(new RegExp(`${routes.home.href()}$`));
   });