Scope down sub-packages and merge into main package (#10)

* add in pothos simple list

* remove CLI and such

* readme

* yeaya

* cleanup

* cleanup

* cleanup more

* produce schema.graphql

* readme

README.md

@@ -32,14 +32,15 @@ cd dist && pnpm dev
 - [x] DATASOURCES: figure out automated headers approach i.e. use `context.headers` always?
 - [x] DATASOURCES: expand for mutative methods like create/update/delete
 - [x] NEXT: verify whether `@fuse/next/client` works in the pages directory (It does not due to the import of `next/navigation`)
-- [ ] NEXT: fix context retrieval and `require.context` usage in `next.js`
 - [x] NEXT: support the `pages/` directory with a client
-- [ ] WORKSPACE: merge all packages in `core` for now
-- [ ] URQL: solve bug with `pages/` directory not rehydrating correctly
+- [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`
 
 ## Nice to have
 
 - [ ] CODEGEN: support custom scalars in our codegen
 - [ ] SCHEMA: come up with a way to type `context` as that is part of the `SchemaBuilder`
 - [ ] YOGA: way for adopting persisted-operations easily
-- [ ] NEXT: produce `schema.graphql` for `GraphQLSP` so it doesn't have to rely on refetching the introspection
+- [x] NEXT: produce `schema.graphql` for `GraphQLSP` so it doesn't have to rely on refetching the introspection
+- [x] NEXT: figure out missing `client.d.ts` and `rsc.d.ts` in our output bundles

examples/next/app/api/datalayer/route.ts

@@ -1,4 +1,4 @@
-import { datalayer } from '@fuse/next'
+import { datalayer } from 'fuse/next'
 
 const keys = require.context('../../../types', true, /\.ts$/)
 keys

examples/next/app/client/page.tsx

@@ -1,7 +1,6 @@
 'use client'
 
 import * as React from 'react'
-import { useQuery } from '@fuse/next/client'
 
 import { graphql } from '@/gql'
 import { LaunchItem } from '@/components/LaunchItem'
@@ -15,7 +14,8 @@ import {
   cacheExchange,
   fetchExchange,
   createClient,
-} from '@fuse/next/client'
+  useQuery,
+} from 'fuse/next/client'
 import { useSearchParams } from 'next/navigation'
 
 export default function Page() {
@@ -57,9 +57,9 @@ const LaunchesQuery = graphql(`
 function Launches() {
   const searchparams = useSearchParams()
 
-  const selected = searchparams.get('selected')
-  const offset = searchparams.has('offset')
-    ? Number(searchparams.get('offset'))
+  const selected = searchparams!.get('selected')
+  const offset = searchparams!.has('offset')
+    ? Number(searchparams!.get('offset'))
     : 0
 
   const [result] = useQuery({

examples/next/app/rsc/page.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { registerUrql, createClient, fetchExchange } from '@fuse/next/rsc'
+import { registerUrql, createClient, fetchExchange } from 'fuse/next/server'
 
 import { graphql } from '@/gql'
 import { LaunchItem } from '@/components/LaunchItem'

examples/next/components/DatalayerProvider.tsx

@@ -6,7 +6,7 @@ import {
   cacheExchange,
   fetchExchange,
   createClient,
-} from '@fuse/next/client'
+} from 'fuse/next/client'
 import React from 'react'
 
 export const DatalayerProvider = (props: any) => {

examples/next/next.config.js

@@ -1,4 +1,4 @@
-const { nextFusePlugin } = require('@fuse/next/plugin')
+const { nextFusePlugin } = require('fuse/next/plugin')
 
 /** @type {import('next').NextConfig} */
 const nextConfig = nextFusePlugin()({})

examples/next/package.json

@@ -9,7 +9,6 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@fuse/next": "workspace:*",
     "@graphql-typed-document-node/core": "^3.2.0",
     "@urql/next": "^1.1.0",
     "graphql": "^16.8.1",

examples/next/pages/test.tsx

@@ -9,8 +9,7 @@ import {
   ssrExchange,
   cacheExchange,
   fetchExchange,
-  debugExchange,
-} from '@fuse/next/pages'
+} from 'fuse/next/pages'
 
 import { graphql } from '@/gql'
 
@@ -40,7 +39,6 @@ const LaunchesQuery = graphql(`
 function Launches() {
   const router = useRouter()
 
-  const selected = router.query['selected']
   const offset = router.query['offset'] ? Number(router.query['offset']) : 0
 
   const [result] = useQuery({
@@ -64,10 +62,10 @@ export async function getServerSideProps() {
   const ssrCache = ssrExchange({ isClient: false })
   const client = initUrqlClient({
     url: 'http://localhost:3000/api/datalayer',
-    exchanges: [cacheExchange, debugExchange, ssrCache, fetchExchange],
+    exchanges: [cacheExchange, ssrCache, fetchExchange],
   })
 
-  await client.query(LaunchesQuery, {}).toPromise()
+  await client.query(LaunchesQuery, { limit: 10, offset: 0 }).toPromise()
 
   const urqlState = ssrCache.extractData()
 
@@ -80,5 +78,5 @@ export async function getServerSideProps() {
 
 export default withUrqlClient((ssrCache) => ({
   url: 'http://localhost:3000/api/datalayer',
-  exchanges: [cacheExchange, debugExchange, ssrCache, fetchExchange],
+  exchanges: [cacheExchange, ssrCache, fetchExchange],
 }))(Page)

examples/next/schema.graphql

@@ -0,0 +1,62 @@
+"""
+A date string, such as 2007-12-03, compliant with the `full-date` format outlined in section 5.6 of the RFC 3339 profile of the ISO 8601 standard for representation of dates and times using the Gregorian calendar.
+"""
+scalar Date
+
+"""
+The `JSON` scalar type represents JSON values as specified by [ECMA-404](http://www.ecma-international.org/publications/files/ECMA-ST/ECMA-404.pdf).
+"""
+scalar JSON
+
+type Launch implements Node {
+  details: String
+  id: ID!
+  image: String!
+  launchDate: String!
+  name: String!
+  rocket: Rocket!
+  site: Site!
+}
+
+type Location {
+  latitude: Float!
+  longitude: Float!
+  name: String!
+  region: String!
+}
+
+type Mutation {
+  _version: String!
+}
+
+interface Node {
+  id: ID!
+}
+
+type Query {
+  _version: String!
+  launches(limit: Int, offset: Int): QueryLaunchesList!
+  node(id: ID!): Node
+  nodes(ids: [ID!]!): [Node]!
+}
+
+type QueryLaunchesList {
+  nodes: [Launch]!
+  totalCount: Int
+}
+
+type Rocket implements Node {
+  company: String!
+  cost: Int!
+  country: String!
+  description: String!
+  id: ID!
+}
+
+type Site implements Node {
+  details: String!
+  id: ID!
+  location: Location!
+  name: String!
+  status: String!
+}

examples/next/tsconfig.json

@@ -22,7 +22,7 @@
       },
       {
         "name": "@0no-co/graphqlsp",
-        "schema": "http://localhost:3000/api/datalayer",
+        "schema": "./schema.graphql",
         "disableTypegen": true,
         "templateIsCallExpression": true,
         "template": "graphql"

examples/next/types/Launch.ts

@@ -1,7 +1,7 @@
 import { builder, node } from 'fuse'
 
 // The type we expect from the API
-interface OutputType {
+interface BackendResource {
   flight_number: number
   mission_name: string
   launch_date_utc: string
@@ -11,7 +11,7 @@ interface OutputType {
   links: { mission_patch: string }
 }
 
-export const LaunchNode = node<OutputType>({
+export const LaunchNode = node<BackendResource>({
   name: 'Launch',
   key: 'flight_number',
   async load(ids) {
@@ -65,9 +65,12 @@ builder.queryField('launches', (fieldBuilder) =>
       ])
 
       return {
-        // also possible
-        // nodes: launches.map((x: OutputType) => x.flight_number),
-        nodes: launches as OutputType[],
+        // also possible, which will make all entities auto-resolve,
+        // think of cases where the API returns a limited subset of fields
+        // and you want to ensure you resolve with all details.
+        // The node.load() function will be called for each key returned.
+        nodes: launches.map((x: BackendResource) => x.flight_number),
+        //nodes: launches,
         totalCount: allLaunches.length,
       }
     },

package.json

@@ -2,7 +2,7 @@
   "name": "fuse",
   "private": true,
   "scripts": {
-    "build": "pnpm --filter @fuse/pothos-plugin-list build && pnpm --filter fuse build && pnpm --filter @fuse/next build",
+    "build": "pnpm --filter fuse build",
     "dev": "pnpm --filter @fuse-examples/next dev",
     "prepare": "husky install"
   },