Adds frontend setup with melange and webpack

.gitignore

@@ -1,3 +1,5 @@
 node_modules
 _esy
-*~
+*~
+static
+_build

bin/main.re

@@ -32,8 +32,9 @@ let hello_route_handler = _request =>
   );
 
 let hello_route: Dream.route = Dream.get("/", hello_route_handler);
+let statics_route: Dream.route =  Dream.get("/static/**", Dream.static("./static"));
 
-let handler = Dream.router([hello_route]);
+let handler = Dream.router([hello_route, statics_route]);
 
 // request => promise(response)
 Dream.run(~port=8000, ~interface="localhost", handler);

client/app.re

@@ -0,0 +1,4 @@
+switch (ReactDOM.querySelector("#root")) {
+| Some(el) => ignore @@ ReactDOM.Client.hydrateRoot(el, <Reason_india_website_js.App />)
+| None => ()
+};

client/dune

@@ -0,0 +1,7 @@
+(melange.emit
+ (alias client)
+ (target app)
+ (libraries melange reason_india_website_js reason-react)
+ (preprocess
+  (pps reason-react-ppx melange.ppx))
+ (module_systems commonjs))

dune

@@ -0,0 +1 @@
+(data_only_dirs node_modules esy.lock _esy)

dune-project

@@ -1,6 +1,7 @@
 (lang dune 3.15)
 
 (name reason_india_website)
+(using melange 0.1)
 
 (generate_opam_files true)
 

lib/js/dune

@@ -0,0 +1,8 @@
+(library
+ (name reason_india_website_js)
+ (modes melange)
+ (libraries melange reason-react)
+ (preprocess
+  (pps melange.ppx reason-react-ppx)))
+
+(copy_files# "../native/*.re")

webpack.config.js

@@ -0,0 +1,15 @@
+const Path = require("path");
+
+let buildFolder = Path.join(__dirname, "_build/default/client");
+
+module.exports = (env) => ({
+  devtool: env.production ? false : "inline-cheap-module-source-map",
+  entry: {
+    app: Path.join(buildFolder, "/app/client/app.js"),
+  },
+  mode: 'development',
+  output: {
+    path: Path.join(__dirname, "static"),
+    filename: "[name].js",
+  },
+});