@cedarjs/web 6.0.0-canary.2671 → 6.0.0-canary.2673

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cedarjs/web",
-  "version": "6.0.0-canary.2671",
+  "version": "6.0.0-canary.2673",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/cedarjs/cedar.git",
@@ -150,7 +150,7 @@
   },
   "dependencies": {
     "@apollo/client": "4.2.7",
-    "@cedarjs/server-store": "6.0.0-canary.2671",
+    "@cedarjs/server-store": "6.0.0-canary.2673",
     "@dr.pogodin/react-helmet": "2.0.4",
     "@whatwg-node/fetch": "0.10.13",
     "apollo-upload-client": "19.0.0",
@@ -170,9 +170,9 @@
     "@babel/core": "^7.26.10",
     "@babel/plugin-transform-runtime": "7.29.7",
     "@babel/runtime": "7.29.7",
-    "@cedarjs/auth": "6.0.0-canary.2671",
-    "@cedarjs/framework-tools": "6.0.0-canary.2671",
-    "@cedarjs/internal": "6.0.0-canary.2671",
+    "@cedarjs/auth": "6.0.0-canary.2673",
+    "@cedarjs/framework-tools": "6.0.0-canary.2673",
+    "@cedarjs/internal": "6.0.0-canary.2673",
     "@rollup/plugin-babel": "6.1.0",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
@@ -187,7 +187,7 @@
     "react-dom": "19.2.3",
     "tstyche": "5.0.2",
     "typescript": "5.9.3",
-    "vitest": "3.2.6"
+    "vitest": "4.1.10"
   },
   "peerDependencies": {
     "@cedarjs/auth": "workspace:*",

package/dist/apollo/CedarApolloProvider.test.js

@@ -1,38 +0,0 @@
-import React from "react";
-import { gql } from "@apollo/client";
-import { useQuery } from "@apollo/client/react";
-import { render, screen, waitFor } from "@testing-library/react";
-import { vi, describe, test, expect } from "vitest";
-import { CedarApolloProvider } from "./CedarApolloProvider.js";
-globalThis.RWJS_API_GRAPHQL_URL = "https://example.com/graphql";
-describe("CedarApolloProvider smoke test", () => {
-  test("renders children and runs a query through the full link chain", async () => {
-    const fetchMock = vi.fn(async () => {
-      return new Response(JSON.stringify({ data: { answer: 42 } }), {
-        headers: { "content-type": "application/json" }
-      });
-    });
-    vi.stubGlobal("fetch", fetchMock);
-    const QUERY = gql`
-      query AnswerQuery {
-        answer
-      }
-    `;
-    const Consumer = () => {
-      const { data, loading, error } = useQuery(QUERY);
-      if (error) {
-        return /* @__PURE__ */ React.createElement(React.Fragment, null, "error: ", error.message);
-      }
-      if (loading) {
-        return /* @__PURE__ */ React.createElement(React.Fragment, null, "loading");
-      }
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, "answer: ", data?.answer);
-    };
-    render(
-      /* @__PURE__ */ React.createElement(CedarApolloProvider, null, /* @__PURE__ */ React.createElement(Consumer, null))
-    );
-    await waitFor(() => screen.getByText("answer: 42"));
-    expect(fetchMock).toHaveBeenCalled();
-    vi.unstubAllGlobals();
-  });
-});

package/dist/apollo/fragmentRegistry.test.js

@@ -1,67 +0,0 @@
-import React from "react";
-import { ApolloClient, ApolloLink, InMemoryCache, gql } from "@apollo/client";
-import { ApolloProvider } from "@apollo/client/react";
-import { render, screen } from "@testing-library/react";
-import { describe, test } from "vitest";
-import { fragmentRegistry, registerFragment } from "./fragmentRegistry.js";
-const { useRegisteredFragment: useStallFragment } = registerFragment(gql`
-  fragment Stall_info on Stall {
-    id
-    name
-  }
-`);
-const { useRegisteredFragment: useFruitFragment } = registerFragment(gql`
-  fragment Fruit_info on Fruit {
-    id
-    name
-    isSeedless
-    stall {
-      ...Stall_info
-    }
-  }
-`);
-const StallInfo = ({ id }) => {
-  const { data: stall, complete } = useStallFragment(id);
-  return complete ? /* @__PURE__ */ React.createElement("p", null, "Stall Name: ", stall.name) : /* @__PURE__ */ React.createElement("p", null, "stall incomplete");
-};
-const FruitInfo = ({ id }) => {
-  const { data: fruit, complete } = useFruitFragment(id);
-  return complete ? /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", null, "Fruit Name: ", fruit.name), /* @__PURE__ */ React.createElement(StallInfo, { id: fruit.stall.id })) : /* @__PURE__ */ React.createElement("div", null, "fruit incomplete");
-};
-describe("registered fragments with nested spreads", () => {
-  test("reads complete data back from the cache", async () => {
-    const cache = new InMemoryCache({ fragments: fragmentRegistry });
-    const client = new ApolloClient({ cache, link: ApolloLink.empty() });
-    client.writeQuery({
-      query: gql`
-        query GetGroceries {
-          groceries {
-            ... on Fruit {
-              ...Fruit_info
-            }
-          }
-        }
-      `,
-      data: {
-        groceries: [
-          {
-            __typename: "Fruit",
-            id: "1",
-            name: "Strawberries",
-            isSeedless: false,
-            stall: {
-              __typename: "Stall",
-              id: "s1",
-              name: "Pie Veggies"
-            }
-          }
-        ]
-      }
-    });
-    render(
-      /* @__PURE__ */ React.createElement(ApolloProvider, { client }, /* @__PURE__ */ React.createElement(FruitInfo, { id: "1" }))
-    );
-    screen.getByText("Fruit Name: Strawberries");
-    screen.getByText("Stall Name: Pie Veggies");
-  });
-});

package/dist/cjs/apollo/CedarApolloProvider.test.js

@@ -1,61 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var import_react = __toESM(require("react"), 1);
-var import_client = require("@apollo/client");
-var import_react2 = require("@apollo/client/react");
-var import_react3 = require("@testing-library/react");
-var import_vitest = require("vitest");
-var import_CedarApolloProvider = require("./CedarApolloProvider.js");
-globalThis.RWJS_API_GRAPHQL_URL = "https://example.com/graphql";
-(0, import_vitest.describe)("CedarApolloProvider smoke test", () => {
-  (0, import_vitest.test)("renders children and runs a query through the full link chain", async () => {
-    const fetchMock = import_vitest.vi.fn(async () => {
-      return new Response(JSON.stringify({ data: { answer: 42 } }), {
-        headers: { "content-type": "application/json" }
-      });
-    });
-    import_vitest.vi.stubGlobal("fetch", fetchMock);
-    const QUERY = import_client.gql`
-      query AnswerQuery {
-        answer
-      }
-    `;
-    const Consumer = () => {
-      const { data, loading, error } = (0, import_react2.useQuery)(QUERY);
-      if (error) {
-        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "error: ", error.message);
-      }
-      if (loading) {
-        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "loading");
-      }
-      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "answer: ", data?.answer);
-    };
-    (0, import_react3.render)(
-      /* @__PURE__ */ import_react.default.createElement(import_CedarApolloProvider.CedarApolloProvider, null, /* @__PURE__ */ import_react.default.createElement(Consumer, null))
-    );
-    await (0, import_react3.waitFor)(() => import_react3.screen.getByText("answer: 42"));
-    (0, import_vitest.expect)(fetchMock).toHaveBeenCalled();
-    import_vitest.vi.unstubAllGlobals();
-  });
-});

package/dist/cjs/apollo/fragmentRegistry.test.js

@@ -1,90 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var import_react = __toESM(require("react"), 1);
-var import_client = require("@apollo/client");
-var import_react2 = require("@apollo/client/react");
-var import_react3 = require("@testing-library/react");
-var import_vitest = require("vitest");
-var import_fragmentRegistry = require("./fragmentRegistry.js");
-const { useRegisteredFragment: useStallFragment } = (0, import_fragmentRegistry.registerFragment)(import_client.gql`
-  fragment Stall_info on Stall {
-    id
-    name
-  }
-`);
-const { useRegisteredFragment: useFruitFragment } = (0, import_fragmentRegistry.registerFragment)(import_client.gql`
-  fragment Fruit_info on Fruit {
-    id
-    name
-    isSeedless
-    stall {
-      ...Stall_info
-    }
-  }
-`);
-const StallInfo = ({ id }) => {
-  const { data: stall, complete } = useStallFragment(id);
-  return complete ? /* @__PURE__ */ import_react.default.createElement("p", null, "Stall Name: ", stall.name) : /* @__PURE__ */ import_react.default.createElement("p", null, "stall incomplete");
-};
-const FruitInfo = ({ id }) => {
-  const { data: fruit, complete } = useFruitFragment(id);
-  return complete ? /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("h2", null, "Fruit Name: ", fruit.name), /* @__PURE__ */ import_react.default.createElement(StallInfo, { id: fruit.stall.id })) : /* @__PURE__ */ import_react.default.createElement("div", null, "fruit incomplete");
-};
-(0, import_vitest.describe)("registered fragments with nested spreads", () => {
-  (0, import_vitest.test)("reads complete data back from the cache", async () => {
-    const cache = new import_client.InMemoryCache({ fragments: import_fragmentRegistry.fragmentRegistry });
-    const client = new import_client.ApolloClient({ cache, link: import_client.ApolloLink.empty() });
-    client.writeQuery({
-      query: import_client.gql`
-        query GetGroceries {
-          groceries {
-            ... on Fruit {
-              ...Fruit_info
-            }
-          }
-        }
-      `,
-      data: {
-        groceries: [
-          {
-            __typename: "Fruit",
-            id: "1",
-            name: "Strawberries",
-            isSeedless: false,
-            stall: {
-              __typename: "Stall",
-              id: "s1",
-              name: "Pie Veggies"
-            }
-          }
-        ]
-      }
-    });
-    (0, import_react3.render)(
-      /* @__PURE__ */ import_react.default.createElement(import_react2.ApolloProvider, { client }, /* @__PURE__ */ import_react.default.createElement(FruitInfo, { id: "1" }))
-    );
-    import_react3.screen.getByText("Fruit Name: Strawberries");
-    import_react3.screen.getByText("Stall Name: Pie Veggies");
-  });
-});

package/dist/cjs/components/cell/createCell.test.js

@@ -1,337 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var import_react = __toESM(require("react"), 1);
-var import_react2 = require("@apollo/client/react");
-var import_react3 = require("@testing-library/react");
-var import_vitest = require("vitest");
-var import_createCell = require("./createCell.js");
-import_vitest.vi.mock("@apollo/client/react", () => ({
-  useQuery: import_vitest.vi.fn()
-}));
-const mockUseQuery = import_react2.useQuery;
-(0, import_vitest.describe)("createCell", () => {
-  (0, import_vitest.beforeAll)(() => {
-    globalThis.RWJS_ENV = {
-      RWJS_EXP_STREAMING_SSR: false
-    };
-  });
-  (0, import_vitest.beforeEach)(() => {
-    mockUseQuery.mockReset();
-  });
-  (0, import_vitest.test)("Renders a static Success component", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Great success!")
-    });
-    mockUseQuery.mockImplementation(() => ({ data: {} }));
-    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react3.screen.getByText(/^Great success!$/);
-  });
-  (0, import_vitest.test)("Renders Success with data", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: ({ answer }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("dl", null, /* @__PURE__ */ import_react.default.createElement("dt", null, "What's the meaning of life?"), /* @__PURE__ */ import_react.default.createElement("dd", null, answer)))
-    });
-    mockUseQuery.mockImplementation(() => {
-      return { data: { answer: 42 } };
-    });
-    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react3.screen.getByText(/^What's the meaning of life\?$/);
-    import_react3.screen.getByText(/^42$/);
-  });
-  (0, import_vitest.test)("Renders Success if any of the fields have data (i.e. not just the first)", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { users { name } posts { title } }",
-      Empty: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "No users or posts"),
-      Success: ({ users, posts }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", null, users.length > 0 ? /* @__PURE__ */ import_react.default.createElement("ul", null, users.map(({ name }) => /* @__PURE__ */ import_react.default.createElement("li", { key: name }, name))) : "no users"), /* @__PURE__ */ import_react.default.createElement("div", null, posts.length > 0 ? /* @__PURE__ */ import_react.default.createElement("ul", null, posts.map(({ title }) => /* @__PURE__ */ import_react.default.createElement("li", { key: title }, title))) : "no posts"))
-    });
-    mockUseQuery.mockImplementation(() => {
-      return {
-        data: {
-          users: [],
-          posts: [{ title: "bazinga" }, { title: "kittens" }]
-        }
-      };
-    });
-    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react3.screen.getByText(/bazinga/);
-    import_react3.screen.getByText(/kittens/);
-  });
-  (0, import_vitest.test)("Renders default Loading when there is no data", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Great success!")
-    });
-    mockUseQuery.mockImplementation(() => ({ loading: true }));
-    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react3.screen.getByText(/^Loading...$/);
-  });
-  (0, import_vitest.test)("Renders custom Loading when there is no data", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Great success!"),
-      Loading: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Fetching answer...")
-    });
-    mockUseQuery.mockImplementation(() => ({ loading: true }));
-    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react3.screen.getByText(/^Fetching answer...$/);
-  });
-  (0, import_vitest.test)("Renders Success even when `loading` is true if there is data", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Great success!"),
-      Loading: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Fetching answer...")
-    });
-    mockUseQuery.mockImplementation(() => ({ loading: true, data: {} }));
-    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react3.screen.getByText(/^Great success!$/);
-  });
-  (0, import_vitest.test)("Renders Empty if available, and data field is null", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Great success!"),
-      Empty: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "No one knows")
-    });
-    mockUseQuery.mockImplementation(() => ({
-      loading: true,
-      data: { answer: null }
-    }));
-    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react3.screen.getByText(/^No one knows$/);
-  });
-  (0, import_vitest.test)("Renders Empty if available, and data field is an empty array", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answers }",
-      Success: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Great success!"),
-      Empty: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "No one knows")
-    });
-    mockUseQuery.mockImplementation(() => ({
-      loading: true,
-      data: { answers: [] }
-    }));
-    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react3.screen.getByText(/^No one knows$/);
-  });
-  (0, import_vitest.test)("Renders Success even if data is empty when no Empty is available", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Empty success")
-    });
-    mockUseQuery.mockImplementation(() => ({
-      loading: true,
-      data: { answer: null }
-    }));
-    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react3.screen.getByText(/^Empty success$/);
-  });
-  (0, import_vitest.test)("Allows passing children to Success", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: ({ children }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Look at my beautiful ", children)
-    });
-    mockUseQuery.mockImplementation(() => ({ data: {} }));
-    (0, import_react3.render)(
-      /* @__PURE__ */ import_react.default.createElement(TestCell, null, /* @__PURE__ */ import_react.default.createElement("div", null, "\u{1F986}"))
-    );
-    import_react3.screen.getByText(/^Look at my beautiful$/);
-    import_react3.screen.getByText(/^🦆$/);
-  });
-  (0, import_vitest.test)("Cell props are passed to the query as variables", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: `query Greet($name: String!) {
-        greet(name: $name) {
-          greeting
-        }
-      }`,
-      Success: ({ greeting }) => /* @__PURE__ */ import_react.default.createElement("p", null, greeting)
-    });
-    mockUseQuery.mockImplementation((_query, options) => {
-      return { data: { greeting: `Hello ${options.variables.name}!` } };
-    });
-    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, { name: "Bob" }));
-    import_react3.screen.getByText(/^Hello Bob!$/);
-  });
-  (0, import_vitest.test)("Allows QUERY to be a function", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: ({ variables }) => {
-        if (variables.character === "BEAST") {
-          return "query BeastQuery { name }";
-        }
-        return "query HeroQuery { name }";
-      },
-      Success: ({ name }) => /* @__PURE__ */ import_react.default.createElement("p", null, "Call me ", name)
-    });
-    mockUseQuery.mockImplementation((query) => {
-      if (query.includes("BeastQuery")) {
-        return { data: { name: "Boogeyman" } };
-      } else if (query.includes("HeroQuery")) {
-        return { data: { name: "Lara Croft" } };
-      }
-      return { data: { name: "John Doe" } };
-    });
-    (0, import_react3.render)(
-      /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(TestCell, { character: "BEAST" }), /* @__PURE__ */ import_react.default.createElement(TestCell, { character: "HERO" }))
-    );
-    import_react3.screen.getByText(/^Call me Boogeyman$/);
-    import_react3.screen.getByText(/^Call me Lara Croft$/);
-  });
-  (0, import_vitest.test)("Renders Failure when there is an error", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Failure: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Sad face :("),
-      Success: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Great success!"),
-      Loading: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Fetching answer...")
-    });
-    mockUseQuery.mockImplementation(() => ({ error: true }));
-    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react3.screen.getByText(/^Sad face :\($/);
-  });
-  (0, import_vitest.test)("Passes error to Failure component", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Failure: ({ error }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, JSON.stringify(error)),
-      Success: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Great success!"),
-      Loading: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Fetching answer...")
-    });
-    mockUseQuery.mockImplementation(() => ({
-      error: { msg: "System malfunction" }
-    }));
-    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react3.screen.getByText(/^{"msg":"System malfunction"}$/);
-  });
-  (0, import_vitest.test)("Passes error and errorCode to Failure component", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Failure: ({ error, errorCode }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, JSON.stringify(error), ",code:", errorCode),
-      Success: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Great success!"),
-      Loading: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Fetching answer...")
-    });
-    mockUseQuery.mockImplementation(() => ({
-      error: { msg: "System malfunction" },
-      errorCode: "SIMON_SAYS_NO"
-    }));
-    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react3.screen.getByText(/^{"msg":"System malfunction"},code:SIMON_SAYS_NO$/);
-  });
-  (0, import_vitest.test)("Passes children to Failure", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Failure: ({ children }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "I'm a failure ", children)
-    });
-    mockUseQuery.mockImplementation(() => ({ error: {} }));
-    (0, import_react3.render)(
-      /* @__PURE__ */ import_react.default.createElement(TestCell, null, /* @__PURE__ */ import_react.default.createElement("div", null, "Child"))
-    );
-    import_react3.screen.getByText(/^I'm a failure$/);
-    import_react3.screen.getByText(/^Child$/);
-  });
-  (0, import_vitest.test)("Throws an error when there is an error if no Failure component exists", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Great success!"),
-      Loading: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Fetching answer...")
-    });
-    mockUseQuery.mockImplementation(() => ({
-      error: { message: "200 GraphQL" }
-    }));
-    const err = console.error;
-    console.error = import_vitest.vi.fn();
-    let error;
-    try {
-      (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    } catch (e) {
-      error = e;
-    }
-    (0, import_vitest.expect)(error.message).toEqual("200 GraphQL");
-    console.error = err;
-  });
-  (0, import_vitest.test)("Allows overriding of default isDataEmpty", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Great success!"),
-      Empty: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Got nothing"),
-      isEmpty: () => true
-    });
-    mockUseQuery.mockImplementation(() => ({
-      data: {},
-      loading: false
-    }));
-    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react3.screen.getByText(/^Got nothing$/);
-  });
-  (0, import_vitest.test)("Allows mixing isDataEmpty with custom logic", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: "query TestQuery { answer }",
-      Success: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Great success!"),
-      Empty: () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Got nothing"),
-      isEmpty: (data, { isDataEmpty }) => isDataEmpty(data) || data.answer === "0"
-    });
-    mockUseQuery.mockImplementation(() => ({
-      data: { answer: "0" },
-      loading: false
-    }));
-    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react3.screen.getByText(/^Got nothing$/);
-  });
-  (0, import_vitest.test)("Allows overriding variables in beforeQuery", () => {
-    const TestCell = (0, import_createCell.createCell)({
-      // @ts-expect-error - Purposefully using a plain string here.
-      QUERY: `query Greet($name: String!) {
-        greet(name: $name) {
-          greeting
-        }
-      }`,
-      Success: ({ greeting }) => /* @__PURE__ */ import_react.default.createElement("p", null, greeting),
-      beforeQuery: () => ({
-        variables: {
-          name: "Bob"
-        }
-      })
-    });
-    mockUseQuery.mockImplementation((_query, options) => {
-      return { data: { greeting: `Hello ${options.variables.name}!` } };
-    });
-    (0, import_react3.render)(/* @__PURE__ */ import_react.default.createElement(TestCell, null));
-    import_react3.screen.getByText(/^Hello Bob!$/);
-  });
-});