play with Graphql

mydearxym · mydearxym · commit 85f512e6cf2a · 2018-01-08T10:45:01.000+08:00
diff --git a/.graphqlconfig b/.graphqlconfig
@@ -2,6 +2,12 @@
   "schemaPath": "schema.graphql",
   "extensions": {
     "endpoints": {
+      "example": {
+        "url": "http://localhost:4000/api/graphiql"
+      },
+      "book": {
+        "url": "http://localhost:5000/graphiql"
+      },
       "test": {
         "url": "https://api.graph.cool/simple/v1/swapi"
       },
diff --git a/next.config.js b/next.config.js
@@ -29,6 +29,18 @@ module.exports = {
       loader: 'raw-loader',
     })
     */
+    /*
+    config.module.rules.push(
+      {
+        test: /\.css$/,
+        use: ['style-loader', 'css-loader'],
+      },
+      {
+        test: /\.(svg|eot|ttf|woff|woff2)$/,
+        use: 'url-loader',
+      }
+    )
+    */
 
     if (ANALYZE) {
       config.plugins.push(
diff --git a/package.json b/package.json
@@ -21,6 +21,8 @@
     "analyze": "cross-env ANALYZE=1 next build",
     "api:play": "GRAPHQL_CONFIG_ENDPOINT_NAME=mastani graphql playground",
     "api:graph": "graphql voyager",
+    "graph:mastani": "graphql get-schema -e mastani && head ./schema.graphql",
+    "graph:example": "graphql get-schema -e example && graphql voyager",
     "coveralls": "cat ./coverage/lcov.info | coveralls"
   },
   "lint-staged": {
diff --git a/pages/_document.js b/pages/_document.js
@@ -16,6 +16,15 @@ export default class MyDocument extends Document {
             href="http://image.mzliaoba.com/lib/antd.css"
             rel="stylesheet"
           />
+          {/* <link */}
+          {/* href="https://cdn.bootcss.com/graphiql/0.11.10/graphiql.min.css" */}
+          {/* rel="stylesheet" */}
+          {/* /> */}
+          {/* <link */}
+          {/* href="https://raw.githubusercontent.com/mydearxym/cdn/master/voyager.css" */}
+          {/* rel="stylesheet" */}
+          {/* /> */}
+
           {styleTags}
         </Head>
         <body>
diff --git a/pages/api.js b/pages/api.js
@@ -36,6 +36,8 @@ export default class Index extends React.Component {
     this.store = initRootStore(props.isServer, props.langSetup)
   }
 
+  //   <Playground endpoint="https://api.graph.cool/simple/v1/swapi" />
+
   render() {
     return (
       <Provider store={this.store}>
@@ -45,7 +47,7 @@ export default class Index extends React.Component {
             <Doraemon />
             <ApiLayout>
               <Header />
-              <div>hallo?</div>
+              <div style={{ marginTop: '2vh' }}>api</div>
             </ApiLayout>
           </MultiLanguage>
         </ThemeWrapper>
diff --git a/schema.graphql b/schema.graphql
@@ -1,22 +1,16 @@
-# source: http://localhost:4001/graphiql
-# timestamp: Fri Nov 24 2017 23:04:58 GMT+0800 (CST)
+# source: http://localhost:5000/graphiql
+# timestamp: Mon Dec 11 2017 11:46:04 GMT+0800 (CST)
 
 schema {
   query: RootQueryType
-  mutation: RootMutationType
 }
 
-type Link {
-  description: String!
-  id: ID!
-  url: String!
-}
-
-type RootMutationType {
-  createLink(description: String!, url: String!): Link
+type MenuItem {
+  description: String
+  id: ID
+  name: String
 }
 
 type RootQueryType {
-  # hehehef: Get all links
-  allLinks: [Link!]!
+  menuItems: [MenuItem]
 }
