chore(vite): Hide API proxy error on start

packages/vite/src/index.ts

@@ -122,6 +122,41 @@ export default function redwoodPluginVite(): PluginOption[] {
                 changeOrigin: true,
                 // Remove the `.redwood/functions` part, but leave the `/graphql`
                 rewrite: (path) => path.replace(rwConfig.web.apiUrl, ''),
+                configure: (proxy) => {
+                  // @MARK: this is a hack to prevent showing confusing proxy errors on startup
+                  // because Vite launches so much faster than the API server.
+                  let waitingForApiServer = true
+
+                  // Wait for 2.5s, then restore regular proxy error logging
+                  setTimeout(() => {
+                    waitingForApiServer = false
+                  }, 2500)
+
+                  proxy.on('error', (err, _req, res) => {
+                    if (
+                      waitingForApiServer &&
+                      err.message.includes('ECONNREFUSED')
+                    ) {
+                      err.stack =
+                        '⌛ API Server launching, please refresh your page...'
+                    }
+                    const msg = {
+                      errors: [
+                        {
+                          message:
+                            'The RedwoodJS API server is not available or is currently reloading. Please refresh.',
+                        },
+                      ],
+                    }
+
+                    res.writeHead(203, {
+                      'Content-Type': 'application/json',
+                      'Cache-Control': 'no-cache',
+                    })
+                    res.write(JSON.stringify(msg))
+                    res.end()
+                  })
+                },
               },
             },
           },