wip

Author: alessbell

.storybook/stories/ApolloClient.stories.ts

@@ -4,12 +4,9 @@ import {
   ApolloApp,
   ApolloAppWithDefer as AppWithDefer,
 } from "./components/apollo-client/ApolloComponent.js";
-import { createHandler } from "../../src/handlers.js";
-import { schemaWithMocks } from "../../src/__tests__/mocks/handlers.js";
+import { handler } from "../../src/__tests__/mocks/handlers.js";
 
-const { handler } = createHandler(schemaWithMocks);
-
-const meta = {
+export default {
   title: "Example/Apollo Client",
   component: ApolloApp,
   parameters: {
@@ -22,13 +19,9 @@ const meta = {
   },
 } satisfies Meta<typeof ApolloApp>;
 
-export default meta;
-
 export { AppWithDefer };
 
-type Story = StoryObj<typeof meta>;
-
-export const App: Story = {
+export const App: StoryObj<typeof ApolloApp> = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
     await expect(

.storybook/stories/Relay.stories.ts

@@ -4,12 +4,9 @@ import {
   RelayApp,
   RelayAppWithDefer as AppWithDefer,
 } from "./components/relay/RelayComponent.js";
-import { createHandler } from "../../src/handlers.js";
-import { schemaWithMocks } from "../../src/__tests__/mocks/handlers.js";
+import { handler } from "../../src/__tests__/mocks/handlers.js";
 
-const { handler } = createHandler(schemaWithMocks);
-
-const meta = {
+export default {
   title: "Example/Relay",
   component: RelayApp,
   parameters: {
@@ -22,13 +19,9 @@ const meta = {
   },
 } satisfies Meta<typeof RelayApp>;
 
-export default meta;
-
 export { AppWithDefer };
 
-type Story = StoryObj<typeof meta>;
-
-export const App: Story = {
+export const App: StoryObj<typeof RelayApp> = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
     await expect(

codegen.ts

@@ -0,0 +1,15 @@
+import type { CodegenConfig } from "@graphql-codegen/cli";
+
+const config: CodegenConfig = {
+  hooks: {
+    afterAllFileWrite: ["prettier --write"],
+  },
+  schema: "./.storybook/stories/components/relay/schema.graphql",
+  generates: {
+    "./src/__generated__/resolvers-types.ts": {
+      plugins: ["typescript", "typescript-resolvers"],
+    },
+  },
+};
+
+export default config;

jest.polyfills.js

@@ -11,28 +11,24 @@
 
 const { TextDecoder, TextEncoder } = require("node:util");
 const { ReadableStream } = require("node:stream/web");
-const { clearImmediate } = require("node:timers");
-const { performance } = require("node:perf_hooks");
 
 Object.defineProperties(globalThis, {
-  TextDecoder: { value: TextDecoder }, // jest
-  TextEncoder: { value: TextEncoder }, // jest
-  ReadableStream: { value: ReadableStream }, // jest
-  performance: { value: performance },
-  clearImmediate: { value: clearImmediate },
+  TextDecoder: { value: TextDecoder },
+  TextEncoder: { value: TextEncoder },
+  ReadableStream: { value: ReadableStream },
 });
 
 const { Blob, File } = require("node:buffer");
 const { fetch, Headers, FormData, Request, Response } = require("undici");
 
 Object.defineProperties(globalThis, {
-  fetch: { value: fetch, writable: true }, // jest
+  fetch: { value: fetch, writable: true },
   Blob: { value: Blob },
   File: { value: File },
   Headers: { value: Headers },
   FormData: { value: FormData },
   Request: { value: Request },
-  Response: { value: Response }, // jest
+  Response: { value: Response },
 });
 
 // Symbol.dispose is not defined

package.json

@@ -36,6 +36,7 @@
     "changeset-publish": "pnpm run clean && pnpm run build && pnpm run prepdist:changesets && cd dist && changeset publish",
     "changeset-version": "changeset version && pnpm i",
     "changeset-check": "changeset status --verbose --since=origin/main",
+    "generate-types": "graphql-codegen --config codegen.ts",
     "test:jest": "jest",
     "test:vitest": "vitest run",
     "test:storybook": "test-storybook",
@@ -53,10 +54,11 @@
     "@apollo/client": "3.11.0",
     "@changesets/changelog-github": "0.5.0",
     "@changesets/cli": "2.27.6",
+    "@graphql-codegen/cli": "5.0.2",
+    "@graphql-codegen/typescript": "4.0.9",
+    "@graphql-codegen/typescript-resolvers": "4.2.1",
     "@graphql-tools/jest-transform": "2.0.0",
     "@graphql-tools/merge": "9.0.4",
-    "@graphql-tools/mock": "9.0.3",
-    "@graphql-tools/schema": "10.0.4",
     "@playwright/test": "1.45.0",
     "@storybook/addon-docs": "8.2.2",
     "@storybook/addon-essentials": "8.2.2",
@@ -116,6 +118,8 @@
   },
   "dependencies": {
     "@graphql-tools/executor": "^1.2.7",
+    "@graphql-tools/mock": "^9.0.4",
+    "@graphql-tools/schema": "^10.0.4",
     "graphql-tag": "^2.12.6",
     "is-node-process": "^1.2.0"
   },