@graphitation/apollo-react-relay-duct-tape 0.7.3 → 1.0.0-alpha.1

package/lib/storeObservation/compiledHooks.test.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/storeObservation/compiledHooks.test.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport { ApolloClient, ApolloProvider } from \"@apollo/client\";\nimport {\n  act,\n  create as createTestRenderer,\n  ReactTestRenderer,\n} from \"react-test-renderer\";\nimport { buildSchema } from \"graphql\";\nimport { graphql } from \"@graphitation/graphql-js-tag\";\nimport {\n  ApolloMockClient,\n  createMockClient,\n} from \"@graphitation/apollo-mock-client\";\nimport * as MockPayloadGenerator from \"@graphitation/graphql-js-operation-payload-generator\";\nimport * as fs from \"fs\";\nimport * as path from \"path\";\n\nimport {\n  Disposable,\n  RefetchFn,\n  useCompiledFragment,\n  useCompiledLazyLoadQuery,\n  useCompiledPaginationFragment,\n  useCompiledRefetchableFragment,\n} from \"./compiledHooks\";\nimport { typePolicies } from \"./typePolicies\";\n\n/**\n * NOTE: These compiler artefacts are normally imported using the transform from the createImportDocumentsTransform.ts module\n */\nimport { documents as compiledHooks_Root_executionQuery_documents } from \"./__generated__/compiledHooks_Root_executionQuery.graphql\";\nimport { documents as compiledHooks_ChildFragment_documents } from \"./__generated__/compiledHooks_ChildWatchNodeQuery.graphql\";\nimport { documents as compiledHooks_RefetchableFragment_documents } from \"./__generated__/compiledHooks_RefetchableFragment_RefetchQuery.graphql\";\nimport { documents as compiledHooks_QueryTypeFragment_documents } from \"./__generated__/compiledHooks_QueryTypeWatchNodeQuery.graphql\";\nimport { documents as compiledHooks_ForwardPaginationFragment_documents } from \"./__generated__/compiledHooks_ForwardPaginationFragment_PaginationQuery.graphql\";\nimport { documents as compiledHooks_BackwardPaginationFragment_documents } from \"./__generated__/compiledHooks_BackwardPaginationFragment_PaginationQuery.graphql\";\nimport { compiledHooks_Root_executionQueryVariables } from \"./__generated__/compiledHooks_Root_executionQuery.graphql\";\n\nconst schema = buildSchema(\n  fs.readFileSync(\n    path.resolve(__dirname, \"../__tests__/schema.graphql\"),\n    \"utf8\"\n  )\n);\n\nconst Child_fragment = graphql`\n  fragment compiledHooks_ChildFragment on User {\n    petName\n  }\n`;\n\nconst Refetchable_fragment = graphql`\n  fragment compiledHooks_RefetchableFragment on User\n  @refetchable(queryName: \"compiledHooks_RefetchableFragment_RefetchQuery\") {\n    petName\n    avatarUrl(size: $avatarSize)\n  }\n`;\n\nconst QueryType_fragment = graphql`\n  fragment compiledHooks_QueryTypeFragment on Query {\n    nonNode {\n      id\n    }\n  }\n`;\n\nconst ForwardPagination_fragment = graphql`\n  fragment compiledHooks_ForwardPaginationFragment on User\n  @refetchable(\n    queryName: \"compiledHooks_ForwardPaginationFragment_PaginationQuery\"\n  )\n  @argumentDefinitions(\n    conversationsForwardCount: { type: \"Int!\", defaultValue: 1 }\n    conversationsAfterCursor: { type: \"String!\", defaultValue: \"\" }\n  ) {\n    petName\n    avatarUrl(size: $avatarSize)\n    conversations(\n      first: $conversationsForwardCount\n      after: $conversationsAfterCursor\n    ) @connection(key: \"compiledHooks_user_conversations\") {\n      edges {\n        node {\n          title\n          ...compiledHooks_BackwardPaginationFragment\n        }\n      }\n    }\n  }\n`;\n\nconst BackwardPagination_fragment = graphql`\n  fragment compiledHooks_BackwardPaginationFragment on Conversation\n  @refetchable(\n    queryName: \"compiledHooks_BackwardPaginationFragment_PaginationQuery\"\n  ) {\n    messages(last: $messagesBackwardCount, before: $messagesBeforeCursor)\n      @connection(key: \"compiledHooks_conversation_messages\") {\n      edges {\n        node {\n          text\n        }\n      }\n    }\n  }\n`;\n\nconst Root_executionQueryDocument = graphql`\n  query compiledHooks_Root_executionQuery(\n    $userId: Int!\n    $avatarSize: Int = 21\n    $messagesBackwardCount: Int!\n    $messagesBeforeCursor: String!\n  ) {\n    user(id: $userId) {\n      name\n      ...compiledHooks_ChildFragment\n      ...compiledHooks_RefetchableFragment\n      ...compiledHooks_ForwardPaginationFragment\n    }\n    ...compiledHooks_QueryTypeFragment\n  }\n`;\n\ndescribe(\"compiledHooks\", () => {\n  let client: ApolloMockClient;\n  let testRenderer: ReactTestRenderer;\n\n  let useFragmentResult: { id: number }[];\n  let useRefetchableFragmentResult: ReturnType<\n    typeof useCompiledRefetchableFragment\n  >[];\n  let forwardUsePaginationFragmentResult: ReturnType<\n    typeof useCompiledPaginationFragment\n  >[];\n  let backwardUsePaginationFragmentResult: ReturnType<\n    typeof useCompiledPaginationFragment\n  >[];\n  let useLazyLoadQueryResult: { data?: any; error?: Error } | null = null;\n  let componentOnQueryTypeResult: {}[];\n\n  const ChildComponent: React.FC<{ user: { id: any } }> = (props) => {\n    const result = useCompiledFragment(\n      compiledHooks_ChildFragment_documents,\n      props.user\n    );\n    useFragmentResult.push(result as { id: number });\n    return null;\n  };\n\n  const ChildRefetchableComponent: React.FC<{ user: { id: any } }> = (\n    props\n  ) => {\n    const result = useCompiledRefetchableFragment(\n      compiledHooks_RefetchableFragment_documents,\n      props.user\n    );\n    useRefetchableFragmentResult.push(result);\n    return null;\n  };\n\n  const ComponentOnQueryType: React.FC<{ query: {} }> = (props) => {\n    const result = useCompiledFragment(\n      compiledHooks_QueryTypeFragment_documents,\n      props.query\n    );\n    componentOnQueryTypeResult.push(result);\n    return null;\n  };\n\n  const ChildForwardPaginationComponent: React.FC<{ user: { id: any } }> = (\n    props\n  ) => {\n    const result = useCompiledPaginationFragment(\n      compiledHooks_ForwardPaginationFragment_documents as any,\n      props.user\n    );\n    forwardUsePaginationFragmentResult.push(result);\n\n    return result.data.conversations.edges.map((edge: any, index: number) => {\n      return (\n        <ChildBackwardPaginationComponent\n          conversation={edge.node}\n          key={index}\n        />\n      );\n    });\n  };\n\n  const ChildBackwardPaginationComponent: React.FC<{\n    conversation: { id: any };\n  }> = (props) => {\n    const result = useCompiledPaginationFragment(\n      compiledHooks_BackwardPaginationFragment_documents as any,\n      props.conversation\n    );\n    backwardUsePaginationFragmentResult.push(result);\n    return null;\n  };\n\n  const RootComponent: React.FC<{\n    variables: compiledHooks_Root_executionQueryVariables;\n  }> = (props) => {\n    const result = useCompiledLazyLoadQuery(\n      compiledHooks_Root_executionQuery_documents,\n      { variables: props.variables }\n    );\n    useLazyLoadQueryResult = result;\n    return result.data ? (\n      <>\n        <ChildComponent user={result.data.user} />\n        <ChildRefetchableComponent user={result.data.user} />\n        <ChildForwardPaginationComponent user={result.data.user} />\n        <ComponentOnQueryType query={result.data} />\n      </>\n    ) : null;\n  };\n\n  beforeEach(() => {\n    useLazyLoadQueryResult = null;\n    useFragmentResult = [];\n    useRefetchableFragmentResult = [];\n    forwardUsePaginationFragmentResult = [];\n    backwardUsePaginationFragmentResult = [];\n    componentOnQueryTypeResult = [];\n    client = createMockClient(schema, {\n      cache: {\n        possibleTypes: {\n          Node: [\"User\"],\n        },\n        typePolicies,\n      },\n    });\n    act(() => {\n      testRenderer = createTestRenderer(\n        <ApolloProvider client={client}>\n          <ErrorBoundary>\n            <RootComponent\n              variables={{\n                userId: 42,\n                messagesBackwardCount: 1,\n                messagesBeforeCursor: \"\",\n              }}\n            />\n          </ErrorBoundary>\n        </ApolloProvider>\n      );\n    });\n  });\n\n  describe(useCompiledLazyLoadQuery, () => {\n    it(\"correctly returns loading state\", async () => {\n      expect(useLazyLoadQueryResult).toEqual({\n        data: undefined,\n        error: undefined,\n      });\n      await act(() =>\n        client.mock.resolveMostRecentOperation((operation) =>\n          MockPayloadGenerator.generate(operation)\n        )\n      );\n      expect(useLazyLoadQueryResult).toEqual({\n        data: expect.objectContaining({}),\n        error: undefined,\n      });\n    });\n\n    it(\"cancels the execution query while in-flight on unmount\", async () => {\n      expect(activeQueries(client).map((query) => query.queryName)).toEqual([\n        \"compiledHooks_Root_executionQuery\",\n      ]);\n\n      await act(async () => {\n        testRenderer.unmount();\n        return new Promise((resolve) => setTimeout(resolve, 0));\n      });\n      expect(client.getObservableQueries().size).toBe(0);\n    });\n\n    describe(\"once loaded\", () => {\n      let executionQueryId: string;\n\n      beforeEach(async () => {\n        executionQueryId = last(activeQueries(client)).queryId;\n        await act(() =>\n          client.mock.resolveMostRecentOperation((operation) =>\n            MockPayloadGenerator.generate(operation, {\n              User: (options, generateId) => {\n                return {\n                  id:\n                    options.parentType === \"Query\"\n                      ? operation.request.variables.userId\n                      : generateId(),\n                };\n              },\n              Conversation: () => ({\n                id: \"first-paged-conversation\",\n              }),\n              Message: () => ({\n                id: \"first-paged-message\",\n              }),\n            })\n          )\n        );\n      });\n\n      it(\"unsubscribes from the execution query\", async () => {\n        expect(\n          activeQueries(client).map((query) => query.queryId)\n        ).not.toContain(executionQueryId);\n      });\n\n      it(\"loads all data of the execution query into the store\", () => {\n        expect(client.cache.extract()).toMatchInlineSnapshot(`\n          Object {\n            \"Conversation:first-paged-conversation\": Object {\n              \"__typename\": \"Conversation\",\n              \"id\": \"first-paged-conversation\",\n              \"messages:compiledHooks_conversation_messages\": Object {\n                \"__typename\": \"ConversationMessagesConnection\",\n                \"edges\": Array [\n                  Object {\n                    \"__typename\": \"ConversationMessagesConnectionEdge\",\n                    \"cursor\": \"<mock-value-for-field-\\\\\"cursor\\\\\">\",\n                    \"node\": Object {\n                      \"__ref\": \"Message:first-paged-message\",\n                    },\n                  },\n                ],\n                \"pageInfo\": Object {\n                  \"__typename\": \"PageInfo\",\n                  \"hasPreviousPage\": false,\n                  \"startCursor\": \"<mock-value-for-field-\\\\\"startCursor\\\\\">\",\n                },\n              },\n              \"title\": \"<mock-value-for-field-\\\\\"title\\\\\">\",\n            },\n            \"Message:first-paged-message\": Object {\n              \"__typename\": \"Message\",\n              \"id\": \"first-paged-message\",\n              \"text\": \"<mock-value-for-field-\\\\\"text\\\\\">\",\n            },\n            \"NonNode:<mock-value-for-field-\\\\\"id\\\\\">\": Object {\n              \"__typename\": \"NonNode\",\n              \"id\": \"<mock-value-for-field-\\\\\"id\\\\\">\",\n            },\n            \"ROOT_QUERY\": Object {\n              \"__typename\": \"Query\",\n              \"nonNode\": Object {\n                \"__ref\": \"NonNode:<mock-value-for-field-\\\\\"id\\\\\">\",\n              },\n              \"user({\\\\\"id\\\\\":42})\": Object {\n                \"__ref\": \"User:42\",\n              },\n            },\n            \"User:42\": Object {\n              \"__typename\": \"User\",\n              \"avatarUrl({\\\\\"size\\\\\":21})\": \"<mock-value-for-field-\\\\\"avatarUrl\\\\\">\",\n              \"conversations:compiledHooks_user_conversations\": Object {\n                \"__typename\": \"ConversationsConnection\",\n                \"edges\": Array [\n                  Object {\n                    \"__typename\": \"ConversationsConnectionEdge\",\n                    \"cursor\": \"<mock-value-for-field-\\\\\"cursor\\\\\">\",\n                    \"node\": Object {\n                      \"__ref\": \"Conversation:first-paged-conversation\",\n                    },\n                  },\n                ],\n                \"pageInfo\": Object {\n                  \"__typename\": \"PageInfo\",\n                  \"endCursor\": \"<mock-value-for-field-\\\\\"endCursor\\\\\">\",\n                  \"hasNextPage\": false,\n                },\n              },\n              \"id\": 42,\n              \"name\": \"<mock-value-for-field-\\\\\"name\\\\\">\",\n              \"petName\": \"<mock-value-for-field-\\\\\"petName\\\\\">\",\n            },\n          }\n        `);\n      });\n\n      it(\"only returns the fields selected in the watch query to the component\", () => {\n        expect(useLazyLoadQueryResult!.data).toMatchInlineSnapshot(`\n          Object {\n            \"__fragments\": Object {\n              \"avatarSize\": 21,\n              \"messagesBackwardCount\": 1,\n              \"messagesBeforeCursor\": \"\",\n              \"userId\": 42,\n            },\n            \"user\": Object {\n              \"__fragments\": Object {\n                \"avatarSize\": 21,\n                \"messagesBackwardCount\": 1,\n                \"messagesBeforeCursor\": \"\",\n                \"userId\": 42,\n              },\n              \"__typename\": \"User\",\n              \"id\": 42,\n              \"name\": \"<mock-value-for-field-\\\\\"name\\\\\">\",\n            },\n          }\n        `);\n      });\n\n      it(\"does not re-render when a field that was not selected in the watch query is updated in the store\", async () => {\n        const before = useLazyLoadQueryResult!.data;\n        await act(async () => {\n          client.cache.modify({\n            id: \"User:42\",\n            fields: {\n              petName: () => \"Phoenix\",\n            },\n          });\n          return new Promise((resolve) => setTimeout(resolve, 0));\n        });\n        expect(useLazyLoadQueryResult!.data).toBe(before);\n      });\n\n      it(\"does re-render when a field that was selected in the watch query is updated in the store\", async () => {\n        const before = useLazyLoadQueryResult!.data;\n        await act(async () => {\n          client.cache.modify({\n            id: \"User:42\",\n            fields: {\n              name: () => \"Satya\",\n            },\n          });\n          return new Promise((resolve) => setTimeout(resolve, 0));\n        });\n        expect(useLazyLoadQueryResult!.data).not.toBe(before);\n        expect(useLazyLoadQueryResult!.data).toMatchInlineSnapshot(`\n          Object {\n            \"__fragments\": Object {\n              \"avatarSize\": 21,\n              \"messagesBackwardCount\": 1,\n              \"messagesBeforeCursor\": \"\",\n              \"userId\": 42,\n            },\n            \"user\": Object {\n              \"__fragments\": Object {\n                \"avatarSize\": 21,\n                \"messagesBackwardCount\": 1,\n                \"messagesBeforeCursor\": \"\",\n                \"userId\": 42,\n              },\n              \"__typename\": \"User\",\n              \"id\": 42,\n              \"name\": \"Satya\",\n            },\n          }\n        `);\n      });\n\n      it(\"fetches new data when variables change\", async () => {\n        act(() => {\n          testRenderer.update(\n            <ApolloProvider client={client}>\n              <ErrorBoundary>\n                <RootComponent\n                  variables={{\n                    userId: 21,\n                    messagesBackwardCount: 1,\n                    messagesBeforeCursor: \"\",\n                  }}\n                />\n              </ErrorBoundary>\n            </ApolloProvider>\n          );\n        });\n        await act(() =>\n          client.mock.resolveMostRecentOperation((operation) =>\n            MockPayloadGenerator.generate(operation, {\n              User: () => ({ id: operation.request.variables.userId }),\n            })\n          )\n        );\n        expect(client.cache.extract()[\"User:21\"]).toMatchInlineSnapshot(`\n          Object {\n            \"__typename\": \"User\",\n            \"avatarUrl({\\\\\"size\\\\\":21})\": \"<mock-value-for-field-\\\\\"avatarUrl\\\\\">\",\n            \"conversations:compiledHooks_user_conversations\": Object {\n              \"__typename\": \"ConversationsConnection\",\n              \"edges\": Array [\n                Object {\n                  \"__typename\": \"ConversationsConnectionEdge\",\n                  \"cursor\": \"<mock-value-for-field-\\\\\"cursor\\\\\">\",\n                  \"node\": Object {\n                    \"__ref\": \"Conversation:<Conversation-mock-id-5>\",\n                  },\n                },\n              ],\n              \"pageInfo\": Object {\n                \"__typename\": \"PageInfo\",\n                \"endCursor\": \"<mock-value-for-field-\\\\\"endCursor\\\\\">\",\n                \"hasNextPage\": false,\n              },\n            },\n            \"id\": 21,\n            \"name\": \"<mock-value-for-field-\\\\\"name\\\\\">\",\n            \"petName\": \"<mock-value-for-field-\\\\\"petName\\\\\">\",\n          }\n        `);\n      });\n\n      it(\"does not try to kick-off a new query when the variables object deep equals the previous one\", async () => {\n        const spy = jest.spyOn(client, \"query\");\n        await act(async () => {\n          testRenderer.update(\n            <ApolloProvider client={client}>\n              <ErrorBoundary>\n                <RootComponent\n                  variables={{\n                    userId: 42,\n                    messagesBackwardCount: 1,\n                    messagesBeforeCursor: \"\",\n                  }}\n                />\n              </ErrorBoundary>\n            </ApolloProvider>\n          );\n          return new Promise((resolve) => setTimeout(resolve, 100));\n        });\n        expect(spy).not.toHaveBeenCalled();\n      });\n\n      it(\"removes all watch queries on unmount\", async () => {\n        await act(async () => {\n          testRenderer.unmount();\n          return new Promise((resolve) => setTimeout(resolve, 0));\n        });\n        expect(client.getObservableQueries().size).toBe(0);\n      });\n    });\n  });\n\n  function itBehavesLikeFragment(\n    returnedResults: () => { id: number }[],\n    fragmentSpecificFieldSelections?: {}\n  ) {\n    // TODO: This should be scoped so it doesn't leak to other tests in the same parent describe\n    // describe(\"behaves like useFragment\", () => {\n    beforeEach(async () => {\n      await act(() =>\n        client.mock.resolveMostRecentOperation((operation) => {\n          const result = MockPayloadGenerator.generate(operation, {\n            User: () => ({\n              id: 42,\n            }),\n            Conversation: () => ({\n              id: \"first-paged-conversation\",\n            }),\n            Message: () => ({\n              id: \"first-paged-message\",\n            }),\n            PageInfo: () => ({\n              startCursor: \"first-page-start-cursor\",\n              endCursor: \"first-page-end-cursor\",\n              hasNextPage: true,\n              hasPreviousPage: true,\n            }),\n          });\n          return result;\n        })\n      );\n    });\n\n    it(\"only returns the fields selected in the watch query to the component\", () => {\n      expect(last(returnedResults())).toEqual({\n        __fragments: {\n          avatarSize: 21,\n          messagesBackwardCount: 1,\n          messagesBeforeCursor: \"\",\n          userId: 42,\n        },\n        __typename: \"User\",\n        id: 42,\n        petName: '<mock-value-for-field-\"petName\">',\n        ...fragmentSpecificFieldSelections,\n      });\n    });\n\n    it(\"returns the same object when a field that was not selected in the watch query is updated in the store\", async () => {\n      const before = last(returnedResults());\n      await act(async () => {\n        client.cache.modify({\n          id: \"User:42\",\n          fields: {\n            name: () => \"Satya\",\n          },\n        });\n        return new Promise((resolve) => setTimeout(resolve, 0));\n      });\n      expect(last(returnedResults())).toBe(before);\n    });\n\n    it(\"returns a new object when a field that was selected in the watch query is updated in the store\", async () => {\n      await act(async () => {\n        client.cache.modify({\n          id: \"User:42\",\n          fields: {\n            petName: () => \"some new value\",\n          },\n        });\n        return new Promise((resolve) => setTimeout(resolve, 0));\n      });\n      expect(returnedResults().length).toBe(2);\n      expect(last(returnedResults())).toMatchObject({\n        petName: \"some new value\",\n      });\n    });\n\n    it(\"returns data synchronously\", () => {\n      expect(returnedResults().length).toBe(1);\n    });\n\n    it(\"fetches new data when variables change\", async () => {\n      act(() => {\n        testRenderer.update(\n          <ApolloProvider client={client}>\n            <ErrorBoundary>\n              <RootComponent\n                variables={{\n                  userId: 21,\n                  messagesBackwardCount: 1,\n                  messagesBeforeCursor: \"\",\n                }}\n              />\n            </ErrorBoundary>\n          </ApolloProvider>\n        );\n      });\n      await act(() =>\n        client.mock.resolveMostRecentOperation((operation) =>\n          MockPayloadGenerator.generate(operation, {\n            User: () => ({ id: operation.request.variables.userId }),\n          })\n        )\n      );\n      expect(last(returnedResults()).id).toBe(21);\n    });\n    // });\n  }\n\n  describe(useCompiledFragment, () => {\n    itBehavesLikeFragment(() => useFragmentResult, {\n      petName: '<mock-value-for-field-\"petName\">',\n    });\n\n    it(\"also works with fragments on the Query type\", () => {\n      expect(last(componentOnQueryTypeResult)).toMatchInlineSnapshot(`\n        Object {\n          \"__fragments\": Object {\n            \"avatarSize\": 21,\n            \"messagesBackwardCount\": 1,\n            \"messagesBeforeCursor\": \"\",\n            \"userId\": 42,\n          },\n          \"nonNode\": Object {\n            \"__typename\": \"NonNode\",\n            \"id\": \"<mock-value-for-field-\\\\\"id\\\\\">\",\n          },\n        }\n      `);\n    });\n  });\n\n  function itBehavesLikeRefetchableFragment(\n    returnedResults: () => [data: { id: number }, refetch: RefetchFn][]\n  ) {\n    it.todo(\n      \"supports variables with default values on either operations or with @argumentDefinitions\"\n    );\n\n    describe(\"when refetching\", () => {\n      let onCompleted: jest.Mock;\n      let disposable: Disposable;\n\n      beforeEach(() => {\n        const [_data, refetch] = last(returnedResults());\n        onCompleted = jest.fn();\n        disposable = refetch({ avatarSize: 42 }, { onCompleted });\n      });\n\n      it(\"can be cancelled\", () => {\n        const query = last(activeQueries(client));\n        disposable.dispose();\n        expect(client.getObservableQueries().has(query.queryId)).toBeFalsy();\n      });\n\n      it(\"cancels when unmounting\", async () => {\n        await act(async () => {\n          const query = last(activeQueries(client));\n          testRenderer.unmount();\n          await new Promise((resolve) => setTimeout(resolve, 0));\n          expect(client.getObservableQueries().has(query.queryId)).toBeFalsy();\n        });\n      });\n\n      describe(\"successfully\", () => {\n        beforeEach(async () => {\n          await act(() => {\n            client.mock.resolveMostRecentOperation((operation) =>\n              MockPayloadGenerator.generate(operation, {\n                Node: () => ({\n                  id: 42,\n                  avatarUrl: `avatarUrl-with-size-${operation.request.variables.avatarSize}`,\n                }),\n              })\n            );\n            return new Promise((resolve) => setTimeout(resolve, 0));\n          });\n        });\n\n        it(\"returns a new object from the hook\", () => {\n          expect(last(returnedResults())[0]).toMatchObject({\n            __typename: \"User\",\n            avatarUrl: \"avatarUrl-with-size-42\",\n            id: 42,\n          });\n        });\n\n        it(\"updates the fragment reference request variables for future requests\", () => {\n          expect(last(returnedResults())[0]).toMatchObject({\n            __fragments: {\n              avatarSize: 42,\n              userId: 42,\n            },\n          });\n        });\n\n        it(\"invokes the onComplete callback without error\", () => {\n          expect(onCompleted).toHaveBeenCalledWith(null);\n        });\n      });\n\n      describe(\"and an error occurs\", () => {\n        const error = new Error(\"oh noes\");\n\n        beforeEach(async () => {\n          await act(() => client.mock.rejectMostRecentOperation(error));\n        });\n\n        it(\"invokes the onComplete callback when an error occurs\", () => {\n          expect(onCompleted).toHaveBeenCalledWith(error);\n        });\n\n        it(\"does not update the fragment reference request variables for future requests\", async () => {\n          const [_data, refetch] = last(returnedResults());\n          refetch({});\n          expect(\n            client.mock.getMostRecentOperation().request.variables.avatarSize\n          ).toBe(21);\n        });\n      });\n    });\n  }\n\n  describe(useCompiledRefetchableFragment, () => {\n    itBehavesLikeFragment(\n      () =>\n        useRefetchableFragmentResult.map(\n          ([data, _refetch]) => data as { id: number }\n        ),\n      { avatarUrl: '<mock-value-for-field-\"avatarUrl\">' }\n    );\n\n    itBehavesLikeRefetchableFragment(\n      () =>\n        useRefetchableFragmentResult as [\n          data: { id: number },\n          refetch: RefetchFn\n        ][]\n    );\n  });\n\n  describe(useCompiledPaginationFragment, () => {\n    itBehavesLikeFragment(\n      () =>\n        forwardUsePaginationFragmentResult.map(\n          ({ data }) => data as { id: number }\n        ),\n      {\n        avatarUrl: '<mock-value-for-field-\"avatarUrl\">',\n        conversations: {\n          __typename: \"ConversationsConnection\",\n          edges: [\n            {\n              __typename: \"ConversationsConnectionEdge\",\n              cursor: '<mock-value-for-field-\"cursor\">',\n              node: {\n                __fragments: {\n                  avatarSize: 21,\n                  messagesBackwardCount: 1,\n                  messagesBeforeCursor: \"\",\n                  userId: 42,\n                },\n                __typename: \"Conversation\",\n                id: \"first-paged-conversation\",\n                title: '<mock-value-for-field-\"title\">',\n              },\n            },\n          ],\n          pageInfo: {\n            __typename: \"PageInfo\",\n            endCursor: \"first-page-end-cursor\",\n            hasNextPage: true,\n          },\n        },\n      }\n    );\n\n    itBehavesLikeRefetchableFragment(() =>\n      forwardUsePaginationFragmentResult.map(({ data, refetch }) => [\n        data as { id: number },\n        refetch,\n      ])\n    );\n\n    describe(\"when paginating forward\", () => {\n      it(\"returns that next data is available\", () => {\n        const { hasNext } = last(forwardUsePaginationFragmentResult);\n        expect(hasNext).toBeTruthy();\n      });\n\n      it(\"uses the correct count and cursor values\", () => {\n        act(() => {\n          const { loadNext } = last(forwardUsePaginationFragmentResult);\n          loadNext(123);\n        });\n\n        const operation = client.mock.getMostRecentOperation();\n        expect(operation.request.variables).toMatchObject({\n          conversationsForwardCount: 123,\n          conversationsAfterCursor: \"first-page-end-cursor\",\n        });\n      });\n\n      it(\"returns that a pagination operation is in-flight\", () => {\n        act(() => {\n          const { loadNext } = last(forwardUsePaginationFragmentResult);\n          loadNext(123);\n        });\n        const { isLoadingNext } = last(forwardUsePaginationFragmentResult);\n        expect(isLoadingNext).toBeTruthy();\n      });\n\n      it(\"can be cancelled\", () => {\n        act(() => {\n          const { loadNext } = last(forwardUsePaginationFragmentResult);\n          const disposable = loadNext(123);\n          const query = last(activeQueries(client));\n          disposable.dispose();\n          expect(client.getObservableQueries().has(query.queryId)).toBeFalsy();\n        });\n      });\n\n      it(\"cancels when unmounting\", async () => {\n        await act(async () => {\n          const { loadNext } = last(forwardUsePaginationFragmentResult);\n          loadNext(123);\n          const query = last(activeQueries(client));\n\n          testRenderer.unmount();\n          await new Promise((resolve) => setTimeout(resolve, 0));\n\n          expect(client.getObservableQueries().has(query.queryId)).toBeFalsy();\n        });\n      });\n\n      it(\"invokes the onComplete callback when an error occurs\", async () => {\n        const onCompleted = jest.fn();\n        const error = new Error(\"oh noes\");\n\n        const { loadNext } = last(forwardUsePaginationFragmentResult);\n        await act(async () => {\n          loadNext(1, { onCompleted });\n          await client.mock.rejectMostRecentOperation(error);\n        });\n\n        expect(onCompleted).toHaveBeenCalledWith(error);\n      });\n\n      describe(\"and having received the response\", () => {\n        let onCompleted: jest.Mock;\n\n        beforeEach(async () => {\n          onCompleted = jest.fn();\n          await act(async () => {\n            const { loadNext } = last(forwardUsePaginationFragmentResult);\n            loadNext(1, { onCompleted });\n\n            // Introduce a slight delay before resolving the request as a\n            // regression test with a pagination requst being disposed early.\n            await new Promise((resolve) => setTimeout(resolve, 0));\n\n            client.mock.resolveMostRecentOperation((operation) =>\n              MockPayloadGenerator.generate(operation, {\n                Node: () => ({\n                  id: 42,\n                }),\n                Conversation: () => ({\n                  id: \"second-paged-conversation\",\n                }),\n                PageInfo: () => ({\n                  endCursor: \"second-page-end-cursor\",\n                  hasNextPage: false,\n                }),\n              })\n            );\n            return new Promise((resolve) => setTimeout(resolve, 0));\n          });\n        });\n\n        it(\"returns that no pagination operation is in-flight\", () => {\n          const { isLoadingNext } = last(forwardUsePaginationFragmentResult);\n          expect(isLoadingNext).toBeFalsy();\n        });\n\n        it(\"loads the new data into the store\", () => {\n          expect(client.cache.extract()).toMatchObject({\n            \"Conversation:second-paged-conversation\": {\n              id: \"second-paged-conversation\",\n              __typename: \"Conversation\",\n              title: '<mock-value-for-field-\"title\">',\n            },\n          });\n        });\n\n        it(\"returns the complete list data (previous+new) from the hook\", () => {\n          const result = last(forwardUsePaginationFragmentResult);\n          expect(\n            (result.data as any).conversations.edges.map(\n              (edge: any) => edge.node.id\n            )\n          ).toMatchInlineSnapshot(`\n            Array [\n              \"first-paged-conversation\",\n              \"second-paged-conversation\",\n            ]\n          `);\n        });\n\n        it(\"uses the new cursor value\", () => {\n          act(() => {\n            const { loadNext } = last(forwardUsePaginationFragmentResult);\n            loadNext(123);\n          });\n\n          const operation = client.mock.getMostRecentOperation();\n          expect(operation.request.variables).toMatchObject({\n            conversationsAfterCursor: \"second-page-end-cursor\",\n          });\n        });\n\n        it(\"returns that no next data is available\", () => {\n          const { hasNext } = last(forwardUsePaginationFragmentResult);\n          expect(hasNext).toBeFalsy();\n        });\n\n        it(\"invokes the onComplete callback without error\", () => {\n          expect(onCompleted).toHaveBeenCalledWith(null);\n        });\n      });\n    });\n\n    describe(\"when paginating backward\", () => {\n      it(\"returns that previous data is available\", () => {\n        const { hasPrevious } = last(backwardUsePaginationFragmentResult);\n        expect(hasPrevious).toBeTruthy();\n      });\n\n      it(\"uses the correct count and cursor values\", () => {\n        act(() => {\n          const { loadPrevious } = last(backwardUsePaginationFragmentResult);\n          loadPrevious(123);\n        });\n\n        const operation = client.mock.getMostRecentOperation();\n        expect(operation.request.variables).toMatchObject({\n          messagesBackwardCount: 123,\n          messagesBeforeCursor: \"first-page-start-cursor\",\n        });\n      });\n\n      it(\"returns that a pagination operation is in-flight\", () => {\n        act(() => {\n          const { loadPrevious } = last(backwardUsePaginationFragmentResult);\n          loadPrevious(123);\n        });\n        const { isLoadingPrevious } = last(backwardUsePaginationFragmentResult);\n        expect(isLoadingPrevious).toBeTruthy();\n      });\n\n      it(\"can be cancelled\", () => {\n        act(() => {\n          const { loadPrevious } = last(backwardUsePaginationFragmentResult);\n          const disposable = loadPrevious(123);\n          const query = last(activeQueries(client));\n          disposable.dispose();\n          expect(client.getObservableQueries().has(query.queryId)).toBeFalsy();\n        });\n      });\n\n      it(\"cancels when unmounting\", async () => {\n        await act(async () => {\n          const { loadPrevious } = last(backwardUsePaginationFragmentResult);\n          loadPrevious(123);\n          const query = last(activeQueries(client));\n\n          testRenderer.unmount();\n          await new Promise((resolve) => setTimeout(resolve, 0));\n\n          expect(client.getObservableQueries().has(query.queryId)).toBeFalsy();\n        });\n      });\n\n      it(\"invokes the onComplete callback when an error occurs\", async () => {\n        const onCompleted = jest.fn();\n        const error = new Error(\"oh noes\");\n\n        const { loadPrevious } = last(backwardUsePaginationFragmentResult);\n        await act(async () => {\n          loadPrevious(1, { onCompleted });\n          await client.mock.rejectMostRecentOperation(error);\n        });\n\n        expect(onCompleted).toHaveBeenCalledWith(error);\n      });\n\n      describe(\"and having received the response\", () => {\n        let onCompleted: jest.Mock;\n\n        beforeEach(async () => {\n          onCompleted = jest.fn();\n          await act(() => {\n            const { loadPrevious } = last(backwardUsePaginationFragmentResult);\n            loadPrevious(1, { onCompleted });\n\n            client.mock.resolveMostRecentOperation((operation) =>\n              MockPayloadGenerator.generate(operation, {\n                Node: () => ({\n                  id: 42,\n                }),\n                Message: () => ({\n                  id: \"second-paged-message\",\n                }),\n                PageInfo: () => ({\n                  startCursor: \"second-page-start-cursor\",\n                  hasPreviousPage: false,\n                }),\n              })\n            );\n            return new Promise((resolve) => setTimeout(resolve, 0));\n          });\n        });\n\n        it(\"returns that no pagination operation is in-flight\", () => {\n          const { isLoadingPrevious } = last(\n            backwardUsePaginationFragmentResult\n          );\n          expect(isLoadingPrevious).toBeFalsy();\n        });\n\n        it(\"loads the new data into the store\", () => {\n          expect(client.cache.extract()).toMatchObject({\n            \"Message:second-paged-message\": {\n              id: \"second-paged-message\",\n              __typename: \"Message\",\n              text: '<mock-value-for-field-\"text\">',\n            },\n          });\n        });\n\n        it(\"returns the complete list data (previous+new) from the hook\", () => {\n          const result = last(backwardUsePaginationFragmentResult);\n          expect(\n            (result.data as any).messages.edges.map((edge: any) => edge.node.id)\n          ).toMatchInlineSnapshot(`\n            Array [\n              \"second-paged-message\",\n              \"first-paged-message\",\n            ]\n          `);\n        });\n\n        it(\"uses the new cursor value\", () => {\n          act(() => {\n            const { loadPrevious } = last(backwardUsePaginationFragmentResult);\n            loadPrevious(123);\n          });\n\n          const operation = client.mock.getMostRecentOperation();\n          expect(operation.request.variables).toMatchObject({\n            messagesBeforeCursor: \"second-page-start-cursor\",\n          });\n        });\n\n        it(\"returns that no previous data is available\", () => {\n          const { hasPrevious } = last(backwardUsePaginationFragmentResult);\n          expect(hasPrevious).toBeFalsy();\n        });\n\n        it(\"invokes the onComplete callback without error\", () => {\n          expect(onCompleted).toHaveBeenCalledWith(null);\n        });\n      });\n    });\n  });\n});\n\nclass ErrorBoundary extends React.Component {\n  state = { hasError: false };\n\n  static getDerivedStateFromError(error: Error) {\n    return { hasError: true };\n  }\n\n  componentDidCatch(error: Error, errorInfo: any) {\n    console.error({ error, errorInfo });\n  }\n\n  render() {\n    if (this.state.hasError) {\n      return <h1>Something went wrong.</h1>;\n    }\n\n    return this.props.children;\n  }\n}\n\nfunction last<T>(list: T[]): T {\n  return list[list.length - 1];\n}\n\nfunction activeQueries(client: ApolloClient<any>) {\n  return Array.from(client.getObservableQueries().values());\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/lib/storeObservation/createImportDocumentsTransform.d.ts

@@ -0,0 +1,9 @@
+/**
+ * TODO:
+ * - Don't hardcode identifiers but check if they're aliased from their imports.
+ * - Support mutations and subscriptions
+ * - Properly emit errors from transformer, is invariant ok?
+ */
+import * as ts from "typescript";
+export declare function createImportDocumentsTransform(): ts.TransformerFactory<ts.SourceFile>;
+//# sourceMappingURL=createImportDocumentsTransform.d.ts.map

package/lib/storeObservation/createImportDocumentsTransform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createImportDocumentsTransform.d.ts","sourceRoot":"","sources":["../../src/storeObservation/createImportDocumentsTransform.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,MAAM,YAAY,CAAC;AAYjC,wBAAgB,8BAA8B,IAAI,EAAE,CAAC,kBAAkB,CAAC,EAAE,CAAC,UAAU,CAAC,CAiDrF"}

package/lib/storeObservation/createImportDocumentsTransform.js

@@ -0,0 +1,107 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {get: all[name], enumerable: true});
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+};
+__markAsModule(exports);
+__export(exports, {
+  createImportDocumentsTransform: () => createImportDocumentsTransform
+});
+var import_invariant = __toModule(require("invariant"));
+var ts = __toModule(require("typescript"));
+var import_graphql = __toModule(require("graphql"));
+var path = __toModule(require("path"));
+var fs = __toModule(require("fs"));
+const PREFIX = "__graphitation_";
+const QUERIES_NAMESPACE = "generatedQueries";
+function createImportDocumentsTransform() {
+  return (context) => {
+    const imports = [];
+    const visitor = (node) => {
+      if (ts.isTaggedTemplateExpression(node) && ts.isIdentifier(node.tag) && node.tag.escapedText === "graphql") {
+        const documentNodes = createGraphQLDocumentNodes(node);
+        if (documentNodes) {
+          const [importDeclaration, replacementNode] = documentNodes;
+          let emitImport = true;
+          const sourceFile = node.getSourceFile();
+          if (sourceFile) {
+            const artefactFile = path.join(path.dirname(sourceFile.fileName), importDeclaration.moduleSpecifier.text) + ".ts";
+            emitImport = fs.existsSync(artefactFile);
+          }
+          if (emitImport) {
+            imports.push(importDeclaration);
+            return replacementNode;
+          }
+        }
+      }
+      return ts.visitEachChild(node, visitor, context);
+    };
+    return (sourceFile) => {
+      const outputSourceFile = ts.visitNode(sourceFile, visitor);
+      return ts.factory.updateSourceFile(outputSourceFile, [
+        ...imports,
+        ...outputSourceFile.statements
+      ]);
+    };
+  };
+}
+function createGraphQLDocumentNodes(graphqlTagTemplateNode) {
+  var _a;
+  const graphqlDoc = ts.isNoSubstitutionTemplateLiteral(graphqlTagTemplateNode.template) ? graphqlTagTemplateNode.template.rawText : graphqlTagTemplateNode.template.head.rawText;
+  (0, import_invariant.default)(graphqlDoc, "Expected a GraphQL document");
+  const graphqlAST = (0, import_graphql.parse)(graphqlDoc);
+  const definitionNode = graphqlAST.definitions[0];
+  if (definitionNode.kind === "OperationDefinition") {
+    if (definitionNode.operation !== "query") {
+      return void 0;
+    }
+    const operationName = (_a = definitionNode.name) == null ? void 0 : _a.value;
+    (0, import_invariant.default)(operationName, "Operations are required to have a name");
+    const namespaceName = `${PREFIX}${QUERIES_NAMESPACE}_${operationName}`;
+    return [
+      ts.factory.createImportDeclaration(void 0, void 0, ts.factory.createImportClause(false, void 0, ts.factory.createNamedImports([
+        ts.factory.createImportSpecifier(ts.factory.createIdentifier("documents"), ts.factory.createIdentifier(namespaceName))
+      ])), ts.factory.createStringLiteral(`./__generated__/${operationName}.graphql`)),
+      ts.factory.createIdentifier(namespaceName)
+    ];
+  } else if (definitionNode.kind === "FragmentDefinition") {
+    const queryName = getQueryName(definitionNode);
+    const fragmentName = definitionNode.name.value;
+    const namespaceName = `${PREFIX}${QUERIES_NAMESPACE}_${fragmentName}`;
+    return [
+      ts.factory.createImportDeclaration(void 0, void 0, ts.factory.createImportClause(false, void 0, ts.factory.createNamedImports([
+        ts.factory.createImportSpecifier(ts.factory.createIdentifier("documents"), ts.factory.createIdentifier(namespaceName))
+      ])), ts.factory.createStringLiteral(`./__generated__/${queryName}.graphql`)),
+      ts.factory.createIdentifier(namespaceName)
+    ];
+  }
+  (0, import_invariant.default)(false, `Unhandled GraphQL definition type: ${definitionNode.kind}`);
+}
+function getQueryName(definitionNode) {
+  var _a, _b, _c, _d;
+  const refetchableQueryNameNode = (_d = (_c = (_b = (_a = definitionNode.directives) == null ? void 0 : _a.find((directive) => directive.name.value === "refetchable")) == null ? void 0 : _b.arguments) == null ? void 0 : _c.find((arg) => arg.name.value === "queryName")) == null ? void 0 : _d.value;
+  if (refetchableQueryNameNode) {
+    return refetchableQueryNameNode.value;
+  } else {
+    const fragmentName = definitionNode.name.value;
+    const fragmentBaseName = fragmentName.replace(/Fragment$/, "");
+    return `${fragmentBaseName}WatchNodeQuery`;
+  }
+}

package/lib/storeObservation/createImportDocumentsTransform.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/storeObservation/createImportDocumentsTransform.ts"],
+  "sourcesContent": ["/**\n * TODO:\n * - Don't hardcode identifiers but check if they're aliased from their imports.\n * - Support mutations and subscriptions\n * - Properly emit errors from transformer, is invariant ok?\n */\n\nimport invariant from \"invariant\";\nimport * as ts from \"typescript\";\nimport {\n  FragmentDefinitionNode,\n  parse as parseGraphQL,\n  StringValueNode,\n} from \"graphql\";\nimport * as path from \"path\";\nimport * as fs from \"fs\";\n\nconst PREFIX = \"__graphitation_\";\nconst QUERIES_NAMESPACE = \"generatedQueries\";\n\nexport function createImportDocumentsTransform(): ts.TransformerFactory<ts.SourceFile> {\n  return (context: ts.TransformationContext): ts.Transformer<ts.SourceFile> => {\n    const imports: ts.ImportDeclaration[] = [];\n\n    const visitor: ts.Visitor = (node: ts.Node): ts.VisitResult<ts.Node> => {\n      if (\n        ts.isTaggedTemplateExpression(node) &&\n        ts.isIdentifier(node.tag) &&\n        node.tag.escapedText === \"graphql\"\n      ) {\n        const documentNodes = createGraphQLDocumentNodes(node);\n        if (documentNodes) {\n          const [importDeclaration, replacementNode] = documentNodes;\n          // Because we currently only emit new watch queries for fragments\n          // on Node types, we cannot just assume the artefact exists for\n          // every fragment definition. So check if it exists before emitting\n          // the import.\n          //\n          // TODO: This file checking should not exist and is probably not\n          //       performant.\n          //\n          // NOTE: In our test case node.getSourceFile() returns undefined.\n          let emitImport = true;\n          const sourceFile: ts.SourceFile | undefined = node.getSourceFile();\n          if (sourceFile) {\n            const artefactFile =\n              path.join(\n                path.dirname(sourceFile.fileName),\n                (importDeclaration.moduleSpecifier as ts.StringLiteral).text\n              ) + \".ts\";\n            emitImport = fs.existsSync(artefactFile);\n          }\n          if (emitImport) {\n            imports.push(importDeclaration);\n            return replacementNode;\n          }\n        }\n      }\n      return ts.visitEachChild(node, visitor, context);\n    };\n\n    return (sourceFile: ts.SourceFile) => {\n      const outputSourceFile = ts.visitNode(sourceFile, visitor);\n      return ts.factory.updateSourceFile(outputSourceFile, [\n        ...imports,\n        ...outputSourceFile.statements,\n      ]);\n    };\n  };\n}\n\nfunction createGraphQLDocumentNodes(\n  graphqlTagTemplateNode: ts.TaggedTemplateExpression\n): [ts.ImportDeclaration, ts.Identifier] | undefined {\n  const graphqlDoc = ts.isNoSubstitutionTemplateLiteral(\n    graphqlTagTemplateNode.template\n  )\n    ? graphqlTagTemplateNode.template.rawText\n    : graphqlTagTemplateNode.template.head.rawText;\n  invariant(graphqlDoc, \"Expected a GraphQL document\");\n  const graphqlAST = parseGraphQL(graphqlDoc);\n  const definitionNode = graphqlAST.definitions[0];\n  if (definitionNode.kind === \"OperationDefinition\") {\n    if (definitionNode.operation !== \"query\") {\n      return undefined;\n    }\n    const operationName = definitionNode.name?.value;\n    invariant(operationName, \"Operations are required to have a name\");\n    const namespaceName = `${PREFIX}${QUERIES_NAMESPACE}_${operationName}`;\n    return [\n      ts.factory.createImportDeclaration(\n        undefined,\n        undefined,\n        ts.factory.createImportClause(\n          false,\n          undefined,\n          ts.factory.createNamedImports([\n            ts.factory.createImportSpecifier(\n              ts.factory.createIdentifier(\"documents\"),\n              ts.factory.createIdentifier(namespaceName)\n            ),\n          ])\n        ),\n        ts.factory.createStringLiteral(\n          `./__generated__/${operationName}.graphql`\n        )\n      ),\n      ts.factory.createIdentifier(namespaceName),\n    ];\n  } else if (definitionNode.kind === \"FragmentDefinition\") {\n    const queryName = getQueryName(definitionNode);\n    const fragmentName = definitionNode.name.value;\n    const namespaceName = `${PREFIX}${QUERIES_NAMESPACE}_${fragmentName}`;\n    return [\n      ts.factory.createImportDeclaration(\n        undefined,\n        undefined,\n        ts.factory.createImportClause(\n          false,\n          undefined,\n          ts.factory.createNamedImports([\n            ts.factory.createImportSpecifier(\n              ts.factory.createIdentifier(\"documents\"),\n              ts.factory.createIdentifier(namespaceName)\n            ),\n          ])\n        ),\n        ts.factory.createStringLiteral(`./__generated__/${queryName}.graphql`)\n      ),\n      ts.factory.createIdentifier(namespaceName),\n    ];\n  }\n  invariant(false, `Unhandled GraphQL definition type: ${definitionNode.kind}`);\n}\n\nfunction getQueryName(definitionNode: FragmentDefinitionNode) {\n  const refetchableQueryNameNode = definitionNode.directives\n    ?.find((directive) => directive.name.value === \"refetchable\")\n    ?.arguments?.find((arg) => arg.name.value === \"queryName\")?.value as\n    | StringValueNode\n    | undefined;\n  if (refetchableQueryNameNode) {\n    return refetchableQueryNameNode.value;\n  } else {\n    const fragmentName = definitionNode.name.value;\n    const fragmentBaseName = fragmentName.replace(/Fragment$/, \"\");\n    return `${fragmentBaseName}WatchNodeQuery`;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAOA,uBAAsB;AACtB,SAAoB;AACpB,qBAIO;AACP,WAAsB;AACtB,SAAoB;AAEpB,MAAM,SAAS;AACf,MAAM,oBAAoB;AAEnB,0CAAgF;AACrF,SAAO,CAAC,YAAqE;AAC3E,UAAM,UAAkC;AAExC,UAAM,UAAsB,CAAC,SAA2C;AACtE,UACE,GAAG,2BAA2B,SAC9B,GAAG,aAAa,KAAK,QACrB,KAAK,IAAI,gBAAgB,WACzB;AACA,cAAM,gBAAgB,2BAA2B;AACjD,YAAI,eAAe;AACjB,gBAAM,CAAC,mBAAmB,mBAAmB;AAU7C,cAAI,aAAa;AACjB,gBAAM,aAAwC,KAAK;AACnD,cAAI,YAAY;AACd,kBAAM,eACJ,KAAK,KACH,KAAK,QAAQ,WAAW,WACvB,kBAAkB,gBAAqC,QACtD;AACN,yBAAa,GAAG,WAAW;AAAA;AAE7B,cAAI,YAAY;AACd,oBAAQ,KAAK;AACb,mBAAO;AAAA;AAAA;AAAA;AAIb,aAAO,GAAG,eAAe,MAAM,SAAS;AAAA;AAG1C,WAAO,CAAC,eAA8B;AACpC,YAAM,mBAAmB,GAAG,UAAU,YAAY;AAClD,aAAO,GAAG,QAAQ,iBAAiB,kBAAkB;AAAA,QACnD,GAAG;AAAA,QACH,GAAG,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAM5B,oCACE,wBACmD;AAzErD;AA0EE,QAAM,aAAa,GAAG,gCACpB,uBAAuB,YAErB,uBAAuB,SAAS,UAChC,uBAAuB,SAAS,KAAK;AACzC,gCAAU,YAAY;AACtB,QAAM,aAAa,0BAAa;AAChC,QAAM,iBAAiB,WAAW,YAAY;AAC9C,MAAI,eAAe,SAAS,uBAAuB;AACjD,QAAI,eAAe,cAAc,SAAS;AACxC,aAAO;AAAA;AAET,UAAM,gBAAgB,qBAAe,SAAf,mBAAqB;AAC3C,kCAAU,eAAe;AACzB,UAAM,gBAAgB,GAAG,SAAS,qBAAqB;AACvD,WAAO;AAAA,MACL,GAAG,QAAQ,wBACT,QACA,QACA,GAAG,QAAQ,mBACT,OACA,QACA,GAAG,QAAQ,mBAAmB;AAAA,QAC5B,GAAG,QAAQ,sBACT,GAAG,QAAQ,iBAAiB,cAC5B,GAAG,QAAQ,iBAAiB;AAAA,WAIlC,GAAG,QAAQ,oBACT,mBAAmB;AAAA,MAGvB,GAAG,QAAQ,iBAAiB;AAAA;AAAA,aAErB,eAAe,SAAS,sBAAsB;AACvD,UAAM,YAAY,aAAa;AAC/B,UAAM,eAAe,eAAe,KAAK;AACzC,UAAM,gBAAgB,GAAG,SAAS,qBAAqB;AACvD,WAAO;AAAA,MACL,GAAG,QAAQ,wBACT,QACA,QACA,GAAG,QAAQ,mBACT,OACA,QACA,GAAG,QAAQ,mBAAmB;AAAA,QAC5B,GAAG,QAAQ,sBACT,GAAG,QAAQ,iBAAiB,cAC5B,GAAG,QAAQ,iBAAiB;AAAA,WAIlC,GAAG,QAAQ,oBAAoB,mBAAmB;AAAA,MAEpD,GAAG,QAAQ,iBAAiB;AAAA;AAAA;AAGhC,gCAAU,OAAO,sCAAsC,eAAe;AAAA;AAGxE,sBAAsB,gBAAwC;AAvI9D;AAwIE,QAAM,2BAA2B,uCAAe,eAAf,mBAC7B,KAAK,CAAC,cAAc,UAAU,KAAK,UAAU,mBADhB,mBAE7B,cAF6B,mBAElB,KAAK,CAAC,QAAQ,IAAI,KAAK,UAAU,iBAFf,mBAE6B;AAG9D,MAAI,0BAA0B;AAC5B,WAAO,yBAAyB;AAAA,SAC3B;AACL,UAAM,eAAe,eAAe,KAAK;AACzC,UAAM,mBAAmB,aAAa,QAAQ,aAAa;AAC3D,WAAO,GAAG;AAAA;AAAA;",
+  "names": []
+}

package/lib/storeObservation/createImportDocumentsTransform.mjs

@@ -0,0 +1,99 @@
+// src/storeObservation/createImportDocumentsTransform.ts
+import invariant from "invariant";
+import {
+  factory,
+  isIdentifier,
+  isNoSubstitutionTemplateLiteral,
+  isTaggedTemplateExpression,
+  visitEachChild,
+  visitNode
+} from "typescript";
+import {
+  parse as parseGraphQL
+} from "graphql";
+import {
+  dirname,
+  join
+} from "path";
+import {
+  existsSync
+} from "fs";
+var PREFIX = "__graphitation_";
+var QUERIES_NAMESPACE = "generatedQueries";
+function createImportDocumentsTransform() {
+  return (context) => {
+    const imports = [];
+    const visitor = (node) => {
+      if (isTaggedTemplateExpression(node) && isIdentifier(node.tag) && node.tag.escapedText === "graphql") {
+        const documentNodes = createGraphQLDocumentNodes(node);
+        if (documentNodes) {
+          const [importDeclaration, replacementNode] = documentNodes;
+          let emitImport = true;
+          const sourceFile = node.getSourceFile();
+          if (sourceFile) {
+            const artefactFile = join(dirname(sourceFile.fileName), importDeclaration.moduleSpecifier.text) + ".ts";
+            emitImport = existsSync(artefactFile);
+          }
+          if (emitImport) {
+            imports.push(importDeclaration);
+            return replacementNode;
+          }
+        }
+      }
+      return visitEachChild(node, visitor, context);
+    };
+    return (sourceFile) => {
+      const outputSourceFile = visitNode(sourceFile, visitor);
+      return factory.updateSourceFile(outputSourceFile, [
+        ...imports,
+        ...outputSourceFile.statements
+      ]);
+    };
+  };
+}
+function createGraphQLDocumentNodes(graphqlTagTemplateNode) {
+  var _a;
+  const graphqlDoc = isNoSubstitutionTemplateLiteral(graphqlTagTemplateNode.template) ? graphqlTagTemplateNode.template.rawText : graphqlTagTemplateNode.template.head.rawText;
+  invariant(graphqlDoc, "Expected a GraphQL document");
+  const graphqlAST = parseGraphQL(graphqlDoc);
+  const definitionNode = graphqlAST.definitions[0];
+  if (definitionNode.kind === "OperationDefinition") {
+    if (definitionNode.operation !== "query") {
+      return void 0;
+    }
+    const operationName = (_a = definitionNode.name) == null ? void 0 : _a.value;
+    invariant(operationName, "Operations are required to have a name");
+    const namespaceName = `${PREFIX}${QUERIES_NAMESPACE}_${operationName}`;
+    return [
+      factory.createImportDeclaration(void 0, void 0, factory.createImportClause(false, void 0, factory.createNamedImports([
+        factory.createImportSpecifier(factory.createIdentifier("documents"), factory.createIdentifier(namespaceName))
+      ])), factory.createStringLiteral(`./__generated__/${operationName}.graphql`)),
+      factory.createIdentifier(namespaceName)
+    ];
+  } else if (definitionNode.kind === "FragmentDefinition") {
+    const queryName = getQueryName(definitionNode);
+    const fragmentName = definitionNode.name.value;
+    const namespaceName = `${PREFIX}${QUERIES_NAMESPACE}_${fragmentName}`;
+    return [
+      factory.createImportDeclaration(void 0, void 0, factory.createImportClause(false, void 0, factory.createNamedImports([
+        factory.createImportSpecifier(factory.createIdentifier("documents"), factory.createIdentifier(namespaceName))
+      ])), factory.createStringLiteral(`./__generated__/${queryName}.graphql`)),
+      factory.createIdentifier(namespaceName)
+    ];
+  }
+  invariant(false, `Unhandled GraphQL definition type: ${definitionNode.kind}`);
+}
+function getQueryName(definitionNode) {
+  var _a, _b, _c, _d;
+  const refetchableQueryNameNode = (_d = (_c = (_b = (_a = definitionNode.directives) == null ? void 0 : _a.find((directive) => directive.name.value === "refetchable")) == null ? void 0 : _b.arguments) == null ? void 0 : _c.find((arg) => arg.name.value === "queryName")) == null ? void 0 : _d.value;
+  if (refetchableQueryNameNode) {
+    return refetchableQueryNameNode.value;
+  } else {
+    const fragmentName = definitionNode.name.value;
+    const fragmentBaseName = fragmentName.replace(/Fragment$/, "");
+    return `${fragmentBaseName}WatchNodeQuery`;
+  }
+}
+export {
+  createImportDocumentsTransform
+};

package/lib/storeObservation/createImportDocumentsTransform.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/storeObservation/createImportDocumentsTransform.ts"],
+  "sourcesContent": ["/**\n * TODO:\n * - Don't hardcode identifiers but check if they're aliased from their imports.\n * - Support mutations and subscriptions\n * - Properly emit errors from transformer, is invariant ok?\n */\n\nimport invariant from \"invariant\";\nimport * as ts from \"typescript\";\nimport {\n  FragmentDefinitionNode,\n  parse as parseGraphQL,\n  StringValueNode,\n} from \"graphql\";\nimport * as path from \"path\";\nimport * as fs from \"fs\";\n\nconst PREFIX = \"__graphitation_\";\nconst QUERIES_NAMESPACE = \"generatedQueries\";\n\nexport function createImportDocumentsTransform(): ts.TransformerFactory<ts.SourceFile> {\n  return (context: ts.TransformationContext): ts.Transformer<ts.SourceFile> => {\n    const imports: ts.ImportDeclaration[] = [];\n\n    const visitor: ts.Visitor = (node: ts.Node): ts.VisitResult<ts.Node> => {\n      if (\n        ts.isTaggedTemplateExpression(node) &&\n        ts.isIdentifier(node.tag) &&\n        node.tag.escapedText === \"graphql\"\n      ) {\n        const documentNodes = createGraphQLDocumentNodes(node);\n        if (documentNodes) {\n          const [importDeclaration, replacementNode] = documentNodes;\n          // Because we currently only emit new watch queries for fragments\n          // on Node types, we cannot just assume the artefact exists for\n          // every fragment definition. So check if it exists before emitting\n          // the import.\n          //\n          // TODO: This file checking should not exist and is probably not\n          //       performant.\n          //\n          // NOTE: In our test case node.getSourceFile() returns undefined.\n          let emitImport = true;\n          const sourceFile: ts.SourceFile | undefined = node.getSourceFile();\n          if (sourceFile) {\n            const artefactFile =\n              path.join(\n                path.dirname(sourceFile.fileName),\n                (importDeclaration.moduleSpecifier as ts.StringLiteral).text\n              ) + \".ts\";\n            emitImport = fs.existsSync(artefactFile);\n          }\n          if (emitImport) {\n            imports.push(importDeclaration);\n            return replacementNode;\n          }\n        }\n      }\n      return ts.visitEachChild(node, visitor, context);\n    };\n\n    return (sourceFile: ts.SourceFile) => {\n      const outputSourceFile = ts.visitNode(sourceFile, visitor);\n      return ts.factory.updateSourceFile(outputSourceFile, [\n        ...imports,\n        ...outputSourceFile.statements,\n      ]);\n    };\n  };\n}\n\nfunction createGraphQLDocumentNodes(\n  graphqlTagTemplateNode: ts.TaggedTemplateExpression\n): [ts.ImportDeclaration, ts.Identifier] | undefined {\n  const graphqlDoc = ts.isNoSubstitutionTemplateLiteral(\n    graphqlTagTemplateNode.template\n  )\n    ? graphqlTagTemplateNode.template.rawText\n    : graphqlTagTemplateNode.template.head.rawText;\n  invariant(graphqlDoc, \"Expected a GraphQL document\");\n  const graphqlAST = parseGraphQL(graphqlDoc);\n  const definitionNode = graphqlAST.definitions[0];\n  if (definitionNode.kind === \"OperationDefinition\") {\n    if (definitionNode.operation !== \"query\") {\n      return undefined;\n    }\n    const operationName = definitionNode.name?.value;\n    invariant(operationName, \"Operations are required to have a name\");\n    const namespaceName = `${PREFIX}${QUERIES_NAMESPACE}_${operationName}`;\n    return [\n      ts.factory.createImportDeclaration(\n        undefined,\n        undefined,\n        ts.factory.createImportClause(\n          false,\n          undefined,\n          ts.factory.createNamedImports([\n            ts.factory.createImportSpecifier(\n              ts.factory.createIdentifier(\"documents\"),\n              ts.factory.createIdentifier(namespaceName)\n            ),\n          ])\n        ),\n        ts.factory.createStringLiteral(\n          `./__generated__/${operationName}.graphql`\n        )\n      ),\n      ts.factory.createIdentifier(namespaceName),\n    ];\n  } else if (definitionNode.kind === \"FragmentDefinition\") {\n    const queryName = getQueryName(definitionNode);\n    const fragmentName = definitionNode.name.value;\n    const namespaceName = `${PREFIX}${QUERIES_NAMESPACE}_${fragmentName}`;\n    return [\n      ts.factory.createImportDeclaration(\n        undefined,\n        undefined,\n        ts.factory.createImportClause(\n          false,\n          undefined,\n          ts.factory.createNamedImports([\n            ts.factory.createImportSpecifier(\n              ts.factory.createIdentifier(\"documents\"),\n              ts.factory.createIdentifier(namespaceName)\n            ),\n          ])\n        ),\n        ts.factory.createStringLiteral(`./__generated__/${queryName}.graphql`)\n      ),\n      ts.factory.createIdentifier(namespaceName),\n    ];\n  }\n  invariant(false, `Unhandled GraphQL definition type: ${definitionNode.kind}`);\n}\n\nfunction getQueryName(definitionNode: FragmentDefinitionNode) {\n  const refetchableQueryNameNode = definitionNode.directives\n    ?.find((directive) => directive.name.value === \"refetchable\")\n    ?.arguments?.find((arg) => arg.name.value === \"queryName\")?.value as\n    | StringValueNode\n    | undefined;\n  if (refetchableQueryNameNode) {\n    return refetchableQueryNameNode.value;\n  } else {\n    const fragmentName = definitionNode.name.value;\n    const fragmentBaseName = fragmentName.replace(/Fragment$/, \"\");\n    return `${fragmentBaseName}WatchNodeQuery`;\n  }\n}\n"],
+  "mappings": ";AAOA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA,IAAM,SAAS;AACf,IAAM,oBAAoB;AAEnB,0CAAgF;AACrF,SAAO,CAAC,YAAqE;AAC3E,UAAM,UAAkC;AAExC,UAAM,UAAsB,CAAC,SAA2C;AACtE,UACE,AAAG,2BAA2B,SAC9B,AAAG,aAAa,KAAK,QACrB,KAAK,IAAI,gBAAgB,WACzB;AACA,cAAM,gBAAgB,2BAA2B;AACjD,YAAI,eAAe;AACjB,gBAAM,CAAC,mBAAmB,mBAAmB;AAU7C,cAAI,aAAa;AACjB,gBAAM,aAAwC,KAAK;AACnD,cAAI,YAAY;AACd,kBAAM,eACJ,AAAK,KACH,AAAK,QAAQ,WAAW,WACvB,kBAAkB,gBAAqC,QACtD;AACN,yBAAa,AAAG,WAAW;AAAA;AAE7B,cAAI,YAAY;AACd,oBAAQ,KAAK;AACb,mBAAO;AAAA;AAAA;AAAA;AAIb,aAAO,AAAG,eAAe,MAAM,SAAS;AAAA;AAG1C,WAAO,CAAC,eAA8B;AACpC,YAAM,mBAAmB,AAAG,UAAU,YAAY;AAClD,aAAO,AAAG,QAAQ,iBAAiB,kBAAkB;AAAA,QACnD,GAAG;AAAA,QACH,GAAG,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAM5B,oCACE,wBACmD;AAzErD;AA0EE,QAAM,aAAa,AAAG,gCACpB,uBAAuB,YAErB,uBAAuB,SAAS,UAChC,uBAAuB,SAAS,KAAK;AACzC,YAAU,YAAY;AACtB,QAAM,aAAa,aAAa;AAChC,QAAM,iBAAiB,WAAW,YAAY;AAC9C,MAAI,eAAe,SAAS,uBAAuB;AACjD,QAAI,eAAe,cAAc,SAAS;AACxC,aAAO;AAAA;AAET,UAAM,gBAAgB,qBAAe,SAAf,mBAAqB;AAC3C,cAAU,eAAe;AACzB,UAAM,gBAAgB,GAAG,SAAS,qBAAqB;AACvD,WAAO;AAAA,MACL,AAAG,QAAQ,wBACT,QACA,QACA,AAAG,QAAQ,mBACT,OACA,QACA,AAAG,QAAQ,mBAAmB;AAAA,QAC5B,AAAG,QAAQ,sBACT,AAAG,QAAQ,iBAAiB,cAC5B,AAAG,QAAQ,iBAAiB;AAAA,WAIlC,AAAG,QAAQ,oBACT,mBAAmB;AAAA,MAGvB,AAAG,QAAQ,iBAAiB;AAAA;AAAA,aAErB,eAAe,SAAS,sBAAsB;AACvD,UAAM,YAAY,aAAa;AAC/B,UAAM,eAAe,eAAe,KAAK;AACzC,UAAM,gBAAgB,GAAG,SAAS,qBAAqB;AACvD,WAAO;AAAA,MACL,AAAG,QAAQ,wBACT,QACA,QACA,AAAG,QAAQ,mBACT,OACA,QACA,AAAG,QAAQ,mBAAmB;AAAA,QAC5B,AAAG,QAAQ,sBACT,AAAG,QAAQ,iBAAiB,cAC5B,AAAG,QAAQ,iBAAiB;AAAA,WAIlC,AAAG,QAAQ,oBAAoB,mBAAmB;AAAA,MAEpD,AAAG,QAAQ,iBAAiB;AAAA;AAAA;AAGhC,YAAU,OAAO,sCAAsC,eAAe;AAAA;AAGxE,sBAAsB,gBAAwC;AAvI9D;AAwIE,QAAM,2BAA2B,uCAAe,eAAf,mBAC7B,KAAK,CAAC,cAAc,UAAU,KAAK,UAAU,mBADhB,mBAE7B,cAF6B,mBAElB,KAAK,CAAC,QAAQ,IAAI,KAAK,UAAU,iBAFf,mBAE6B;AAG9D,MAAI,0BAA0B;AAC5B,WAAO,yBAAyB;AAAA,SAC3B;AACL,UAAM,eAAe,eAAe,KAAK;AACzC,UAAM,mBAAmB,aAAa,QAAQ,aAAa;AAC3D,WAAO,GAAG;AAAA;AAAA;",
+  "names": []
+}

package/lib/storeObservation/createImportDocumentsTransform.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=createImportDocumentsTransform.test.d.ts.map

package/lib/storeObservation/createImportDocumentsTransform.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createImportDocumentsTransform.test.d.ts","sourceRoot":"","sources":["../../src/storeObservation/createImportDocumentsTransform.test.ts"],"names":[],"mappings":""}

package/lib/storeObservation/createImportDocumentsTransform.test.js

@@ -0,0 +1,62 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+};
+var ts = __toModule(require("typescript"));
+var import_createImportDocumentsTransform = __toModule(require("./createImportDocumentsTransform"));
+expect.addSnapshotSerializer({
+  test: (val) => typeof val === "string",
+  print: (val) => {
+    return val.trimRight();
+  }
+});
+function transform(sourceText) {
+  const sourceFile = ts.createSourceFile("SomeComponent.tsx", sourceText, ts.ScriptTarget.Latest);
+  const result = ts.transform(sourceFile, [(0, import_createImportDocumentsTransform.createImportDocumentsTransform)()]);
+  const printer = ts.createPrinter();
+  return printer.printFile(result.transformed[0]);
+}
+describe(import_createImportDocumentsTransform.createImportDocumentsTransform, () => {
+  it("works with documents without interpolation", () => {
+    const source = `
+      const doc = graphql\`
+        fragment SomeComponentFragment on Query {
+          helloWorld
+        }
+      \`
+    `;
+    expect(transform(source)).toMatchInlineSnapshot(`
+      import { documents as __graphitation_generatedQueries_SomeComponentFragment } from "./__generated__/SomeComponentWatchNodeQuery.graphql";
+      const doc = __graphitation_generatedQueries_SomeComponentFragment;
+    `);
+  });
+  it("works with documents with interpolation", () => {
+    const source = `
+      const doc = graphql\`
+        query SomeComponentQuery($id: ID!) {
+          helloWorld
+          ...SomeOtherComponentFragment
+        }
+        \${SomeOtherComponentFragment}
+      \`
+    `;
+    expect(transform(source)).toMatchInlineSnapshot(`
+      import { documents as __graphitation_generatedQueries_SomeComponentQuery } from "./__generated__/SomeComponentQuery.graphql";
+      const doc = __graphitation_generatedQueries_SomeComponentQuery;
+    `);
+  });
+});

package/lib/storeObservation/createImportDocumentsTransform.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/storeObservation/createImportDocumentsTransform.test.ts"],
+  "sourcesContent": ["import * as ts from \"typescript\";\nimport { createImportDocumentsTransform } from \"./createImportDocumentsTransform\";\n\nexpect.addSnapshotSerializer({\n  test: (val) => typeof val === \"string\",\n  print: (val) => {\n    return (val as string).trimRight();\n  },\n});\n\nfunction transform(sourceText: string): string {\n  const sourceFile = ts.createSourceFile(\n    \"SomeComponent.tsx\",\n    sourceText,\n    ts.ScriptTarget.Latest\n  );\n  const result = ts.transform(sourceFile, [createImportDocumentsTransform()]);\n  const printer = ts.createPrinter();\n  return printer.printFile(result.transformed[0]);\n}\n\ndescribe(createImportDocumentsTransform, () => {\n  it(\"works with documents without interpolation\", () => {\n    const source = `\n      const doc = graphql\\`\n        fragment SomeComponentFragment on Query {\n          helloWorld\n        }\n      \\`\n    `;\n    expect(transform(source)).toMatchInlineSnapshot(`\n      import { documents as __graphitation_generatedQueries_SomeComponentFragment } from \"./__generated__/SomeComponentWatchNodeQuery.graphql\";\n      const doc = __graphitation_generatedQueries_SomeComponentFragment;\n    `);\n  });\n\n  it(\"works with documents with interpolation\", () => {\n    const source = `\n      const doc = graphql\\`\n        query SomeComponentQuery($id: ID!) {\n          helloWorld\n          ...SomeOtherComponentFragment\n        }\n        \\${SomeOtherComponentFragment}\n      \\`\n    `;\n    expect(transform(source)).toMatchInlineSnapshot(`\n      import { documents as __graphitation_generatedQueries_SomeComponentQuery } from \"./__generated__/SomeComponentQuery.graphql\";\n      const doc = __graphitation_generatedQueries_SomeComponentQuery;\n    `);\n  });\n});\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA,SAAoB;AACpB,4CAA+C;AAE/C,OAAO,sBAAsB;AAAA,EAC3B,MAAM,CAAC,QAAQ,OAAO,QAAQ;AAAA,EAC9B,OAAO,CAAC,QAAQ;AACd,WAAQ,IAAe;AAAA;AAAA;AAI3B,mBAAmB,YAA4B;AAC7C,QAAM,aAAa,GAAG,iBACpB,qBACA,YACA,GAAG,aAAa;AAElB,QAAM,SAAS,GAAG,UAAU,YAAY,CAAC;AACzC,QAAM,UAAU,GAAG;AACnB,SAAO,QAAQ,UAAU,OAAO,YAAY;AAAA;AAG9C,SAAS,sEAAgC,MAAM;AAC7C,KAAG,8CAA8C,MAAM;AACrD,UAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOf,WAAO,UAAU,SAAS,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAMlD,KAAG,2CAA2C,MAAM;AAClD,UAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASf,WAAO,UAAU,SAAS,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/lib/storeObservation/createImportDocumentsTransform.test.mjs

@@ -0,0 +1,50 @@
+// src/storeObservation/createImportDocumentsTransform.test.ts
+import {
+  ScriptTarget,
+  createPrinter,
+  createSourceFile,
+  transform
+} from "typescript";
+import {createImportDocumentsTransform} from "./createImportDocumentsTransform.mjs";
+expect.addSnapshotSerializer({
+  test: (val) => typeof val === "string",
+  print: (val) => {
+    return val.trimRight();
+  }
+});
+function transform2(sourceText) {
+  const sourceFile = createSourceFile("SomeComponent.tsx", sourceText, ScriptTarget.Latest);
+  const result = transform(sourceFile, [createImportDocumentsTransform()]);
+  const printer = createPrinter();
+  return printer.printFile(result.transformed[0]);
+}
+describe(createImportDocumentsTransform, () => {
+  it("works with documents without interpolation", () => {
+    const source = `
+      const doc = graphql\`
+        fragment SomeComponentFragment on Query {
+          helloWorld
+        }
+      \`
+    `;
+    expect(transform2(source)).toMatchInlineSnapshot(`
+      import { documents as __graphitation_generatedQueries_SomeComponentFragment } from "./__generated__/SomeComponentWatchNodeQuery.graphql";
+      const doc = __graphitation_generatedQueries_SomeComponentFragment;
+    `);
+  });
+  it("works with documents with interpolation", () => {
+    const source = `
+      const doc = graphql\`
+        query SomeComponentQuery($id: ID!) {
+          helloWorld
+          ...SomeOtherComponentFragment
+        }
+        \${SomeOtherComponentFragment}
+      \`
+    `;
+    expect(transform2(source)).toMatchInlineSnapshot(`
+      import { documents as __graphitation_generatedQueries_SomeComponentQuery } from "./__generated__/SomeComponentQuery.graphql";
+      const doc = __graphitation_generatedQueries_SomeComponentQuery;
+    `);
+  });
+});

package/lib/storeObservation/createImportDocumentsTransform.test.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/storeObservation/createImportDocumentsTransform.test.ts"],
+  "sourcesContent": ["import * as ts from \"typescript\";\nimport { createImportDocumentsTransform } from \"./createImportDocumentsTransform\";\n\nexpect.addSnapshotSerializer({\n  test: (val) => typeof val === \"string\",\n  print: (val) => {\n    return (val as string).trimRight();\n  },\n});\n\nfunction transform(sourceText: string): string {\n  const sourceFile = ts.createSourceFile(\n    \"SomeComponent.tsx\",\n    sourceText,\n    ts.ScriptTarget.Latest\n  );\n  const result = ts.transform(sourceFile, [createImportDocumentsTransform()]);\n  const printer = ts.createPrinter();\n  return printer.printFile(result.transformed[0]);\n}\n\ndescribe(createImportDocumentsTransform, () => {\n  it(\"works with documents without interpolation\", () => {\n    const source = `\n      const doc = graphql\\`\n        fragment SomeComponentFragment on Query {\n          helloWorld\n        }\n      \\`\n    `;\n    expect(transform(source)).toMatchInlineSnapshot(`\n      import { documents as __graphitation_generatedQueries_SomeComponentFragment } from \"./__generated__/SomeComponentWatchNodeQuery.graphql\";\n      const doc = __graphitation_generatedQueries_SomeComponentFragment;\n    `);\n  });\n\n  it(\"works with documents with interpolation\", () => {\n    const source = `\n      const doc = graphql\\`\n        query SomeComponentQuery($id: ID!) {\n          helloWorld\n          ...SomeOtherComponentFragment\n        }\n        \\${SomeOtherComponentFragment}\n      \\`\n    `;\n    expect(transform(source)).toMatchInlineSnapshot(`\n      import { documents as __graphitation_generatedQueries_SomeComponentQuery } from \"./__generated__/SomeComponentQuery.graphql\";\n      const doc = __graphitation_generatedQueries_SomeComponentQuery;\n    `);\n  });\n});\n"],
+  "mappings": ";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA,OAAO,sBAAsB;AAAA,EAC3B,MAAM,CAAC,QAAQ,OAAO,QAAQ;AAAA,EAC9B,OAAO,CAAC,QAAQ;AACd,WAAQ,IAAe;AAAA;AAAA;AAI3B,oBAAmB,YAA4B;AAC7C,QAAM,aAAa,AAAG,iBACpB,qBACA,YACA,AAAG,aAAa;AAElB,QAAM,SAAS,AAAG,UAAU,YAAY,CAAC;AACzC,QAAM,UAAU,AAAG;AACnB,SAAO,QAAQ,UAAU,OAAO,YAAY;AAAA;AAG9C,SAAS,gCAAgC,MAAM;AAC7C,KAAG,8CAA8C,MAAM;AACrD,UAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOf,WAAO,WAAU,SAAS,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAMlD,KAAG,2CAA2C,MAAM;AAClD,UAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASf,WAAO,WAAU,SAAS,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/lib/storeObservation/fragmentReferencesFieldPolicy.d.ts

@@ -0,0 +1,3 @@
+import { FieldReadFunction } from "@apollo/client";
+export declare const fragmentReferencesFieldPolicy: FieldReadFunction;
+//# sourceMappingURL=fragmentReferencesFieldPolicy.d.ts.map

package/lib/storeObservation/fragmentReferencesFieldPolicy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fragmentReferencesFieldPolicy.d.ts","sourceRoot":"","sources":["../../src/storeObservation/fragmentReferencesFieldPolicy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,eAAO,MAAM,6BAA6B,EAAE,iBAS3C,CAAC"}

package/lib/storeObservation/fragmentReferencesFieldPolicy.js

@@ -0,0 +1,13 @@
+var __defProp = Object.defineProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {get: all[name], enumerable: true});
+};
+__markAsModule(exports);
+__export(exports, {
+  fragmentReferencesFieldPolicy: () => fragmentReferencesFieldPolicy
+});
+const fragmentReferencesFieldPolicy = (_existingCacheData, {variables}) => {
+  return !variables ? null : variables.__fragments === void 0 ? variables : variables.__fragments;
+};

package/lib/storeObservation/fragmentReferencesFieldPolicy.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/storeObservation/fragmentReferencesFieldPolicy.ts"],
+  "sourcesContent": ["import { FieldReadFunction } from \"@apollo/client\";\n\nexport const fragmentReferencesFieldPolicy: FieldReadFunction = (\n  _existingCacheData,\n  { variables }\n) => {\n  return !variables\n    ? null\n    : variables.__fragments === undefined\n    ? variables\n    : variables.__fragments;\n};\n"],
+  "mappings": ";;;;;;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,gCAAmD,CAC9D,oBACA,CAAE,eACC;AACH,SAAO,CAAC,YACJ,OACA,UAAU,gBAAgB,SAC1B,YACA,UAAU;AAAA;",
+  "names": []
+}

package/lib/storeObservation/fragmentReferencesFieldPolicy.mjs

@@ -0,0 +1,7 @@
+// src/storeObservation/fragmentReferencesFieldPolicy.ts
+var fragmentReferencesFieldPolicy = (_existingCacheData, {variables}) => {
+  return !variables ? null : variables.__fragments === void 0 ? variables : variables.__fragments;
+};
+export {
+  fragmentReferencesFieldPolicy
+};

package/lib/storeObservation/fragmentReferencesFieldPolicy.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/storeObservation/fragmentReferencesFieldPolicy.ts"],
+  "sourcesContent": ["import { FieldReadFunction } from \"@apollo/client\";\n\nexport const fragmentReferencesFieldPolicy: FieldReadFunction = (\n  _existingCacheData,\n  { variables }\n) => {\n  return !variables\n    ? null\n    : variables.__fragments === undefined\n    ? variables\n    : variables.__fragments;\n};\n"],
+  "mappings": ";AAEO,IAAM,gCAAmD,CAC9D,oBACA,CAAE,eACC;AACH,SAAO,CAAC,YACJ,OACA,UAAU,gBAAgB,SAC1B,YACA,UAAU;AAAA;",
+  "names": []
+}

package/lib/storeObservation/fragmentReferencesFieldPolicy.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=fragmentReferencesFieldPolicy.test.d.ts.map

package/lib/storeObservation/fragmentReferencesFieldPolicy.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fragmentReferencesFieldPolicy.test.d.ts","sourceRoot":"","sources":["../../src/storeObservation/fragmentReferencesFieldPolicy.test.ts"],"names":[],"mappings":""}