extract common hooks

Author: infiton

jest.config.js

@@ -1,11 +1,14 @@
 module.exports = {
   projects: [
     "<rootDir>/packages/api-client-core/jest.config.js",
+    "<rootDir>/packages/client-hooks/jest.config.js",
     "<rootDir>/packages/core/jest.config.js",
+    "<rootDir>/packages/preact/jest.config.js",
     "<rootDir>/packages/react/jest.config.js",
+    "<rootDir>/packages/react-bigcommerce/jest.config.js",
     "<rootDir>/packages/react-shopify-app-bridge/jest.config.js",
-    "<rootDir>/packages/tiny-graphql-query-compiler/jest.config.js",
     "<rootDir>/packages/shopify-extensions/jest.config.js",
-    "<rootDir>/packages/react-bigcommerce/jest.config.js",
+    "<rootDir>/packages/tiny-graphql-query-compiler/jest.config.js",
+    "<rootDir>/packages/utils/jest.config.js",
   ],
 };

package.json

@@ -12,7 +12,7 @@
     "lint:eslint": "NODE_OPTIONS=\"--max-old-space-size=4096\" eslint --quiet --ext ts,tsx packages scripts",
     "lint:fix": "NODE_OPTIONS=\"--max-old-space-size=4096\" prettier --write --check \"(packages|scripts)/**/*.{js,ts,tsx}\" && eslint --ext ts,tsx --fix packages scripts",
     "typecheck": "pnpm -r --no-bail run --if-present typecheck",
-    "build": "pnpm -r --no-bail run --if-present build",
+    "build": "pnpm --filter=@gadgetinc/utils build && pnpm -r --no-bail run --if-present build",
     "prerelease": "pnpm -r --no-bail run --if-present prerelease",
     "watch": "run-p --print-label watch:*",
     "watch:client": "pnpm --filter=@gadgetinc/api-client-core watch",

packages/api-client-core/package.json

@@ -28,6 +28,7 @@
     "prerelease": "gitpkg publish"
   },
   "dependencies": {
+    "@gadgetinc/utils": "^0.1.0",
     "@0no-co/graphql.web": "^1.0.4",
     "@n1ru4l/graphql-live-query": "^0.10.0",
     "@n1ru4l/json-patch-plus": "^0.2.0",

packages/api-client-core/src/GadgetRecord.ts

@@ -1,6 +1,6 @@
+import { isEqual, toPrimitiveObject } from "@gadgetinc/utils";
 import { klona as cloneDeep } from "klona";
 import type { Jsonify } from "type-fest";
-import { isEqual, toPrimitiveObject } from "./support.js";
 
 export enum ChangeTracking {
   SinceLoaded,

packages/api-client-core/src/GadgetRecordList.ts

@@ -1,13 +1,13 @@
 /* eslint-disable no-throw-literal */
 /* eslint-disable @typescript-eslint/require-await */
+import { GadgetClientError, GadgetOperationError } from "@gadgetinc/utils";
 import type { Jsonify } from "type-fest";
 import type { GadgetRecord, RecordShape } from "./GadgetRecord.js";
 import type { InternalModelManager } from "./InternalModelManager.js";
 import type { AnyModelManager } from "./ModelManager.js";
-import { GadgetClientError, GadgetOperationError } from "./support.js";
 import type { PaginateOptions } from "./types.js";
 
-type PaginationConfig = {
+export type PaginationConfig = {
   pageInfo: { hasNextPage: boolean; hasPreviousPage: boolean; startCursor: string; endCursor: string };
   options?: PaginateOptions;
 };

packages/api-client-core/src/GadgetTransaction.ts

@@ -1,6 +1,6 @@
+import { assertOperationSuccess } from "@gadgetinc/utils";
 import type { Client } from "@urql/core";
 import type { Client as SubscriptionClient } from "graphql-ws";
-import { assertOperationSuccess } from "./support.js";
 
 /** Represents the error thrown when a transaction is explicity rolled back, sometimes due to another inner error */
 export class TransactionRolledBack extends Error {}

packages/api-client-core/src/InternalModelManager.ts

@@ -1,9 +1,4 @@
-import { Call, Var, compileWithVariableValues } from "tiny-graphql-query-compiler";
-import type { GadgetConnection } from "./GadgetConnection.js";
-import type { GadgetRecord, RecordShape } from "./GadgetRecord.js";
-import { GadgetRecordList } from "./GadgetRecordList.js";
 import {
-  ErrorsSelection,
   GadgetClientError,
   GadgetOperationError,
   assert,
@@ -13,15 +8,16 @@ import {
   camelize,
   capitalizeIdentifier,
   filterTypeName,
-  hydrateConnection,
-  hydrateRecord,
-  hydrateRecordArray,
-  hydrationSelection,
   namespaceDataPath,
   namespacedGraphQLTypeName,
   namespacify,
   sortTypeName,
-} from "./support.js";
+} from "@gadgetinc/utils";
+import { Call, Var, compileWithVariableValues } from "tiny-graphql-query-compiler";
+import type { GadgetConnection } from "./GadgetConnection.js";
+import type { GadgetRecord, RecordShape } from "./GadgetRecord.js";
+import { GadgetRecordList } from "./GadgetRecordList.js";
+import { ErrorsSelection, hydrateConnection, hydrateRecord, hydrateRecordArray, hydrationSelection } from "./support.js";
 import type {
   AnyFilter,
   InternalFieldSelection,

packages/api-client-core/src/exchanges/liveQueryExchange.ts

@@ -17,12 +17,12 @@ export const liveQueryExchange: Exchange = ({ forward }) => {
   return (operations$) => {
     const notLive = pipe(
       operations$,
-      filter((op) => !op.query.definitions.some(isLiveQueryOperationDefinitionNode))
+      filter((op) => "definitions" in op.query && !op.query.definitions.some(isLiveQueryOperationDefinitionNode))
     );
 
     const live = pipe(
       operations$,
-      filter((op) => op.query.definitions.some(isLiveQueryOperationDefinitionNode)),
+      filter((op) => "definitions" in op.query && op.query.definitions.some(isLiveQueryOperationDefinitionNode)),
       filter((op) => {
         const opId = getOperationId(op);
         return !executed.has(opId) || op.kind !== "query";

packages/api-client-core/src/exchanges/operationNameExchange.ts

@@ -17,6 +17,12 @@ const graphqlDocumentName = (doc: DocumentNode) => {
 
 export const operationNameExchange: Exchange = mapExchange({
   onOperation: (operation) => {
-    operation.context.operationName ??= graphqlDocumentName(operation.query) || "unknown";
+    if (operation.context.operationName) {
+      return;
+    }
+
+    const operationName = "definitions" in operation.query && graphqlDocumentName(operation.query);
+
+    operation.context.operationName = operationName || "unknown";
   },
 });

packages/api-client-core/src/operationBuilders.ts

@@ -1,16 +1,9 @@
+import { camelize, capitalizeIdentifier, filterTypeName, namespacify, sortTypeName } from "@gadgetinc/utils";
 import type { FieldSelection as BuilderFieldSelection, BuilderOperation, Variable } from "tiny-graphql-query-compiler";
 import { Call, Var, compileWithVariableValues } from "tiny-graphql-query-compiler";
 import type { FieldSelection } from "./FieldSelection.js";
 import type { AnyActionFunction, HasReturnType } from "./index.js";
-import {
-  ErrorsSelection,
-  camelize,
-  capitalizeIdentifier,
-  filterTypeName,
-  hydrationSelection,
-  namespacify,
-  sortTypeName,
-} from "./support.js";
+import { ErrorsSelection, hydrationSelection } from "./support.js";
 import type { ActionFunctionOptions, BaseFindOptions, EnqueueBackgroundActionOptions, FindManyOptions, VariablesOptions } from "./types.js";
 
 /**