some small fixes

README.md

@@ -36,6 +36,7 @@ cd dist && pnpm dev
 - [x] WORKSPACE: merge all packages in `core` for now
 - [x] URQL: solve bug with `pages/` directory not rehydrating correctly
 - [ ] NEXT: fix context retrieval and `require.context` usage in `next.js`
+- [ ] NEXT: Try `require.context` in `node_modules`/`virtual module` again
 
 ## Nice to have
 

examples/next/app/client/page.tsx

@@ -8,37 +8,17 @@ import { LaunchDetails } from '@/components/LaunchDetails'
 import styles from './page.module.css'
 import { PageNumbers } from '@/components/PageNumbers'
 
-import {
-  Provider,
-  ssrExchange,
-  cacheExchange,
-  fetchExchange,
-  createClient,
-  useQuery,
-} from 'fuse/next/client'
+import { useQuery } from 'fuse/next/client'
 import { useSearchParams } from 'next/navigation'
 
 export default function Page() {
-  const [client, ssr] = React.useMemo(() => {
-    const ssr = ssrExchange()
-    const client = createClient({
-      url: 'http://localhost:3000/api/datalayer',
-      exchanges: [cacheExchange, ssr, fetchExchange],
-      suspense: true,
-    })
-
-    return [client, ssr]
-  }, [])
-
   return (
-    <Provider client={client} ssr={ssr}>
-      <main className={styles.main}>
-        <h1>SpaceX Launches</h1>
-        <React.Suspense fallback={<p>Loading launches...</p>}>
-          <Launches />
-        </React.Suspense>
-      </main>
-    </Provider>
+    <main className={styles.main}>
+      <h1>SpaceX Launches</h1>
+      <React.Suspense fallback={<p>Loading launches...</p>}>
+        <Launches />
+      </React.Suspense>
+    </main>
   )
 }
 

examples/next/gql/graphql.ts

@@ -63,6 +63,15 @@ export type Node = {
   id: Scalars['ID']['output']
 }
 
+export type Pokemon = Node & {
+  __typename: 'Pokemon'
+  experience: Scalars['Int']['output']
+  height: Scalars['Int']['output']
+  id: Scalars['ID']['output']
+  name: Scalars['String']['output']
+  weight: Scalars['Int']['output']
+}
+
 export type Query = {
   __typename: 'Query'
   _version: Scalars['String']['output']
@@ -108,6 +117,12 @@ export type Site = Node & {
   status: Scalars['String']['output']
 }
 
+export type Stats = {
+  __typename: 'Stats'
+  baseStat: Scalars['Int']['output']
+  name: Scalars['String']['output']
+}
+
 export type LaunchesQueryVariables = Exact<{
   limit?: InputMaybe<Scalars['Int']['input']>
   offset?: InputMaybe<Scalars['Int']['input']>
@@ -155,6 +170,7 @@ export type LaunchDetailsQuery = {
           description: string
         }
       }
+    | { __typename: 'Pokemon' }
     | { __typename: 'Rocket' }
     | { __typename: 'Site' }
     | null

examples/next/schema.graphql

@@ -33,18 +33,32 @@ interface Node {
   id: ID!
 }
 
+type Pokemon implements Node {
+  experience: Int!
+  height: Int!
+  id: ID!
+  name: String!
+  weight: Int!
+}
+
 type Query {
   _version: String!
   launches(limit: Int, offset: Int): QueryLaunchesList!
   node(id: ID!): Node
   nodes(ids: [ID!]!): [Node]!
+  pokemons: QueryPokemonsList!
 }
 
 type QueryLaunchesList {
   nodes: [Launch]!
   totalCount: Int
 }
 
+type QueryPokemonsList {
+  nodes: [Pokemon]!
+  totalCount: Int
+}
+
 type Rocket implements Node {
   company: String!
   cost: Int!
@@ -60,3 +74,8 @@ type Site implements Node {
   name: String!
   status: String!
 }
+
+type Stats {
+  baseStat: Int!
+  name: String!
+}

packages/core/src/next/plugin.ts

@@ -4,21 +4,26 @@ import { generate, CodegenContext } from '@graphql-codegen/cli'
 
 interface Options {
   port?: number
+  path?: string
 }
 
 export function nextFusePlugin(options: Options = {}) {
   let isRunningCodegen = false
   return (config?: any): any => {
     if (process.env.NODE_ENV === 'development' && !isRunningCodegen) {
-      isRunningCodegen = true
-      setTimeout(() => {
-        boostrapCodegen(options.port || 3000)
-      }, 1000)
+      try {
+        isRunningCodegen = true
+        setTimeout(() => {
+          try {
+            boostrapCodegen(options.port || 3000, options.path || 'datalayer')
+          } catch (e) {}
+        }, 1000)
+      } catch (e) {}
     }
     return config
   }
 }
-async function boostrapCodegen(port: number) {
+async function boostrapCodegen(port: number, path: string) {
   const baseDirectory = process.cwd()
   const ctx = new CodegenContext({
     filepath: 'codgen.yml',
@@ -28,7 +33,7 @@ async function boostrapCodegen(port: number) {
       errorsOnly: true,
       noSilentErrors: true,
       watch: baseDirectory + '/**/*.tsx',
-      schema: `http://localhost:${port}/api/datalayer`,
+      schema: `http://localhost:${port}/api/${path}`,
       documents: './**/*.tsx',
       generates: {
         [baseDirectory + '/gql/']: {