subscribeToMore only with subscribe?

[TomasMoskala]

Hi, I followed the example for Angular with websocket https://www.apollographql.com/docs/angular/features/subscriptions/ The first trouble was with the link split because FragmentDefinitionNode does not contain "operation" property Solved this way

const link = split(
  // split based on operation type
  ({ query }) => {
    const mainDefinition = getMainDefinition(query);
    return mainDefinition.kind === 'OperationDefinition' && mainDefinition.operation === 'subscription';
    // const { kind, operation } = getMainDefinition(query);
    // return kind === 'OperationDefinition' && operation === 'subscription';
  },
  authLink.concat(wsLink),
  authLink.concat(httpLink)
);

Then the subscribeToMore - updateQuery function of the apollo.watchQuery does not return anything unless valueChanges.subscribe is called as well. The example does not have it implemented this way...

      const sQry = this.apollo.watchQuery({ query: qry, variables: vars});
      sQry.valueChanges.subscribe(val => console.log('val', val));
      sQry.subscribeToMore({ document: sub, variables: vars, // onError: (err) => this.subError(err),
        updateQuery: (prev, {subscriptionData} ) => {
          console.log('subscriptionData');
          if (subscriptionData.data) {
            console.log('subscriptionData.data', subscriptionData.data);
          }
          if (!subscriptionData.data) {
            return prev;
          }
        }
      });

package.json

"dependencies": { "@angular/common": "~9.1.6", "@angular/core": "~9.1.6", "@angular/forms": "~9.1.6", "@angular/platform-browser": "~9.1.6", "@angular/platform-browser-dynamic": "~9.1.6", "@angular/router": "~9.1.6", "@auth0/angular-jwt": "^5.0.1", "@capacitor/android": "^2.2.1", "@capacitor/core": "2.2.1", "@ionic-native/background-geolocation": "^5.27.0", "@ionic-native/clipboard": "^5.28.0", "@ionic-native/core": "^5.0.7", "@ionic-native/native-audio": "^5.28.0", "@ionic-native/open-native-settings": "^5.30.0", "@ionic-native/power-management": "^5.30.0", "@ionic-native/splash-screen": "^5.0.0", "@ionic-native/sqlite": "^5.27.0", "@ionic-native/status-bar": "^5.0.0", "@ionic-super-tabs/angular": "^7.0.8", "@ionic/angular": "^5.0.0", "@ionic/lab": "^3.2.9", "@ionic/storage": "^2.2.0", "@mauron85/cordova-plugin-background-geolocation": "^3.1.0", "@types/bcryptjs": "^2.4.2", "@types/ol": "^6.3.1", "apollo-angular": "^1.10.0", "apollo-angular-link-http": "^1.11.0", "apollo-cache-inmemory": "^1.6.6", "apollo-client": "^2.6.10", "apollo-link": "^1.2.14", "apollo-link-context": "^1.0.20", "apollo-link-error": "^1.1.13", "apollo-link-http": "^1.5.17", "apollo-link-retry": "^2.2.16", "apollo-link-ws": "^1.0.20", "bcryptjs": "^2.4.3", "celsius-sdk": "^0.10.13", "chart.js": "^2.9.3", "chartjs-plugin-zoom": "^0.7.7", "cordova-clipboard": "^1.3.0", "cordova-open-native-settings": "^1.5.2", "cordova-plugin-nativeaudio": "^3.0.9", "cordova-plugin-power-optimization": "0.0.4", "cordova-plugin-powermanagement-orig": "^1.1.2", "cordova-sqlite-storage": "^5.0.0", "crypto-js": "^4.0.0", "graphql": "^15.3.0", "graphql-tag": "^2.10.4", "ng2-charts": "^2.4.2", "ngx-autosize": "^1.8.0", "ol": "^6.3.1", "rxjs": "~6.5.1", "subscriptions-transport-ws": "^0.9.18", "tslib": "^1.10.0", "zone.js": "~0.10.2" }, "devDependencies": { "@angular-devkit/build-angular": "~0.901.5", "@angular/cli": "~9.1.5", "@angular/compiler": "~9.1.6", "@angular/compiler-cli": "~9.1.6", "@angular/language-service": "~9.1.6", "@capacitor/cli": "2.2.1", "@ionic/angular-toolkit": "^2.1.1", "@types/jasmine": "~3.5.0", "@types/jasminewd2": "~2.0.3", "@types/node": "^12.11.1", "codelyzer": "^5.1.2", "jasmine-core": "~3.5.0", "jasmine-spec-reporter": "~4.2.1", "jetifier": "^1.6.6", "karma": "~5.0.0", "karma-chrome-launcher": "~3.1.0", "karma-coverage-istanbul-reporter": "~2.1.0", "karma-jasmine": "~3.0.1", "karma-jasmine-html-reporter": "^1.4.2", "parcel-bundler": "^1.12.4", "protractor": "~5.4.3", "ts-node": "~8.3.0", "tslint": "~6.1.0", "typescript": "~3.8.3" },