refactor: add @loopback/example-graphql

Signed-off-by: Raymond Feng <[email protected]>

CODEOWNERS

@@ -321,6 +321,7 @@
 # - Issue label: GraphQL
 # - Primary owner(s): @raymondfeng
 /extensions/graphql @raymondfeng
+/examples/graphql @raymondfeng
 
 #
 # Build & internal tooling

docs/site/MONOREPO.md

@@ -21,6 +21,7 @@ one in the monorepo: `npm run update-monorepo-file`
 | [examples/context](https://github.com/strongloop/loopback-next/tree/master/examples/context)                                         | @loopback/example-context                  | Standalone examples to illustrate features provided by @loopback/context                                                                                                                                                                                                                        |
 | [examples/express-composition](https://github.com/strongloop/loopback-next/tree/master/examples/express-composition)                 | @loopback/example-express-composition      | LoopBack 4 REST API on Express                                                                                                                                                                                                                                                                  |
 | [examples/file-transfer](https://github.com/strongloop/loopback-next/tree/master/examples/file-transfer)                             | @loopback/example-file-transfer            | Example application for file upload/download with LoopBack 4                                                                                                                                                                                                                                    |
+| [examples/graphql](https://github.com/strongloop/loopback-next/tree/master/examples/graphql)                                         | @loopback/example-graphql                  | GraphQL Example Application                                                                                                                                                                                                                                                                     |
 | [examples/greeter-extension](https://github.com/strongloop/loopback-next/tree/master/examples/greeter-extension)                     | @loopback/example-greeter-extension        | An example showing how to implement the extension point/extension pattern using LoopBack 4                                                                                                                                                                                                      |
 | [examples/greeting-app](https://github.com/strongloop/loopback-next/tree/master/examples/greeting-app)                               | @loopback/example-greeting-app             | An example greeting application for LoopBack 4                                                                                                                                                                                                                                                  |
 | [examples/hello-world](https://github.com/strongloop/loopback-next/tree/master/examples/hello-world)                                 | @loopback/example-hello-world              | A simple hello-world Application using LoopBack 4                                                                                                                                                                                                                                               |

examples/graphql/.npmrc

@@ -0,0 +1 @@
+package-lock=true

extensions/graphql/src/__examples__/graphql-test/LICENSE → examples/graphql/LICENSE

@@ -1,12 +1,12 @@
-Copyright (c) IBM Corp. 2019.
-Node module: graphql-test
+Copyright (c) IBM Corp. 2020.
+Node module: @loopback/example-graphql
 This project is licensed under the MIT License, full text below.
 
 --------
 
 MIT License
 
-MIT License Copyright (c) IBM Corp. 2019
+MIT License Copyright (c) IBM Corp. 2020
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of
 this software and associated documentation files (the "Software"), to deal in

examples/graphql/README.md

@@ -0,0 +1,75 @@
+# @loopback/example-graphql
+
+An example application to demonstrate GraphQL integration for LoopBack 4 using
+[@loopback/graphql](https://github.com/strongloop/loopback-next/tree/graphql/extensions/graphql).
+
+## Try it out
+
+```sh
+npm start
+```
+
+You should see the following messages:
+
+```sh
+Server is running at http://[::1]:3000
+Try http://[::1]:3000/graphql
+```
+
+Open http://127.0.0.1:3000/graphql in your browser to play with the GraphiQL.
+
+![graphql-demo](graphql-demo.png)
+
+1. Copy the query to the right panel:
+
+```graphql
+query GetRecipe1 {
+  recipe(recipeId: "1") {
+    title
+    description
+    ratings
+    creationDate
+    ratingsCount(minRate: 2)
+    averageRating
+    ingredients
+    numberInCollection
+  }
+}
+```
+
+2. Click on the run icon:
+
+```json
+{
+  "data": {
+    "recipe": {
+      "title": "Recipe 1",
+      "description": "Desc 1",
+      "ratings": [0, 3, 1],
+      "creationDate": "2018-04-11T00:00:00.000Z",
+      "ratingsCount": 1,
+      "averageRating": 1.3333333333333333,
+      "ingredients": ["one", "two", "three"],
+      "numberInCollection": 1
+    }
+  }
+}
+```
+
+## Contributions
+
+- [Guidelines](https://github.com/strongloop/loopback-next/blob/master/docs/CONTRIBUTING.md)
+- [Join the team](https://github.com/strongloop/loopback-next/issues/110)
+
+## Tests
+
+Run `npm test` from the root folder.
+
+## Contributors
+
+See
+[all contributors](https://github.com/strongloop/loopback-next/graphs/contributors).
+
+## License
+
+MIT