Merge pull request #181 from ThinkDeepTech/hm/collect-data

Author: haydenmcp

packages/deep-graphql-binding/README copy.md

@@ -0,0 +1,44 @@
+# graphql-binding
+
+TODO: Update with usage example, remove deprication
+
+# Deprecation Notice!
+
+In the last few months, since [the transition of many libraries](https://www.prisma.io/blog/the-guild-takes-over-oss-libraries-vvluy2i4uevs) under [The Guild](http://the-guild.dev)'s leadership, We've reviewed and released many improvements and versions to [graphql-cli](https://github.com/Urigo/graphql-cli), [graphql-config](https://github.com/kamilkisiela/graphql-config) and [graphql-import](https://github.com/ardatan/graphql-import).
+
+We've reviewed `graphql-binding`, had many meetings with current users and engaged the community also through the [roadmap issue](https://github.com/dotansimha/graphql-binding/issues/325).
+
+What we've found is that the new [GraphQL Mesh](https://the-guild.dev/blog/graphql-mesh) library is covering not only all the current capabilities of GraphQL Binding, but also the future ideas that were introduced in the [original GraphQL Binding blog post](https://github.com/prisma-archive/prisma-blog-archive/blob/master/2018-01-12-reusing-and-composing-graphql-apis-with-graphql-bindings.mdx) and haven't come to life yet.
+
+And the best thing - [GraphQL Mesh](https://the-guild.dev/blog/graphql-mesh) gives you all those capabilities, even if your source is not a GraphQL service at all!
+it can be GraphQL, OpenAPI/Swagger, gRPC, SQL or any other source!
+And of course you can even merge all those sources into a single SDK.
+
+Just like GraphQL Binding, you get a fully typed SDK (thanks to the protocols SDKs and the [GraphQL Code Generator](https://github.com/dotansimha/graphql-code-generator)), but from any source, and that SDK can run anywhere, as a connector or as a full blown gateway.
+And you can share your own "Mesh Modules" (which you would probably call "your own binding") and our community already created many of those!
+Also, we decided to simply expose regular GraphQL, so you can choose how to consume it using all the awesome [fluent client SDKs out there](https://hasura.io/blog/fluent-graphql-clients-how-to-write-queries-like-a-boss/).
+
+If you think that we've missed anything from GraphQL Binding that is not supported in a better way in GraphQL Mesh, please let us know!
+
+## Overview
+
+🔗 GraphQL bindings are **modular building blocks** that allow to embed existing GraphQL APIs into your own GraphQL server. Think about it as turning (parts of) GraphQL APIs into reusable LEGO building blocks. Bindings may be generated in JavaScript, TypeScript, or Flow.
+
+> The idea of GraphQL bindings is introduced in detail in this blog post: [Reusing & Composing GraphQL APIs with GraphQL Bindings](https://www.prisma.io/blog/reusing-and-composing-graphql-apis-with-graphql-bindings-80a4aa37cff5/)
+
+## Install
+
+```sh
+yarn add graphql-binding
+```
+
+## Public GraphQL bindings
+
+You can find practical, production-ready examples here:
+
+- [`graphql-binding-github`](https://github.com/graphql-binding/graphql-binding-github)
+- [`prisma-binding`](https://github.com/prisma/prisma-binding)
+
+> Note: If you've created your own GraphQL binding based on this package, please add it to this list via a PR 🙌
+
+If you have any questions, share some ideas or just want to chat about GraphQL bindings, join the [`#graphql-bindings`](https://prisma.slack.com/messages/graphql-bindings) channel in our [Slack](https://slack.prisma.io/).

packages/deep-microservice-collection/src/datasource/tweet-store.mjs

@@ -19,7 +19,7 @@ class TweetStore extends MongoDataSource {
             const result = await this.collection.find({
                 economicEntityName: economicEntityName.toLowerCase(),
                 economicEntityType : economicEntityType.toLowerCase()
-            }).limit(numTweetsToReturn).sort({timestamp: -1}).toArray();
+            }).sort({timestamp: -1}).limit(numTweetsToReturn).toArray();
 
             return this._reduceTweets(result);
         } catch (e) {

packages/deep-template-analyzer/debounce.mjs

@@ -0,0 +1,17 @@
+const debounce = (fcn, wait) => {
+
+    let timeout;
+
+    return function execute (...args) {
+
+        const later = () => {
+            clearTimeout(timeout);
+            fcn(...args)
+        };
+
+        clearTimeout(timeout);
+        timeout = setTimeout(later, wait);
+    };
+};
+
+export { debounce };

packages/deep-template-analyzer/deep-analyzer-page-summary.js

@@ -1,14 +1,18 @@
+import {ApolloMutationController} from '@apollo-elements/core';
 import {ApolloQuery, html} from '@apollo-elements/lit-apollo';
 import '@google-web-components/google-chart';
 import '@thinkdeep/deep-button/deep-button.mjs';
 import '@thinkdeep/deep-card/deep-card.mjs';
 import '@thinkdeep/deep-textbox/deep-textbox.mjs';
+import {debounce} from './debounce.mjs';
 import {translate} from 'lit-element-i18n';
+import CollectEconomicData from './graphql/CollectEconomicData.mutation.graphql';
 import GetSentiment from './graphql/GetSentiment.query.graphql';
 
 export default class DeepAnalyzerPageSummary extends ApolloQuery {
   static get properties() {
     return {
+      mutation: {type: Object},
       selectedSentiments: {type: Array},
     };
   }
@@ -23,6 +27,8 @@ export default class DeepAnalyzerPageSummary extends ApolloQuery {
       economicEntityType: 'BUSINESS',
     };
 
+    this.mutation = new ApolloMutationController(this, CollectEconomicData);
+
     this.selectedSentiments = [];
   }
 
@@ -41,13 +47,13 @@ export default class DeepAnalyzerPageSummary extends ApolloQuery {
   render() {
     return html`
       ${translate('translations:startCollectingLabel')}
-      <deep-textbox placeholder="Business Name (i.e, Google)"></deep-textbox>
-      <deep-button @click="${this._collectData}">Collect Data</deep-button>
-
-      ${translate('translations:selectBusinessLabel')}
-      <select name="business" id="business">
-        <option value="Google">Google</option>
-      </select>
+      <deep-textbox
+        placeholder="i.e, Google"
+        @input="${debounce(this._setCompanyName.bind(this), 350)}"
+      ></deep-textbox>
+      <deep-button @click="${() => this.mutation.mutate()}"
+        >${translate('translations:startButtonLabel')}</deep-button
+      >
 
       <google-chart
         type="line"
@@ -106,6 +112,14 @@ export default class DeepAnalyzerPageSummary extends ApolloQuery {
       sentiment.score === selectedPoint[1]
     );
   }
+
+  _setCompanyName({explicitOriginalTarget}) {
+    const companyName = explicitOriginalTarget.value;
+    this.mutation.variables = {
+      economicEntityName: companyName,
+      economicEntityType: 'BUSINESS',
+    };
+  }
 }
 
 customElements.define('deep-analyzer-page-summary', DeepAnalyzerPageSummary);

packages/deep-template-analyzer/graphql/CollectEconomicData.mutation.graphql

@@ -0,0 +1,5 @@
+mutation CollectEconomicData($economicEntityName: String!, $economicEntityType: EconomicEntityType!){
+  collectEconomicData(economicEntityName: $economicEntityName, economicEntityType: $economicEntityType) {
+    success
+  }
+}

packages/deep-template-analyzer/locales/en-CA/common.js

@@ -17,6 +17,7 @@ export default {
   headline: 'Explore data.',
   buttonText: 'Log In',
   notFoundPageContent: 'Page Not Found!',
-  startCollectingLabel: 'Collect',
+  startCollectingLabel: 'Collect Business Data',
+  startButtonLabel: 'Start',
   selectBusinessLabel: 'Select a business',
 };

packages/deep-template-analyzer/locales/en-US/common.js

@@ -15,6 +15,7 @@ export default {
   headline: 'Something different here',
   buttonText: 'Log In',
   notFoundPageContent: 'Page Still not found!',
-  startCollectingLabel: 'Collect2',
+  startCollectingLabel: 'Collect Business Data2',
+  startButtonLabel: 'Start2',
   selectBusinessLabel: 'Select a business2',
 };