@luvio/lwc-luvio 0.126.1 → 0.126.2

package/dist/es/es2018/LWCGraphQLLuvioWireAdapter.d.ts

@@ -1,6 +1,6 @@
 import type { Adapter, Luvio } from '@luvio/engine';
 import type { WireConfigValue, WireContextValue, DataCallback, WireAdapterConstructor } from '@lwc/engine-core';
-import type { AstResolver } from '@luvio/graphql-parser';
+import type { AstResolver, DocumentNode } from '@luvio/graphql-parser';
 import { LWCLuvioWireAdapter } from './LWCLuvioWireAdapter';
 import type { EmittableSnapshot } from './utils/SnapshotState';
 export declare type GraphQLError = {
@@ -12,11 +12,18 @@ export declare type GraphQLError = {
     path?: Array<string | number>;
     extensions?: Record<string, any>;
 };
-export declare type GraphQLUserInput = {
-    query: object;
+export interface GraphQLUserInput {
+    query?: object;
     variables?: Record<string, string | number | boolean>;
     operationName?: string;
-};
+}
+export interface ResolvedGraphQLConfig extends GraphQLUserInput {
+    query?: DocumentNode;
+}
+export interface GraphQLBatchUserInput {
+    batchQuery: [GraphQLUserInput];
+}
+export declare type GraphQLInput = GraphQLUserInput | GraphQLBatchUserInput;
 export declare type GraphQLResponse = {
     data: any;
     errors?: GraphQLError[];
@@ -37,6 +44,7 @@ export declare class LWCGraphQLLuvioWireAdapter extends LWCLuvioWireAdapter {
      * Coerce config before calling the adapter, preserve current behavior otherwise
      */
     protected callAdapter(): void;
+    resolveQueryAst(config: GraphQLUserInput): ResolvedGraphQLConfig | undefined;
 }
 /**
  * Wraps a luvio Adapter in a WireAdapterConstructor that conforms to https://rfcs.lwc.dev/rfcs/lwc/0000-wire-reform#wire-adapter-protocol.

package/dist/es/es2018/lwcluvio.js

@@ -414,12 +414,8 @@ function snapshotToPayload(snapshot) {
     if (snapshot === undefined) {
         return payload;
     }
-    if ('data' in snapshot &&
-        snapshot.data !== undefined &&
-        'data' in snapshot.data &&
-        snapshot.data.data !== undefined) {
-        payload.data = snapshot.data.data;
-    }
+    payload.data = extractSnapshotData(snapshot);
+    // TODO handle batch error scenarios.
     if ('error' in snapshot && snapshot.error !== undefined) {
         if (Array.isArray(snapshot.error)) {
             payload.errors = snapshot.error;
@@ -437,12 +433,14 @@ class LWCGraphQLLuvioWireAdapter extends LWCLuvioWireAdapter {
     }
     update(config, _context) {
         this.unsubscribe();
-        // graphql query AST is passed by reference
-        // sanitizing it makes a copy and we lose that reference
-        this.config = {
-            ...sanitize(config),
-            query: config.query,
-        };
+        if (config.batchQuery) {
+            this.config = {
+                batchQuery: config.batchQuery.map((individualConfig) => safeSanitizeGraphQLConfigObject(individualConfig)),
+            };
+        }
+        else {
+            this.config = safeSanitizeGraphQLConfigObject(config);
+        }
         this.callAdapter();
     }
     /**
@@ -469,24 +467,53 @@ class LWCGraphQLLuvioWireAdapter extends LWCLuvioWireAdapter {
         if (!this.connected || this.config === undefined) {
             return;
         }
-        const query = this.config.query;
-        // gql returns null for invalid queries
-        if (query === null) {
+        const config = this.config;
+        if ('batchQuery' in config) {
+            const batchConfig = {
+                batchQuery: config.batchQuery.map((individualConfig) => this.resolveQueryAst(individualConfig)),
+            };
+            // If any of the configurations are invalid, we bail out of calling the adapter.
+            if (batchConfig.batchQuery.some((val) => val === undefined)) {
+                return;
+            }
+            const snapshotOrPromise = this.adapter(batchConfig);
+            this.processAdapterResponse(snapshotOrPromise);
+        }
+        else if ('query' in config) {
+            const singleConfig = this.resolveQueryAst(config);
+            if (singleConfig !== undefined) {
+                const snapshotOrPromise = this.adapter(singleConfig);
+                this.processAdapterResponse(snapshotOrPromise);
+            }
+        }
+    }
+    resolveQueryAst(config) {
+        if (config.query === null) {
             return;
         }
-        const ast = this.astResolver(query);
-        if (ast === undefined && query !== undefined) {
+        const ast = this.astResolver(config.query);
+        if (ast === undefined && config.query !== undefined) {
             // this should only happen if the user didn't parse the query
             if (process.env.NODE_ENV !== 'production') {
                 throw new Error(USERLAND_GRAPHQL_PARSER_ERROR_MESSAGE);
             }
             return;
         }
-        const snapshotOrPromise = this.adapter({
-            ...this.config,
+        const resolvedAdapterConfig = {
+            ...config,
             query: ast,
-        });
-        this.processAdapterResponse(snapshotOrPromise);
+        };
+        return resolvedAdapterConfig;
+    }
+}
+function extractSnapshotData(snapshot) {
+    if ('data' in snapshot && snapshot.data !== undefined) {
+        const isSingleGraphQLData = 'data' in snapshot.data && snapshot.data.data !== undefined;
+        const isBatchGraphQLData = 'results' in snapshot.data && snapshot.data.results !== undefined;
+        if (isSingleGraphQLData)
+            return snapshot.data.data;
+        if (isBatchGraphQLData)
+            return snapshot.data;
     }
 }
 /**
@@ -505,6 +532,15 @@ function createGraphQLWireAdapterConstructor(adapter, name, luvio, astResolver)
     };
     Object.defineProperty(constructor, 'name', { value: name });
     return constructor;
+}
+function safeSanitizeGraphQLConfigObject(config) {
+    // graphql query AST is passed by reference
+    // sanitizing it makes a copy and we lose that reference
+    // so we avoid sanitizing it
+    return {
+        ...sanitize(config),
+        query: config.query,
+    };
 }
 
 export { ADAPTER_UNFULFILLED_ERROR, REFRESH_ADAPTER_EVENT, bindWireRefresh, createGraphQLWireAdapterConstructor, createInfiniteScrollingWireAdapterConstructor, createWireAdapterConstructor, refreshData };

package/dist/umd/es2018/LWCGraphQLLuvioWireAdapter.d.ts

@@ -1,6 +1,6 @@
 import type { Adapter, Luvio } from '@luvio/engine';
 import type { WireConfigValue, WireContextValue, DataCallback, WireAdapterConstructor } from '@lwc/engine-core';
-import type { AstResolver } from '@luvio/graphql-parser';
+import type { AstResolver, DocumentNode } from '@luvio/graphql-parser';
 import { LWCLuvioWireAdapter } from './LWCLuvioWireAdapter';
 import type { EmittableSnapshot } from './utils/SnapshotState';
 export declare type GraphQLError = {
@@ -12,11 +12,18 @@ export declare type GraphQLError = {
     path?: Array<string | number>;
     extensions?: Record<string, any>;
 };
-export declare type GraphQLUserInput = {
-    query: object;
+export interface GraphQLUserInput {
+    query?: object;
     variables?: Record<string, string | number | boolean>;
     operationName?: string;
-};
+}
+export interface ResolvedGraphQLConfig extends GraphQLUserInput {
+    query?: DocumentNode;
+}
+export interface GraphQLBatchUserInput {
+    batchQuery: [GraphQLUserInput];
+}
+export declare type GraphQLInput = GraphQLUserInput | GraphQLBatchUserInput;
 export declare type GraphQLResponse = {
     data: any;
     errors?: GraphQLError[];
@@ -37,6 +44,7 @@ export declare class LWCGraphQLLuvioWireAdapter extends LWCLuvioWireAdapter {
      * Coerce config before calling the adapter, preserve current behavior otherwise
      */
     protected callAdapter(): void;
+    resolveQueryAst(config: GraphQLUserInput): ResolvedGraphQLConfig | undefined;
 }
 /**
  * Wraps a luvio Adapter in a WireAdapterConstructor that conforms to https://rfcs.lwc.dev/rfcs/lwc/0000-wire-reform#wire-adapter-protocol.

package/dist/umd/es2018/lwcluvio.js

@@ -418,12 +418,8 @@
         if (snapshot === undefined) {
             return payload;
         }
-        if ('data' in snapshot &&
-            snapshot.data !== undefined &&
-            'data' in snapshot.data &&
-            snapshot.data.data !== undefined) {
-            payload.data = snapshot.data.data;
-        }
+        payload.data = extractSnapshotData(snapshot);
+        // TODO handle batch error scenarios.
         if ('error' in snapshot && snapshot.error !== undefined) {
             if (Array.isArray(snapshot.error)) {
                 payload.errors = snapshot.error;
@@ -441,12 +437,14 @@
         }
         update(config, _context) {
             this.unsubscribe();
-            // graphql query AST is passed by reference
-            // sanitizing it makes a copy and we lose that reference
-            this.config = {
-                ...sanitize(config),
-                query: config.query,
-            };
+            if (config.batchQuery) {
+                this.config = {
+                    batchQuery: config.batchQuery.map((individualConfig) => safeSanitizeGraphQLConfigObject(individualConfig)),
+                };
+            }
+            else {
+                this.config = safeSanitizeGraphQLConfigObject(config);
+            }
             this.callAdapter();
         }
         /**
@@ -473,24 +471,53 @@
             if (!this.connected || this.config === undefined) {
                 return;
             }
-            const query = this.config.query;
-            // gql returns null for invalid queries
-            if (query === null) {
+            const config = this.config;
+            if ('batchQuery' in config) {
+                const batchConfig = {
+                    batchQuery: config.batchQuery.map((individualConfig) => this.resolveQueryAst(individualConfig)),
+                };
+                // If any of the configurations are invalid, we bail out of calling the adapter.
+                if (batchConfig.batchQuery.some((val) => val === undefined)) {
+                    return;
+                }
+                const snapshotOrPromise = this.adapter(batchConfig);
+                this.processAdapterResponse(snapshotOrPromise);
+            }
+            else if ('query' in config) {
+                const singleConfig = this.resolveQueryAst(config);
+                if (singleConfig !== undefined) {
+                    const snapshotOrPromise = this.adapter(singleConfig);
+                    this.processAdapterResponse(snapshotOrPromise);
+                }
+            }
+        }
+        resolveQueryAst(config) {
+            if (config.query === null) {
                 return;
             }
-            const ast = this.astResolver(query);
-            if (ast === undefined && query !== undefined) {
+            const ast = this.astResolver(config.query);
+            if (ast === undefined && config.query !== undefined) {
                 // this should only happen if the user didn't parse the query
                 if (process.env.NODE_ENV !== 'production') {
                     throw new Error(USERLAND_GRAPHQL_PARSER_ERROR_MESSAGE);
                 }
                 return;
             }
-            const snapshotOrPromise = this.adapter({
-                ...this.config,
+            const resolvedAdapterConfig = {
+                ...config,
                 query: ast,
-            });
-            this.processAdapterResponse(snapshotOrPromise);
+            };
+            return resolvedAdapterConfig;
+        }
+    }
+    function extractSnapshotData(snapshot) {
+        if ('data' in snapshot && snapshot.data !== undefined) {
+            const isSingleGraphQLData = 'data' in snapshot.data && snapshot.data.data !== undefined;
+            const isBatchGraphQLData = 'results' in snapshot.data && snapshot.data.results !== undefined;
+            if (isSingleGraphQLData)
+                return snapshot.data.data;
+            if (isBatchGraphQLData)
+                return snapshot.data;
         }
     }
     /**
@@ -509,6 +536,15 @@
         };
         Object.defineProperty(constructor, 'name', { value: name });
         return constructor;
+    }
+    function safeSanitizeGraphQLConfigObject(config) {
+        // graphql query AST is passed by reference
+        // sanitizing it makes a copy and we lose that reference
+        // so we avoid sanitizing it
+        return {
+            ...sanitize(config),
+            query: config.query,
+        };
     }
 
     exports.ADAPTER_UNFULFILLED_ERROR = ADAPTER_UNFULFILLED_ERROR;

package/dist/umd/es5/LWCGraphQLLuvioWireAdapter.d.ts

@@ -1,6 +1,6 @@
 import type { Adapter, Luvio } from '@luvio/engine';
 import type { WireConfigValue, WireContextValue, DataCallback, WireAdapterConstructor } from '@lwc/engine-core';
-import type { AstResolver } from '@luvio/graphql-parser';
+import type { AstResolver, DocumentNode } from '@luvio/graphql-parser';
 import { LWCLuvioWireAdapter } from './LWCLuvioWireAdapter';
 import type { EmittableSnapshot } from './utils/SnapshotState';
 export declare type GraphQLError = {
@@ -12,11 +12,18 @@ export declare type GraphQLError = {
     path?: Array<string | number>;
     extensions?: Record<string, any>;
 };
-export declare type GraphQLUserInput = {
-    query: object;
+export interface GraphQLUserInput {
+    query?: object;
     variables?: Record<string, string | number | boolean>;
     operationName?: string;
-};
+}
+export interface ResolvedGraphQLConfig extends GraphQLUserInput {
+    query?: DocumentNode;
+}
+export interface GraphQLBatchUserInput {
+    batchQuery: [GraphQLUserInput];
+}
+export declare type GraphQLInput = GraphQLUserInput | GraphQLBatchUserInput;
 export declare type GraphQLResponse = {
     data: any;
     errors?: GraphQLError[];
@@ -37,6 +44,7 @@ export declare class LWCGraphQLLuvioWireAdapter extends LWCLuvioWireAdapter {
      * Coerce config before calling the adapter, preserve current behavior otherwise
      */
     protected callAdapter(): void;
+    resolveQueryAst(config: GraphQLUserInput): ResolvedGraphQLConfig | undefined;
 }
 /**
  * Wraps a luvio Adapter in a WireAdapterConstructor that conforms to https://rfcs.lwc.dev/rfcs/lwc/0000-wire-reform#wire-adapter-protocol.

package/dist/umd/es5/lwcluvio.js

@@ -476,12 +476,8 @@
         if (snapshot === undefined) {
             return payload;
         }
-        if ('data' in snapshot &&
-            snapshot.data !== undefined &&
-            'data' in snapshot.data &&
-            snapshot.data.data !== undefined) {
-            payload.data = snapshot.data.data;
-        }
+        payload.data = extractSnapshotData(snapshot);
+        // TODO handle batch error scenarios.
         if ('error' in snapshot && snapshot.error !== undefined) {
             if (Array.isArray(snapshot.error)) {
                 payload.errors = snapshot.error;
@@ -501,9 +497,16 @@
         }
         LWCGraphQLLuvioWireAdapter.prototype.update = function (config, _context) {
             this.unsubscribe();
-            // graphql query AST is passed by reference
-            // sanitizing it makes a copy and we lose that reference
-            this.config = __assign(__assign({}, sanitize(config)), { query: config.query });
+            if (config.batchQuery) {
+                this.config = {
+                    batchQuery: config.batchQuery.map(function (individualConfig) {
+                        return safeSanitizeGraphQLConfigObject(individualConfig);
+                    }),
+                };
+            }
+            else {
+                this.config = safeSanitizeGraphQLConfigObject(config);
+            }
             this.callAdapter();
         };
         /**
@@ -527,27 +530,59 @@
          * Coerce config before calling the adapter, preserve current behavior otherwise
          */
         LWCGraphQLLuvioWireAdapter.prototype.callAdapter = function () {
+            var _this = this;
             if (!this.connected || this.config === undefined) {
                 return;
             }
-            var query = this.config.query;
-            // gql returns null for invalid queries
-            if (query === null) {
+            var config = this.config;
+            if ('batchQuery' in config) {
+                var batchConfig = {
+                    batchQuery: config.batchQuery.map(function (individualConfig) {
+                        return _this.resolveQueryAst(individualConfig);
+                    }),
+                };
+                // If any of the configurations are invalid, we bail out of calling the adapter.
+                if (batchConfig.batchQuery.some(function (val) { return val === undefined; })) {
+                    return;
+                }
+                var snapshotOrPromise = this.adapter(batchConfig);
+                this.processAdapterResponse(snapshotOrPromise);
+            }
+            else if ('query' in config) {
+                var singleConfig = this.resolveQueryAst(config);
+                if (singleConfig !== undefined) {
+                    var snapshotOrPromise = this.adapter(singleConfig);
+                    this.processAdapterResponse(snapshotOrPromise);
+                }
+            }
+        };
+        LWCGraphQLLuvioWireAdapter.prototype.resolveQueryAst = function (config) {
+            if (config.query === null) {
                 return;
             }
-            var ast = this.astResolver(query);
-            if (ast === undefined && query !== undefined) {
+            var ast = this.astResolver(config.query);
+            if (ast === undefined && config.query !== undefined) {
                 // this should only happen if the user didn't parse the query
                 if (process.env.NODE_ENV !== 'production') {
                     throw new Error(USERLAND_GRAPHQL_PARSER_ERROR_MESSAGE);
                 }
                 return;
             }
-            var snapshotOrPromise = this.adapter(__assign(__assign({}, this.config), { query: ast }));
-            this.processAdapterResponse(snapshotOrPromise);
+            var resolvedAdapterConfig = __assign(__assign({}, config), { query: ast });
+            return resolvedAdapterConfig;
         };
         return LWCGraphQLLuvioWireAdapter;
     }(LWCLuvioWireAdapter));
+    function extractSnapshotData(snapshot) {
+        if ('data' in snapshot && snapshot.data !== undefined) {
+            var isSingleGraphQLData = 'data' in snapshot.data && snapshot.data.data !== undefined;
+            var isBatchGraphQLData = 'results' in snapshot.data && snapshot.data.results !== undefined;
+            if (isSingleGraphQLData)
+                return snapshot.data.data;
+            if (isBatchGraphQLData)
+                return snapshot.data;
+        }
+    }
     /**
      * Wraps a luvio Adapter in a WireAdapterConstructor that conforms to https://rfcs.lwc.dev/rfcs/lwc/0000-wire-reform#wire-adapter-protocol.
      *
@@ -566,6 +601,12 @@
         };
         Object.defineProperty(constructor, 'name', { value: name });
         return constructor;
+    }
+    function safeSanitizeGraphQLConfigObject(config) {
+        // graphql query AST is passed by reference
+        // sanitizing it makes a copy and we lose that reference
+        // so we avoid sanitizing it
+        return __assign(__assign({}, sanitize(config)), { query: config.query });
     }
 
     exports.ADAPTER_UNFULFILLED_ERROR = ADAPTER_UNFULFILLED_ERROR;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@luvio/lwc-luvio",
-    "version": "0.126.1",
+    "version": "0.126.2",
     "description": "Lightning Web Component bindings for Luvio",
     "repository": {
         "type": "git",
@@ -25,12 +25,12 @@
         "watch": "yarn build --watch"
     },
     "dependencies": {
-        "@luvio/engine": "0.126.1",
+        "@luvio/engine": "0.126.2",
         "@lwc/engine-core": "2.11.3"
     },
     "devDependencies": {
-        "@luvio/adapter-test-library": "0.126.1",
-        "@luvio/cli": "0.126.1",
+        "@luvio/adapter-test-library": "0.126.2",
+        "@luvio/cli": "0.126.2",
         "@lwc/jest-preset": "11.2.2"
     },
     "bundlesize": [