Begin migration to @reasonml-community/graphql-ppx, starting with cli…

…ent.execute* methods. (#221)
teamwalnut · Nov 12, 2020 · 50c26ae · 50c26ae
1 parent f0e40e7
commit 50c26ae
Show file tree

Hide file tree

Showing 17 changed files with 484 additions and 325 deletions.
diff --git a/bsconfig.json b/bsconfig.json
@@ -23,7 +23,11 @@
     }
   ],
   "suffix": ".bs.js",
-  "bs-dependencies": ["reason-react", "wonka", "bs-fetch"],
+  "bs-dependencies": [
+    "reason-react",
+    "wonka",
+    "bs-fetch"
+  ],
   "bs-dev-dependencies": ["@glennsl/bs-jest"],
   "refmt": 3,
   "warnings": {

diff --git a/examples/1-execute-query-mutation/bsconfig.json b/examples/1-execute-query-mutation/bsconfig.json
@@ -21,11 +21,12 @@
     "wonka",
     "reason-react",
     "bs-css-emotion",
-    "bs-css"
+    "bs-css",
+    "@reasonml-community/graphql-ppx"
   ],
   "refmt": 3,
   "warnings": {
     "error": "+5"
   },
-  "ppx-flags": ["@baransu/graphql_ppx_re/ppx"]
+  "ppx-flags": ["@reasonml-community/graphql-ppx/ppx"]
 }
diff --git a/examples/1-execute-query-mutation/package.json b/examples/1-execute-query-mutation/package.json
@@ -12,12 +12,12 @@
     "start:demo": "webpack-dev-server"
   },
   "dependencies": {
+    "@reasonml-community/graphql-ppx": "^1.0.1",
     "bs-css-emotion": "^1.2.0",
     "reason-react": "^0.7.0",
     "reason-urql": "link:../../"
   },
   "devDependencies": {
-    "@baransu/graphql_ppx_re": "^0.7.1",
     "bs-platform": "7.3.2",
     "webpack": "^4.43.0",
     "webpack-cli": "^3.3.11",

diff --git a/examples/1-execute-query-mutation/public/index.css b/examples/1-execute-query-mutation/public/index.css
@@ -0,0 +1,81 @@
+.previewer {
+  display: grid;
+  grid-template-columns: 1fr;
+  row-gap: 1rem;
+  max-width: 1280px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+@media (min-width: 640px) {
+  .previewer {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    grid-template-rows: repeat(2, 1fr);
+    column-gap: 2rem;
+    height: 100%;
+  }
+}
+
+.quadrant {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.quadrant > * {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.quadrant > * + * {
+  margin-top: 1rem;
+}
+
+.quadrant__section {
+  margin: 1rem;
+}
+
+.quadrant__title {
+  font-size: 2rem;
+  font-family: "DM Mono", monospace;
+}
+
+.quadrant__button {
+  align-self: self-start;
+  background-color: white;
+  font-size: 1.4rem;
+  border-radius: 2.5rem;
+  padding: 0.75rem;
+  cursor: pointer;
+  border-width: 2px;
+  border-style: solid;
+}
+
+.quadrant__button--teal {
+  border-color: #48a9dc;
+  color: #48a9dc;
+}
+
+.quadrant__button--orange {
+  border-color: #db4d3f;
+  color: #db4d3f;
+}
+
+.quadrant__code {
+  color: #ffffff;
+  padding: 1rem;
+  font-size: 1.4rem;
+  white-space: pre;
+  font-family: "DM Mono", monospace;
+  border-radius: 0.5rem;
+  max-height: 20rem;
+  overflow: auto;
+}
+
+.quadrant__code--teal {
+  background: #48a9dc;
+}
+
+.quadrant__code--orange {
+  background: #db4d3f;
+}
diff --git a/examples/1-execute-query-mutation/public/index.html b/examples/1-execute-query-mutation/public/index.html
@@ -2,16 +2,26 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
     <title>reason-urql</title>
     <style type="text/css">
+      html {
+        font-size: 10px;
+      }
+
       body {
         margin: 0;
       }
+
+      * {
+        box-sizing: border-box;
+      }
     </style>
     <link
-      href="https://fonts.googleapis.com/css?family=Space+Mono"
+      href="https://fonts.googleapis.com/css?family=DM+Mono&display=swap"
       rel="stylesheet"
     />
+    <link href="./index.css" rel="stylesheet" />
   </head>
   <body>
     <div id="root"></div>