@gambalabs/apollo 6.0.0-alpha.7 → 6.0.0-alpha.9

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2017 Sebastien Chopin (@Atinux)
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2017 Sebastien Chopin (@Atinux)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,47 +1,47 @@
-![Nuxt Apollo](./docs/public/cover.jpg)
-
-<h1 align="center">Nuxt Apollo</h1>
-
-<p align="center">Effortlessly integrate GraphQL into your Nuxt 3 projects.</p>
-
-<p align="center">
-  <!-- <a href="https://github.com/nuxt-community/apollo-module/actions?query=branch%3Amain+event%3Apush">
-    <img alt="CI" src="https://github.com/nuxt-community/apollo-module/actions/workflows/ci.yml/badge.svg?branch=main"/>
-  </a> -->
-  
-  <a href="https://npmjs.com/package/@nuxtjs/apollo/v/next">
-      <img alt="Version" src="https://img.shields.io/npm/v/@nuxtjs/apollo/next?color=blue&style=flat-square"/>
-  </a>
-  
-  <a href="https://npmjs.com/package/@nuxtjs/apollo/v/next">
-      <img alt="Downloads" src="https://img.shields.io/npm/dt/@nuxtjs/apollo/next?color=blue&style=flat-square"/>
-  </a>
-  
-  <a href="https://opensource.org/licenses/MIT">
-      <img alt="MIT" src="https://img.shields.io/badge/License-MIT-blue.svg?style=flat-square"/>
-  </a>
-</p>
-
-❯  [📖 Documentation](https://apollo.nuxtjs.org)
-
----
-
-**Note:** This branch is for **Nuxt 3** compatible module. Checkout the [`v4` branch](https://github.com/nuxt-modules/apollo/tree/v4) for **Nuxt 2** support. 
-
----
-
-## Preview
-
-[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/edit/nuxt-apollo-demo)
-
-## Development
-
-- Clone this repository
-- Ensure you have the latest LTS version of Node.js installed
-- Run `corepack enable`
-- Install dependencies using `pnpm install`
-- Start playground with `pnpm dev`
-
-## License
-
-[MIT License](./LICENSE)
+![Nuxt Apollo](./docs/public/cover.jpg)
+
+<h1 align="center">Nuxt Apollo</h1>
+
+<p align="center">Effortlessly integrate GraphQL into your Nuxt 3 projects.</p>
+
+<p align="center">
+  <!-- <a href="https://github.com/nuxt-community/apollo-module/actions?query=branch%3Amain+event%3Apush">
+    <img alt="CI" src="https://github.com/nuxt-community/apollo-module/actions/workflows/ci.yml/badge.svg?branch=main"/>
+  </a> -->
+  
+  <a href="https://npmjs.com/package/@nuxtjs/apollo/v/next">
+      <img alt="Version" src="https://img.shields.io/npm/v/@nuxtjs/apollo/next?color=blue&style=flat-square"/>
+  </a>
+  
+  <a href="https://npmjs.com/package/@nuxtjs/apollo/v/next">
+      <img alt="Downloads" src="https://img.shields.io/npm/dt/@nuxtjs/apollo/next?color=blue&style=flat-square"/>
+  </a>
+  
+  <a href="https://opensource.org/licenses/MIT">
+      <img alt="MIT" src="https://img.shields.io/badge/License-MIT-blue.svg?style=flat-square"/>
+  </a>
+</p>
+
+❯  [📖 Documentation](https://apollo.nuxtjs.org)
+
+---
+
+**Note:** This branch is for **Nuxt 3** compatible module. Checkout the [`v4` branch](https://github.com/nuxt-modules/apollo/tree/v4) for **Nuxt 2** support. 
+
+---
+
+## Preview
+
+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/edit/nuxt-apollo-demo)
+
+## Development
+
+- Clone this repository
+- Ensure you have the latest LTS version of Node.js installed
+- Run `corepack enable`
+- Install dependencies using `pnpm install`
+- Start playground with `pnpm dev`
+
+## License
+
+[MIT License](./LICENSE)

package/dist/module.d.ts

@@ -7,200 +7,200 @@ import { CookieOptions } from 'nuxt/dist/app/composables';
 import { ErrorResponse } from '@apollo/client/link/error';
 export { ErrorResponse } from '@apollo/client/link/error';
 
-type CookieAttributes = Omit< CookieOptions, 'encode' | 'decode' | 'expires' | 'default'>;
-
-type Pusher = {
-  cluster: string;
-  wsHost: string;
-  wsPort: number;
-  forceTLS: boolean;
-  channelEndpoint: string;
-  pusherAppKey: string;
-}
-
-type ClientConfig = {
-  /**
-   * The GraphQL endpoint.
-   * @type {string}
-   */
-  httpEndpoint: string;
-
-  /**
-   * Provide a GraphQL endpoint to be used client-side. Overrides `httpEndpoint`.
-   * @type {string}
-   **/
-  browserHttpEndpoint?: string;
-
-  /**
-   * Provide additional configuration for the `HttpLink`.
-   * See https://www.apollographql.com/docs/link/links/http.html#options
-   * @type {HttpOptions}
-   **/
-  httpLinkOptions?: Omit<HttpOptions, 'uri'>;
-
-  /**
-   * Provide additional configuration for the `GraphQLWsLink`.
-   * See https://github.com/enisdenjo/graphql-ws/blob/master/docs/interfaces/client.ClientOptions.md
-   **/
-  wsLinkOptions?: Omit<ClientOptions, 'url' | 'connectionParams'>;
-
-  /**
-   * Specify a websocket endpoint to be used for subscriptions.
-   * The `wss` protocol is recommended in production.
-   * @type {string}
-   **/
-  wsEndpoint?: string;
-
-  /**
-   * Specify if the client should solely use WebSocket.
-   * requires `wsEndpoint`.
-   * @type {boolean}
-   * @default false
-   **/
-  websocketsOnly?: boolean;
-
-  /**
-   * Specify a pusher config to be used for subscriptions.
-   * @type {Pusher}
-   **/
-  pusher?: Pusher
-
-  /**
-   * Specify if the client should be able to connect to the Apollo Client Devtools in production mode.
-   * @type {boolean}
-   * @default false
-   **/
-  connectToDevTools?: boolean;
-
-  /**
-   * Configure default options to be applied to the apollo client.
-   **/
-  defaultOptions?: DefaultOptions;
-
-  /**
-   * Configure the in-memory cache.
-   **/
-  inMemoryCacheOptions?: InMemoryCacheConfig;
-
-  /**
-   * Specify the name under which the token will be stored.
-   * as in either a cookie or localStorage.
-   * @type {string}
-   * @default "apollo:<client-name>.token"
-   */
-  tokenName?: string;
-
-  /**
-   * Specify if the auth token should be stored in `cookie` or `localStorage`.
-   * `Cookie` storage is required for SSR.
-   * @type {string}
-   * @default "cookie"
-   **/
-  tokenStorage?: 'cookie' | 'localStorage';
-
-  /**
-   * Specify the Authentication scheme.
-   * @type {string}
-   * @default "Bearer"
-   **/
-  authType?: string | null;
-
-  /**
-   * Name of the Authentication token header.
-   * @type {string}
-   * @default "Authorization"
-   */
-  authHeader?: string;
-
-  /**
-   * Configuration for the auth cookie.
-   **/
-  cookieAttributes?: CookieAttributes;
-
-  /**
-   * Name of the CSRF token header.
-   * @type {string}
-   * @default "X-CSRF-TOKEN"
-   */
-  csrfHeader?: string
-
-  /**
-   * Enable automatic persisted queries.
-   * @type {boolean}
-   * @default false
-   */
-  persistedQueries?: boolean
-};
-
-interface NuxtApolloConfig<T = ClientConfig> {
-  /**
-   * Determine if vue-apollo composables should be automatically imported.
-   * @type {boolean}
-   * @default true
-   **/
-  autoImports?: boolean;
-
-  /**
-   * Configuration of the Apollo clients.
-   **/
-  clients?: Record< string, T extends boolean ? string | ClientConfig : ClientConfig >;
-
-  /**
-   * Default options to be applied to all Apollo clients.
-   * This is useful for setting global defaults, and is overridden by `defaultOptions` passed directly to clients.
-   **/
-  defaultOptions?: DefaultOptions;
-
-  /**
-   * Pass cookies from the browser to the GraphQL API in SSR mode.
-   *
-   * @type boolean
-   * @default true
-   * */
-  proxyCookies?: boolean;
-
-  /**
-   * Specify the Authentication scheme.
-   * @type {string}
-   * @default 'Bearer'
-   **/
-  authType?: string;
-
-  /**
-   * Name of the Authentication token header.
-   * @type {string}
-   * @default "Authorization"
-   */
-  authHeader?: string;
-
-  /**
-   * Name of the CSRF token header.
-   * @type {string}
-   * @default "X-CSRF-TOKEN"
-   */
-  csrfHeader?: string;
-
-  /**
-   * Specify if the auth token should be stored in `cookie` or `localStorage`.
-   * `Cookie` storage is required for SSR.
-   * @type {string}
-   * @default "cookie"
-   **/
-  tokenStorage?: 'cookie' | 'localStorage';
-
-  /**
-   * Configuration for the auth cookie.
-   **/
-  cookieAttributes?: CookieAttributes;
-
-  /**
-   * Apollo client awareness instructs the client to send two additional headers
-   * `apollographql-client-name` and `apollographql-client-version` in each HTTP request.
-   * This behavior is disabled by default.
-   * @type {boolean}
-   * @default false
-   */
-  clientAwareness?: boolean
+type CookieAttributes = Omit< CookieOptions, 'encode' | 'decode' | 'expires' | 'default'>;
+
+type Pusher = {
+  cluster: string;
+  wsHost: string;
+  wsPort: number;
+  forceTLS: boolean;
+  channelEndpoint: string;
+  pusherAppKey: string;
+}
+
+type ClientConfig = {
+  /**
+   * The GraphQL endpoint.
+   * @type {string}
+   */
+  httpEndpoint: string;
+
+  /**
+   * Provide a GraphQL endpoint to be used client-side. Overrides `httpEndpoint`.
+   * @type {string}
+   **/
+  browserHttpEndpoint?: string;
+
+  /**
+   * Provide additional configuration for the `HttpLink`.
+   * See https://www.apollographql.com/docs/link/links/http.html#options
+   * @type {HttpOptions}
+   **/
+  httpLinkOptions?: Omit<HttpOptions, 'uri'>;
+
+  /**
+   * Provide additional configuration for the `GraphQLWsLink`.
+   * See https://github.com/enisdenjo/graphql-ws/blob/master/docs/interfaces/client.ClientOptions.md
+   **/
+  wsLinkOptions?: Omit<ClientOptions, 'url' | 'connectionParams'>;
+
+  /**
+   * Specify a websocket endpoint to be used for subscriptions.
+   * The `wss` protocol is recommended in production.
+   * @type {string}
+   **/
+  wsEndpoint?: string;
+
+  /**
+   * Specify if the client should solely use WebSocket.
+   * requires `wsEndpoint`.
+   * @type {boolean}
+   * @default false
+   **/
+  websocketsOnly?: boolean;
+
+  /**
+   * Specify a pusher config to be used for subscriptions.
+   * @type {Pusher}
+   **/
+  pusher?: Pusher
+
+  /**
+   * Specify if the client should be able to connect to the Apollo Client Devtools in production mode.
+   * @type {boolean}
+   * @default false
+   **/
+  connectToDevTools?: boolean;
+
+  /**
+   * Configure default options to be applied to the apollo client.
+   **/
+  defaultOptions?: DefaultOptions;
+
+  /**
+   * Configure the in-memory cache.
+   **/
+  inMemoryCacheOptions?: InMemoryCacheConfig;
+
+  /**
+   * Specify the name under which the token will be stored.
+   * as in either a cookie or localStorage.
+   * @type {string}
+   * @default "apollo:<client-name>.token"
+   */
+  tokenName?: string;
+
+  /**
+   * Specify if the auth token should be stored in `cookie` or `localStorage`.
+   * `Cookie` storage is required for SSR.
+   * @type {string}
+   * @default "cookie"
+   **/
+  tokenStorage?: 'cookie' | 'localStorage';
+
+  /**
+   * Specify the Authentication scheme.
+   * @type {string}
+   * @default "Bearer"
+   **/
+  authType?: string | null;
+
+  /**
+   * Name of the Authentication token header.
+   * @type {string}
+   * @default "Authorization"
+   */
+  authHeader?: string;
+
+  /**
+   * Configuration for the auth cookie.
+   **/
+  cookieAttributes?: CookieAttributes;
+
+  /**
+   * Name of the CSRF token header.
+   * @type {string}
+   * @default "X-CSRF-TOKEN"
+   */
+  csrfHeader?: string
+
+  /**
+   * Enable automatic persisted queries.
+   * @type {boolean}
+   * @default false
+   */
+  persistedQueries?: boolean
+};
+
+interface NuxtApolloConfig<T = ClientConfig> {
+  /**
+   * Determine if vue-apollo composables should be automatically imported.
+   * @type {boolean}
+   * @default true
+   **/
+  autoImports?: boolean;
+
+  /**
+   * Configuration of the Apollo clients.
+   **/
+  clients?: Record< string, T extends boolean ? string | ClientConfig : ClientConfig >;
+
+  /**
+   * Default options to be applied to all Apollo clients.
+   * This is useful for setting global defaults, and is overridden by `defaultOptions` passed directly to clients.
+   **/
+  defaultOptions?: DefaultOptions;
+
+  /**
+   * Pass cookies from the browser to the GraphQL API in SSR mode.
+   *
+   * @type boolean
+   * @default true
+   * */
+  proxyCookies?: boolean;
+
+  /**
+   * Specify the Authentication scheme.
+   * @type {string}
+   * @default 'Bearer'
+   **/
+  authType?: string;
+
+  /**
+   * Name of the Authentication token header.
+   * @type {string}
+   * @default "Authorization"
+   */
+  authHeader?: string;
+
+  /**
+   * Name of the CSRF token header.
+   * @type {string}
+   * @default "X-CSRF-TOKEN"
+   */
+  csrfHeader?: string;
+
+  /**
+   * Specify if the auth token should be stored in `cookie` or `localStorage`.
+   * `Cookie` storage is required for SSR.
+   * @type {string}
+   * @default "cookie"
+   **/
+  tokenStorage?: 'cookie' | 'localStorage';
+
+  /**
+   * Configuration for the auth cookie.
+   **/
+  cookieAttributes?: CookieAttributes;
+
+  /**
+   * Apollo client awareness instructs the client to send two additional headers
+   * `apollographql-client-name` and `apollographql-client-version` in each HTTP request.
+   * This behavior is disabled by default.
+   * @type {boolean}
+   * @default false
+   */
+  clientAwareness?: boolean
 }
 
 type ModuleOptions = NuxtApolloConfig;

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@gambalabs/apollo",
-  "version": "6.0.0-alpha.7",
+  "version": "6.0.0-alpha.9",
   "configKey": "apollo",
   "compatibility": {
     "nuxt": "^3.0.0-rc.9"

package/dist/module.mjs

@@ -5,7 +5,7 @@ import { useLogger, defineNuxtModule, createResolver, addTemplate, addPlugin, ad
 import GraphQLPlugin from '@rollup/plugin-graphql';
 
 const name = "@gambalabs/apollo";
-const version = "6.0.0-alpha.7";
+const version = "6.0.0-alpha.9";
 
 const logger = useLogger(name);
 async function readConfigFile(path) {

package/dist/runtime/plugin.mjs

@@ -2,7 +2,8 @@ import destr from "destr";
 import { onError } from "@apollo/client/link/error";
 import { getMainDefinition } from "@apollo/client/utilities";
 import { ApolloClients, provideApolloClients } from "@vue/apollo-composable";
-import { ApolloClient, ApolloLink, createHttpLink, InMemoryCache, split } from "@apollo/client/core";
+import { ApolloClient, ApolloLink, InMemoryCache, split } from "@apollo/client/core";
+import createUploadLink from "apollo-upload-client/createUploadLink.mjs";
 import { createPersistedQueryLink } from "@apollo/client/link/persisted-queries";
 import { sha256 } from "crypto-hash";
 import { GraphQLWsLink } from "@apollo/client/link/subscriptions";
@@ -84,7 +85,7 @@ export default defineNuxtPlugin((nuxtApp) => {
       const persistedLink = createPersistedQueryLink({ sha256, useGETForHashedQueries: true });
       baseLink = baseLink.concat(persistedLink);
     }
-    const httpEndLink = createHttpLink({
+    const httpEndLink = createUploadLink({
       ...clientConfig?.httpLinkOptions && clientConfig.httpLinkOptions,
       uri: process.client && clientConfig.browserHttpEndpoint || clientConfig.httpEndpoint,
       headers: { ...clientConfig?.httpLinkOptions?.headers || {} }

package/dist/runtime/pusher.d.ts

@@ -6,5 +6,5 @@ declare class PusherLink extends ApolloLink {
     subscribeToChannel(subscriptionChannel: any, event: string | undefined, observer: any): void;
     unsubscribeFromChannel(subscriptionChannel: any): void;
 }
-import { ApolloLink } from "@apollo/client/link/core";
-import { Observable } from "@apollo/client/core";
+import { ApolloLink } from '@apollo/client/core';
+import { Observable } from '@apollo/client/core';

package/dist/runtime/pusher.mjs

@@ -1,100 +1,100 @@
-import { ApolloLink, Observable } from '@apollo/client/core'
-
-// Inspired by https://github.com/rmosolgo/graphql-ruby/blob/master/javascript_client/src/subscriptions/PusherLink.ts
-class PusherLink extends ApolloLink {
-  constructor (options) {
-    super()
-
-    this.pusher = options.pusher
-  }
-
-  request (operation, forward) {
-    const subscribeObservable = new Observable((_observer) => {
-      //
-    })
-
-    // Capture the super method
-    const prevSubscribe =
-      subscribeObservable.subscribe.bind(subscribeObservable)
-
-    // Override subscribe to return an `unsubscribe` object, see
-    // https://github.com/apollographql/subscriptions-transport-ws/blob/master/src/client.ts#L182-L212
-    subscribeObservable.subscribe = (observerOrNext, onError, onComplete) => {
-      prevSubscribe(observerOrNext, onError, onComplete)
-
-      const observer = getObserver(observerOrNext, onError, onComplete)
-
-      let subscriptionChannel
-
-      forward(operation).subscribe({
-        next: (data) => {
-          // If the operation has the subscription channel, it's a subscription
-          subscriptionChannel =
-            data?.extensions?.lighthouse_subscriptions.channel ?? null
-          // No subscription found in the response, pipe data through
-          if (!subscriptionChannel) {
-            observer.next(data)
-            observer.complete()
-
-            return
-          }
-          const event = data?.extensions?.lighthouse_subscriptions.event ?? 'lighthouse-subscription'
-          this.subscribeToChannel(subscriptionChannel, event, observer)
-        }
-      })
-
-      // Return an object that will unsubscribe_if the query was a subscription
-      return {
-        closed: false,
-        unsubscribe: () => {
-          subscriptionChannel &&
-            this.unsubscribeFromChannel(subscriptionChannel)
-        }
-      }
-    }
-
-    return subscribeObservable
-  }
-
-  subscribeToChannel (subscriptionChannel, event = 'lighthouse-subscription', observer) {
-    this.pusher
-      .subscribe(subscriptionChannel)
-      .bind(event, (payload) => {
-        const { result } = payload
-        if (result) {
-          observer.next(result)
-        }
-        if (!payload.more) {
-          this.unsubscribeFromChannel(subscriptionChannel)
-
-          observer.complete()
-        }
-      })
-  }
-
-  unsubscribeFromChannel (subscriptionChannel) {
-    this.pusher.unsubscribe(subscriptionChannel)
-  }
-}
-
-// Turn `subscribe` arguments into an observer-like thing, see getObserver
-// https://github.com/apollographql/subscriptions-transport-ws/blob/master/src/client.ts#L329-L343
-function getObserver (observerOrNext, onError, onComplete) {
-  if (typeof observerOrNext === 'function') {
-    // Duck-type an observer
-    return {
-      next: v => observerOrNext(v),
-      error: e => onError && onError(e),
-      complete: () => onComplete && onComplete()
-    }
-  } else {
-    // Make an object that calls to the given object, with safety checks
-    return {
-      next: v => observerOrNext.next && observerOrNext.next(v),
-      error: e => observerOrNext.error && observerOrNext.error(e),
-      complete: () => observerOrNext.complete && observerOrNext.complete()
-    }
-  }
-}
-
-export default PusherLink
+import { ApolloLink, Observable } from '@apollo/client/core'
+
+// Inspired by https://github.com/rmosolgo/graphql-ruby/blob/master/javascript_client/src/subscriptions/PusherLink.ts
+class PusherLink extends ApolloLink {
+  constructor (options) {
+    super()
+
+    this.pusher = options.pusher
+  }
+
+  request (operation, forward) {
+    const subscribeObservable = new Observable((_observer) => {
+      //
+    })
+
+    // Capture the super method
+    const prevSubscribe =
+      subscribeObservable.subscribe.bind(subscribeObservable)
+
+    // Override subscribe to return an `unsubscribe` object, see
+    // https://github.com/apollographql/subscriptions-transport-ws/blob/master/src/client.ts#L182-L212
+    subscribeObservable.subscribe = (observerOrNext, onError, onComplete) => {
+      prevSubscribe(observerOrNext, onError, onComplete)
+
+      const observer = getObserver(observerOrNext, onError, onComplete)
+
+      let subscriptionChannel
+
+      forward(operation).subscribe({
+        next: (data) => {
+          // If the operation has the subscription channel, it's a subscription
+          subscriptionChannel =
+            data?.extensions?.lighthouse_subscriptions.channel ?? null
+          // No subscription found in the response, pipe data through
+          if (!subscriptionChannel) {
+            observer.next(data)
+            observer.complete()
+
+            return
+          }
+          const event = data?.extensions?.lighthouse_subscriptions.event ?? 'lighthouse-subscription'
+          this.subscribeToChannel(subscriptionChannel, event, observer)
+        }
+      })
+
+      // Return an object that will unsubscribe_if the query was a subscription
+      return {
+        closed: false,
+        unsubscribe: () => {
+          subscriptionChannel &&
+            this.unsubscribeFromChannel(subscriptionChannel)
+        }
+      }
+    }
+
+    return subscribeObservable
+  }
+
+  subscribeToChannel (subscriptionChannel, event = 'lighthouse-subscription', observer) {
+    this.pusher
+      .subscribe(subscriptionChannel)
+      .bind(event, (payload) => {
+        const { result } = payload
+        if (result) {
+          observer.next(result)
+        }
+        if (!payload.more) {
+          this.unsubscribeFromChannel(subscriptionChannel)
+
+          observer.complete()
+        }
+      })
+  }
+
+  unsubscribeFromChannel (subscriptionChannel) {
+    this.pusher.unsubscribe(subscriptionChannel)
+  }
+}
+
+// Turn `subscribe` arguments into an observer-like thing, see getObserver
+// https://github.com/apollographql/subscriptions-transport-ws/blob/master/src/client.ts#L329-L343
+function getObserver (observerOrNext, onError, onComplete) {
+  if (typeof observerOrNext === 'function') {
+    // Duck-type an observer
+    return {
+      next: v => observerOrNext(v),
+      error: e => onError && onError(e),
+      complete: () => onComplete && onComplete()
+    }
+  } else {
+    // Make an object that calls to the given object, with safety checks
+    return {
+      next: v => observerOrNext.next && observerOrNext.next(v),
+      error: e => observerOrNext.error && observerOrNext.error(e),
+      complete: () => observerOrNext.complete && observerOrNext.complete()
+    }
+  }
+}
+
+export default PusherLink

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gambalabs/apollo",
-  "version": "6.0.0-alpha.7",
+  "version": "6.0.0-alpha.9",
   "license": "MIT",
   "repository": "https://github.com/GambaLabs/apollo",
   "homepage": "https://apollo.nuxtjs.org",
@@ -17,28 +17,29 @@
     "dist"
   ],
   "dependencies": {
-    "@apollo/client": "^3.7.10",
-    "@nuxt/kit": "^3.3.1",
-    "@rollup/plugin-graphql": "^2.0.3",
+    "@apollo/client": "^3.8.7",
+    "@nuxt/kit": "^3.8.2",
+    "@rollup/plugin-graphql": "^2.0.4",
     "@vue/apollo-composable": "4.0.0-beta.4",
+    "apollo-upload-client": "^18.0.1",
     "crypto-hash": "^2.0.1",
-    "defu": "^6.1.2",
+    "defu": "^6.1.3",
     "destr": "^1.2.2",
-    "graphql": "^16.6.0",
+    "graphql": "^16.8.1",
     "graphql-tag": "^2.12.6",
-    "graphql-ws": "^5.12.0",
-    "jiti": "^1.18.2",
-    "ohash": "^1.0.0",
+    "graphql-ws": "^5.14.2",
+    "jiti": "^1.21.0",
+    "ohash": "^1.1.3",
     "pusher-js": "^8.3.0"
   },
   "devDependencies": {
     "@nuxt/module-builder": "^0.2.1",
-    "@nuxt/schema": "^3.3.1",
+    "@nuxt/schema": "^3.8.2",
     "@nuxt/ui": "^0.4.1",
-    "@nuxtjs/eslint-config-typescript": "^12.0.0",
-    "@types/node": "^18.15.3",
-    "eslint": "^8.36.0",
-    "nuxt": "^3.3.1"
+    "@nuxtjs/eslint-config-typescript": "^12.1.0",
+    "@types/node": "^18.18.13",
+    "eslint": "^8.54.0",
+    "nuxt": "^3.8.2"
   },
   "publishConfig": {
     "access": "public"
@@ -49,7 +50,7 @@
   "packageManager": "pnpm@7.29.1",
   "scripts": {
     "build": "nuxt-module-build",
-    "dev": "nuxi dev playground --dotenv .env",
+    "dev": "nuxi dev playground --dotenv .env --host",
     "dev:build": "nuxi build playground",
     "dev:prepare": "nuxt-module-build --stub && nuxi prepare playground",
     "release": "standard-version --prerelease alpha && git push --follow-tags && pnpm publish --tag next"