syncExpression https://docs.amplify.aws/lib/datastore/sync/q/platform…

…/js#selective-sync

.graphqlconfig.yml

@@ -10,3 +10,6 @@ projects:
         codeGenTarget: javascript
         generatedFileName: ''
         docsFilePath: src/graphql
+extensions:
+  amplify:
+    version: 3

amplify/backend/api/amplifydsvue/schema.graphql

@@ -1,6 +1,7 @@
 type Chatty @model {
   id: ID!
   user: String!
+  rate: Int!
   message: String!
   createdAt: AWSDateTime
 }

src/HelloWorld.vue

@@ -1,12 +1,13 @@
 <template>
   <div>
     <form v-on:submit.prevent>
+      <input v-model="form.rate" />
       <input v-model="form.message" />
       <button @click="sendMessage">Send</button>
     </form>
 
     <div v-for="message of sorted" :key="message.id">
-      <div>{{ message.message }} {{ message.user }} - {{ message.createdAt }}</div>
+      <div>{{ message.rate }} {{ message.message }} {{ message.user }} - {{ message.createdAt }}</div>
     </div>
 
     <button @click="allDel">Delete all messages.</button>
@@ -15,9 +16,17 @@
 </template>
 <script>
 import { Auth } from "aws-amplify";
-import { DataStore, Predicates } from "@aws-amplify/datastore";
+import { DataStore, Predicates, syncExpression } from "@aws-amplify/datastore";
 import { Chatty } from "./models";
 
+DataStore.configure({
+  syncExpressions: [
+    syncExpression(Chatty, () => {
+      return (c) => c.rate('gt', 5).rate('lt', 7);
+    }),
+  ]
+});
+
 export default {
   name: 'app',
   data() {
@@ -47,9 +56,10 @@ export default {
   },
   methods: {
     sendMessage() {
-      const { message } = this.form
-      if (!message) return;
+      const { rate, message } = this.form
+      if (!rate || !message) return;
       DataStore.save(new Chatty({
+        rate: Number(rate),
         user: this.user.username,
         message: message,
         createdAt: new Date().toISOString()

src/graphql/mutations.js

@@ -9,6 +9,7 @@ export const createChatty = /* GraphQL */ `
     createChatty(input: $input, condition: $condition) {
       id
       user
+      rate
       message
       createdAt
       _version
@@ -26,6 +27,7 @@ export const updateChatty = /* GraphQL */ `
     updateChatty(input: $input, condition: $condition) {
       id
       user
+      rate
       message
       createdAt
       _version
@@ -43,6 +45,7 @@ export const deleteChatty = /* GraphQL */ `
     deleteChatty(input: $input, condition: $condition) {
       id
       user
+      rate
       message
       createdAt
       _version

src/graphql/queries.js

@@ -17,6 +17,7 @@ export const syncChatties = /* GraphQL */ `
       items {
         id
         user
+        rate
         message
         createdAt
         _version
@@ -34,6 +35,7 @@ export const getChatty = /* GraphQL */ `
     getChatty(id: $id) {
       id
       user
+      rate
       message
       createdAt
       _version
@@ -53,6 +55,7 @@ export const listChattys = /* GraphQL */ `
       items {
         id
         user
+        rate
         message
         createdAt
         _version