chore: go back to basics

pmndrs · May 11, 2024 · 6bef59f · 6bef59f
1 parent ef2d8b3
commit 6bef59f
Show file tree

Hide file tree

Showing 167 changed files with 682 additions and 3,824 deletions.
diff --git a/docs/.env.template → docs-old/.env.template b/docs/.env.template → docs-old/.env.template
diff --git a/docs-old/.eslintrc b/docs-old/.eslintrc
@@ -0,0 +1,4 @@
+{
+  "root": true,
+  "extends": ["react-spring"]
+}
diff --git a/docs/app/components/AccessibleIcon.tsx → docs-old/app/components/AccessibleIcon.tsx b/docs/app/components/AccessibleIcon.tsx → docs-old/app/components/AccessibleIcon.tsx
diff --git a/docs/app/components/Asides/StickyAside.tsx → ...old/app/components/Asides/StickyAside.tsx b/docs/app/components/Asides/StickyAside.tsx → ...old/app/components/Asides/StickyAside.tsx
diff --git a/docs/app/components/AspectRatio.tsx → docs-old/app/components/AspectRatio.tsx b/docs/app/components/AspectRatio.tsx → docs-old/app/components/AspectRatio.tsx
diff --git a/docs/app/components/BadgeNew.tsx → docs-old/app/components/BadgeNew.tsx b/docs/app/components/BadgeNew.tsx → docs-old/app/components/BadgeNew.tsx
diff --git a/docs/app/components/Buttons/Button.tsx → docs-old/app/components/Buttons/Button.tsx b/docs/app/components/Buttons/Button.tsx → docs-old/app/components/Buttons/Button.tsx
diff --git a/docs/app/components/Buttons/ButtonCopy.tsx → ...old/app/components/Buttons/ButtonCopy.tsx b/docs/app/components/Buttons/ButtonCopy.tsx → ...old/app/components/Buttons/ButtonCopy.tsx
diff --git a/...app/components/Buttons/GradientButton.tsx → ...app/components/Buttons/GradientButton.tsx b/...app/components/Buttons/GradientButton.tsx → ...app/components/Buttons/GradientButton.tsx
diff --git a/docs/app/components/Buttons/NavButton.tsx → ...-old/app/components/Buttons/NavButton.tsx b/docs/app/components/Buttons/NavButton.tsx → ...-old/app/components/Buttons/NavButton.tsx
diff --git a/docs/app/components/Callout.tsx → docs-old/app/components/Callout.tsx b/docs/app/components/Callout.tsx → docs-old/app/components/Callout.tsx
diff --git a/...pp/components/Cards/CardCarouselQuote.tsx → ...pp/components/Cards/CardCarouselQuote.tsx b/...pp/components/Cards/CardCarouselQuote.tsx → ...pp/components/Cards/CardCarouselQuote.tsx
diff --git a/docs/app/components/Cards/CardExample.tsx → ...-old/app/components/Cards/CardExample.tsx b/docs/app/components/Cards/CardExample.tsx → ...-old/app/components/Cards/CardExample.tsx
diff --git a/...p/components/Carousels/CarouselQuotes.tsx → ...p/components/Carousels/CarouselQuotes.tsx b/...p/components/Carousels/CarouselQuotes.tsx → ...p/components/Carousels/CarouselQuotes.tsx
diff --git a/docs/app/components/Code/Code.tsx → docs-old/app/components/Code/Code.tsx b/docs/app/components/Code/Code.tsx → docs-old/app/components/Code/Code.tsx
diff --git a/docs/app/components/Code/H.tsx → docs-old/app/components/Code/H.tsx b/docs/app/components/Code/H.tsx → docs-old/app/components/Code/H.tsx
diff --git a/docs/app/components/Code/LivePreview.tsx → docs-old/app/components/Code/LivePreview.tsx b/docs/app/components/Code/LivePreview.tsx → docs-old/app/components/Code/LivePreview.tsx
diff --git a/docs/app/components/Code/LivePreviewDeps.ts → ...ld/app/components/Code/LivePreviewDeps.ts b/docs/app/components/Code/LivePreviewDeps.ts → ...ld/app/components/Code/LivePreviewDeps.ts
diff --git a/.../app/components/Code/LivePreviewStyles.ts → .../app/components/Code/LivePreviewStyles.ts b/.../app/components/Code/LivePreviewStyles.ts → .../app/components/Code/LivePreviewStyles.ts
diff --git a/docs/app/components/Code/Pre.tsx → docs-old/app/components/Code/Pre.tsx b/docs/app/components/Code/Pre.tsx → docs-old/app/components/Code/Pre.tsx
diff --git a/docs/app/components/Feedback/Feedback.tsx → ...-old/app/components/Feedback/Feedback.tsx b/docs/app/components/Feedback/Feedback.tsx → ...-old/app/components/Feedback/Feedback.tsx
diff --git a/docs/app/components/Fields/FieldCode.tsx → docs-old/app/components/Fields/FieldCode.tsx b/docs/app/components/Fields/FieldCode.tsx → docs-old/app/components/Fields/FieldCode.tsx
diff --git a/docs/app/components/Grids/ExampleGrid.tsx → ...-old/app/components/Grids/ExampleGrid.tsx b/docs/app/components/Grids/ExampleGrid.tsx → ...-old/app/components/Grids/ExampleGrid.tsx
diff --git a/docs/app/components/Grids/NavigationGrid.tsx → ...d/app/components/Grids/NavigationGrid.tsx b/docs/app/components/Grids/NavigationGrid.tsx → ...d/app/components/Grids/NavigationGrid.tsx
diff --git a/docs/app/components/Header/Header.tsx → docs-old/app/components/Header/Header.tsx b/docs/app/components/Header/Header.tsx → docs-old/app/components/Header/Header.tsx
diff --git a/...pp/components/Header/HeaderNavigation.tsx → ...pp/components/Header/HeaderNavigation.tsx b/...pp/components/Header/HeaderNavigation.tsx → ...pp/components/Header/HeaderNavigation.tsx
diff --git a/...app/components/Header/HeaderSidePanel.tsx → ...app/components/Header/HeaderSidePanel.tsx b/...app/components/Header/HeaderSidePanel.tsx → ...app/components/Header/HeaderSidePanel.tsx
diff --git a/...components/Header/HeaderSubNavigation.tsx → ...components/Header/HeaderSubNavigation.tsx b/...components/Header/HeaderSubNavigation.tsx → ...components/Header/HeaderSubNavigation.tsx
diff --git a/docs/app/components/Header/HeaderSubnav.tsx → ...ld/app/components/Header/HeaderSubnav.tsx b/docs/app/components/Header/HeaderSubnav.tsx → ...ld/app/components/Header/HeaderSubnav.tsx
diff --git a/docs/app/components/Heros/HeroHome.tsx → docs-old/app/components/Heros/HeroHome.tsx b/docs/app/components/Heros/HeroHome.tsx → docs-old/app/components/Heros/HeroHome.tsx
diff --git a/...p/components/HomeBlocks/HomeBlockCopy.tsx → ...p/components/HomeBlocks/HomeBlockCopy.tsx b/...p/components/HomeBlocks/HomeBlockCopy.tsx → ...p/components/HomeBlocks/HomeBlockCopy.tsx
diff --git a/...onents/HomeBlocks/HomeBlockImperative.tsx → ...onents/HomeBlocks/HomeBlockImperative.tsx b/...onents/HomeBlocks/HomeBlockImperative.tsx → ...onents/HomeBlocks/HomeBlockImperative.tsx
diff --git a/...p/components/HomeBlocks/HomeBlockMore.tsx → ...p/components/HomeBlocks/HomeBlockMore.tsx b/...p/components/HomeBlocks/HomeBlockMore.tsx → ...p/components/HomeBlocks/HomeBlockMore.tsx
diff --git a/...pp/components/HomeBlocks/HomeBlockSSR.tsx → ...pp/components/HomeBlocks/HomeBlockSSR.tsx b/...pp/components/HomeBlocks/HomeBlockSSR.tsx → ...pp/components/HomeBlocks/HomeBlockSSR.tsx
diff --git a/...omponents/HomeBlocks/HomeBlockSection.tsx → ...omponents/HomeBlocks/HomeBlockSection.tsx b/...omponents/HomeBlocks/HomeBlockSection.tsx → ...omponents/HomeBlocks/HomeBlockSection.tsx
diff --git a/...components/HomeBlocks/HomeBlockTarget.tsx → ...components/HomeBlocks/HomeBlockTarget.tsx b/...components/HomeBlocks/HomeBlockTarget.tsx → ...components/HomeBlocks/HomeBlockTarget.tsx
diff --git a/docs/app/components/InlineLink.tsx → docs-old/app/components/InlineLink.tsx b/docs/app/components/InlineLink.tsx → docs-old/app/components/InlineLink.tsx
diff --git a/docs/app/components/Logo.tsx → docs-old/app/components/Logo.tsx b/docs/app/components/Logo.tsx → docs-old/app/components/Logo.tsx
diff --git a/docs/app/components/Menu/MenuDocs.tsx → docs-old/app/components/Menu/MenuDocs.tsx b/docs/app/components/Menu/MenuDocs.tsx → docs-old/app/components/Menu/MenuDocs.tsx
diff --git a/docs/app/components/Menu/MenuSticky.tsx → docs-old/app/components/Menu/MenuSticky.tsx b/docs/app/components/Menu/MenuSticky.tsx → docs-old/app/components/Menu/MenuSticky.tsx
diff --git a/docs/app/components/Select.tsx → docs-old/app/components/Select.tsx b/docs/app/components/Select.tsx → docs-old/app/components/Select.tsx
diff --git a/docs/app/components/Site/SiteFooter.tsx → docs-old/app/components/Site/SiteFooter.tsx b/docs/app/components/Site/SiteFooter.tsx → docs-old/app/components/Site/SiteFooter.tsx
diff --git a/docs/app/components/Site/SiteThemePicker.tsx → ...d/app/components/Site/SiteThemePicker.tsx b/docs/app/components/Site/SiteThemePicker.tsx → ...d/app/components/Site/SiteThemePicker.tsx
diff --git a/docs/app/components/Tables/TableCell.tsx → docs-old/app/components/Tables/TableCell.tsx b/docs/app/components/Tables/TableCell.tsx → docs-old/app/components/Tables/TableCell.tsx
diff --git a/docs/app/components/Tables/TablesConfig.tsx → ...ld/app/components/Tables/TablesConfig.tsx b/docs/app/components/Tables/TablesConfig.tsx → ...ld/app/components/Tables/TablesConfig.tsx
diff --git a/docs/app/components/Text/Anchor.tsx → docs-old/app/components/Text/Anchor.tsx b/docs/app/components/Text/Anchor.tsx → docs-old/app/components/Text/Anchor.tsx
diff --git a/docs/app/components/Text/Copy.tsx → docs-old/app/components/Text/Copy.tsx b/docs/app/components/Text/Copy.tsx → docs-old/app/components/Text/Copy.tsx
diff --git a/docs/app/components/Text/GradientHeader.tsx → ...ld/app/components/Text/GradientHeader.tsx b/docs/app/components/Text/GradientHeader.tsx → ...ld/app/components/Text/GradientHeader.tsx
diff --git a/docs/app/components/Text/Heading.tsx → docs-old/app/components/Text/Heading.tsx b/docs/app/components/Text/Heading.tsx → docs-old/app/components/Text/Heading.tsx
diff --git a/docs/app/components/Text/List.tsx → docs-old/app/components/Text/List.tsx b/docs/app/components/Text/List.tsx → docs-old/app/components/Text/List.tsx
diff --git a/docs/app/components/Widgets/WidgetCarbon.tsx → ...d/app/components/Widgets/WidgetCarbon.tsx b/docs/app/components/Widgets/WidgetCarbon.tsx → ...d/app/components/Widgets/WidgetCarbon.tsx
diff --git a/...pp/components/Widgets/WidgetPlausible.tsx → ...pp/components/Widgets/WidgetPlausible.tsx b/...pp/components/Widgets/WidgetPlausible.tsx → ...pp/components/Widgets/WidgetPlausible.tsx
diff --git a/docs/app/components/Widgets/WidgetSearch.tsx → ...d/app/components/Widgets/WidgetSearch.tsx b/docs/app/components/Widgets/WidgetSearch.tsx → ...d/app/components/Widgets/WidgetSearch.tsx
diff --git a/docs/app/components/Widgets/WidgetTheme.tsx → ...ld/app/components/Widgets/WidgetTheme.tsx b/docs/app/components/Widgets/WidgetTheme.tsx → ...ld/app/components/Widgets/WidgetTheme.tsx
diff --git a/docs/app/data/fixtures.tsx → docs-old/app/data/fixtures.tsx b/docs/app/data/fixtures.tsx → docs-old/app/data/fixtures.tsx
diff --git a/.../app/data/navigationSchema.generated.json → .../app/data/navigationSchema.generated.json b/.../app/data/navigationSchema.generated.json → .../app/data/navigationSchema.generated.json
diff --git a/docs/app/data/sandboxes.ts → docs-old/app/data/sandboxes.ts b/docs/app/data/sandboxes.ts → docs-old/app/data/sandboxes.ts
diff --git a/docs/app/data/subnavSchema.generated.json → ...-old/app/data/subnavSchema.generated.json b/docs/app/data/subnavSchema.generated.json → ...-old/app/data/subnavSchema.generated.json
diff --git a/docs-old/app/entry.client.tsx b/docs-old/app/entry.client.tsx
@@ -0,0 +1,31 @@
+import { RemixBrowser } from '@remix-run/react'
+import * as React from 'react'
+import { hydrateRoot } from 'react-dom/client'
+
+import { ClientStyleContext } from '~/styles/client.context'
+import { getCssText } from '~/styles/stitches.config'
+
+interface ClientCacheProviderProps {
+  children: React.ReactNode
+}
+
+function ClientCacheProvider({ children }: ClientCacheProviderProps) {
+  const [sheet, setSheet] = React.useState(getCssText())
+
+  const reset = React.useCallback(() => {
+    setSheet(getCssText())
+  }, [])
+
+  return (
+    <ClientStyleContext.Provider value={{ reset, sheet }}>
+      {children}
+    </ClientStyleContext.Provider>
+  )
+}
+
+hydrateRoot(
+  document,
+  <ClientCacheProvider>
+    <RemixBrowser />
+  </ClientCacheProvider>
+)
diff --git a/docs-old/app/entry.server.tsx b/docs-old/app/entry.server.tsx
@@ -0,0 +1,28 @@
+import { renderToString } from 'react-dom/server'
+import type { EntryContext } from '@vercel/remix'
+import { RemixServer } from '@remix-run/react'
+
+import { getCssText } from './styles/stitches.config'
+
+export default function handleRequest(
+  request: Request,
+  responseStatusCode: number,
+  responseHeaders: Headers,
+  remixContext: EntryContext
+) {
+  let markup = renderToString(
+    <RemixServer context={remixContext} url={request.url} />
+  )
+
+  markup = markup.replace(
+    /<style id="stitches">.*<\/style>/g,
+    `<style id="stitches">${getCssText()}</style>`
+  )
+
+  responseHeaders.set('Content-Type', 'text/html')
+
+  return new Response('<!DOCTYPE html>' + markup, {
+    status: responseStatusCode,
+    headers: responseHeaders,
+  })
+}
diff --git a/docs/app/helpers/analytics.ts → docs-old/app/helpers/analytics.ts b/docs/app/helpers/analytics.ts → docs-old/app/helpers/analytics.ts
diff --git a/docs/app/helpers/guards.ts → docs-old/app/helpers/guards.ts b/docs/app/helpers/guards.ts → docs-old/app/helpers/guards.ts
diff --git a/docs/app/helpers/links.ts → docs-old/app/helpers/links.ts b/docs/app/helpers/links.ts → docs-old/app/helpers/links.ts
diff --git a/docs/app/helpers/meta.ts → docs-old/app/helpers/meta.ts b/docs/app/helpers/meta.ts → docs-old/app/helpers/meta.ts
diff --git a/docs/app/helpers/navigation.ts → docs-old/app/helpers/navigation.ts b/docs/app/helpers/navigation.ts → docs-old/app/helpers/navigation.ts
diff --git a/docs/app/helpers/sandboxes.ts → docs-old/app/helpers/sandboxes.ts b/docs/app/helpers/sandboxes.ts → docs-old/app/helpers/sandboxes.ts
diff --git a/docs/app/helpers/strings.ts → docs-old/app/helpers/strings.ts b/docs/app/helpers/strings.ts → docs-old/app/helpers/strings.ts
diff --git a/docs/app/hooks/useAnimatedHeader.ts → docs-old/app/hooks/useAnimatedHeader.ts b/docs/app/hooks/useAnimatedHeader.ts → docs-old/app/hooks/useAnimatedHeader.ts
diff --git a/docs/app/hooks/useCSB.ts → docs-old/app/hooks/useCSB.ts b/docs/app/hooks/useCSB.ts → docs-old/app/hooks/useCSB.ts
diff --git a/docs/app/hooks/useIsDarkTheme.ts → docs-old/app/hooks/useIsDarkTheme.ts b/docs/app/hooks/useIsDarkTheme.ts → docs-old/app/hooks/useIsDarkTheme.ts
diff --git a/docs/app/hooks/useIsomorphicEffect.ts → docs-old/app/hooks/useIsomorphicEffect.ts b/docs/app/hooks/useIsomorphicEffect.ts → docs-old/app/hooks/useIsomorphicEffect.ts
diff --git a/docs/app/hooks/useStickyHeader.ts → docs-old/app/hooks/useStickyHeader.ts b/docs/app/hooks/useStickyHeader.ts → docs-old/app/hooks/useStickyHeader.ts
diff --git a/docs/app/hooks/useWindowScrolling.ts → docs-old/app/hooks/useWindowScrolling.ts b/docs/app/hooks/useWindowScrolling.ts → docs-old/app/hooks/useWindowScrolling.ts
diff --git a/docs/app/hooks/useWindowSize.ts → docs-old/app/hooks/useWindowSize.ts b/docs/app/hooks/useWindowSize.ts → docs-old/app/hooks/useWindowSize.ts
diff --git a/docs-old/app/root.tsx b/docs-old/app/root.tsx
@@ -0,0 +1,133 @@
+import * as React from 'react'
+
+import {
+  MetaFunction,
+  LinksFunction,
+  LoaderFunction,
+  json,
+} from '@vercel/remix'
+import {
+  Links,
+  Meta,
+  Outlet,
+  Scripts,
+  ScrollRestoration,
+  useLoaderData,
+} from '@remix-run/react'
+import docusearch from '@docsearch/css/dist/style.css?url'
+
+import { globalStyles } from './styles/global'
+
+import { WidgetTheme } from './components/Widgets/WidgetTheme'
+import { WidgetPlausible } from './components/Widgets/WidgetPlausible'
+import { SiteFooter } from './components/Site/SiteFooter'
+import { ClientStyleContext } from './styles/client.context'
+
+export const meta: MetaFunction = () => {
+  return [
+    { title: 'react-spring' },
+    {
+      name: 'description',
+      content:
+        'Bring your components to life with simple spring animation primitives for React',
+    },
+    { property: 'og:site_name', content: 'React Spring' },
+    { property: 'og:title', content: 'React Spring' },
+    {
+      property: 'og:description',
+      content:
+        'Bring your components to life with simple spring animation primitives for React',
+    },
+    { property: 'og:image', content: 'https://www.react-spring.dev/share.jpg' },
+    { property: 'og:type', content: 'website' },
+    { property: 'og:image:width', content: '1200' },
+    { property: 'og:image:height', content: '630' },
+    { property: 'og:url', content: 'https://www.react-spring.dev' },
+    { property: 'twitter:card', content: 'summary_large_image' },
+    { property: 'twitter:domain', content: 'react-spring.dev' },
+    { property: 'twitter:url', content: 'https://www.react-spring.dev' },
+    { property: 'twitter:title', content: 'React Spring' },
+    {
+      property: 'twitter:description',
+      content:
+        'Bring your components to life with simple spring animation primitives for React',
+    },
+    {
+      property: 'twitter:image',
+      content: 'https://www.react-spring.dev/share.jpg',
+    },
+  ]
+}
+
+export const links: LinksFunction = () => [
+  { rel: 'stylesheet', href: docusearch },
+  { rel: 'stylesheet', href: 'https://rsms.me/inter/inter.css' },
+  { rel: 'preconnect', href: 'https://fonts.googleapis.com' },
+  { rel: 'preconnect', href: 'https://fonts.gstatic.com' },
+  {
+    rel: 'stylesheet',
+    href: 'https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap',
+  },
+]
+
+export const loader: LoaderFunction = () => {
+  return json({
+    ENV: {
+      ENABLE_PLAUSIBLE: process.env.ENABLE_PLAUSIBLE,
+      ALGOLIA_APP_ID: process.env.ALGOLIA_APP_ID,
+      ALGOLIA_API_KEY: process.env.ALGOLIA_API_KEY,
+      ENABLE_CARBON: process.env.ENABLE_CARBON,
+    },
+  })
+}
+
+function Document({ children }: { children: React.ReactNode }) {
+  globalStyles()
+
+  const clientStyleData = React.useContext(ClientStyleContext)
+
+  // Only executed on client
+  React.useEffect(() => {
+    // reset cache to re-apply global styles
+    clientStyleData.reset()
+  }, [clientStyleData])
+
+  const data = useLoaderData<{ ENV: object }>()
+
+  return (
+    <html lang="en">
+      <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width,initial-scale=1" />
+        <Meta />
+        <Links />
+        <style
+          id="stitches"
+          dangerouslySetInnerHTML={{ __html: clientStyleData.sheet }}
+          suppressHydrationWarning
+        />
+        <WidgetPlausible />
+        {/* <WidgetTheme /> */}
+      </head>
+      <body>
+        {children}
+        <SiteFooter />
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `window.env = ${JSON.stringify(data.ENV)}`,
+          }}
+        />
+        <Scripts />
+      </body>
+    </html>
+  )
+}
+
+export default function App() {
+  return (
+    <Document>
+      <Outlet />
+      <ScrollRestoration />
+    </Document>
+  )
+}
diff --git a/docs/app/routes/$.tsx → docs-old/app/routes/$.tsx b/docs/app/routes/$.tsx → docs-old/app/routes/$.tsx
@@ -1,4 +1,4 @@
-import { json, LoaderFunction, MetaFunction, redirect } from '@remix-run/node'
+import { json, LoaderFunction, MetaFunction, redirect } from '@vercel/remix'
 import { GradientButton } from '~/components/Buttons/GradientButton'
 
 import { Header } from '~/components/Header/Header'

diff --git a/docs/app/routes/api/feedback.ts → docs-old/app/routes/api/feedback.ts b/docs/app/routes/api/feedback.ts → docs-old/app/routes/api/feedback.ts
@@ -1,4 +1,4 @@
-import { ActionFunction, json } from '@remix-run/node'
+import { ActionFunction, json } from '@vercel/remix'
 import { createClient } from '@supabase/supabase-js'
 import z from 'zod'
 

diff --git a/docs/app/routes/docs.tsx → docs-old/app/routes/docs.tsx b/docs/app/routes/docs.tsx → docs-old/app/routes/docs.tsx
diff --git a/...routes/docs/advanced/async-animations.mdx → ...routes/docs/advanced/async-animations.mdx b/...routes/docs/advanced/async-animations.mdx → ...routes/docs/advanced/async-animations.mdx
diff --git a/docs/app/routes/docs/advanced/config.mdx → docs-old/app/routes/docs/advanced/config.mdx b/docs/app/routes/docs/advanced/config.mdx → docs-old/app/routes/docs/advanced/config.mdx
diff --git a/docs/app/routes/docs/advanced/controller.mdx → ...d/app/routes/docs/advanced/controller.mdx b/docs/app/routes/docs/advanced/controller.mdx → ...d/app/routes/docs/advanced/controller.mdx
diff --git a/docs/app/routes/docs/advanced/events.mdx → docs-old/app/routes/docs/advanced/events.mdx b/docs/app/routes/docs/advanced/events.mdx → docs-old/app/routes/docs/advanced/events.mdx
diff --git a/docs/app/routes/docs/advanced/index.mdx → docs-old/app/routes/docs/advanced/index.mdx b/docs/app/routes/docs/advanced/index.mdx → docs-old/app/routes/docs/advanced/index.mdx
diff --git a/...pp/routes/docs/advanced/interpolation.mdx → ...pp/routes/docs/advanced/interpolation.mdx b/...pp/routes/docs/advanced/interpolation.mdx → ...pp/routes/docs/advanced/interpolation.mdx
diff --git a/docs/app/routes/docs/advanced/spring-ref.mdx → ...d/app/routes/docs/advanced/spring-ref.mdx b/docs/app/routes/docs/advanced/spring-ref.mdx → ...d/app/routes/docs/advanced/spring-ref.mdx
diff --git a/...app/routes/docs/advanced/spring-value.mdx → ...app/routes/docs/advanced/spring-value.mdx b/...app/routes/docs/advanced/spring-value.mdx → ...app/routes/docs/advanced/spring-value.mdx
diff --git a/docs/app/routes/docs/components/index.mdx → ...-old/app/routes/docs/components/index.mdx b/docs/app/routes/docs/components/index.mdx → ...-old/app/routes/docs/components/index.mdx
diff --git a/...routes/docs/components/parallax-layer.mdx → ...routes/docs/components/parallax-layer.mdx b/...routes/docs/components/parallax-layer.mdx → ...routes/docs/components/parallax-layer.mdx
diff --git a/docs/app/routes/docs/components/parallax.mdx → ...d/app/routes/docs/components/parallax.mdx b/docs/app/routes/docs/components/parallax.mdx → ...d/app/routes/docs/components/parallax.mdx
diff --git a/.../app/routes/docs/components/use-chain.mdx → .../app/routes/docs/components/use-chain.mdx b/.../app/routes/docs/components/use-chain.mdx → .../app/routes/docs/components/use-chain.mdx
diff --git a/...utes/docs/components/use-spring-value.mdx → ...utes/docs/components/use-spring-value.mdx b/...utes/docs/components/use-spring-value.mdx → ...utes/docs/components/use-spring-value.mdx
diff --git a/...app/routes/docs/components/use-spring.mdx → ...app/routes/docs/components/use-spring.mdx b/...app/routes/docs/components/use-spring.mdx → ...app/routes/docs/components/use-spring.mdx
diff --git a/...pp/routes/docs/components/use-springs.mdx → ...pp/routes/docs/components/use-springs.mdx b/...pp/routes/docs/components/use-springs.mdx → ...pp/routes/docs/components/use-springs.mdx
diff --git a/.../app/routes/docs/components/use-trail.mdx → .../app/routes/docs/components/use-trail.mdx b/.../app/routes/docs/components/use-trail.mdx → .../app/routes/docs/components/use-trail.mdx
diff --git a/...routes/docs/components/use-transition.mdx → ...routes/docs/components/use-transition.mdx b/...routes/docs/components/use-transition.mdx → ...routes/docs/components/use-transition.mdx
diff --git a/...outes/docs/concepts/animated-elements.mdx → ...outes/docs/concepts/animated-elements.mdx b/...outes/docs/concepts/animated-elements.mdx → ...outes/docs/concepts/animated-elements.mdx
diff --git a/...docs/concepts/controllers-and-springs.mdx → ...docs/concepts/controllers-and-springs.mdx b/...docs/concepts/controllers-and-springs.mdx → ...docs/concepts/controllers-and-springs.mdx
diff --git a/...p/routes/docs/concepts/imperative-api.mdx → ...p/routes/docs/concepts/imperative-api.mdx b/...p/routes/docs/concepts/imperative-api.mdx → ...p/routes/docs/concepts/imperative-api.mdx
diff --git a/docs/app/routes/docs/concepts/index.mdx → docs-old/app/routes/docs/concepts/index.mdx b/docs/app/routes/docs/concepts/index.mdx → docs-old/app/routes/docs/concepts/index.mdx
diff --git a/docs/app/routes/docs/concepts/targets.mdx → ...-old/app/routes/docs/concepts/targets.mdx b/docs/app/routes/docs/concepts/targets.mdx → ...-old/app/routes/docs/concepts/targets.mdx
diff --git a/docs/app/routes/docs/getting-started.mdx → docs-old/app/routes/docs/getting-started.mdx b/docs/app/routes/docs/getting-started.mdx → docs-old/app/routes/docs/getting-started.mdx
diff --git a/docs/app/routes/docs/guides/index.mdx → docs-old/app/routes/docs/guides/index.mdx b/docs/app/routes/docs/guides/index.mdx → docs-old/app/routes/docs/guides/index.mdx
diff --git a/.../routes/docs/guides/react-three-fiber.mdx → .../routes/docs/guides/react-three-fiber.mdx b/.../routes/docs/guides/react-three-fiber.mdx → .../routes/docs/guides/react-three-fiber.mdx
diff --git a/docs/app/routes/docs/guides/testing.mdx → docs-old/app/routes/docs/guides/testing.mdx b/docs/app/routes/docs/guides/testing.mdx → docs-old/app/routes/docs/guides/testing.mdx
diff --git a/docs/app/routes/docs/index.mdx → docs-old/app/routes/docs/index.mdx b/docs/app/routes/docs/index.mdx → docs-old/app/routes/docs/index.mdx
diff --git a/docs/app/routes/docs/typescript.mdx → docs-old/app/routes/docs/typescript.mdx b/docs/app/routes/docs/typescript.mdx → docs-old/app/routes/docs/typescript.mdx
diff --git a/docs/app/routes/docs/utilities/index.mdx → docs-old/app/routes/docs/utilities/index.mdx b/docs/app/routes/docs/utilities/index.mdx → docs-old/app/routes/docs/utilities/index.mdx
diff --git a/...app/routes/docs/utilities/use-in-view.mdx → ...app/routes/docs/utilities/use-in-view.mdx b/...app/routes/docs/utilities/use-in-view.mdx → ...app/routes/docs/utilities/use-in-view.mdx
diff --git a/...tilities/use-isomorphic-layout-effect.mdx → ...tilities/use-isomorphic-layout-effect.mdx b/...tilities/use-isomorphic-layout-effect.mdx → ...tilities/use-isomorphic-layout-effect.mdx
diff --git a/...tes/docs/utilities/use-reduced-motion.mdx → ...tes/docs/utilities/use-reduced-motion.mdx b/...tes/docs/utilities/use-reduced-motion.mdx → ...tes/docs/utilities/use-reduced-motion.mdx
diff --git a/.../app/routes/docs/utilities/use-resize.mdx → .../app/routes/docs/utilities/use-resize.mdx b/.../app/routes/docs/utilities/use-resize.mdx → .../app/routes/docs/utilities/use-resize.mdx
diff --git a/.../app/routes/docs/utilities/use-scroll.mdx → .../app/routes/docs/utilities/use-scroll.mdx b/.../app/routes/docs/utilities/use-scroll.mdx → .../app/routes/docs/utilities/use-scroll.mdx
diff --git a/docs/app/routes/examples.tsx → docs-old/app/routes/examples.tsx b/docs/app/routes/examples.tsx → docs-old/app/routes/examples.tsx
@@ -6,7 +6,7 @@ import {
   LoaderFunction,
   MetaFunction,
   redirect,
-} from '@remix-run/node'
+} from '@vercel/remix'
 import {
   useLoaderData,
   Form,

diff --git a/docs/app/routes/index.tsx → docs-old/app/routes/index.tsx b/docs/app/routes/index.tsx → docs-old/app/routes/index.tsx
@@ -1,4 +1,4 @@
-import { MetaFunction } from '@remix-run/node'
+import { MetaFunction } from '@vercel/remix'
 import { CarouselQuotes } from '~/components/Carousels/CarouselQuotes'
 import { NavigationGrid } from '~/components/Grids/NavigationGrid'
 import { Header } from '~/components/Header/Header'

diff --git a/docs/app/styles/client.context.ts → docs-old/app/styles/client.context.ts b/docs/app/styles/client.context.ts → docs-old/app/styles/client.context.ts
diff --git a/docs/app/styles/fontStyles.ts → docs-old/app/styles/fontStyles.ts b/docs/app/styles/fontStyles.ts → docs-old/app/styles/fontStyles.ts
diff --git a/docs/app/styles/global.ts → docs-old/app/styles/global.ts b/docs/app/styles/global.ts → docs-old/app/styles/global.ts
diff --git a/docs/app/styles/stitches.config.ts → docs-old/app/styles/stitches.config.ts b/docs/app/styles/stitches.config.ts → docs-old/app/styles/stitches.config.ts
diff --git a/docs/custom.d.ts → docs-old/custom.d.ts b/docs/custom.d.ts → docs-old/custom.d.ts
diff --git a/docs/env.d.ts → docs-old/env.d.ts b/docs/env.d.ts → docs-old/env.d.ts
diff --git a/docs-old/package.json b/docs-old/package.json
@@ -0,0 +1,65 @@
+{
+  "name": "@react-spring/docs",
+  "license": "MIT",
+  "author": "Josh Ellis",
+  "version": "1.0.0",
+  "private": true,
+  "scripts": {
+    "build": "vite build && vite build --ssr",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf .cache && rm -rf api",
+    "dev": "concurrently \"yarn dev:remix\" \"yarn scripts:watch\"",
+    "dev:remix": "vite dev",
+    "lint": "TIMING=1 eslint \"app/**/*.ts*\" \"scripts/**/*.ts*\"",
+    "scripts:build": "ts-node ./scripts/build.ts",
+    "scripts:watch": "ts-node ./scripts/watch.ts"
+  },
+  "dependencies": {
+    "@codesandbox/sandpack-react": "^1.20.9",
+    "@docsearch/react": "^3.5.2",
+    "@mdx-js/react": "^3.0.1",
+    "@mdx-js/rollup": "^3.0.1",
+    "@radix-ui/react-accordion": "^1.1.2",
+    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-toolbar": "^1.0.4",
+    "@radix-ui/react-tooltip": "^1.0.7",
+    "@react-spring/rafz": "workspace:^",
+    "@react-spring/web": "9.7.3",
+    "@remix-run/node": "^2.9.2",
+    "@remix-run/react": "^2.9.2",
+    "@remix-run/serve": "^2.9.2",
+    "@stitches/react": "^1.2.8",
+    "@supabase/supabase-js": "^2.39.3",
+    "@use-gesture/react": "^10.2.24",
+    "gray-matter": "^4.0.3",
+    "hast-util-to-html": "7.1.3",
+    "jotai": "^2.0.3",
+    "parse-numeric-range": "^1.3.0",
+    "phosphor-react": "^1.4.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-select": "^5.7.0",
+    "react-use-measure": "^2.1.1",
+    "refractor": "4.8.1",
+    "rehype-autolink-headings": "7.1.0",
+    "rehype-parse": "9.0.0",
+    "rehype-slug": "6.0.0",
+    "remark-directive": "3.0.0",
+    "remix": "^2.9.2",
+    "unified": "11.0.4",
+    "unist-util-visit": "5.0.0",
+    "vite": "^5.2.11",
+    "zod": "^3.21.4"
+  },
+  "devDependencies": {
+    "@remix-run/v1-route-convention": "^0.1.4",
+    "@vercel/remix": "^2.9.2-patch.2",
+    "chokidar": "^3.5.3",
+    "concurrently": "^8.2.2",
+    "remark-frontmatter": "^5.0.0",
+    "remark-mdx-frontmatter": "^4.0.0",
+    "ts-node": "^10.9.2",
+    "vite-tsconfig-paths": "^4.3.2"
+  },
+  "sideEffects": false
+}
diff --git a/docs/public/favicon-16x16.png → docs-old/public/favicon-16x16.png b/docs/public/favicon-16x16.png → docs-old/public/favicon-16x16.png
diff --git a/docs/public/favicon-32x32.png → docs-old/public/favicon-32x32.png b/docs/public/favicon-32x32.png → docs-old/public/favicon-32x32.png
diff --git a/docs-old/public/favicon.ico b/docs-old/public/favicon.ico
diff --git a/docs/public/icon-link.svg → docs-old/public/icon-link.svg b/docs/public/icon-link.svg → docs-old/public/icon-link.svg
diff --git a/...ublic/images/icons/ArrowSquareOutBlue.png → ...ublic/images/icons/ArrowSquareOutBlue.png b/...ublic/images/icons/ArrowSquareOutBlue.png → ...ublic/images/icons/ArrowSquareOutBlue.png
diff --git a/...public/images/icons/ArrowSquareOutRed.png → ...public/images/icons/ArrowSquareOutRed.png b/...public/images/icons/ArrowSquareOutRed.png → ...public/images/icons/ArrowSquareOutRed.png
diff --git a/...blic/images/quotee/alex_stanislawski.jpeg → ...blic/images/quotee/alex_stanislawski.jpeg b/...blic/images/quotee/alex_stanislawski.jpeg → ...blic/images/quotee/alex_stanislawski.jpeg
diff --git a/...ic/images/quotee/alexander_prinzhorn.jpeg → ...ic/images/quotee/alexander_prinzhorn.jpeg b/...ic/images/quotee/alexander_prinzhorn.jpeg → ...ic/images/quotee/alexander_prinzhorn.jpeg
diff --git a/docs/public/images/quotee/arzafran.png → docs-old/public/images/quotee/arzafran.png b/docs/public/images/quotee/arzafran.png → docs-old/public/images/quotee/arzafran.png
diff --git a/docs/public/images/quotee/bruno_lemos.jpeg → ...old/public/images/quotee/bruno_lemos.jpeg b/docs/public/images/quotee/bruno_lemos.jpeg → ...old/public/images/quotee/bruno_lemos.jpeg
diff --git a/...public/images/quotee/ives_van_hoorne.jpeg → ...public/images/quotee/ives_van_hoorne.jpeg b/...public/images/quotee/ives_van_hoorne.jpeg → ...public/images/quotee/ives_van_hoorne.jpeg
diff --git a/.../public/images/quotee/josh_w._comeau.jpeg → .../public/images/quotee/josh_w._comeau.jpeg b/.../public/images/quotee/josh_w._comeau.jpeg → .../public/images/quotee/josh_w._comeau.jpeg
diff --git a/docs/public/images/quotee/no_name.jpeg → docs-old/public/images/quotee/no_name.jpeg b/docs/public/images/quotee/no_name.jpeg → docs-old/public/images/quotee/no_name.jpeg
diff --git a/docs/public/images/quotee/pierre_bertet.jpeg → ...d/public/images/quotee/pierre_bertet.jpeg b/docs/public/images/quotee/pierre_bertet.jpeg → ...d/public/images/quotee/pierre_bertet.jpeg
diff --git a/docs/public/images/quotee/ryan_florence.jpeg → ...d/public/images/quotee/ryan_florence.jpeg b/docs/public/images/quotee/ryan_florence.jpeg → ...d/public/images/quotee/ryan_florence.jpeg
diff --git a/docs/public/images/quotee/varun_vachhar.jpeg → ...d/public/images/quotee/varun_vachhar.jpeg b/docs/public/images/quotee/varun_vachhar.jpeg → ...d/public/images/quotee/varun_vachhar.jpeg
diff --git a/docs/public/manifest.json → docs-old/public/manifest.json b/docs/public/manifest.json → docs-old/public/manifest.json
diff --git a/docs/public/share.jpg → docs-old/public/share.jpg b/docs/public/share.jpg → docs-old/public/share.jpg
diff --git a/docs/public/spring-icon.png → docs-old/public/spring-icon.png b/docs/public/spring-icon.png → docs-old/public/spring-icon.png
diff --git a/docs/scripts/build.ts → docs-old/scripts/build.ts b/docs/scripts/build.ts → docs-old/scripts/build.ts
diff --git a/docs/scripts/docs/docs.ts → docs-old/scripts/docs/docs.ts b/docs/scripts/docs/docs.ts → docs-old/scripts/docs/docs.ts
diff --git a/docs/scripts/docs/frontmatter.ts → docs-old/scripts/docs/frontmatter.ts b/docs/scripts/docs/frontmatter.ts → docs-old/scripts/docs/frontmatter.ts
diff --git a/docs/scripts/docs/markdown.ts → docs-old/scripts/docs/markdown.ts b/docs/scripts/docs/markdown.ts → docs-old/scripts/docs/markdown.ts
diff --git a/docs/scripts/docs/navigation.ts → docs-old/scripts/docs/navigation.ts b/docs/scripts/docs/navigation.ts → docs-old/scripts/docs/navigation.ts
diff --git a/docs/scripts/mdx/rehype-highlight-code.js → ...-old/scripts/mdx/rehype-highlight-code.js b/docs/scripts/mdx/rehype-highlight-code.js → ...-old/scripts/mdx/rehype-highlight-code.js
diff --git a/docs/scripts/mdx/rehype-highlight-line.js → ...-old/scripts/mdx/rehype-highlight-line.js b/docs/scripts/mdx/rehype-highlight-line.js → ...-old/scripts/mdx/rehype-highlight-line.js
diff --git a/docs/scripts/mdx/rehype-highlight-word.js → ...-old/scripts/mdx/rehype-highlight-word.js b/docs/scripts/mdx/rehype-highlight-word.js → ...-old/scripts/mdx/rehype-highlight-word.js
diff --git a/docs/scripts/mdx/rehype-meta-attribute.js → ...-old/scripts/mdx/rehype-meta-attribute.js b/docs/scripts/mdx/rehype-meta-attribute.js → ...-old/scripts/mdx/rehype-meta-attribute.js
diff --git a/docs/scripts/mdx/remark-plugin-parser.js → docs-old/scripts/mdx/remark-plugin-parser.js b/docs/scripts/mdx/remark-plugin-parser.js → docs-old/scripts/mdx/remark-plugin-parser.js
diff --git a/docs/scripts/watch.ts → docs-old/scripts/watch.ts b/docs/scripts/watch.ts → docs-old/scripts/watch.ts
diff --git a/docs-old/tsconfig.json b/docs-old/tsconfig.json
@@ -0,0 +1,28 @@
+{
+  "include": [
+    "env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    "**/*.js",
+    "*.d.ts",
+    "vite.config.ts"
+  ],
+  "exclude": ["build"],
+  "compilerOptions": {
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "jsx": "react-jsx",
+    "moduleResolution": "Bundler",
+    "resolveJsonModule": true,
+    "target": "ESNext",
+    "strict": true,
+    "paths": {
+      "~/*": ["./app/*"]
+    },
+    "noEmit": true,
+    "baseUrl": ".",
+    "allowJs": true,
+    "forceConsistentCasingInFileNames": true
+  }
+}
diff --git a/docs/vite.config.mts → docs-old/vite.config.mts b/docs/vite.config.mts → docs-old/vite.config.mts
diff --git a/docs/.gitignore b/docs/.gitignore
@@ -0,0 +1,11 @@
+node_modules
+
+.cache
+.env
+.vercel
+.output
+
+build
+public/build
+api/index.js*
+api/_assets*
diff --git a/docs/README.md b/docs/README.md
@@ -0,0 +1,34 @@
+# Welcome to Remix!
+
+- [Remix Docs](https://remix.run/docs)
+
+## Deployment
+
+After having run the `create-remix` command and selected "Vercel" as a deployment target, you only need to [import your Git repository](https://vercel.com/new) into Vercel, and it will be deployed.
+
+If you'd like to avoid using a Git repository, you can also deploy the directory by running [Vercel CLI](https://vercel.com/cli):
+
+```sh
+npm i -g vercel
+vercel
+```
+
+It is generally recommended to use a Git repository, because future commits will then automatically be deployed by Vercel, through its [Git Integration](https://vercel.com/docs/concepts/git).
+
+## Development
+
+To run your Remix app locally, make sure your project's local dependencies are installed:
+
+```sh
+npm install
+```
+
+Afterwards, start the Remix development server like so:
+
+```sh
+npm run dev
+```
+
+Open up [http://localhost:3000](http://localhost:3000) and you should be ready to go!
+
+If you're used to using the `vercel dev` command provided by [Vercel CLI](https://vercel.com/cli) instead, you can also use that, but it's not needed.