Updated composition examples datasource types

Author: tlivings

examples/composition/property-component/datasource.ts

@@ -1,14 +1,14 @@
-'use strict';
+import { DataSourceDefinition, ComponentContext } from '../../../src';
 
 const propertiesDB = {
   1: { id: 1, geo: ['41.40338', '2.17403']},
   2: { id: 2, geo: ['111.1111', '222.2222']}
 }
 
-export default class PropertyDataSource {
+export default class PropertyDataSource implements DataSourceDefinition<PropertyDataSource> {
   name = 'PropertyDataSource';
 
-  getPropertyById(context, id) {
+  getPropertyById(context: ComponentContext, id: string) {
     return propertiesDB[id];
   }
 }

examples/composition/property-component/index.ts

@@ -1,4 +1,4 @@
-'use strict';
+
 
 import { types } from "./types";
 import GraphQLComponent from "../../../src";

examples/composition/property-component/resolvers.ts

@@ -1,4 +1,4 @@
-'use strict';
+
 
 export const resolvers = {
   Query: {

examples/composition/reviews-component/datasource.ts

@@ -1,15 +1,17 @@
 'use strict';
 
+import { ComponentContext, DataSourceDefinition } from "../../../src";
+
 // reviews indexed by property id
 const reviewsDB = {
   1: [ { id: 'rev-id-1-a', content: 'this property was great'}, { id: 'rev-id-1-b', content: 'this property was terrible'}],
   2: [ { id: 'rev-id-2-a', content: 'This property was amazing for our extended family'}, { id: 'rev-id-2-b', content: 'I loved the proximity to the beach'}, { id: 'rev-id-2-c', content: 'The bed was not comfortable at all'}]
 }
 
-export default class ReviewsDataSource {
+export default class ReviewsDataSource implements DataSourceDefinition<ReviewsDataSource> {
   name = 'ReviewsDataSource';
 
-  getReviewsByPropertyId(context, propertyId) {
+  getReviewsByPropertyId(context: ComponentContext, propertyId: string) {
     return reviewsDB[propertyId]
   }
 };

examples/composition/reviews-component/index.ts

@@ -1,4 +1,3 @@
-'use strict';
 
 import { types } from "./types";
 import GraphQLComponent from "../../../src";

examples/composition/reviews-component/resolvers.ts

@@ -1,4 +1,3 @@
-'use strict';
 
 export const resolvers = {
   Query: {