@cedarjs/web 5.0.4-next.167 → 5.0.4

package/dist/components/cell/createSuspendingCell.js

@@ -1,9 +1,6 @@
 import React, { Suspense } from "react";
-import {
-  useApolloClient,
-  useBackgroundQuery,
-  useReadQuery
-} from "@apollo/client/react/hooks/hooks.cjs";
+import { useApolloClient } from "@apollo/client/react/hooks/hooks.cjs";
+import { useBackgroundQuery, useReadQuery } from "../GraphQLHooksProvider.js";
 import { CellErrorBoundary } from "./CellErrorBoundary.js";
 import { isDataEmpty } from "./isCellEmpty.js";
 function createSuspendingCell(createCellProps) {
@@ -29,12 +26,6 @@ function createSuspendingCell(createCellProps) {
     Success,
     displayName = "Cell"
   } = createCellProps;
-  if (!QUERY) {
-    throw new Error(
-      `Can't create a Cell (${displayName}) without a QUERY or FRAGMENT export`
-    );
-  }
-  const cellQuery = QUERY;
   function SuspendingSuccess(props) {
     const { queryRef, suspenseQueryResult, userProps } = props;
     const { data, networkStatus } = useReadQuery(queryRef);
@@ -66,7 +57,7 @@ function createSuspendingCell(createCellProps) {
   return (props) => {
     const { children: _, ...variables } = props;
     const options = beforeQuery(variables);
-    const query = typeof cellQuery === "function" ? cellQuery(options) : cellQuery;
+    const query = typeof QUERY === "function" ? QUERY(options) : QUERY;
     const [queryRef, other] = useBackgroundQuery(query, options);
     const client = useApolloClient();
     const suspenseQueryResult = {

package/dist/components/cell/createSuspendingCell.test.js

@@ -0,0 +1,92 @@
+import React from "react";
+import { loadErrorMessages, loadDevMessages } from "@apollo/client/dev";
+import { render, screen } from "@testing-library/react";
+import { vi, describe, beforeAll, test } from "vitest";
+import { GraphQLHooksProvider } from "../GraphQLHooksProvider.js";
+import { createSuspendingCell } from "./createSuspendingCell.js";
+vi.mock("@apollo/client/react/hooks/hooks.cjs", () => {
+  return {
+    useApolloClient: vi.fn()
+  };
+});
+describe("createSuspendingCell", () => {
+  beforeAll(() => {
+    globalThis.RWJS_ENV = {
+      RWJS_EXP_STREAMING_SSR: true
+    };
+    loadDevMessages();
+    loadErrorMessages();
+  });
+  const mockedUseBgQuery = (() => {
+    return ["mocked-query-ref", { refetch: vi.fn(), fetchMore: vi.fn() }];
+  });
+  const mockedQueryHook = () => ({ data: {} });
+  test("Renders a static Success component", () => {
+    const TestCell = createSuspendingCell({
+      // @ts-expect-error - Purposefully using a plain string here.
+      QUERY: "query TestQuery { answer }",
+      Success: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "Great success!")
+    });
+    render(
+      /* @__PURE__ */ React.createElement(
+        GraphQLHooksProvider,
+        {
+          useBackgroundQuery: mockedUseBgQuery,
+          useReadQuery: mockedQueryHook
+        },
+        /* @__PURE__ */ React.createElement(TestCell, null)
+      )
+    );
+    screen.getByText(/^Great success!$/);
+  });
+  test("Renders Success with data", () => {
+    const TestCell = createSuspendingCell({
+      // @ts-expect-error - Purposefully using a plain string here.
+      QUERY: "query TestQuery { answer }",
+      Success: ({ answer }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("dl", null, /* @__PURE__ */ React.createElement("dt", null, "What's the meaning of life?"), /* @__PURE__ */ React.createElement("dd", null, answer)))
+    });
+    const myUseQueryHook = (() => {
+      return { data: { answer: 42 } };
+    });
+    render(
+      /* @__PURE__ */ React.createElement(
+        GraphQLHooksProvider,
+        {
+          useReadQuery: myUseQueryHook,
+          useBackgroundQuery: mockedUseBgQuery
+        },
+        /* @__PURE__ */ React.createElement(TestCell, null)
+      )
+    );
+    screen.getByText(/^What's the meaning of life\?$/);
+    screen.getByText(/^42$/);
+  });
+  test("Renders Success if any of the fields have data (i.e. not just the first)", () => {
+    const TestCell = createSuspendingCell({
+      // @ts-expect-error - Purposefully using a plain string here.
+      QUERY: "query TestQuery { users { name } posts { title } }",
+      Empty: () => /* @__PURE__ */ React.createElement(React.Fragment, null, "No users or posts"),
+      Success: ({ users, posts }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", null, users.length > 0 ? /* @__PURE__ */ React.createElement("ul", null, users.map(({ name }) => /* @__PURE__ */ React.createElement("li", { key: name }, name))) : "no users"), /* @__PURE__ */ React.createElement("div", null, posts.length > 0 ? /* @__PURE__ */ React.createElement("ul", null, posts.map(({ title }) => /* @__PURE__ */ React.createElement("li", { key: title }, title))) : "no posts"))
+    });
+    const myReadQueryHook = (() => {
+      return {
+        data: {
+          users: [],
+          posts: [{ title: "bazinga" }, { title: "kittens" }]
+        }
+      };
+    });
+    render(
+      /* @__PURE__ */ React.createElement(
+        GraphQLHooksProvider,
+        {
+          useReadQuery: myReadQueryHook,
+          useBackgroundQuery: mockedUseBgQuery
+        },
+        /* @__PURE__ */ React.createElement(TestCell, null)
+      )
+    );
+    screen.getByText(/bazinga/);
+    screen.getByText(/kittens/);
+  });
+});

package/dist/global.web-auto-imports.d.ts

@@ -10,5 +10,21 @@ declare global {
         RWJS_API_URL: string;
         __REDWOOD__APP_TITLE: string;
     }
+    type GraphQLOperationVariables = Record<string, any>;
+    interface QueryOperationResult<TData = any, TVariables = GraphQLOperationVariables> {
+        data: TData | undefined;
+        loading: boolean;
+    }
+    interface MutationOperationResult<TData, TVariables> {
+    }
+    interface GraphQLQueryHookOptions<TData, TVariables> {
+        variables?: TVariables;
+        [key: string]: any;
+    }
+    export interface GraphQLMutationHookOptions<TData, TVariables> {
+        variables?: TVariables;
+        onCompleted?: (data: TData) => void;
+        [key: string]: any;
+    }
 }
 //# sourceMappingURL=global.web-auto-imports.d.ts.map

package/dist/global.web-auto-imports.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"global.web-auto-imports.d.ts","sourceRoot":"","sources":["../src/global.web-auto-imports.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,OAAO,CAAA;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,OAAO,CAAC,MAAM,CAAC;IAMb,MAAM,GAAG,EAAE,CACT,MAAM,EAAE,MAAM,GAAG,oBAAoB,GAAG,SAAS,MAAM,EAAE,EACzD,GAAG,IAAI,EAAE,GAAG,EAAE,KACX,YAAY,CAAA;IAIjB,KAAK,KAAK,GAAG,OAAO,MAAM,CAAA;IAE1B,UAAU,MAAM;QACd,8DAA8D;QAC9D,oBAAoB,EAAE,MAAM,CAAA;QAC5B,mDAAmD;QACnD,YAAY,EAAE,MAAM,CAAA;QACpB,oBAAoB,EAAE,MAAM,CAAA;KAC7B;CACF"}
+{"version":3,"file":"global.web-auto-imports.d.ts","sourceRoot":"","sources":["../src/global.web-auto-imports.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,OAAO,CAAA;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,OAAO,CAAC,MAAM,CAAC;IAMb,MAAM,GAAG,EAAE,CACT,MAAM,EAAE,MAAM,GAAG,oBAAoB,GAAG,SAAS,MAAM,EAAE,EACzD,GAAG,IAAI,EAAE,GAAG,EAAE,KACX,YAAY,CAAA;IAIjB,KAAK,KAAK,GAAG,OAAO,MAAM,CAAA;IAE1B,UAAU,MAAM;QACd,8DAA8D;QAC9D,oBAAoB,EAAE,MAAM,CAAA;QAC5B,mDAAmD;QACnD,YAAY,EAAE,MAAM,CAAA;QACpB,oBAAoB,EAAE,MAAM,CAAA;KAC7B;IAED,KAAK,yBAAyB,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAIpD,UAAU,oBAAoB,CAC5B,KAAK,GAAG,GAAG,EACX,UAAU,GAAG,yBAAyB;QAEtC,IAAI,EAAE,KAAK,GAAG,SAAS,CAAA;QACvB,OAAO,EAAE,OAAO,CAAA;KAGjB;IAID,UAAU,uBAAuB,CAAC,KAAK,EAAE,UAAU;KAAI;IAGvD,UAAU,uBAAuB,CAAC,KAAK,EAAE,UAAU;QACjD,SAAS,CAAC,EAAE,UAAU,CAAA;QACtB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KACnB;IAED,MAAM,WAAW,0BAA0B,CAAC,KAAK,EAAE,UAAU;QAC3D,SAAS,CAAC,EAAE,UAAU,CAAA;QACtB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAA;QACnC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KACnB;CACF"}

package/dist/index.d.ts

@@ -2,12 +2,9 @@ import './global.web-auto-imports.js';
 import './config.js';
 export { FatalErrorBoundary } from './components/FatalErrorBoundary.js';
 export { FetchConfigProvider, useFetchConfig, } from './components/FetchConfigProvider.js';
-export { useQuery, useMutation, useSubscription, } from '@apollo/client/react/hooks/hooks.cjs';
-export { useFragment } from './apollo/fragmentRegistry.js';
-export type { FragmentHookOptions, FragmentHookResult, } from './apollo/fragmentRegistry.js';
+export { GraphQLHooksProvider, useQuery, useMutation, useSubscription, } from './components/GraphQLHooksProvider.js';
 export * from './components/cell/CellCacheContext.js';
 export { createCell } from './components/cell/createCell.js';
-export { createFragmentCell } from './components/cell/createFragmentCell.js';
 export type { CellProps, CellFailureProps, CellLoadingProps, CellSuccessProps, CellSuccessData, } from './components/cell/cellTypes.js';
 export * from './graphql.js';
 export * from './components/RedwoodProvider.js';
@@ -18,5 +15,5 @@ export { Helmet as Head, Helmet };
 export * from './components/htmlTags.js';
 export * from './routeHooks.types.js';
 export * from './components/ServerInject.js';
-export type { TypedDocumentNode } from '@apollo/client';
+export type { TypedDocumentNode } from './components/GraphQLHooksProvider.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAA;AACrC,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAA;AAEvE,OAAO,EACL,mBAAmB,EACnB,cAAc,GACf,MAAM,qCAAqC,CAAA;AAC5C,OAAO,EACL,QAAQ,EACR,WAAW,EACX,eAAe,GAChB,MAAM,sCAAsC,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC1D,YAAY,EACV,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,8BAA8B,CAAA;AAErC,cAAc,uCAAuC,CAAA;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAA;AAE5E,YAAY,EACV,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,GAChB,MAAM,gCAAgC,CAAA;AAEvC,cAAc,cAAc,CAAA;AAE5B,cAAc,iCAAiC,CAAA;AAE/C,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,EAAE,CAAA;AAEjC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AAErC,cAAc,8BAA8B,CAAA;AAE5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAA;AACrC,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAA;AAEvE,OAAO,EACL,mBAAmB,EACnB,cAAc,GACf,MAAM,qCAAqC,CAAA;AAC5C,OAAO,EACL,oBAAoB,EACpB,QAAQ,EACR,WAAW,EACX,eAAe,GAChB,MAAM,sCAAsC,CAAA;AAE7C,cAAc,uCAAuC,CAAA;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAE5D,YAAY,EACV,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,GAChB,MAAM,gCAAgC,CAAA;AAEvC,cAAc,cAAc,CAAA;AAE5B,cAAc,iCAAiC,CAAA;AAE/C,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,EAAE,CAAA;AAEjC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AAErC,cAAc,8BAA8B,CAAA;AAE5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA"}

package/dist/index.js

@@ -6,14 +6,13 @@ import {
   useFetchConfig
 } from "./components/FetchConfigProvider.js";
 import {
+  GraphQLHooksProvider,
   useQuery,
   useMutation,
   useSubscription
-} from "@apollo/client/react/hooks/hooks.cjs";
-import { useFragment } from "./apollo/fragmentRegistry.js";
+} from "./components/GraphQLHooksProvider.js";
 export * from "./components/cell/CellCacheContext.js";
 import { createCell } from "./components/cell/createCell.js";
-import { createFragmentCell } from "./components/cell/createFragmentCell.js";
 export * from "./graphql.js";
 export * from "./components/RedwoodProvider.js";
 export * from "./components/MetaTags.js";
@@ -25,12 +24,11 @@ export * from "./components/ServerInject.js";
 export {
   FatalErrorBoundary,
   FetchConfigProvider,
+  GraphQLHooksProvider,
   Helmet as Head,
   Helmet,
   createCell,
-  createFragmentCell,
   useFetchConfig,
-  useFragment,
   useMutation,
   useQuery,
   useSubscription

package/dist/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cedarjs/web",
-  "version": "5.0.4-next.167",
+  "version": "5.0.4",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/cedarjs/cedar.git",
@@ -10,57 +10,116 @@
   "type": "module",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/cjs/index.d.ts",
+        "default": "./dist/cjs/index.js"
+      }
     },
     "./serverInject": {
-      "types": "./dist/components/ServerInject.d.ts",
-      "default": "./dist/components/ServerInject.js"
+      "import": {
+        "types": "./dist/components/ServerInject.d.ts",
+        "default": "./dist/components/ServerInject.js"
+      },
+      "require": {
+        "types": "./dist/cjs/components/ServerInject.d.ts",
+        "default": "./dist/cjs/components/ServerInject.js"
+      }
     },
     "./request": {
-      "types": "./dist/server/request.d.ts",
-      "default": "./dist/server/request.js"
+      "import": {
+        "types": "./dist/server/request.d.ts",
+        "default": "./dist/server/request.js"
+      },
+      "require": {
+        "types": "./dist/cjs/server/request.d.ts",
+        "default": "./dist/cjs/server/request.js"
+      }
     },
     "./middleware": {
-      "types": "./dist/server/middleware.d.ts",
-      "default": "./dist/server/middleware.js"
+      "import": {
+        "types": "./dist/server/middleware.d.ts",
+        "default": "./dist/server/middleware.js"
+      },
+      "require": {
+        "types": "./dist/cjs/server/middleware.d.ts",
+        "default": "./dist/cjs/server/middleware.js"
+      }
     },
     "./dist/server/middleware": {
-      "types": "./dist/server/middleware.d.ts",
-      "default": "./dist/server/middleware.js"
+      "import": {
+        "types": "./dist/server/middleware.d.ts",
+        "default": "./dist/server/middleware.js"
+      },
+      "require": {
+        "types": "./dist/cjs/server/middleware.d.ts",
+        "default": "./dist/cjs/server/middleware.js"
+      }
+    },
+    "./dist/components/*": {
+      "require": "./dist/cjs/components/*.js",
+      "import": "./dist/components/*.js"
+    },
+    "./htmlTags": {
+      "require": "./dist/cjs/components/htmlTags.js",
+      "import": "./dist/components/htmlTags.js"
+    },
+    "./Metadata": {
+      "require": "./dist/cjs/components/Metadata.js",
+      "import": "./dist/components/Metadata.js"
+    },
+    "./dist/apollo/suspense": {
+      "require": "./dist/cjs/apollo/suspense.js",
+      "import": "./dist/apollo/suspense.js"
+    },
+    "./dist/apollo/sseLink": {
+      "require": "./dist/cjs/apollo/sseLink.js",
+      "import": "./dist/apollo/sseLink.js"
+    },
+    "./dist/graphql.js": {
+      "require": "./dist/cjs/graphql.js",
+      "import": "./dist/graphql.js"
     },
-    "./dist/components/*": "./dist/components/*.js",
-    "./htmlTags": "./dist/components/htmlTags.js",
-    "./Metadata": "./dist/components/Metadata.js",
-    "./dist/apollo/suspense": "./dist/apollo/suspense.js",
-    "./dist/apollo/sseLink": "./dist/apollo/sseLink.js",
-    "./dist/graphql.js": "./dist/graphql.js",
     "./toast": {
-      "types": "./dist/toast/index.d.ts",
-      "default": "./dist/toast/index.js"
+      "import": {
+        "types": "./dist/toast/index.d.ts",
+        "default": "./dist/toast/index.js"
+      },
+      "require": {
+        "types": "./dist/cjs/toast/index.d.ts",
+        "default": "./dist/cjs/toast/index.js"
+      }
     },
     "./apollo": {
-      "types": "./dist/apollo/index.d.ts",
-      "default": "./dist/apollo/index.js"
-    },
-    "./apollo/CedarApolloProvider": {
-      "types": "./dist/apollo/CedarApolloProvider.d.ts",
-      "default": "./dist/apollo/CedarApolloProvider.js"
+      "import": {
+        "types": "./dist/apollo/index.d.ts",
+        "default": "./dist/apollo/index.js"
+      },
+      "require": {
+        "types": "./dist/cjs/apollo/index.d.ts",
+        "default": "./dist/cjs/apollo/index.js"
+      }
     },
-    "./forceEsmApollo": "./dist/apollo/index.js"
+    "./forceEsmApollo": {
+      "require": "./dist/apollo/index.js",
+      "import": "./dist/apollo/index.js"
+    }
   },
   "main": "./dist/index.js",
   "types": "dist/index.d.ts",
   "bin": {
-    "cedar": "./dist/bins/cedar.js",
-    "cedarjs": "./dist/bins/cedar.js",
-    "cfw": "./dist/bins/cfw.js",
-    "cross-env": "./dist/bins/cross-env.js",
-    "msw": "./dist/bins/msw.js",
-    "redwood": "./dist/bins/redwood.js",
-    "rw": "./dist/bins/redwood.js",
-    "storybook": "./dist/bins/storybook.js",
-    "tsc": "./dist/bins/tsc.js"
+    "cedar": "./dist/cjs/bins/cedar.js",
+    "cedarjs": "./dist/cjs/bins/cedar.js",
+    "cfw": "./dist/cjs/bins/cfw.js",
+    "cross-env": "./dist/cjs/bins/cross-env.js",
+    "msw": "./dist/cjs/bins/msw.js",
+    "redwood": "./dist/cjs/bins/redwood.js",
+    "rw": "./dist/cjs/bins/redwood.js",
+    "storybook": "./dist/cjs/bins/storybook.js",
+    "tsc": "./dist/cjs/bins/tsc.js"
   },
   "files": [
     "dist",
@@ -68,11 +127,11 @@
     "toast"
   ],
   "scripts": {
-    "build": "node ./build.ts",
+    "build": "node ./build.ts && yarn build:types",
     "build:pack": "yarn pack -o cedarjs-web.tgz",
-    "build:types": "tsc --build --verbose ./tsconfig.build.json",
+    "build:types": "tsc --build --verbose ./tsconfig.build.json ./tsconfig.cjs.json",
     "build:watch": "nodemon --watch src --ext \"js,jsx,ts,tsx\" --ignore dist --exec \"yarn build\"",
-    "check:attw": "yarn cedar-fwtools-attw",
+    "check:attw": "node ./attw.ts",
     "check:package": "concurrently npm:check:attw yarn:publint",
     "prepublishOnly": "NODE_ENV=production yarn build",
     "test": "vitest run",
@@ -81,7 +140,7 @@
   },
   "dependencies": {
     "@apollo/client": "3.14.1",
-    "@cedarjs/server-store": "5.0.4-next.167",
+    "@cedarjs/server-store": "5.0.4",
     "@dr.pogodin/react-helmet": "2.0.4",
     "@whatwg-node/fetch": "0.10.13",
     "apollo-upload-client": "18.0.1",
@@ -95,32 +154,31 @@
   },
   "devDependencies": {
     "@apollo/client-react-streaming": "0.12.3",
-    "@arethetypeswrong/cli": "0.18.5",
+    "@arethetypeswrong/cli": "0.18.4",
     "@babel/cli": "7.29.7",
     "@babel/core": "^7.26.10",
     "@babel/plugin-transform-runtime": "7.29.7",
     "@babel/runtime": "7.29.7",
-    "@cedarjs/auth": "5.0.4-next.167",
-    "@cedarjs/framework-tools": "5.0.4-next.167",
-    "@cedarjs/internal": "5.0.4-next.167",
+    "@cedarjs/auth": "5.0.4",
+    "@cedarjs/framework-tools": "5.0.4",
+    "@cedarjs/internal": "5.0.4",
     "@rollup/plugin-babel": "6.1.0",
-    "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
-    "@testing-library/react": "16.3.2",
+    "@testing-library/react": "14.3.1",
     "@types/apollo-upload-client": "^18",
     "@types/react": "^18.2.55",
     "@types/react-dom": "^18.2.19",
     "concurrently": "9.2.4",
     "nodemon": "3.1.14",
-    "publint": "0.3.22",
+    "publint": "0.3.21",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "tstyche": "5.0.2",
     "typescript": "5.9.3",
-    "vitest": "4.1.10"
+    "vitest": "3.2.6"
   },
   "peerDependencies": {
-    "@cedarjs/auth": "5.0.4-next.167",
+    "@cedarjs/auth": "5.0.4",
     "react": "18.3.1",
     "react-dom": "18.3.1"
   },

package/dist/apollo/ApolloProviderWithFetchConfig.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import type { ApolloCache, setLogVerbosity } from '@apollo/client';
-import type { UseAuth } from '@cedarjs/auth';
-import type { GraphQLClientConfigProp } from './apolloLinkTypes.js';
-interface Props {
-    config: Omit<GraphQLClientConfigProp, 'cacheConfig' | 'cache'> & {
-        cache: ApolloCache<unknown>;
-    };
-    useAuth?: UseAuth;
-    logLevel: ReturnType<typeof setLogVerbosity>;
-    children: React.ReactNode;
-}
-export declare function ApolloProviderWithFetchConfig({ config, children, useAuth, logLevel, }: Props): React.JSX.Element;
-export {};
-//# sourceMappingURL=ApolloProviderWithFetchConfig.d.ts.map

package/dist/apollo/ApolloProviderWithFetchConfig.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApolloProviderWithFetchConfig.d.ts","sourceRoot":"","sources":["../../src/apollo/ApolloProviderWithFetchConfig.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,WAAW,EAAgB,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAYhF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAM5C,OAAO,KAAK,EAEV,uBAAuB,EACxB,MAAM,sBAAsB,CAAA;AAoC7B,UAAU,KAAK;IACb,MAAM,EAAE,IAAI,CAAC,uBAAuB,EAAE,aAAa,GAAG,OAAO,CAAC,GAAG;QAC/D,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;KAC5B,CAAA;IACD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAA;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,wBAAgB,6BAA6B,CAAC,EAC5C,MAAM,EACN,QAAQ,EACR,OAAmB,EACnB,QAAQ,GACT,EAAE,KAAK,qBAgKP"}

package/dist/apollo/ApolloProviderWithFetchConfig.js

@@ -1,134 +0,0 @@
-import React from "react";
-import {
-  ApolloClient,
-  setLogVerbosity as apolloSetLogVerbosity
-} from "@apollo/client/core/core.cjs";
-import { setContext } from "@apollo/client/link/context/context.cjs";
-import { ApolloLink, split } from "@apollo/client/link/core/core.cjs";
-import { createPersistedQueryLink } from "@apollo/client/link/persisted-queries/persisted-queries.cjs";
-import { ApolloProvider } from "@apollo/client/react/react.cjs";
-import { getMainDefinition } from "@apollo/client/utilities/utilities.cjs";
-import { print } from "graphql/language/printer.js";
-import { useNoAuth } from "@cedarjs/auth";
-import { createUploadLink } from "../bundled/apollo-upload-client.js";
-import { useFetchConfig } from "../components/FetchConfigProvider.js";
-import { ErrorBoundary } from "./ErrorBoundary.js";
-import * as SSELinkExports from "./sseLink.js";
-const { SSELink, isSubscription, isLiveQuery } = SSELinkExports;
-function ApolloProviderWithFetchConfig({
-  config,
-  children,
-  useAuth = useNoAuth,
-  logLevel
-}) {
-  apolloSetLogVerbosity(logLevel);
-  const { getToken, type: authProviderType } = useAuth();
-  const data = {
-    mostRecentRequest: void 0,
-    mostRecentResponse: void 0
-  };
-  const updateDataApolloLink = new ApolloLink((operation, forward) => {
-    const { operationName, query, variables } = operation;
-    data.mostRecentRequest = {};
-    data.mostRecentRequest.operationName = operationName;
-    data.mostRecentRequest.operationKind = query?.kind.toString();
-    data.mostRecentRequest.variables = variables;
-    data.mostRecentRequest.query = query && print(operation.query);
-    return forward(operation).map((result) => {
-      data.mostRecentResponse = result;
-      return result;
-    });
-  });
-  const withToken = setContext(async () => {
-    const token = await getToken();
-    return { token };
-  });
-  const { headers, uri } = useFetchConfig();
-  const authMiddleware = new ApolloLink((operation, forward) => {
-    const { token } = operation.getContext();
-    const authHeaders = token ? {
-      "auth-provider": authProviderType,
-      authorization: `Bearer ${token}`
-    } : {};
-    operation.setContext(() => ({
-      headers: {
-        ...operation.getContext().headers,
-        ...headers,
-        // Duped auth headers, because we may remove the `FetchConfigProvider` at a later date.
-        ...authHeaders
-      }
-    }));
-    return forward(operation);
-  });
-  const { httpLinkConfig, link: cedarApolloLink, ...rest } = config ?? {};
-  const uploadLink = createUploadLink({
-    uri,
-    ...httpLinkConfig
-  });
-  const uploadOrSSELink = typeof SSELink !== "undefined" ? split(
-    ({ query }) => {
-      const definition = getMainDefinition(query);
-      return isSubscription(definition) || isLiveQuery(definition);
-    },
-    new SSELink({
-      url: uri,
-      auth: { authProviderType, tokenFn: getToken },
-      httpLinkConfig,
-      headers
-    }),
-    uploadLink
-  ) : uploadLink;
-  const terminatingLink = split(
-    ({ query }) => {
-      const documentQuery = query;
-      return documentQuery?.["__meta__"]?.["hash"] !== void 0;
-    },
-    createPersistedQueryLink({
-      generateHash: (document) => document["__meta__"]["hash"]
-    }).concat(uploadOrSSELink),
-    uploadOrSSELink
-  );
-  const cedarApolloLinks = [
-    { name: "withToken", link: withToken },
-    { name: "authMiddleware", link: authMiddleware },
-    { name: "updateDataApolloLink", link: updateDataApolloLink },
-    { name: "httpLink", link: terminatingLink }
-  ];
-  let link = cedarApolloLink;
-  link ??= ApolloLink.from(cedarApolloLinks.map((l) => l.link));
-  if (typeof link === "function") {
-    link = link(cedarApolloLinks);
-  }
-  const client = new ApolloClient({
-    // Default options for every Cell. Better to specify them here than in
-    // `beforeQuery` where it's too easy to overwrite them.
-    // See https://www.apollographql.com/docs/react/api/core/ApolloClient/#example-defaultoptions-object.
-    defaultOptions: {
-      watchQuery: {
-        // The `fetchPolicy` we expect:
-        //
-        // > Apollo Client executes the full query against both the cache and
-        // > your GraphQL server.
-        // > The query automatically updates if the result of the server-side
-        // > query modifies cached fields.
-        //
-        // See https://www.apollographql.com/docs/react/data/queries/#cache-and-network.
-        fetchPolicy: "cache-and-network",
-        // So that Cells rerender when refetching.
-        // See https://www.apollographql.com/docs/react/data/queries/#inspecting-loading-states.
-        notifyOnNetworkStatusChange: true
-      }
-    },
-    link,
-    ...rest
-  });
-  const extendErrorAndRethrow = (error, _errorInfo) => {
-    error["mostRecentRequest"] = data.mostRecentRequest;
-    error["mostRecentResponse"] = data.mostRecentResponse;
-    throw error;
-  };
-  return /* @__PURE__ */ React.createElement(ApolloProvider, { client }, /* @__PURE__ */ React.createElement(ErrorBoundary, { onError: extendErrorAndRethrow }, children));
-}
-export {
-  ApolloProviderWithFetchConfig
-};

package/dist/apollo/CedarApolloProvider.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import type { DocumentNode, setLogVerbosity } from '@apollo/client';
-import type { UseAuth } from '@cedarjs/auth';
-import type { GraphQLClientConfigProp } from './apolloLinkTypes.js';
-export type { ApolloClientCacheConfig, CedarApolloLink, CedarApolloLinkFactory, CedarApolloLinkName, CedarApolloLinks, GraphQLClientConfigProp, } from './apolloLinkTypes.js';
-interface Props {
-    graphQLClientConfig?: GraphQLClientConfigProp;
-    fragments?: DocumentNode[];
-    useAuth?: UseAuth;
-    logLevel?: ReturnType<typeof setLogVerbosity>;
-    children: React.ReactNode;
-}
-export declare function CedarApolloProvider({ graphQLClientConfig, fragments, useAuth, logLevel, children, }: Props): React.JSX.Element;
-//# sourceMappingURL=CedarApolloProvider.d.ts.map

package/dist/apollo/CedarApolloProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CedarApolloProvider.d.ts","sourceRoot":"","sources":["../../src/apollo/CedarApolloProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAGnE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAK5C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AAInE,YAAY,EACV,uBAAuB,EACvB,eAAe,EACf,sBAAsB,EACtB,mBAAmB,EACnB,gBAAgB,EAChB,uBAAuB,GACxB,MAAM,sBAAsB,CAAA;AAE7B,UAAU,KAAK;IACb,mBAAmB,CAAC,EAAE,uBAAuB,CAAA;IAC7C,SAAS,CAAC,EAAE,YAAY,EAAE,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAA;IAC7C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,mBAAmB,EACnB,SAAS,EACT,OAAmB,EACnB,QAAkB,EAClB,QAAQ,GACT,EAAE,KAAK,qBA4BP"}

package/dist/apollo/CedarApolloProvider.js

@@ -1,35 +0,0 @@
-import React from "react";
-import { InMemoryCache } from "@apollo/client/cache/cache.cjs";
-import { useNoAuth } from "@cedarjs/auth";
-import { FetchConfigProvider } from "../components/FetchConfigProvider.js";
-import { ApolloProviderWithFetchConfig } from "./ApolloProviderWithFetchConfig.js";
-import { fragmentRegistry } from "./fragmentRegistry.js";
-function CedarApolloProvider({
-  graphQLClientConfig,
-  fragments,
-  useAuth = useNoAuth,
-  logLevel = "debug",
-  children
-}) {
-  const { cacheConfig, ...config } = graphQLClientConfig ?? {};
-  if (fragments) {
-    fragmentRegistry.register(...fragments);
-  }
-  const cache = new InMemoryCache({
-    fragments: fragmentRegistry,
-    possibleTypes: cacheConfig?.possibleTypes,
-    ...cacheConfig
-  }).restore(globalThis?.__CEDAR__APOLLO_STATE ?? {});
-  return /* @__PURE__ */ React.createElement(FetchConfigProvider, { useAuth }, /* @__PURE__ */ React.createElement(
-    ApolloProviderWithFetchConfig,
-    {
-      config: { cache, ...config },
-      useAuth,
-      logLevel
-    },
-    children
-  ));
-}
-export {
-  CedarApolloProvider
-};