@cedarjs/web 0.0.4

package/dist/cjs/components/ServerInject.js

@@ -0,0 +1,75 @@
+"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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ServerInject_exports = {};
+__export(ServerInject_exports, {
+  ServerHtmlContext: () => ServerHtmlContext,
+  ServerHtmlProvider: () => ServerHtmlProvider,
+  ServerInjectedHtml: () => ServerInjectedHtml,
+  createInjector: () => createInjector,
+  useServerInsertedHTML: () => useServerInsertedHTML
+});
+module.exports = __toCommonJS(ServerInject_exports);
+var import_react = __toESM(require("react"), 1);
+const ServerHtmlContext = (0, import_react.createContext)(() => {
+});
+const createInjector = () => {
+  const injectionState = /* @__PURE__ */ new Set([]);
+  const injectToPage = (renderCallback) => {
+    injectionState.add(renderCallback);
+  };
+  return { injectToPage, injectionState };
+};
+const ServerHtmlProvider = ServerHtmlContext.Provider;
+const ServerInjectedHtml = ({
+  injectionState
+}) => {
+  const serverInsertedHtml = [];
+  for (const callback of injectionState) {
+    serverInsertedHtml.push(callback());
+    injectionState.delete(callback);
+  }
+  const fragmentId = (0, import_react.useId)();
+  return serverInsertedHtml.map((html, i) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.Fragment, { key: `rw-server-inserted-${fragmentId}-${i}` }, html);
+  });
+};
+function useServerInsertedHTML(callback) {
+  const addInsertedServerHTMLCallback = (0, import_react.useContext)(ServerHtmlContext);
+  if (addInsertedServerHTMLCallback) {
+    addInsertedServerHTMLCallback(callback);
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ServerHtmlContext,
+  ServerHtmlProvider,
+  ServerInjectedHtml,
+  createInjector,
+  useServerInsertedHTML
+});

package/dist/cjs/components/cell/CellCacheContext.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { DocumentNode } from 'graphql';
+export interface QueryInfo {
+    query: DocumentNode;
+    variables?: Record<string, unknown>;
+    renderLoading?: boolean;
+    hasProcessed: boolean;
+    data?: unknown;
+}
+export interface CellCacheState {
+    queryCache: Record<string, QueryInfo | undefined>;
+}
+interface Props {
+    queryCache: Record<string, QueryInfo | undefined>;
+    children?: React.ReactNode;
+}
+export declare const CellCacheContextProvider: ({ queryCache, children }: Props) => React.JSX.Element;
+export declare function useCellCacheContext(): CellCacheState;
+export {};
+//# sourceMappingURL=CellCacheContext.d.ts.map

package/dist/cjs/components/cell/CellCacheContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellCacheContext.d.ts","sourceRoot":"","sources":["../../../../src/components/cell/CellCacheContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAExD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,YAAY,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACnC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,YAAY,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,GAAG,SAAS,CAAC,CAAA;CAClD;AAID,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,GAAG,SAAS,CAAC,CAAA;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,eAAO,MAAM,wBAAwB,6BAA8B,KAAK,sBAMvE,CAAA;AAED,wBAAgB,mBAAmB,mBAUlC"}

package/dist/cjs/components/cell/CellCacheContext.js

@@ -0,0 +1,53 @@
+"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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CellCacheContext_exports = {};
+__export(CellCacheContext_exports, {
+  CellCacheContextProvider: () => CellCacheContextProvider,
+  useCellCacheContext: () => useCellCacheContext
+});
+module.exports = __toCommonJS(CellCacheContext_exports);
+var import_react = __toESM(require("react"), 1);
+const CellCacheContext = (0, import_react.createContext)(void 0);
+const CellCacheContextProvider = ({ queryCache, children }) => {
+  return /* @__PURE__ */ import_react.default.createElement(CellCacheContext.Provider, { value: { queryCache } }, children);
+};
+function useCellCacheContext() {
+  const context = (0, import_react.useContext)(CellCacheContext);
+  if (!context) {
+    throw new Error(
+      "useCellCacheContext must be used within a CellCacheContextProvider"
+    );
+  }
+  return context;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CellCacheContextProvider,
+  useCellCacheContext
+});

package/dist/cjs/components/cell/CellErrorBoundary.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { CellFailureProps } from './cellTypes.js';
+export type FallbackProps = {
+    error: QueryOperationResult['error'];
+    resetErrorBoundary: () => void;
+};
+export type CellErrorBoundaryProps = {
+    renderFallback: (fbProps: FallbackProps) => React.ReactElement<CellFailureProps>;
+    children: React.ReactNode;
+};
+interface ErrState {
+    hasError: boolean;
+    error?: QueryOperationResult['error'];
+}
+export declare class CellErrorBoundary extends React.Component<CellErrorBoundaryProps, ErrState> {
+    constructor(props: CellErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): {
+        hasError: boolean;
+        error: Error;
+    };
+    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+    render(): React.ReactNode;
+}
+export {};
+//# sourceMappingURL=CellErrorBoundary.d.ts.map

package/dist/cjs/components/cell/CellErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellErrorBoundary.d.ts","sourceRoot":"","sources":["../../../../src/components/cell/CellErrorBoundary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEtD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAA;IACpC,kBAAkB,EAAE,MAAM,IAAI,CAAA;CAC/B,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IAGnC,cAAc,EAAE,CACd,OAAO,EAAE,aAAa,KACnB,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAA;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,UAAU,QAAQ;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAA;CACtC;AAED,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CACpD,sBAAsB,EACtB,QAAQ,CACT;gBACa,KAAK,EAAE,sBAAsB;IAKzC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;;;;IAI5C,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS;IAQ1D,MAAM;CAgBP"}

package/dist/cjs/components/cell/CellErrorBoundary.js

@@ -0,0 +1,66 @@
+"use strict";
+"use client";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CellErrorBoundary_exports = {};
+__export(CellErrorBoundary_exports, {
+  CellErrorBoundary: () => CellErrorBoundary
+});
+module.exports = __toCommonJS(CellErrorBoundary_exports);
+var import_react = __toESM(require("react"), 1);
+class CellErrorBoundary extends import_react.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.log("Cell failure: ", {
+      error,
+      errorInfo
+    });
+  }
+  render() {
+    const { renderFallback } = this.props;
+    if (this.state.hasError) {
+      return renderFallback({
+        error: this.state.error,
+        resetErrorBoundary: () => {
+          this.setState({ hasError: false, error: void 0 });
+        }
+      });
+    }
+    return this.props.children;
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CellErrorBoundary
+});

package/dist/cjs/components/cell/cellTypes.d.ts

@@ -0,0 +1,152 @@
+import type { ComponentProps, JSXElementConstructor } from 'react';
+import type { ApolloClient, NetworkStatus, OperationVariables, QueryRef, UseBackgroundQueryResult } from '@apollo/client';
+import type { DocumentNode } from 'graphql';
+import type { A, L, O, U } from 'ts-toolbelt';
+/**
+ *
+ * If the Cell has a `beforeQuery` function, then the variables are not required,
+ * but instead the arguments of the `beforeQuery` function are required.
+ *
+ * If the Cell does not have a `beforeQuery` function, then the variables are required.
+ *
+ * Note that a query that doesn't take any variables is defined as {[x: string]: never}
+ * The ternary at the end makes sure we don't include it, otherwise it won't allow merging any
+ * other custom props from the Success component.
+ *
+ */
+type CellPropsVariables<Cell, GQLVariables> = Cell extends {
+    beforeQuery: (...args: any[]) => any;
+} ? Parameters<Cell['beforeQuery']>[0] extends unknown ? Record<string, unknown> : Parameters<Cell['beforeQuery']>[0] : GQLVariables extends Record<string, never> ? unknown : GQLVariables;
+/**
+ * Cell component props which is the combination of query variables and Success props.
+ */
+export type CellProps<CellSuccess extends keyof JSX.IntrinsicElements | JSXElementConstructor<any>, GQLResult, CellType, GQLVariables> = A.Compute<Omit<ComponentProps<CellSuccess>, keyof CellPropsVariables<CellType, GQLVariables> | keyof GQLResult | 'updating' | 'queryResult'> & CellPropsVariables<CellType, GQLVariables>>;
+type InputVarProps<T> = T extends {
+    [key: string]: never;
+} ? unknown : T;
+export type CellLoadingProps<TVariables extends OperationVariables = any> = {
+    queryResult?: NonSuspenseCellQueryResult<TVariables, any> | SuspenseCellQueryResult;
+} & InputVarProps<TVariables>;
+export type CellFailureProps<TVariables extends OperationVariables = any> = {
+    queryResult?: NonSuspenseCellQueryResult<TVariables, any> | SuspenseCellQueryResult;
+    error?: QueryOperationResult['error'] | Error;
+    /**
+     * @see {@link https://www.apollographql.com/docs/apollo-server/data/errors/#error-codes}
+     */
+    errorCode?: string;
+    updating?: boolean;
+} & InputVarProps<TVariables>;
+type Guaranteed<T> = {
+    [K in keyof T]-?: NonNullable<T[K]>;
+};
+type KeyCount<T extends object> = L.Length<U.ListOf<O.SelectKeys<T, any>>>;
+type ConditionallyGuaranteed<T extends object> = KeyCount<T> extends 1 ? Guaranteed<T> : T;
+/**
+ * @params TData = Type of data based on your graphql query. This can be imported from 'types/graphql'
+ * @example
+ * import type { FindPosts } from 'types/graphql'
+ *
+ * const { post }: CellSuccessData<FindPosts> = props
+ */
+export type CellSuccessData<TData = any> = ConditionallyGuaranteed<Omit<TData, '__typename'>>;
+/**
+ * @MARK not sure about this partial, but we need to do this for tests and storybook.
+ *
+ * `updating` is just `loading` renamed; since Cells default to stale-while-refetch,
+ * this prop lets users render something like a spinner to show that a request is in-flight.
+ */
+export type CellSuccessProps<TData = any, TVariables extends OperationVariables = any> = {
+    queryResult?: NonSuspenseCellQueryResult<TVariables, TData> | SuspenseCellQueryResult;
+    updating?: boolean;
+} & InputVarProps<TVariables> & A.Compute<CellSuccessData<TData>>;
+/**
+ * A coarse type for the `data` prop returned by `useQuery`.
+ *
+ * ```js
+ * {
+ *   data: {
+ *     post: { ... }
+ *   }
+ * }
+ * ```
+ */
+export type DataObject = {
+    [key: string]: unknown;
+};
+/**
+ * The main interface.
+ */
+export interface CreateCellProps<CellProps, CellVariables> {
+    /**
+     * The GraphQL syntax tree to execute or function to call that returns it.
+     * If `QUERY` is a function, it's called with the result of `beforeQuery`.
+     */
+    QUERY: DocumentNode | ((variables: Record<string, unknown>) => DocumentNode);
+    /**
+     * Parse `props` into query variables. Most of the time `props` are appropriate variables as is.
+     */
+    beforeQuery?: ((props: CellProps) => {
+        variables: CellVariables;
+    }) | (() => {
+        variables: CellVariables;
+    });
+    /**
+     * Sanitize the data returned from the query.
+     */
+    afterQuery?: (data: DataObject) => DataObject;
+    /**
+     * How to decide if the result of a query should render the `Empty` component.
+     * The default implementation checks that the first field isn't `null` or an empty array.
+     *
+     * @example
+     *
+     * In the example below, only `users` is checked:
+     *
+     * ```js
+     * export const QUERY = gql`
+     *   users {
+     *     name
+     *   }
+     *   posts {
+     *     title
+     *   }
+     * `
+     * ```
+     */
+    isEmpty?: (response: DataObject, options: {
+        isDataEmpty: (data: DataObject) => boolean;
+    }) => boolean;
+    /**
+     * If the query's in flight and there's no stale data, render this.
+     */
+    Loading?: React.FC<CellLoadingProps & Partial<CellProps>>;
+    /**
+     * If something went wrong, render this.
+     */
+    Failure?: React.FC<CellFailureProps & Partial<CellProps>>;
+    /**
+     * If no data was returned, render this.
+     */
+    Empty?: React.FC<CellSuccessProps & Partial<CellProps>>;
+    /**
+     * If data was returned, render this.
+     */
+    Success: React.FC<CellSuccessProps & Partial<CellProps>>;
+    /**
+     * What to call the Cell. Defaults to the filename.
+     */
+    displayName?: string;
+}
+export type SuspendingSuccessProps = React.PropsWithChildren<Record<string, unknown>> & {
+    queryRef: QueryRef<DataObject>;
+    suspenseQueryResult: SuspenseCellQueryResult<DataObject, any>;
+    userProps: Record<string, any>;
+};
+export type NonSuspenseCellQueryResult<TVariables extends OperationVariables = any, TData = any> = Partial<Omit<QueryOperationResult<TData, TVariables>, 'loading' | 'error' | 'data'>>;
+export interface SuspenseCellQueryResult<_TData = any, _TVariables extends OperationVariables = any> extends UseBackgroundQueryResult {
+    client: ApolloClient<any>;
+    networkStatus?: NetworkStatus;
+    called: boolean;
+}
+export {};
+//# sourceMappingURL=cellTypes.d.ts.map

package/dist/cjs/components/cell/cellTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cellTypes.d.ts","sourceRoot":"","sources":["../../../../src/components/cell/cellTypes.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/cell/cellTypes.js

@@ -0,0 +1,16 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var cellTypes_exports = {};
+module.exports = __toCommonJS(cellTypes_exports);

package/dist/cjs/components/cell/createCell.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { CreateCellProps } from './cellTypes.js';
+import { createSuspendingCell } from './createSuspendingCell.js';
+export declare const createCell: typeof createSuspendingCell | typeof createNonSuspendingCell;
+/**
+ * Creates a Cell out of a GraphQL query and components that track to its lifecycle.
+ */
+declare function createNonSuspendingCell<CellProps extends Record<string, unknown>, CellVariables extends Record<string, unknown>>({ QUERY, beforeQuery, afterQuery, isEmpty, Loading, Failure, Empty, Success, displayName, }: CreateCellProps<CellProps, CellVariables>): React.FC<CellProps>;
+export {};
+//# sourceMappingURL=createCell.d.ts.map

package/dist/cjs/components/cell/createCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createCell.d.ts","sourceRoot":"","sources":["../../../../src/components/cell/createCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAIhE,eAAO,MAAM,UAAU,8DAEI,CAAA;AAE3B;;GAEG;AACH,iBAAS,uBAAuB,CAC9B,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACzC,aAAa,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7C,EACA,KAAK,EACL,WAWE,EACF,UAA2B,EAC3B,OAAqB,EACrB,OAA+B,EAC/B,OAAO,EACP,KAAK,EACL,OAAO,EACP,WAAoB,GACrB,EAAE,eAAe,CAAC,SAAS,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAuIjE"}

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

@@ -0,0 +1,165 @@
+"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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var createCell_exports = {};
+__export(createCell_exports, {
+  createCell: () => createCell
+});
+module.exports = __toCommonJS(createCell_exports);
+var import_react = __toESM(require("react"), 1);
+var import_fragmentRegistry = require("../../apollo/fragmentRegistry.js");
+var import_graphql = require("../../graphql.js");
+var import_GraphQLHooksProvider = require("../GraphQLHooksProvider.js");
+var import_CellCacheContext = require("./CellCacheContext.js");
+var import_createSuspendingCell = require("./createSuspendingCell.js");
+var import_isCellEmpty = require("./isCellEmpty.js");
+const createCell = RWJS_ENV.RWJS_EXP_STREAMING_SSR ? import_createSuspendingCell.createSuspendingCell : createNonSuspendingCell;
+function createNonSuspendingCell({
+  QUERY,
+  beforeQuery = (props) => ({
+    // By default, we assume that the props are the gql-variables.
+    variables: props,
+    /**
+     * We're duplicating these props here due to a suspected bug in Apollo Client v3.5.4
+     * (it doesn't seem to be respecting `defaultOptions` in `RedwoodApolloProvider`.)
+     *
+     * @see {@link https://github.com/apollographql/apollo-client/issues/9105}
+     */
+    fetchPolicy: "cache-and-network",
+    notifyOnNetworkStatusChange: true
+  }),
+  afterQuery = (data) => data,
+  isEmpty = import_isCellEmpty.isDataEmpty,
+  Loading = () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "Loading..."),
+  Failure,
+  Empty,
+  Success,
+  displayName = "Cell"
+}) {
+  function NamedCell(props) {
+    const { children: _, ...variables } = props;
+    const options = beforeQuery(variables);
+    const query = typeof QUERY === "function" ? QUERY(options) : QUERY;
+    let {
+      // eslint-disable-next-line prefer-const
+      error,
+      loading,
+      data,
+      ...queryResult
+    } = (0, import_GraphQLHooksProvider.useQuery)(query, options);
+    if (globalThis.__REDWOOD__PRERENDERING) {
+      const { queryCache } = (0, import_CellCacheContext.useCellCacheContext)();
+      const operationName = (0, import_graphql.getOperationName)(query);
+      const transformedQuery = import_fragmentRegistry.fragmentRegistry.transform(query);
+      let cacheKey;
+      if (operationName) {
+        cacheKey = operationName + "_" + JSON.stringify(variables);
+      } else {
+        const cellName = displayName === "Cell" ? "the cell" : displayName;
+        throw new Error(
+          `The gql query in ${cellName} is missing an operation name. Something like FindBlogPostQuery in \`query FindBlogPostQuery($id: Int!)\``
+        );
+      }
+      const queryInfo = queryCache[cacheKey];
+      if (queryInfo?.renderLoading) {
+        loading = true;
+      } else {
+        if (queryInfo?.hasProcessed) {
+          loading = false;
+          data = queryInfo.data;
+          queryResult = { variables };
+        } else {
+          queryCache[cacheKey] ||= {
+            query: transformedQuery,
+            variables: options.variables,
+            hasProcessed: false
+          };
+        }
+      }
+    }
+    if (error) {
+      if (Failure) {
+        return /* @__PURE__ */ import_react.default.createElement(
+          Failure,
+          {
+            error,
+            errorCode: (
+              // Use the ad-hoc QueryResultWithErrorCode type to access the errorCode
+              queryResult.errorCode ?? error.graphQLErrors?.[0]?.extensions?.["code"]
+            ),
+            ...props,
+            updating: loading,
+            queryResult
+          }
+        );
+      } else {
+        throw error;
+      }
+    } else if (data) {
+      const afterQueryData = afterQuery(data);
+      if (isEmpty(data, { isDataEmpty: import_isCellEmpty.isDataEmpty }) && Empty) {
+        return /* @__PURE__ */ import_react.default.createElement(
+          Empty,
+          {
+            ...props,
+            ...afterQueryData,
+            updating: loading,
+            queryResult
+          }
+        );
+      } else {
+        return /* @__PURE__ */ import_react.default.createElement(
+          Success,
+          {
+            ...props,
+            ...afterQueryData,
+            updating: loading,
+            queryResult
+          }
+        );
+      }
+    } else if (loading) {
+      return /* @__PURE__ */ import_react.default.createElement(Loading, { ...props, queryResult });
+    } else {
+      console.warn(
+        `If you're using Apollo Client, check for its debug logs here in the console, which may help explain the error.`
+      );
+      throw new Error(
+        "Cannot render Cell: reached an unexpected state where the query succeeded but `data` is `null`. If this happened in Storybook, your query could be missing fields; otherwise this is most likely a GraphQL caching bug. Note that adding an `id` field to all the fields on your query may fix the issue."
+      );
+    }
+  }
+  NamedCell.displayName = displayName;
+  return (props) => {
+    return /* @__PURE__ */ import_react.default.createElement(NamedCell, { ...props });
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createCell
+});