From 752ccc080db415187fb6e70e967596d7a926739a Mon Sep 17 00:00:00 2001
From: itsMapleLeaf <19603573+itsMapleLeaf@users.noreply.github.com>
Date: Fri, 22 Apr 2022 23:50:01 -0500
Subject: [PATCH] update remix imports + format
---
.prettierignore | 1 +
packages/website/app/entry.client.tsx | 6 +++---
packages/website/app/entry.server.tsx | 18 +++++++++---------
.../app/modules/navigation/app-link.tsx | 2 +-
packages/website/app/root.tsx | 8 ++++++--
packages/website/app/routes/guides.tsx | 2 +-
packages/website/cypress/support/index.js | 2 +-
packages/website/package.json | 4 ++--
8 files changed, 24 insertions(+), 19 deletions(-)
diff --git a/.prettierignore b/.prettierignore
index cf6718a..6db67ba 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -4,3 +4,4 @@ coverage
pnpm-lock.yaml
build
.cache
+packages/website/public/api
diff --git a/packages/website/app/entry.client.tsx b/packages/website/app/entry.client.tsx
index a19979b..596d785 100644
--- a/packages/website/app/entry.client.tsx
+++ b/packages/website/app/entry.client.tsx
@@ -1,4 +1,4 @@
-import { hydrate } from "react-dom";
-import { RemixBrowser } from "remix";
+import { hydrate } from "react-dom"
+import { RemixBrowser } from "@remix-run/react"
-hydrate(, document);
+hydrate(, document)
diff --git a/packages/website/app/entry.server.tsx b/packages/website/app/entry.server.tsx
index 9749895..309eee8 100644
--- a/packages/website/app/entry.server.tsx
+++ b/packages/website/app/entry.server.tsx
@@ -1,21 +1,21 @@
-import { renderToString } from "react-dom/server";
-import { RemixServer } from "remix";
-import type { EntryContext } from "remix";
+import { renderToString } from "react-dom/server"
+import type { EntryContext } from "@remix-run/node"
+import { RemixServer } from "@remix-run/react"
export default function handleRequest(
request: Request,
responseStatusCode: number,
responseHeaders: Headers,
- remixContext: EntryContext
+ remixContext: EntryContext,
) {
const markup = renderToString(
-
- );
+ ,
+ )
- responseHeaders.set("Content-Type", "text/html");
+ responseHeaders.set("Content-Type", "text/html")
return new Response("" + markup, {
status: responseStatusCode,
- headers: responseHeaders
- });
+ headers: responseHeaders,
+ })
}
diff --git a/packages/website/app/modules/navigation/app-link.tsx b/packages/website/app/modules/navigation/app-link.tsx
index 78cad04..2468393 100644
--- a/packages/website/app/modules/navigation/app-link.tsx
+++ b/packages/website/app/modules/navigation/app-link.tsx
@@ -1,5 +1,5 @@
import type { ComponentPropsWithoutRef } from "react"
-import { Link } from "remix"
+import { Link } from "@remix-run/react"
import { ExternalLink } from "~/modules/dom/external-link"
export type AppLinkProps = ComponentPropsWithoutRef<"a"> & {
diff --git a/packages/website/app/root.tsx b/packages/website/app/root.tsx
index 25d7a4e..7a33c5e 100644
--- a/packages/website/app/root.tsx
+++ b/packages/website/app/root.tsx
@@ -1,5 +1,9 @@
import packageJson from "reacord/package.json"
-import type { LinksFunction, LoaderFunction, MetaFunction } from "remix"
+import type {
+ LinksFunction,
+ LoaderFunction,
+ MetaFunction,
+} from "@remix-run/node"
import {
Links,
LiveReload,
@@ -8,7 +12,7 @@ import {
Scripts,
ScrollRestoration,
useLoaderData,
-} from "remix"
+} from "@remix-run/react"
import bannerUrl from "~/assets/banner.png"
import faviconUrl from "~/assets/favicon.png"
import { GuideLinksProvider } from "~/modules/navigation/guide-links-context"
diff --git a/packages/website/app/routes/guides.tsx b/packages/website/app/routes/guides.tsx
index 6d797aa..04b1948 100644
--- a/packages/website/app/routes/guides.tsx
+++ b/packages/website/app/routes/guides.tsx
@@ -1,5 +1,5 @@
import clsx from "clsx"
-import { Outlet } from "remix"
+import { Outlet } from "@remix-run/react"
import { ActiveLink } from "~/modules/navigation/active-link"
import { AppLink } from "~/modules/navigation/app-link"
import { useGuideLinksContext } from "~/modules/navigation/guide-links-context"
diff --git a/packages/website/cypress/support/index.js b/packages/website/cypress/support/index.js
index d68db96..a80764c 100644
--- a/packages/website/cypress/support/index.js
+++ b/packages/website/cypress/support/index.js
@@ -14,7 +14,7 @@
// ***********************************************************
// Import commands.js using ES2015 syntax:
-import './commands'
+import "./commands"
// Alternatively you can use CommonJS syntax:
// require('./commands')
diff --git a/packages/website/package.json b/packages/website/package.json
index d65a6fe..5679e83 100644
--- a/packages/website/package.json
+++ b/packages/website/package.json
@@ -14,6 +14,7 @@
"@headlessui/react": "^1.5.0",
"@heroicons/react": "^1.0.6",
"@reach/rect": "^0.17.0",
+ "@remix-run/node": "^1.4.1",
"@remix-run/react": "^1.4.1",
"@remix-run/serve": "^1.4.1",
"@tailwindcss/typography": "^0.5.2",
@@ -25,8 +26,7 @@
"react-dom": "^18.0.0",
"react-focus-on": "^3.5.4",
"react-router": "^6.3.0",
- "react-router-dom": "^6.3.0",
- "remix": "^1.4.1"
+ "react-router-dom": "^6.3.0"
},
"devDependencies": {
"@remix-run/dev": "^1.4.1",