add story with extensions

packages/examples/codegen.yml

@@ -1,6 +1,7 @@
 overwrite: true
 schema:
   - "./src/schema.graphql"
+  - "./src/clientExtensions.graphql"
 generates:
   src/__generated__/schema.all.interface.ts:
     plugins:

packages/examples/relay.config.json

@@ -1,5 +1,14 @@
 {
-  "src": "./src/relay",
-  "schema": "./src/schema.graphql",
-  "language": "typescript"
+  "sources": {
+    "src/relay": "examples"
+  },
+  "projects": {
+    "examples": {
+      "language": "typescript",
+      "schema": "src/schema.graphql",
+      "schemaExtensions": [
+        "src/clientExtensions.graphql"
+      ]
+    }
+  }
 }

packages/examples/src/clientExtensions.graphql

@@ -0,0 +1,7 @@
+extend type Query {
+  clientExtension: String
+  viewData: ViewData
+}
+type ViewData {
+  viewDataField: String
+}

packages/examples/src/relay/pure-relay/Feedback.stories.tsx

@@ -51,12 +51,21 @@ const meta = {
           feedback(id: $id) {
             ...Feedback_feedbackRelayFragment
           }
+          viewData {
+            ...Feedback_viewDataRelayFragment
+          }
         }
       `,
       variables: { id: "42" },
       referenceEntries: {
         feedback: (data) => data?.feedback,
+        viewData: (data) => data?.viewData,
       },
+      resolvers: {
+        ViewData: () => ({
+          viewDataField: "View data field",
+        }),
+      }
     },
   } satisfies WithNovaEnvironment<FeedbackStoryRelayQuery, TypeMap>,
 } satisfies Meta<typeof FeedbackComponent>;

packages/examples/src/relay/pure-relay/Feedback.tsx

@@ -6,9 +6,11 @@ import {
   useOnDeleteFeedback,
   useFeedbackTelemetry,
 } from "../../events/helpers";
+import type { Feedback_viewDataRelayFragment$key } from "./__generated__/Feedback_viewDataRelayFragment.graphql";
 
 type Props = {
   feedback: Feedback_feedbackRelayFragment$key;
+  viewData: Feedback_viewDataRelayFragment$key;
 };
 
 export const Feedback_feedbackRelayFragment = graphql`
@@ -21,9 +23,16 @@ export const Feedback_feedbackRelayFragment = graphql`
   }
 `;
 
+export const Feedback_viewDataRelayFragment = graphql`
+  fragment Feedback_viewDataRelayFragment on ViewData {
+    viewDataField
+  }
+`;
+
 export const FeedbackComponent = (props: Props) => {
   const [errorMessage, setErrorMessage] = React.useState<string | null>(null);
   const feedback = useFragment(Feedback_feedbackRelayFragment, props.feedback);
+  const viewData = useFragment(Feedback_viewDataRelayFragment, props.viewData);
   const [like, isPending] = useMutation<FeedbackComponent_RelayLikeMutation>(
     graphql`
       mutation FeedbackComponent_RelayLikeMutation($input: FeedbackLikeInput!) {
@@ -63,6 +72,7 @@ export const FeedbackComponent = (props: Props) => {
         <div style={{ color: "red" }}>{errorMessage}</div>
       )}
       Feedback: {feedback.message.text}
+      <div>{viewData.viewDataField}</div>
       <button
         id="likeButton"
         disabled={isPending}