vitedge

What's Changed

• fix(plugin): pass containerId opt to viteSsr by @artisin in https://github.com/frandiox/vitedge/pull/86
• fix(vue): Update entry-server.js by @oleghalin in https://github.com/frandiox/vitedge/pull/92
• fix(plugin): add transformState declaration by @odai-alali in https://github.com/frandiox/vitedge/pull/89
• fix: update typings for useContext to be callable by @thyb in https://github.com/frandiox/vitedge/pull/90
• fix: preview server url for vite 3.x by @m3hari in https://github.com/frandiox/vitedge/pull/94

New Contributors

• @artisin made their first contribution in https://github.com/frandiox/vitedge/pull/86
• @oleghalin made their first contribution in https://github.com/frandiox/vitedge/pull/92
• @odai-alali made their first contribution in https://github.com/frandiox/vitedge/pull/89
• @thyb made their first contribution in https://github.com/frandiox/vitedge/pull/90

Full Changelog: https://github.com/frandiox/vitedge/compare/v0.19.0...v0.19.1

What's Changed

• Support Vite 2.8+
• Fix illegal invocation in CFW
• Update to React Router v6

Upgrade guide for React Router v6

package.json

-"react-router-config": "^5.0.2",
-"react-router-dom": "^5.2.0"
+"react-router-dom": "^6.2.2"

App.jsx

-import { Link, Route, Switch } from 'react-router-dom'
+import { Link, Route, Routes } from 'react-router-dom'

-      <Switch>
+      <Routes>
        {router.routes.map((route) => {
          return (
-            <Route key={route.path} path={route.path}>
-              <route.component route={route} baseUrl={baseUrl} />
-            </Route>
+            <Route
+              key={route.path}
+              path={route.path}
+              element={<route.component route={route} baseUrl={baseUrl} />}
+            />
          )
        })}
-      </Switch>
+      </Routes>

Full Changelog: https://github.com/frandiox/vitedge/compare/v0.18.2...v0.19.0

What's Changed

• Add default cache options by @m3hari in https://github.com/frandiox/vitedge/pull/83

Full Changelog: https://github.com/frandiox/vitedge/compare/v0.18.1...v0.18.2

• Fix: workaround for regression in Vite >= 2.6 related to import.meta.hot https://github.com/vitejs/vite/issues/5270

What's Changed

• Breaking: the url object passed in context is always type URL (before it was type Location).
• Fix React props routing when using base parameter.
• Fix hydration in Vue apps in https://github.com/frandiox/vite-ssr/pull/129
• Fix backslash escaping in serialized state in https://github.com/frandiox/vite-ssr/pull/130
• Fix routing when base is provided under some conditions.
• Dev server defaults to 127.0.0.1 instead of localhost in macOS to prevent Vite issues.
• Fix rendered HTML when state or body contains $1. Related #123
• Add pluginOptions.containerId to customize the container element ID in index.html.
• Require latest Vite and Vue versions as peer dependencies.

Full Changelog: https://github.com/frandiox/vitedge/compare/v0.17.5...v0.18.0

• Support Vite >= 2.7. Related #71

• Support Node >= 16.2. Related #74

What's Changed

• Fix: Avoid 404 for pages without props handler (fix #66) by @m3hari in https://github.com/frandiox/vitedge/pull/67
• Feat: Add excludeSsrComponents option in plugin that removes components from the SSR bundle. Components are mocked during SSR and will be hydrated in browser. This is useful for components that are not isomorphic (e.g. access window or document) and to reduce the bundle size.
• Feat: Add skipSSR option to handleEvent. With this, the HTML response will only include the minimum index.html with the corresponding dependencies (SPA behavior).

New Contributors

• @m3hari made their first contribution in https://github.com/frandiox/vitedge/pull/67

Full Changelog: https://github.com/frandiox/vitedge/compare/v0.17.2...v0.17.3

• Expose Vite SSR plugin options in Vitedge plugin.

Full Changelog: https://github.com/frandiox/vitedge/compare/v0.17.1...v0.17.2

• Added usePageProps hook to access the current page props returned by the props handler.
• Fix first page state when running SPA-only mode.
• Fix minor state serialization with already escaped characters (e.g. \n).
• Support Vite 2.6.x. For better DX in development, add the following to your entry point (main.js):

if (import.meta.hot) {
  globalThis.__hot = import.meta.hot
}

Full Changelog: https://github.com/frandiox/vitedge/compare/v0.17.0...v0.17.1

What's Changed

• Leaner state serialization to JSON.
• Pass cookie headers automatically to props handlers.
• Expose core library. This enables SSR with Vanilla JS or bring-your-own-framework easily.
• Support the new @vite/plugin-react.
• Vite 2.5.x is now required (2.6.x will be supported in following releases).

Full Changelog: https://github.com/frandiox/vitedge/compare/v0.16.4...v0.17.0

• fix: Pass headers and status from props handlers back to the SSR response (closes #60)
• fix: Forward headers to props handlers in SSR requests (related https://github.com/frandiox/vitedge/discussions/61#discussioncomment-1353319)
• fix: Errors during SSR should show Vite's overlay in browser

• fix: Bump peer dependency to avoid issues with npm@7
• fix: Do not use static imports in CLI to support yarn berry

• feat: Fetch page props and page components in parallel [Vue]
• fix: Allow running vue-router beforeEach guards before awaiting page props request. #57
• fix: Correctly pass query parameter to Page Props handlers in Node/prod environments. #58
• fix: query parameter in API handlers should be a plain object instead of URLSearchParams.

• fix: Allow props files to be called props/index.js
• fix: Allow props files to contain brackets: props/[name].js

Features

• Cloudflare Workers APIs (cache, KV, WS, etc) are now polyfilled during development when miniflare is installed in the project. Note that DO is still not available due to a bug in kv-asset-handler package.
• [BREAKING] React Style Collectors: New option to extract CSS-in-JS during SSR for React. Vitedge's experimental auto-detection of styled-components and @material-ui/core is now deprecated. Use one of the provided style collectors or make a custom one: docs.
• Expose createSsrServer to run Vitedge as middleware in custom servers such as Express or Fastify.

Fixes

• Wrap process.env matches in parenthesis to avoid code such as process.env.hasOwnProperty crash (looking at you Fauna).
• Functions build options were not correctly passed to Rollup.

• feat: Accept ESBuild options in plugin

Features

• 🔥 New preview mode: vitedge preview or vitedge preview --build-watch. This mode runs the app in Miniflare to create a local environment more similar to workers (faster than wrangler dev). Thanks to @mrbbot for all the help!
• 🎉 Vitedge can now generate the final worker script using ESBuild optionally, which replaces Wrangler's Webpack build.
• Add support for import.meta.env object in functions directory (similar to process.env, but more consistent with Vite's behavior).
• Support build watch: vitedge build --watch.

Fixes

• Undefined waitUntil in API calls during SSR run.

Features

• API can now be consumed from Page Props handlers using fetch. #37
• New utility useContext to access SSR Context from any component.

Fixes

• Wrong default NODE_ENV value in staging.
• Export ClientOnly component in Vue.
• Default order of Webpack's mainFields for React.
• General issues with typings.

• Fix: Type issues.
• Feat: Update to [email protected]