Refactor browser APIs (#716)

* Refactor browser APIs * More cleanup * Add more passthrough details on BrowserResponse * More moves * Add back more components * More fixes * Update some parts of templates * More template and e2e test updates * Fix some e2e tests * Some react-server-render cleanup * Remove rest of react-server-render * Fix html/ body attributes * Fix more tests * Another test fix * Add changeset * Lints
lemonmade · May 5, 2024 · 7daafca · 7daafca
1 parent c402a9a
commit 7daafca
Show file tree

Hide file tree

Showing 244 changed files with 2,492 additions and 5,315 deletions.
diff --git a/.changeset/silver-bananas-compare.md b/.changeset/silver-bananas-compare.md
@@ -0,0 +1,16 @@
+---
+'@quilted/react-query': patch
+'@quilted/react-localize': patch
+'@quilted/react-browser': patch
+'@quilted/react-router': patch
+'@quilted/react-async': patch
+'@quilted/react-email': patch
+'@quilted/react-dom': patch
+'@quilted/browser': patch
+'@quilted/graphql': patch
+'@quilted/assets': patch
+'@quilted/create': patch
+'@quilted/quilt': patch
+---
+
+Refactor browser APIs
diff --git a/documentation/features/http.md b/documentation/features/http.md
@@ -118,7 +118,7 @@ export function NotFoundUi() {
 }
 ```
 
-## Reading cookies and other request headers
+## Reading cookies
 
 You can read cookies using the `useCookie` hook:
 
@@ -139,25 +139,6 @@ export function GuardWithAuth({children}: PropsWithChildren) {
 
 On the server, these cookies are parsed from the `Cookie` request header. On the client, these cookies are parsed from `document.cookie`.
 
-If you want to read other request headers, you can use the `useRequestHeader` hook:
-
-```tsx
-import {useRequestHeader} from '@quilted/quilt/http';
-
-export function CheckForBrotli() {
-  // Don’t worry, headers are normalized, so any capitalization works!
-  const acceptEncoding = useRequestHeader('Accept-Encoding') ?? '';
-
-  return acceptEncoding.includes('br') ? (
-    <div>Request supports brotli!</div>
-  ) : (
-    <div>Request does not support brotli :(</div>
-  );
-}
-```
-
-Typically, request headers are only available on the server-side. When you read them using the `useRequestHeader` hooks, though, they are serialized into the HTML document so that they are also available on the client. **Make sure that you are comfortable exposing this header to the client before using the `useRequestHeader` hook.**
-
 ## Setting cookies and other response headers
 
 You can set an HTTP cookie by using the `useResponseCookie` hook or `ResponseCookie` component. Both accept the cookie name, value, and [other cookie options](https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies).

diff --git a/integrations/apollo/CHANGELOG.md b/integrations/apollo/CHANGELOG.md
diff --git a/integrations/apollo/README.md b/integrations/apollo/README.md
diff --git a/integrations/apollo/package.json b/integrations/apollo/package.json
diff --git a/integrations/apollo/source/ApolloProvider.tsx b/integrations/apollo/source/ApolloProvider.tsx
diff --git a/integrations/apollo/source/client.ts b/integrations/apollo/source/client.ts
diff --git a/integrations/apollo/source/index.ts b/integrations/apollo/source/index.ts
diff --git a/integrations/apollo/source/parse.ts b/integrations/apollo/source/parse.ts