Upgrade Remix template to v2.2.0

[dependabot]

Bumps @remix-run/serve from 1.19.2 to 2.2.0.

Release notes

Sourced from @​remix-run/serve's releases.

v2.2.0

Minor Changes

Vite!

Remix 2.2.0 adds unstable support for Vite for Node-based apps! See our announcement blog post and the Future > Vite page in the Remix docs for more details. (#7590)

You can try it out today with two new (unstable) templates:

# minimal server
npx create-remix@latest --template remix-run/remix/templates/unstable-vite
custom server (Express example)
npx create-remix@latest --template remix-run/remix/templates/unstable-vite-express

New APIs in @remix-run/dev

• unstable_vitePlugin: The new Remix Vite plugin
• unstable_createViteServer: Creates a Vite server in middleware mode for interop with custom servers
• unstable_loadViteServerBuild: Allows your custom server to delegate SSR requests to Vite during development

Changed APIs

• createRequestHandler: Now also allows the build argument to be a function that will be used to dynamically load new builds for each request during development

Other Runtimes

• Deno support is untested, but should work through Deno's Node/npm interop
• CloudFlare support is not yet available

New Fetcher APIs

Per this RFC, we've introduced some new APIs that give you more granular control over your fetcher behaviors. (#10960)

• You may now specify your own fetcher identifier via useFetcher({ key: string }), which allows you to access the same fetcher instance from different components in your application without prop-drilling
• Fetcher keys are now exposed on the fetchers returned from useFetchers so that they can be looked up by key
• Form and useSumbit now support optional navigate/fetcherKey props/params to allow kicking off a fetcher submission under the hood with an optionally user-specified key
  • <Form method="post" navigate={false} fetcherKey="my-key">
  • submit(data, { method: "post", navigate: false, fetcherKey: "my-key" })
  • Invoking a fetcher in this way is ephemeral and stateless
  • If you need to access the state of one of these fetchers, you will need to leverage useFetchers() or useFetcher({ key }) to look it up elsewhere

Persistence Future Flag (future.v3_fetcherPersist)

Per the same RFC as above, we've introduced a new future.v3_fetcherPersist flag that allows you to opt-into the new fetcher persistence/cleanup behavior. Instead of being immediately cleaned up on unmount, fetchers will persist until they return to an idle state. This makes pending/optimistic UI much easier in scenarios where the originating fetcher needs to unmount. (#10962)

• This is sort of a long-standing bug fix as the useFetchers() API was always supposed to only reflect in-flight fetcher information for pending/optimistic UI -- it was not intended to reflect fetcher data or hang onto fetchers after they returned to an idle state
• Keep an eye out for the following specific behavioral changes when opting into this flag and check your app for compatibility:

... (truncated)

Changelog

Sourced from @​remix-run/serve's changelog.

2.2.0

Patch Changes

• Updated dependencies:
  • @remix-run/express@2.2.0
  • @remix-run/node@2.2.0

2.1.0

Patch Changes

• Updated dependencies:
  • @remix-run/express@2.1.0
  • @remix-run/node@2.1.0

2.0.1

Patch Changes

• Fix HMR for CJS projects using remix-serve and manual mode (remix dev --manual) (#7487)
  • By explicitly busting the require cache, remix-serve now correctly re-imports new server changes in CJS
  • ESM projects were already working correctly and are not affected by this.
• Fix error caused by partially written server build (#7470)
  • Previously, it was possible to trigger a reimport of the app server code before the new server build had completely been written. Reimporting the partially written server build caused issues related to build.assets being undefined and crashing when reading build.assets.version
• Updated dependencies:
  • @remix-run/node@2.0.1
  • @remix-run/express@2.0.1

2.0.0

Major Changes

• remix-serve now picks an open port if 3000 is taken (#7278)

  • If PORT env var is set, remix-serve will use that port
  • Otherwise, remix-serve picks an open port (3000 unless that is already taken)

• Integrate manual mode in remix-serve (#7231)

• Remove undocumented createApp Node API (#7229)

  • remix-serve is a CLI, not a library

• Require Node >=18.0.0 (#6939)

• Promote the future.v2_dev flag in remix.config.js to a root level dev config (#7002)

• Default to serverModuleFormat: "esm" and update remix-serve to use dynamic import to support ESM and CJS build outputs (#6949)

... (truncated)

Commits

• 85caf9b chore: Update version for release (#7841)
• 23bf4c8 chore: Update version for release (pre) (#7839)
• ccc77f5 chore: Update version for release (pre) (#7831)
• 754d6b8 chore: Update version for release (pre) (#7827)
• 4841b62 chore: Update version for release (pre) (#7813)
• aa8511e chore: Update version for release (pre) (#7780)
• 4c1047d chore: Update version for release (#7679)
• 31ce2a3 chore: Update version for release (pre) (#7678)
• b4cd467 chore: Update version for release (pre) (#7655)
• 27ee4fc chore: Update version for release (#7511)
• Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

---

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot merge will merge this PR after your CI passes on it
• @dependabot squash and merge will squash and merge this PR after your CI passes on it
• @dependabot cancel merge will cancel a previously requested merge and block automerging
• @dependabot reopen will reopen this PR if it is closed
• @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
• @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
oss-circuit-ui	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 8, 2023 10:41am

[changeset-bot]

🦋 Changeset detected

Latest commit: 45313ea

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
@sumup/circuit-ui	Patch
@sumup/remix-template-circuit-ui	Major

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[codecov]

Codecov Report

Merging #2282 (45313ea) into main (32860b0) will not change coverage.
The diff coverage is 0.00%.

@@           Coverage Diff           @@
##             main    #2282   +/-   ##
=======================================
  Coverage   97.15%   97.15%           
=======================================
  Files         251      251           
  Lines       19848    19848           
  Branches     1223     1223           
=======================================
  Hits        19283    19283           
  Misses        551      551           
  Partials       14       14           

Files	Coverage Δ
...ckages/circuit-ui/components/Headline/Headline.tsx	93.54% <0.00%> (ø)
.../circuit-ui/components/SubHeadline/SubHeadline.tsx	92.72% <0.00%> (ø)
packages/circuit-ui/components/Title/Title.tsx	93.54% <0.00%> (ø)