Add client utils to app router package

[blakewilson]

Tasks

• I have signed a Contributor License Agreement (CLA) with WP Engine.
• If a code change, I have written testing instructions that the whole team & outside contributors can understand.
• I have written and included a comprehensive changeset to properly document the changes I've made.

Description

This PR introduces a mechanism to make GraphQL requests on the client side within a Faust app router project. In order to do so, the <FaustProvider> component was brought back and can be imported via:

import { FaustProvider } from '@faustwp/experimental-app-router/ssr';

This PR also sets us up to use package exports so we can better isolate our RSC and SSR implementations.

Related Issue(s):

Testing

1. Checkout the PR
2. install deps (npm install)
3. Build the packages (npm run build -w @faustwp/experimental-app-router)
4. Run the example project (npm run dev -w @faustwp/app-router-example)
5. Navigate to http://localhost:3000/making-client-queries and notice the client query works properly.
6. Ensure other data fetching methods work as well (RSC data fetching, previews, etc).
7. Try to break it!

Screenshots

Bundle size is not effected outside of client data fetching.

Bundle before this PR:

Bundle after:

Documentation Changes

Dependant PRs

[changeset-bot]

🦋 Changeset detected

Latest commit: a13412e

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

This PR includes changesets to release 1 package

Name	Type
@faustwp/experimental-app-router	Patch

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

[github-actions]

📦 Next.js Bundle Analysis for @faustwp/getting-started-example

This analysis was generated by the Next.js Bundle Analysis action. 🤖

This PR introduced no changes to the JavaScript bundle! 🙌

[blakewilson]

In order to use package exports in TypeScript, you must set moduleResolution to Node16, NodeNext, or Bundler. Since we don't want to enforce strict module resolution with file extensions, etc. on our users, we use Bundler since the other two require that strict behavior.

[theodesp]

LGTM. It looks like there is a dependency check failure.

[blakewilson]

LGTM. It looks like there is a dependency check failure.

Fixed!