daohoangson · daohoangson · Sep 6, 2020 · Oct 22, 2019 · Oct 22, 2019 · Oct 22, 2019
diff --git a/README.md b/README.md
@@ -142,6 +142,16 @@ Ví dụ:
 
 - Dart [pub.dev](https://pub.dev/packages/dvhcvn)
 
+## Demo
+
+- [geolocation](https://dvhcvn.daohoangson.now.sh/demo/geolocation.html): xác định dvhc từ kinh độ, vĩ độ
+- [map](https://dvhcvn.daohoangson.now.sh/demo/map.html): hiển thị dvhc trên bản đồ
+- [parser](https://dvhcvn.daohoangson.now.sh/demo/parser.html): xác định dvhc từ địa chỉ (xem parser API bên dưới)
+- [parser API](https://dvhcvn.daohoangson.now.sh/demo/parser/api):
+  - Cách 1: `curl https://dvhcvn.daohoangson.now.sh/demo/parser/api -d input=hanoi` -> chỉ trả về tên các dvhc "**Thành phố Hà Nội**"
+  - Cách 2: `curl https://dvhcvn.daohoangson.now.sh/demo/parser/api -H 'Content-Type: text/plain' -d hanoi` -> trả về thông tin chi tiết
+  - Ví dụ: `curl https://dvhcvn.daohoangson.now.sh/demo/parser/api -H 'Content-Type: text/plain' -d 'trung tu, dong da, ha noi'` trả về `[{"id":"00226","name":"Trung Tự","type":"Phường"},{"id":"006","name":"Đống Đa","type":"Quận"},{"id":"01","name":"Hà Nội","type":"Thành phố"}]`
+
 ## Nhưng... tại sao?!
 
 Bộ dữ liệu này được tạo ra vì các dự án tương tự trên mạng Internet cung cấp thông tin không đầy đủ hoặc không được cập nhật thường xuyên.

diff --git a/demo/parser.html b/demo/parser.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <script src="/demo/demo.js"></script>
+  </head>
+  <body>
+    <form action="/demo/parser/api" method="POST">
+      <label>
+        Input
+        <input id="input" type="address" name="input" />
+      </label>
+
+      <pre id="output"></pre>
+
+      <input type="submit" value="Parse" />
+    </form>
+
+    <script>
+      const input = document.getElementById("input");
+      const output = document.getElementById("output");
+
+      const parse = value =>
+        fetch("/demo/parser/api", {
+          method: "POST",
+          headers: { "Content-Type": "text/plain" },
+          body: value
+        })
+          .then(r => r.json())
+          .then(
+            parsed => {
+              console.log("parse(%s)", value, parsed);
+              if (value !== input.value) return;
+
+              output.innerHTML = JSON.stringify(parsed, null, "  ");
+            },
+            reason => {
+              console.log("parse(%s)", value, reason);
+              if (value !== input.value) return;
+
+              output.innerHTML = `${reason}`;
+            }
+          );
+
+      let timeout = null;
+      input.onkeyup = e => {
+        clearTimeout(timeout);
+        timeout = setTimeout(() => parse(input.value), 200);
+      };
+    </script>
+  </body>
+</html>
diff --git a/demo/parser/.eslintrc.js b/demo/parser/.eslintrc.js
@@ -0,0 +1,12 @@
+module.exports = {
+  parser: "@typescript-eslint/parser",
+  extends: [
+    "plugin:@typescript-eslint/recommended",
+    "prettier/@typescript-eslint",
+    "plugin:prettier/recommended"
+  ],
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: "module"
+  }
+};
diff --git a/demo/parser/.gitignore b/demo/parser/.gitignore
@@ -0,0 +1 @@
+/node_modules
diff --git a/demo/parser/api/index.ts b/demo/parser/api/index.ts
@@ -0,0 +1,18 @@
+import { NowRequest, NowResponse } from "@now/node";
+
+import Parser from "../src/parser";
+
+const parser = new Parser();
+
+export default function (req: NowRequest, res: NowResponse) {
+  if (typeof req.body === "string") {
+    return res.send(parser.parse(req.body));
+  }
+
+  if (req.body && typeof req.body.input === "string") {
+    const parsed = parser.parse(req.body.input);
+    return res.send(parsed.map(r => `${r.type} ${r.name}`).join(", "));
+  }
+
+  return res.status(400).send('No input found.');
+}
diff --git a/demo/parser/api/now-build.sh b/demo/parser/api/now-build.sh
@@ -0,0 +1,15 @@
+#!/usr/bin/env bash
+
+set -e
+cd $( dirname $BASH_SOURCE[0] )
+
+_historyDataPath=../../../history/data
+_treeJsonPath=$_historyDataPath/tree.json
+
+mkdir -p $_historyDataPath
+
+if [ ! -f $_treeJsonPath ]; then
+  curl -Lo $_treeJsonPath https://github.com/daohoangson/dvhcvn-historical-data/raw/demo/parser/tree.json
+fi
+
+ls -ald $_treeJsonPath
diff --git a/demo/parser/bin/cli.ts b/demo/parser/bin/cli.ts
@@ -0,0 +1,43 @@
+#!npx ts-node
+
+import readline from "readline";
+import yargs from "yargs";
+
+import Parser from "../src/parser";
+
+const argv = yargs
+  .help()
+  .option("debug", {
+    boolean: true,
+    description: "Run with debug output"
+  })
+  .option("json", {
+    boolean: true,
+    description: "Json decode input before parsing"
+  })
+  .alias("h", "help").argv;
+
+const { debug, json } = argv;
+const parser = new Parser({ debug });
+
+const parseInput = input => {
+  if (json) {
+    const decoded = JSON.parse(input);
+    if (decoded && typeof decoded.input === "string") {
+      input = decoded.input;
+    }
+  }
+
+  process.stdout.write(
+    JSON.stringify({ input, output: parser.parse(input) }) + "\n"
+  );
+};
+
+const inputs = argv._;
+if (inputs.length > 0) {
+  inputs.forEach(parseInput);
+  process.exit(0);
+}
+
+const rl = readline.createInterface({ input: process.stdin });
+rl.on("line", parseInput);