graphql-rust · tomhoule · Jun 29, 2018 · Jun 28, 2018 · Jun 29, 2018 · Jun 29, 2018
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,4 @@
-/target
+target/
+node_modules/
 **/*.rs.bk
 Cargo.lock
diff --git a/README.md b/README.md
@@ -6,7 +6,7 @@ This library does not provide any networking, caching or other client functional
 
 ```rust
 #[derive(GraphQLQuery)]
-#[GraphQLQuery(
+#[gql(
     query = "/graphql/queries/my_query.graphql",
     schema = "/graphql/schema.graphql"
 )]

diff --git a/examples/call_from_js/.gitignore b/examples/call_from_js/.gitignore
@@ -0,0 +1,4 @@
+call_from_js.d.ts
+call_from_js.js
+call_from_js_bg.wasm
+package-lock.json
diff --git a/examples/call_from_js/Cargo.toml b/examples/call_from_js/Cargo.toml
@@ -0,0 +1,15 @@
+[package]
+name = "call_from_js"
+version = "0.1.0"
+authors = ["Tom Houlé <tom@tomhoule.com>"]
+
+[lib]
+crate-type = ["cdylib"]
+
+[dependencies]
+graphql_client = { path = "../..", version = "0.0.1" }
+wasm-bindgen = "0.2.11"
+serde = "1.0.67"
+serde_derive = "1.0.67"
+serde_json = "1.0.22"
+lazy_static = "1.0.1"
diff --git a/examples/call_from_js/README.md b/examples/call_from_js/README.md
@@ -0,0 +1,11 @@
+# call from JS example
+
+This is a demo of the library used for webassembly.
+
+## Build
+
+You will need the Rust toolchain, npm and the wasm-bindgen cli (`cargo install wasm-bindgen-cli`) for this to work. Just run:
+
+```
+./build.sh
+```
diff --git a/examples/call_from_js/build.sh b/examples/call_from_js/build.sh
@@ -0,0 +1,9 @@
+set -ex
+
+cargo +nightly build --target wasm32-unknown-unknown --release
+
+wasm-bindgen \
+  ../../target/wasm32-unknown-unknown/debug/call_from_js.wasm --out-dir .
+
+npm install
+npm run serve
diff --git a/examples/call_from_js/convenient_fetch.js b/examples/call_from_js/convenient_fetch.js
@@ -0,0 +1,14 @@
+export function convenient_post(url, body, onSuccess, onFailure) {
+  return fetch(url, {
+    body,
+    method: "POST",
+    headers: {
+      ["Content-Type"]: "application/json",
+      ["Accept"]: "application/json"
+    }
+  })
+    .then(res => res.text())
+    .then(onSuccess)
+    .catch(f => onSuccess(f.toString()));
+  // .catch(onFailure);
+}
diff --git a/examples/call_from_js/index.html b/examples/call_from_js/index.html
@@ -0,0 +1,14 @@
+<html>
+
+<head>
+    <meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
+    <!-- boostrap 4 -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB"
+        crossorigin="anonymous">
+</head>
+
+<body>
+    <script src='./index.js'></script>
+</body>
+
+</html>
diff --git a/examples/call_from_js/index.js b/examples/call_from_js/index.js
@@ -0,0 +1,5 @@
+const js = import("./call_from_js");
+
+js.then(js => {
+  js.run();
+});
diff --git a/examples/call_from_js/package.json b/examples/call_from_js/package.json
@@ -0,0 +1,10 @@
+{
+  "scripts": {
+    "serve": "webpack-dev-server"
+  },
+  "devDependencies": {
+    "webpack": "^4.0.1",
+    "webpack-cli": "^2.0.10",
+    "webpack-dev-server": "^3.1.0"
+  }
+}