initial prototype

StellateHQ · Dec 4, 2023 · 76a0416 · 76a0416
1 parent f92dff4
commit 76a0416
Show file tree

Hide file tree

Showing 16 changed files with 164 additions and 13 deletions.
diff --git a/examples/next/app/api/fuse/route.ts b/examples/next/app/api/fuse/route.ts
@@ -1,12 +1,15 @@
 import { createAPIRouteHandler } from 'fuse/next'
+import persistedDocuments from '@/fuse/persisted-documents.json'
 
 const files = require.context('../../../types', true, /\.ts$/)
 files
   .keys()
   .filter((path: string) => path.includes('types/'))
   .forEach(files)
 
-const layer = createAPIRouteHandler()
+const layer = createAPIRouteHandler({
+  persistedOperationsStore: persistedDocuments,
+})
 
 export const GET = layer
 export const POST = layer
diff --git a/examples/next/app/rsc/page.tsx b/examples/next/app/rsc/page.tsx
@@ -1,5 +1,10 @@
 import * as React from 'react'
-import { registerClient, createClient, fetchExchange } from 'fuse/next/server'
+import {
+  registerClient,
+  createClient,
+  fetchExchange,
+  persistedExchange,
+} from 'fuse/next/server'
 
 import { graphql } from '@/fuse'
 import { LaunchItem } from '@/components/LaunchItem'
@@ -14,7 +19,7 @@ const { getClient } = registerClient(() =>
       process.env.NODE_ENV === 'production'
         ? 'https://spacex-fuse.vercel.app/api/fuse'
         : 'http://localhost:3000/api/fuse',
-    exchanges: [fetchExchange],
+    exchanges: [persistedExchange, fetchExchange],
   }),
 )
 

diff --git a/examples/next/components/DatalayerProvider.tsx b/examples/next/components/DatalayerProvider.tsx
@@ -6,6 +6,7 @@ import {
   cacheExchange,
   fetchExchange,
   createClient,
+  persistedExchange,
 } from 'fuse/next/client'
 import React from 'react'
 
@@ -17,7 +18,7 @@ export const DatalayerProvider = (props: any) => {
         process.env.NODE_ENV === 'production'
           ? 'https://spacex-fuse.vercel.app/api/fuse'
           : 'http://localhost:3000/api/fuse',
-      exchanges: [cacheExchange, ssr, fetchExchange],
+      exchanges: [cacheExchange, ssr, persistedExchange, fetchExchange],
       suspense: true,
     })
 

diff --git a/examples/next/fuse/graphql.ts b/examples/next/fuse/graphql.ts
@@ -281,6 +281,7 @@ export const LaunchFieldsFragmentDoc = {
       selectionSet: {
         kind: 'SelectionSet',
         selections: [
+          { kind: 'Field', name: { kind: 'Name', value: '__typename' } },
           { kind: 'Field', name: { kind: 'Name', value: 'id' } },
           { kind: 'Field', name: { kind: 'Name', value: 'name' } },
           { kind: 'Field', name: { kind: 'Name', value: 'launchDate' } },
@@ -303,6 +304,7 @@ export const SiteLocationFieldsFragmentDoc = {
       selectionSet: {
         kind: 'SelectionSet',
         selections: [
+          { kind: 'Field', name: { kind: 'Name', value: '__typename' } },
           { kind: 'Field', name: { kind: 'Name', value: 'latitude' } },
           { kind: 'Field', name: { kind: 'Name', value: 'longitude' } },
           { kind: 'Field', name: { kind: 'Name', value: 'name' } },
@@ -325,6 +327,7 @@ export const LaunchSiteFieldsFragmentDoc = {
       selectionSet: {
         kind: 'SelectionSet',
         selections: [
+          { kind: 'Field', name: { kind: 'Name', value: '__typename' } },
           { kind: 'Field', name: { kind: 'Name', value: 'id' } },
           { kind: 'Field', name: { kind: 'Name', value: 'name' } },
           { kind: 'Field', name: { kind: 'Name', value: 'details' } },
@@ -335,6 +338,7 @@ export const LaunchSiteFieldsFragmentDoc = {
             selectionSet: {
               kind: 'SelectionSet',
               selections: [
+                { kind: 'Field', name: { kind: 'Name', value: '__typename' } },
                 {
                   kind: 'FragmentSpread',
                   name: { kind: 'Name', value: 'SiteLocationFields' },
@@ -355,6 +359,7 @@ export const LaunchSiteFieldsFragmentDoc = {
       selectionSet: {
         kind: 'SelectionSet',
         selections: [
+          { kind: 'Field', name: { kind: 'Name', value: '__typename' } },
           { kind: 'Field', name: { kind: 'Name', value: 'latitude' } },
           { kind: 'Field', name: { kind: 'Name', value: 'longitude' } },
           { kind: 'Field', name: { kind: 'Name', value: 'name' } },
@@ -377,13 +382,15 @@ export const TotalCountFieldsFragmentDoc = {
       selectionSet: {
         kind: 'SelectionSet',
         selections: [
+          { kind: 'Field', name: { kind: 'Name', value: '__typename' } },
           { kind: 'Field', name: { kind: 'Name', value: 'totalCount' } },
         ],
       },
     },
   ],
 } as unknown as DocumentNode<TotalCountFieldsFragment, unknown>
 export const Launches_SsrDocument = {
+  __meta__: { hash: 'bb6e5ac452c5d08659b1855799a08ee2543a05ca' },
   kind: 'Document',
   definitions: [
     {
@@ -411,6 +418,7 @@ export const Launches_SsrDocument = {
       selectionSet: {
         kind: 'SelectionSet',
         selections: [
+          { kind: 'Field', name: { kind: 'Name', value: '__typename' } },
           {
             kind: 'Field',
             name: { kind: 'Name', value: 'launches' },
@@ -435,12 +443,17 @@ export const Launches_SsrDocument = {
             selectionSet: {
               kind: 'SelectionSet',
               selections: [
+                { kind: 'Field', name: { kind: 'Name', value: '__typename' } },
                 {
                   kind: 'Field',
                   name: { kind: 'Name', value: 'nodes' },
                   selectionSet: {
                     kind: 'SelectionSet',
                     selections: [
+                      {
+                        kind: 'Field',
+                        name: { kind: 'Name', value: '__typename' },
+                      },
                       { kind: 'Field', name: { kind: 'Name', value: 'id' } },
                       {
                         kind: 'FragmentSpread',
@@ -469,6 +482,7 @@ export const Launches_SsrDocument = {
       selectionSet: {
         kind: 'SelectionSet',
         selections: [
+          { kind: 'Field', name: { kind: 'Name', value: '__typename' } },
           { kind: 'Field', name: { kind: 'Name', value: 'id' } },
           { kind: 'Field', name: { kind: 'Name', value: 'name' } },
           { kind: 'Field', name: { kind: 'Name', value: 'launchDate' } },
@@ -486,13 +500,15 @@ export const Launches_SsrDocument = {
       selectionSet: {
         kind: 'SelectionSet',
         selections: [
+          { kind: 'Field', name: { kind: 'Name', value: '__typename' } },
           { kind: 'Field', name: { kind: 'Name', value: 'totalCount' } },
         ],
       },
     },
   ],
 } as unknown as DocumentNode<Launches_SsrQuery, Launches_SsrQueryVariables>
 export const Launches_RscDocument = {
+  __meta__: { hash: '616ad65c55a2a69941aff21ec3c1d0964773771f' },
   kind: 'Document',
   definitions: [
     {
@@ -520,6 +536,7 @@ export const Launches_RscDocument = {
       selectionSet: {
         kind: 'SelectionSet',
         selections: [
+          { kind: 'Field', name: { kind: 'Name', value: '__typename' } },
           {
             kind: 'Field',
             name: { kind: 'Name', value: 'launches' },
@@ -544,12 +561,17 @@ export const Launches_RscDocument = {
             selectionSet: {
               kind: 'SelectionSet',
               selections: [
+                { kind: 'Field', name: { kind: 'Name', value: '__typename' } },
                 {
                   kind: 'Field',
                   name: { kind: 'Name', value: 'nodes' },
                   selectionSet: {
                     kind: 'SelectionSet',
                     selections: [
+                      {
+                        kind: 'Field',
+                        name: { kind: 'Name', value: '__typename' },
+                      },
                       { kind: 'Field', name: { kind: 'Name', value: 'id' } },
                       {
                         kind: 'FragmentSpread',
@@ -578,6 +600,7 @@ export const Launches_RscDocument = {
       selectionSet: {
         kind: 'SelectionSet',
         selections: [
+          { kind: 'Field', name: { kind: 'Name', value: '__typename' } },
           { kind: 'Field', name: { kind: 'Name', value: 'id' } },
           { kind: 'Field', name: { kind: 'Name', value: 'name' } },
           { kind: 'Field', name: { kind: 'Name', value: 'launchDate' } },
@@ -595,13 +618,15 @@ export const Launches_RscDocument = {
       selectionSet: {
         kind: 'SelectionSet',
         selections: [
+          { kind: 'Field', name: { kind: 'Name', value: '__typename' } },
           { kind: 'Field', name: { kind: 'Name', value: 'totalCount' } },
         ],
       },
     },
   ],
 } as unknown as DocumentNode<Launches_RscQuery, Launches_RscQueryVariables>
 export const LaunchDetailsDocument = {
+  __meta__: { hash: '06f997a01891cf62f3b0499580b0d70a0d9658ae' },
   kind: 'Document',
   definitions: [
     {
@@ -621,6 +646,7 @@ export const LaunchDetailsDocument = {
       selectionSet: {
         kind: 'SelectionSet',
         selections: [
+          { kind: 'Field', name: { kind: 'Name', value: '__typename' } },
           {
             kind: 'Field',
             name: { kind: 'Name', value: 'node' },
@@ -637,6 +663,7 @@ export const LaunchDetailsDocument = {
             selectionSet: {
               kind: 'SelectionSet',
               selections: [
+                { kind: 'Field', name: { kind: 'Name', value: '__typename' } },
                 {
                   kind: 'InlineFragment',
                   typeCondition: {
@@ -646,6 +673,10 @@ export const LaunchDetailsDocument = {
                   selectionSet: {
                     kind: 'SelectionSet',
                     selections: [
+                      {
+                        kind: 'Field',
+                        name: { kind: 'Name', value: '__typename' },
+                      },
                       { kind: 'Field', name: { kind: 'Name', value: 'id' } },
                       { kind: 'Field', name: { kind: 'Name', value: 'name' } },
                       {
@@ -663,6 +694,10 @@ export const LaunchDetailsDocument = {
                         selectionSet: {
                           kind: 'SelectionSet',
                           selections: [
+                            {
+                              kind: 'Field',
+                              name: { kind: 'Name', value: '__typename' },
+                            },
                             {
                               kind: 'FragmentSpread',
                               name: { kind: 'Name', value: 'LaunchSiteFields' },
@@ -676,6 +711,10 @@ export const LaunchDetailsDocument = {
                         selectionSet: {
                           kind: 'SelectionSet',
                           selections: [
+                            {
+                              kind: 'Field',
+                              name: { kind: 'Name', value: '__typename' },
+                            },
                             {
                               kind: 'Field',
                               name: { kind: 'Name', value: 'cost' },
@@ -714,6 +753,7 @@ export const LaunchDetailsDocument = {
       selectionSet: {
         kind: 'SelectionSet',
         selections: [
+          { kind: 'Field', name: { kind: 'Name', value: '__typename' } },
           { kind: 'Field', name: { kind: 'Name', value: 'latitude' } },
           { kind: 'Field', name: { kind: 'Name', value: 'longitude' } },
           { kind: 'Field', name: { kind: 'Name', value: 'name' } },
@@ -731,6 +771,7 @@ export const LaunchDetailsDocument = {
       selectionSet: {
         kind: 'SelectionSet',
         selections: [
+          { kind: 'Field', name: { kind: 'Name', value: '__typename' } },
           { kind: 'Field', name: { kind: 'Name', value: 'id' } },
           { kind: 'Field', name: { kind: 'Name', value: 'name' } },
           { kind: 'Field', name: { kind: 'Name', value: 'details' } },
@@ -741,6 +782,7 @@ export const LaunchDetailsDocument = {
             selectionSet: {
               kind: 'SelectionSet',
               selections: [
+                { kind: 'Field', name: { kind: 'Name', value: '__typename' } },
                 {
                   kind: 'FragmentSpread',
                   name: { kind: 'Name', value: 'SiteLocationFields' },
@@ -754,6 +796,7 @@ export const LaunchDetailsDocument = {
   ],
 } as unknown as DocumentNode<LaunchDetailsQuery, LaunchDetailsQueryVariables>
 export const PageLaunchesDocument = {
+  __meta__: { hash: '351e381d4b9bbd1da05483d9f533cc48dfcd2777' },
   kind: 'Document',
   definitions: [
     {
@@ -781,6 +824,7 @@ export const PageLaunchesDocument = {
       selectionSet: {
         kind: 'SelectionSet',
         selections: [
+          { kind: 'Field', name: { kind: 'Name', value: '__typename' } },
           {
             kind: 'Field',
             name: { kind: 'Name', value: 'launches' },
@@ -805,12 +849,17 @@ export const PageLaunchesDocument = {
             selectionSet: {
               kind: 'SelectionSet',
               selections: [
+                { kind: 'Field', name: { kind: 'Name', value: '__typename' } },
                 {
                   kind: 'Field',
                   name: { kind: 'Name', value: 'nodes' },
                   selectionSet: {
                     kind: 'SelectionSet',
                     selections: [
+                      {
+                        kind: 'Field',
+                        name: { kind: 'Name', value: '__typename' },
+                      },
                       { kind: 'Field', name: { kind: 'Name', value: 'id' } },
                       { kind: 'Field', name: { kind: 'Name', value: 'name' } },
                     ],

diff --git a/examples/next/fuse/persisted-documents.json b/examples/next/fuse/persisted-documents.json
@@ -0,0 +1,6 @@
+{
+  "bb6e5ac452c5d08659b1855799a08ee2543a05ca": "fragment LaunchFields on Launch { __typename id image launchDate name } fragment TotalCountFields on QueryLaunchesList { __typename totalCount } query Launches_SSR($limit: Int, $offset: Int) { __typename launches(limit: $limit, offset: $offset) { __typename nodes { __typename id ...LaunchFields } ...TotalCountFields } }",
+  "616ad65c55a2a69941aff21ec3c1d0964773771f": "fragment LaunchFields on Launch { __typename id image launchDate name } fragment TotalCountFields on QueryLaunchesList { __typename totalCount } query Launches_RSC($limit: Int, $offset: Int) { __typename launches(limit: $limit, offset: $offset) { __typename nodes { __typename id ...LaunchFields } ...TotalCountFields } }",
+  "06f997a01891cf62f3b0499580b0d70a0d9658ae": "fragment LaunchSiteFields on Site { __typename details id location { __typename ...SiteLocationFields } name status } fragment SiteLocationFields on Location { __typename latitude longitude name region } query LaunchDetails($id: ID!) { __typename node(id: $id) { __typename ... on Launch { __typename details id image launchDate name rocket { __typename company cost country description } site { __typename ...LaunchSiteFields } } } }",
+  "351e381d4b9bbd1da05483d9f533cc48dfcd2777": "query PageLaunches($limit: Int, $offset: Int) { __typename launches(limit: $limit, offset: $offset) { __typename nodes { __typename id name } totalCount } }"
+}
diff --git a/examples/next/pages/test.tsx b/examples/next/pages/test.tsx
@@ -9,6 +9,7 @@ import {
   ssrExchange,
   cacheExchange,
   fetchExchange,
+  persistedExchange,
 } from 'fuse/next/pages'
 
 import { graphql } from '@/fuse'
@@ -65,7 +66,7 @@ export async function getServerSideProps() {
       process.env.NODE_ENV === 'production'
         ? 'https://spacex-fuse.vercel.app/api/fuse'
         : 'http://localhost:3000/api/fuse',
-    exchanges: [cacheExchange, ssrCache, fetchExchange],
+    exchanges: [cacheExchange, ssrCache, persistedExchange, fetchExchange],
   })
 
   await client.query(LaunchesQuery, { limit: 10, offset: 0 }).toPromise()
@@ -84,5 +85,5 @@ export default withGraphQLClient((ssrCache) => ({
     process.env.NODE_ENV === 'production'
       ? 'https://spacex-fuse.vercel.app/api/fuse'
       : 'http://localhost:3000/api/fuse',
-  exchanges: [cacheExchange, ssrCache, fetchExchange],
+  exchanges: [cacheExchange, ssrCache, persistedExchange, fetchExchange],
 }))(Page)
diff --git a/examples/next/schema.graphql b/examples/next/schema.graphql
@@ -82,4 +82,4 @@ type User implements Node {
   firstName: String
   id: ID!
   name: String
-}
+}
diff --git a/packages/core/client.d.ts b/packages/core/client.d.ts
@@ -1,4 +1,7 @@
 // src/next/client.ts
+import { Exchange } from '@urql/core'
 import { useQuery, UrqlProvider } from '@urql/next'
 export * from 'urql'
 export { UrqlProvider as Provider, useQuery }
+
+export const persistedExchange: Exchange
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -67,11 +67,13 @@
     "@graphql-typed-document-node/core": "^3.2.0",
     "@graphql-yoga/plugin-defer-stream": "^3.0.0",
     "@graphql-yoga/plugin-disable-introspection": "^2.0.0",
+    "@graphql-yoga/plugin-persisted-operations": "^3.0.1",
     "@parcel/watcher": "^2.3.0",
     "@pothos/core": "^3.38.0",
     "@pothos/plugin-dataloader": "^3.17.1",
     "@pothos/plugin-relay": "^3.44.0",
     "@urql/core": "^4.2.0",
+    "@urql/exchange-persisted": "^4.1.1",
     "@urql/next": "^1.1.0",
     "dataloader": "^2.2.2",
     "graphql": "^16.8.1",

diff --git a/packages/core/rsc.d.ts b/packages/core/rsc.d.ts
@@ -1,3 +1,6 @@
 // src/next/rsc.ts
+import { Exchange } from '@urql/core'
 export { registerUrql as registerClient } from '@urql/next/rsc'
 export * from '@urql/core'
+
+export const persistedExchange: Exchange
diff --git a/packages/core/src/next/client.ts b/packages/core/src/next/client.ts
@@ -1,4 +1,12 @@
 import { useQuery, UrqlProvider } from '@urql/next'
+import { persistedExchange as urqlPersistedExchange } from '@urql/exchange-persisted'
+
+export const persistedExchange = urqlPersistedExchange({
+  enforcePersistedQueries: process.env.NODE_ENV === 'production',
+  enableForMutation: true,
+  generateHash: (_, document) =>
+    Promise.resolve((document as any)['__meta__']['hash']),
+})
 
 export * from 'urql'
 export { useQuery, UrqlProvider as Provider }
-Original file line number
+Diff line change
@@ Expand Up / @@ -82,4 +82,4 @@ type User implements Node { @@
       firstName: String
       id: ID!
       name: String
-    }
+    }