make build work with latest vinxi (#189)

Co-authored-by: Tanner Linsley <[email protected]>

.gitignore

@@ -13,3 +13,4 @@ yarn.lock
 /api/
 /server/build
 /public/build
+.vinxi

app.config.mjs

@@ -24,7 +24,7 @@ const resolveToRelative = (p) => {
 }
 
 const customVite = () =>
-  config('dev', {
+  config('dev', (router, app, env) => ({
     // ssr: {
     //   noExternal: [/react-router-server\/dist\/esm\/server-runtime/],
     // },
@@ -34,19 +34,22 @@ const customVite = () =>
         'react-icons',
       ],
     },
-    // resolve: {
-    //   dedupe: [
-    //     'react',
-    //     'react-dom',
-    //     '@tanstack/store',
-    //     '@tanstack/react-store',
-    //     '@tanstack/react-router',
-    //     '@tanstack/react-router-server',
-    //     '@tanstack/react-cross-context',
-    //     '@tanstack/history',
-    //     'use-sync-external-store',
-    //   ],
-    // },
+    resolve:
+      env.command !== 'build'
+        ? {
+            dedupe: [
+              'react',
+              'react-dom',
+              '@tanstack/store',
+              '@tanstack/react-store',
+              '@tanstack/react-router',
+              '@tanstack/react-router-server',
+              '@tanstack/react-cross-context',
+              '@tanstack/history',
+              'use-sync-external-store',
+            ],
+          }
+        : {},
     // plugins: [
     //   {
     //     name: 'inline-env-vars-as-prefix',
@@ -55,7 +58,7 @@ const customVite = () =>
     //     intro: `(globalThis || window).ROUTER_NAME = import.meta.env.ROUTER_NAME`,
     //   },
     // ],
-  })
+  }))
 
 export default createApp({
   routers: [

app/components/DocsLayout.tsx

@@ -1,4 +1,5 @@
-import { DocSearch } from '@docsearch/react'
+import * as pkg from '@docsearch/react'
+const { DocSearch } = pkg
 import * as React from 'react'
 import { CgClose, CgMenuLeft } from 'react-icons/cg'
 import {

app/components/Search.tsx

@@ -1,4 +1,5 @@
-import { DocSearch } from '@docsearch/react'
+import * as pkg from '@docsearch/react'
+const { DocSearch } = pkg
 import type { DocSearchProps } from '@docsearch/react'
 
 export function Search(props: DocSearchProps) {

package.json

@@ -5,7 +5,7 @@
   "repository": "https://github.com/TanStack/tanstack.com.git",
   "packageManager": "[email protected]",
   "scripts": {
-    "dev": "vinxi dev --experimental-import-meta-resolve",
+    "dev": "vinxi dev",
     "build": "vinxi build",
     "start": "vinxi start",
     "lint": "prettier --check '**/*' --ignore-unknown && eslint --ext .ts,.tsx ./app",
@@ -19,10 +19,10 @@
     "@octokit/graphql": "^7.0.2",
     "@octokit/rest": "^20.0.2",
     "@tailwindcss/typography": "^0.5.10",
-    "@tanstack/react-router": "1.18.4",
-    "@tanstack/react-router-server": "1.18.4",
-    "@tanstack/router-devtools": "^1.17.0",
-    "@tanstack/router-vite-plugin": "1.18.1",
+    "@tanstack/react-router": "1.15.16",
+    "@tanstack/react-router-server": "1.15.16",
+    "@tanstack/router-devtools": "1.15.16",
+    "@tanstack/router-vite-plugin": "1.15.11",
     "@vinxi/react": "0.2.2",
     "@vinxi/server-functions": "^0.3.1",
     "@visx/hierarchy": "^2.10.0",
@@ -47,8 +47,8 @@
     "remark-gfm": "^1.0.0",
     "remove-markdown": "^0.5.0",
     "tailwind-merge": "^1.14.0",
+    "vinxi": "0.3.8",
     "tiny-invariant": "^1.3.3",
-    "vinxi": "0.2.1",
     "vite": "^5.1.4",
     "vite-tsconfig-paths": "^4.3.1",
     "zod": "^3.22.4",