build(deps): bump handlebars from 4.1.2 to 4.7.7

src/component/assembler/Assembler.tsx

@@ -0,0 +1,62 @@
+import React, { useCallback, useState } from 'react';
+import { Input, Button, Layout } from 'antd';
+import { AssemblerBox } from './style';
+
+const Assembler = () => {
+    const [input, changeInput] = useState<string>('');
+    const handleChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {
+        if (!event.target.files || !event.target.files[0]) {
+            return;
+        }
+
+        const file = event.target.files[0];
+        const reader = new FileReader();
+
+        // @ts-ignore
+        reader.onloadend = (ev: ProgressEvent<FileReader>) => {
+            if (!ev.target || ev.target.readyState !== FileReader.DONE) {
+                return;
+            }
+            changeInput((ev.target.result as string) || '');
+        };
+        reader.readAsText(file);
+    }, []);
+
+    const parser = useCallback(() => {
+        console.log('input', input);
+    }, [input]);
+
+    return (
+        <Layout>
+            <Layout.Header>
+                <h1 style={{ color: 'white' }}>assembler</h1>
+            </Layout.Header>
+            <Layout.Content
+                style={{
+                    boxSizing: 'border-box',
+                    height: 'calc(100vh - 64px)',
+                    padding: '20px',
+                }}
+            >
+                <AssemblerBox>
+                    <div className="header operate">
+                        <input type="file" onChange={handleChange} />
+                        <Button type="primary" className="parser-btn" onClick={parser}>
+                            编译
+                        </Button>
+                    </div>
+                    <div className="body">
+                        <div className="content left">
+                            <Input.TextArea className="file-content" rows={20} disabled value={input} />
+                        </div>
+                        <div className="content right">
+                            <Input.TextArea className="file-content" rows={20} disabled value={input} />
+                        </div>
+                    </div>
+                </AssemblerBox>
+            </Layout.Content>
+        </Layout>
+    );
+};
+
+export default Assembler;

src/component/assembler/index.ts

@@ -0,0 +1,2 @@
+import Assembler from './Assembler';
+export default Assembler;

src/component/assembler/style.ts

@@ -0,0 +1,22 @@
+import styled from 'styled-components';
+
+export const AssemblerBox = styled.div`
+    .header {
+        margin-bottom: 10px;
+    }
+
+    .body {
+        position: relative;
+        display: flex;
+        justify-content: space-between;
+
+        .content {
+            box-sizing: border-box;
+            width: 49%;
+
+            .file-content {
+                color: rgba(0, 0, 0, 0.65);
+            }
+        }
+    }
+`;

src/component/router/Router.tsx

@@ -1,25 +1,22 @@
 import React from 'react';
-import {
-  BrowserRouter,
-  Switch,
-  Route,
-  Redirect,
-} from 'react-router-dom';
+import { BrowserRouter, Switch, Route, Redirect } from 'react-router-dom';
 import TankGame from '../tank-game/layout';
 import Regular from '../regular';
 import PlusTimes from '../plus-times';
+import Assembler from '../assembler';
 
 const Router = () => {
-  return (
-    <BrowserRouter>
-      <Switch>
-        <Route path="/regular" component={Regular} />
-        <Route path="/plus-time-compiler" component={PlusTimes} />
-        <Route path="/mini-compiler/:level" component={TankGame} />
-        <Redirect from="*" to="/regular" />
-      </Switch>
-    </BrowserRouter>
-  );
+    return (
+        <BrowserRouter>
+            <Switch>
+                <Route path="/regular" component={Regular} />
+                <Route path="/plus-time-compiler" component={PlusTimes} />
+                <Route path="/mini-compiler/:level" component={TankGame} />
+                <Route path="/asm" component={Assembler} />
+                <Redirect from="*" to="/asm" />
+            </Switch>
+        </BrowserRouter>
+    );
 };
 
 export default Router;

src/core/assembler/README.md

@@ -0,0 +1,9 @@
+# 汇编解析器
+
+https://github.com/CorleoneYu/nand2tetris  
+
+https://www.jianshu.com/p/19bd2a6761d0  
+
+https://www.jianshu.com/p/19fb662248cd  
+
+课程中第六章，将 「汇编代码」 转换为 「机器语言」。

src/core/assembler/code.ts

@@ -0,0 +1,5 @@
+class Code {
+
+}
+
+export default Code;

src/core/assembler/index.ts

@@ -0,0 +1,2 @@
+import Code from './code';
+export default Code;

src/core/assembler/parser.ts

@@ -0,0 +1,5 @@
+class Parser {
+
+}
+
+export default Parser;

src/core/assembler/symbol-table.ts

@@ -0,0 +1,5 @@
+class SymbolTable {
+
+}
+
+export default SymbolTable;

yarn.lock

@@ -3457,6 +3457,19 @@ ecc-jsbn@~0.1.1:
     jsbn "~0.1.0"
     safer-buffer "^2.1.0"
 
+echarts-for-react@^2.0.16:
+  version "2.0.16"
+  resolved "https://registry.yarnpkg.com/echarts-for-react/-/echarts-for-react-2.0.16.tgz#8134a53dff90882c1e6a95c45ceab21e00f6c9f5"
+  dependencies:
+    fast-deep-equal "^2.0.1"
+    size-sensor "^1.0.0"
+
+echarts@^4.9.0:
+  version "4.9.0"
+  resolved "https://registry.yarnpkg.com/echarts/-/echarts-4.9.0.tgz#a9b9baa03f03a2a731e6340c55befb57a9e1347d"
+  dependencies:
+    zrender "4.3.2"
+
 [email protected]:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
@@ -4346,12 +4359,13 @@ handle-thing@^2.0.0:
   resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-2.0.0.tgz#0e039695ff50c93fc288557d696f3c1dc6776754"
 
 handlebars@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.npm.taobao.org/handlebars/download/handlebars-4.1.2.tgz#b6b37c1ced0306b221e094fc7aca3ec23b131b67"
+  version "4.7.7"
+  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.7.7.tgz#9ce33416aad02dbd6c8fafa8240d5d98004945a1"
   dependencies:
+    minimist "^1.2.5"
     neo-async "^2.6.0"
-    optimist "^0.6.1"
     source-map "^0.6.1"
+    wordwrap "^1.0.0"
   optionalDependencies:
     uglify-js "^3.1.4"
 
@@ -6088,13 +6102,9 @@ [email protected]:
   version "0.0.8"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
 
-minimist@^1.1.1, minimist@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
-
-minimist@~0.0.1:
-  version "0.0.10"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.10.tgz#de3f98543dbf96082be48ad1a0c7cda836301dcf"
+minimist@^1.1.1, minimist@^1.2.0, minimist@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
 
 minipass@^2.2.1, minipass@^2.3.4:
   version "2.3.5"
@@ -6226,13 +6236,9 @@ [email protected]:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.1.tgz#2b327184e8992101177b28563fb5e7102acd0ca9"
 
-neo-async@^2.5.0:
-  version "2.6.0"
-  resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.0.tgz#b9d15e4d71c6762908654b5183ed38b753340835"
-
-neo-async@^2.6.0:
-  version "2.6.1"
-  resolved "https://registry.npm.taobao.org/neo-async/download/neo-async-2.6.1.tgz#ac27ada66167fa8849a6addd837f6b189ad2081c"
+neo-async@^2.5.0, neo-async@^2.6.0:
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
 
 nice-try@^1.0.4:
   version "1.0.5"
@@ -6532,13 +6538,6 @@ [email protected], opn@^5.1.0:
   dependencies:
     is-wsl "^1.1.0"
 
-optimist@^0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/optimist/-/optimist-0.6.1.tgz#da3ea74686fa21a19a111c326e90eb15a0196686"
-  dependencies:
-    minimist "~0.0.1"
-    wordwrap "~0.0.2"
-
 [email protected]:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/optimize-css-assets-webpack-plugin/-/optimize-css-assets-webpack-plugin-5.0.1.tgz#9eb500711d35165b45e7fd60ba2df40cb3eb9159"
@@ -8837,6 +8836,10 @@ sisteransi@^1.0.0:
   version "1.0.1"
   resolved "https://registry.npm.taobao.org/sisteransi/download/sisteransi-1.0.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsisteransi%2Fdownload%2Fsisteransi-1.0.1.tgz#208a2443e1fc40b05ccad4de0aa8798b27249ca1"
 
+size-sensor@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/size-sensor/-/size-sensor-1.0.1.tgz#f84e46206d3e259faff1d548e4b3beca93219dbb"
+
 slash@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/slash/-/slash-1.0.0.tgz#c41f2f6c39fc16d1cd17ad4b5d896114ae470d55"
@@ -9528,13 +9531,17 @@ ua-parser-js@^0.7.18:
   version "0.7.20"
   resolved "https://registry.npm.taobao.org/ua-parser-js/download/ua-parser-js-0.7.20.tgz#7527178b82f6a62a0f243d1f94fd30e3e3c21098"
 
-[email protected], uglify-js@^3.1.4:
+[email protected]:
   version "3.4.9"
   resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.4.9.tgz#af02f180c1207d76432e473ed24a28f4a782bae3"
   dependencies:
     commander "~2.17.1"
     source-map "~0.6.1"
 
+uglify-js@^3.1.4:
+  version "3.12.8"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.12.8.tgz#a82e6e53c9be14f7382de3d068ef1e26e7d4aaf8"
+
 unicode-canonical-property-names-ecmascript@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz#2619800c4c825800efdd8343af7dd9933cbe2818"
@@ -9979,11 +9986,7 @@ wolfy87-eventemitter@^5.2.8:
   version "5.2.8"
   resolved "http://bnpm.byted.org/wolfy87-eventemitter/download/wolfy87-eventemitter-5.2.8.tgz#fb7fff095cb972aa2a246b25e15b2764688c18a7"
 
-wordwrap@~0.0.2:
-  version "0.0.3"
-  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.3.tgz#a3d5da6cd5c0bc0008d37234bbaf1bed63059107"
-
-wordwrap@~1.0.0:
+wordwrap@^1.0.0, wordwrap@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
 
@@ -10242,3 +10245,7 @@ yargs@^12.0.2:
     which-module "^2.0.0"
     y18n "^3.2.1 || ^4.0.0"
     yargs-parser "^11.1.1"
+
+[email protected]:
+  version "4.3.2"
+  resolved "https://registry.yarnpkg.com/zrender/-/zrender-4.3.2.tgz#ec7432f9415c82c73584b6b7b8c47e1b016209c6"