fix: inconsistent build runtime

fix #42

Author: Daydreamer-riri

src/client/components/ClientOnly.tsx

@@ -16,7 +16,7 @@ export default function ClientOnly({
   const isBrowser = useIsBrowser()
 
   if (isBrowser) {
-    if (typeof children !== 'function' && import.meta.env.DEV) {
+    if (typeof children !== 'function' && process.env.NODE_ENV === 'development') {
       throw new Error(
         `vite-react-ssg error: The children of <ClientOnly> must be a "render function", e.g. <ClientOnly>{() => <span>{window.location.href}</span>}</ClientOnly>.
 Current type: ${isValidElement(children) ? 'React element' : typeof children}`,

src/client/index.tsx

@@ -22,7 +22,7 @@ export function ViteReactSSG(
     getStyleCollector = null,
   } = options
 
-  if (import.meta.env.DEV && ssrWhenDev !== undefined)
+  if (process.env.NODE_ENV === 'development' && ssrWhenDev !== undefined)
     console.warn('[vite-react-ssg] `ssrWhenDev` option is no longer needed. If you want to use csr, just replace `vite-react-ssg dev` with `vite`.')
 
   const isClient = typeof window !== 'undefined'
@@ -110,7 +110,7 @@ export function ViteReactSSG(
         </HelmetProvider>
       )
       const isSSR = document.querySelector('[data-server-rendered=true]') !== null
-      if (!isSSR && import.meta.env.DEV) {
+      if (!isSSR && process.env.NODE_ENV === 'development') {
         const root = ReactDOMCreateRoot(container)
         React.startTransition(() => {
           root.render(app)
@@ -132,7 +132,7 @@ export function ViteReactSSG(
       return route
     }
     const loader: RouteRecord['loader'] = async ({ request }) => {
-      if (import.meta.env.DEV) {
+      if (process.env.NODE_ENV === 'development') {
         const routeId = encodeURIComponent(route.id!)
         const dataQuery = `_data=${routeId}`
         const url = request.url.includes('?') ? `${request.url}&${dataQuery}` : `${request.url}?${dataQuery}`

src/client/single-page.tsx

@@ -20,7 +20,7 @@ export function ViteReactSSG(
     getStyleCollector = null,
   } = options
 
-  if (import.meta.env.DEV && ssrWhenDev !== undefined)
+  if (process.env.NODE_ENV === 'development' && ssrWhenDev !== undefined)
     console.warn('[vite-react-ssg] `ssrWhenDev` option is no longer needed. If you want to use csr, just replace `vite-react-ssg dev` with `vite`.')
 
   const isClient = typeof window !== 'undefined'
@@ -89,7 +89,7 @@ export function ViteReactSSG(
         </HelmetProvider>
       ) as ReactNode
       const isSSR = document.querySelector('[data-server-rendered=true]') !== null
-      if (!isSSR && import.meta.env.DEV) {
+      if (!isSSR && process.env.NODE_ENV === 'development') {
         const root = ReactDOMCreateRoot(container)
         React.startTransition(() => {
           root.render(app)

src/client/tanstack.tsx

@@ -38,7 +38,7 @@ export function Experimental_ViteReactSSG(
     getStyleCollector = null,
   } = options
 
-  if (import.meta.env.DEV && ssrWhenDev !== undefined)
+  if (process.env.NODE_ENV === 'development' && ssrWhenDev !== undefined)
     console.warn('[vite-react-ssg] `ssrWhenDev` option is no longer needed. If you want to use csr, just replace `vite-react-ssg dev` with `vite`.')
 
   const isClient = typeof window !== 'undefined'
@@ -75,7 +75,7 @@ export function Experimental_ViteReactSSG(
           // eslint-disable-next-line ts/no-empty-object-type
           node.options.loader = async (ctx: LoaderFnContext<any, {}, {}, {}, AnyContext, AnyContext>) => {
             let pathname = ctx.location.pathname
-            if (import.meta.env.DEV) {
+            if (process.env.NODE_ENV === 'development') {
               const routeId = encodeURIComponent(node.id)
               const dataQuery = `_data=${routeId}`
               const href = ctx.location.href
@@ -171,7 +171,7 @@ export function Experimental_ViteReactSSG(
 
       const { router } = await createRoot(true)
       const isSSR = document.querySelector('[data-server-rendered=true]') !== null
-      if (!isSSR && import.meta.env.DEV) {
+      if (!isSSR && process.env.NODE_ENV === 'development') {
         const root = ReactDOMCreateRoot(container)
         React.startTransition(() => {
           root.render(

src/node/build.ts

@@ -98,7 +98,6 @@ export async function build(ssgOptions: Partial<ViteReactSSGOptions> = {}, viteC
     },
     customLogger: clientLogger,
     mode: config.mode,
-    ssr: { noExternal: ['vite-react-ssg'] },
   }))
 
   if (mock) {
@@ -137,7 +136,6 @@ export async function build(ssgOptions: Partial<ViteReactSSGOptions> = {}, viteC
       },
     },
     mode: config.mode,
-    ssr: { noExternal: ['vite-react-ssg', 'vite-react-ssg/tanstack'] },
   }))
 
   const prefix = (format === 'esm' && process.platform === 'win32') ? 'file://' : ''

src/node/dev.ts

@@ -61,9 +61,7 @@ export async function dev(ssgOptions: Partial<ViteReactSSGOptions> = {}, viteCon
             }),
           ],
         },
-        {
-          ssr: { noExternal: ['vite-react-ssg'] },
-        },
+        {},
       ),
     )
     await viteServer.listen()