More options

Author: phortx

dist/vuex-orm-apollo.esm.js

@@ -9836,7 +9836,7 @@ var Context = /** @class */ (function () {
         var originalFieldGenerator = model.baseModel.fields.bind(model.baseModel);
         model.baseModel.fields = function () {
             var originalFields = originalFieldGenerator();
-            originalFields['$isPersisted'] = model.baseModel.attr(false);
+            originalFields['$isPersisted'] = model.baseModel.boolean(false);
             return originalFields;
         };
     };
@@ -9894,7 +9894,9 @@ var VuexORMApollo = /** @class */ (function () {
         this.setupMethods();
         this.httpLink = new HttpLink({
             uri: options.url ? options.url : '/graphql',
-            credentials: 'same-origin'
+            credentials: options.credentials ? options.credentials : 'same-origin',
+            headers: options.headers ? options.headers : {},
+            useGETForQueries: Boolean(options.useGETForQueries)
         });
         this.apolloClient = new ApolloClient({
             link: this.httpLink,

docs/guide/README.md

@@ -65,7 +65,7 @@ After [installing](/guide/setup) this plugin you can load data in your component
       /**
        * Returns all users with reactivity.
        */ 
-      users: () => User.all()
+      users: () => User.query().withAll().all()
     },
 
 

docs/guide/fetch/README.md

@@ -53,7 +53,7 @@ author user loaded.
 So using the regular Vuex-ORM getters should work out of the box now:
 
 ```javascript
-const comments = Comment.all();
+const comments = Comment.query().withAll().all();
 ```
 
 When fetching all returned records replace the respective existing records in the Vuex-ORM database.

docs/guide/setup/README.md

@@ -30,8 +30,11 @@ VuexORM.use(VuexORMApollo, { database });
 These are the possible options to pass when calling `VuexORM.use()`:
 
 - `database` (required): The Vuex-ORM database.
-- `url` (optional, default: `/graphql`): The URL to the graphql api. Will be passed to apollo-client.
 - `debug` (optional, default: `false`): Set to true to activate the debug logging.
+- `url` (optional, default: `/graphql`): The URL to the graphql api. Will be passed to apollo-client.
+- `headers` (optional, default: `{}`) HTTP Headers. See [apollo-link-http])(https://github.com/apollographql/apollo-link/tree/master/packages/apollo-link-http#options)
+- `credentials` (optional, default: `same-origin`) Credentials Policy. See [apollo-link-http])(https://github.com/apollographql/apollo-link/tree/master/packages/apollo-link-http#options)
+- `useGETForQueries` (optional, default: `false`) Use GET for queries (not for mutations). See [apollo-link-http])(https://github.com/apollographql/apollo-link/tree/master/packages/apollo-link-http#options)
 
 More options will come in future releases.
 

package.json

@@ -47,7 +47,7 @@
     "@types/graphql": "^0.12.3",
     "@types/inflection": "^1.5.28",
     "@types/lodash-es": "^4.17.0",
-    "@vuex-orm/core": "^0.25.0",
+    "@vuex-orm/core": "^0.25.1",
     "apollo-cache-inmemory": "^1.1.7",
     "apollo-client": "^2.2.2",
     "apollo-link": "^1.2.0",

src/context.ts

@@ -70,7 +70,7 @@ export default class Context {
     model.baseModel.fields = () => {
       const originalFields = originalFieldGenerator();
 
-      originalFields['$isPersisted'] = model.baseModel.attr(false);
+      originalFields['$isPersisted'] = model.baseModel.boolean(false);
 
       return originalFields;
     };

src/interfaces.ts

@@ -1,7 +1,17 @@
 import ORMModel from '@vuex-orm/core/lib/model/Model';
+import Database from '@vuex-orm/core/lib/database/Database';
 
 export type DispatchFunction = (action: string, data: Data) => Promise<any>;
 
+export interface Options {
+  database: Database;
+  url?: string;
+  headers?: { [index: string]: any };
+  credentials?: string;
+  useGETForQueries?: boolean;
+  debug?: boolean;
+}
+
 export interface ActionParams {
   commit: any;
   dispatch: DispatchFunction;

src/vuex-orm-apollo.ts

@@ -2,7 +2,7 @@ import Model from './model';
 import { ApolloClient, FetchPolicy } from 'apollo-client';
 import { HttpLink } from 'apollo-link-http';
 import { InMemoryCache } from 'apollo-cache-inmemory';
-import { Data, ActionParams, Arguments, DispatchFunction, PatchedModel } from './interfaces';
+import { Data, ActionParams, Arguments, DispatchFunction, PatchedModel, Options } from './interfaces';
 import QueryBuilder from './queryBuilder';
 import { upcaseFirstLetter } from './utils';
 import Context from './context';
@@ -26,14 +26,16 @@ export default class VuexORMApollo {
    * @param components
    * @param options
    */
-  public constructor (components: Components, options: any) {
+  public constructor (components: Components, options: Options) {
     this.context = new Context(components, options);
 
     this.setupMethods();
 
     this.httpLink = new HttpLink({
       uri: options.url ? options.url : '/graphql',
-      credentials: 'same-origin'
+      credentials: options.credentials ? options.credentials : 'same-origin',
+      headers: options.headers ? options.headers : {},
+      useGETForQueries: Boolean(options.useGETForQueries)
     });
 
     this.apolloClient = new ApolloClient({