rescriptbr · ubmit · Jul 19, 2020 · Jul 19, 2020 · Jul 19, 2020
diff --git a/demo/.babelrc b/demo/.babelrc
@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-env", "@babel/preset-react"]
+}
diff --git a/demo/.gitignore b/demo/.gitignore
@@ -0,0 +1,7 @@
+.DS_Store
+.merlin
+.bsb.lock
+npm-debug.log
+/lib/bs/
+/node_modules/
+*.bs.js
diff --git a/demo/README.md b/demo/README.md
@@ -0,0 +1,28 @@
+# Reason AsyncHook demo
+
+## Build
+
+```bash
+yarn build
+
+# for npm
+npm run build
+```
+
+## Build + Watch
+
+```bash
+yarn build:watch
+
+# for npm
+npm run start
+```
+
+## Run the dev server
+
+```bash
+yarn dev
+
+# for npm
+npm run start
+```
diff --git a/demo/bsconfig.json b/demo/bsconfig.json
@@ -0,0 +1,21 @@
+{
+  "name": "reason-async-hook-demo",
+  "version": "0.1.0",
+  "sources": {
+    "dir": "src",
+    "subdirs": true
+  },
+  "package-specs": {
+    "module": "commonjs",
+    "in-source": true
+  },
+  "suffix": ".bs.js",
+  "bs-dependencies": ["reason-react"],
+  "warnings": {
+    "error": "+101"
+  },
+  "refmt": 3,
+  "reason": {
+    "react-jsx": 3
+  }
+}
diff --git a/demo/index.html b/demo/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Reason AsyncHook</title>
+  </head>
+  <body>
+    <div id="root"></div>
+
+    <script src="http://localhost:8080/index.bundle.js"></script>
+  </body>
+</html>
diff --git a/demo/package.json b/demo/package.json
@@ -0,0 +1,30 @@
+{
+  "name": "reason-async-hook-demo",
+  "version": "1.0.0",
+  "main": "index.js",
+  "license": "MIT",
+  "scripts": {
+    "build": "bsb -make-world",
+    "build:watch": "bsb -make-world -w",
+    "dev": "concurrently \"webpack-dev-server\" \"nodemon server.js\""
+  },
+  "devDependencies": {
+    "@babel/core": "^7.10.5",
+    "@babel/preset-env": "^7.10.4",
+    "@babel/preset-react": "^7.10.4",
+    "babel-loader": "^8.1.0",
+    "bs-platform": "^8.0.3",
+    "concurrently": "^5.2.0",
+    "nodemon": "^2.0.4",
+    "webpack": "^4.43.0",
+    "webpack-cli": "^3.3.12",
+    "webpack-dev-server": "^3.11.0"
+  },
+  "dependencies": {
+    "fastify": "^3.1.1",
+    "fastify-cors": "^4.1.0",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
+    "reason-react": "^0.9.1"
+  }
+}
diff --git a/demo/server.js b/demo/server.js
@@ -0,0 +1,32 @@
+const fastify = require("fastify")({ logger: true });
+
+fastify.register(require("fastify-cors"), {
+  origin: /.*/,
+  allowedHeaders: [
+    "Origin",
+    "X-Requested-With",
+    "Accept",
+    "Content-Type",
+    "Authorization",
+  ],
+  methods: ["GET", "PUT", "PATCH", "POST", "DELETE", "OPTIONS"],
+});
+
+fastify.get("/user", (_request, reply) => {
+  reply.send({
+    name: "Foo",
+    age: 42,
+  });
+});
+
+const start = async () => {
+  try {
+    await fastify.listen(3000);
+    fastify.log.info(`Server listening on ${fastify.server.address().port}`);
+  } catch (err) {
+    fastify.log.error(err);
+    process.exit(1);
+  }
+};
+
+start();
diff --git a/demo/src/App.re b/demo/src/App.re
@@ -0,0 +1,4 @@
+[@react.component]
+let make = () => {
+  <h1> "Hello from Reason AsyncHook!"->React.string </h1>;
+};
diff --git a/demo/src/Index.re b/demo/src/Index.re
@@ -0,0 +1 @@
+ReactDOMRe.renderToElementWithId(<App />, "root");
diff --git a/demo/webpack.config.js b/demo/webpack.config.js
@@ -0,0 +1,27 @@
+const path = require("path");
+
+module.exports = {
+  mode: 'development',
+  entry: './src/Index.bs.js',
+  module: {
+    rules: [
+      {
+        test: /.js$/,
+        exclude: /{node_modules}/,
+        use: {
+          loader: "babel-loader",
+          options: {
+            presets: ["@babel/preset-env"],
+          },
+        },
+      },
+    ],
+  },
+  output: {
+    path: path.resolve(__dirname, "dist"),
+    filename: 'index.bundle.js',
+  },
+  devServer: {
+    compress: true,
+  },
+};
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		ReactDOMRe.renderToElementWithId(<App />, "root");