From 7566bf86125fe737bc6df9692a8bcda44d983d14 Mon Sep 17 00:00:00 2001
From: monoid <qaswedfr55@gmail.com>
Date: Fri, 22 Apr 2022 22:51:41 +0900
Subject: [PATCH] copy other

---
 tools/printDocument.ts       |  63 ++++++++++++++++++++---------------
 tools/reactivity.ts          |  28 ++++++++++++++++
 tools/template/interface.png | Bin 0 -> 13679 bytes
 tools/template/specific.md   |   2 +-
 4 files changed, 66 insertions(+), 27 deletions(-)
 create mode 100644 tools/reactivity.ts
 create mode 100644 tools/template/interface.png

diff --git a/tools/printDocument.ts b/tools/printDocument.ts
index 5c031bb..a9f8124 100644
--- a/tools/printDocument.ts
+++ b/tools/printDocument.ts
@@ -3,9 +3,12 @@ import { Issue } from "./githubType.ts";
 import { copy } from "https://deno.land/std@0.136.0/fs/mod.ts";
 import { readAll } from "https://deno.land/std@0.135.0/streams/mod.ts"
 import { parse as argParse } from "https://deno.land/std@0.135.0/flags/mod.ts";
-import { normalize, join as pathJoin, fromFileUrl, parse as parsePath
-, relative } from "https://deno.land/std@0.135.0/path/mod.ts";
+import {
+    normalize, join as pathJoin, fromFileUrl, parse as parsePath
+    , relative
+} from "https://deno.land/std@0.135.0/path/mod.ts";
 import * as Eta from "https://deno.land/x/eta@v1.12.3/mod.ts";
+import { createReactive } from "./reactivity.ts";
 
 async function readContent(path?: string): Promise<string> {
     let content = "[]";
@@ -69,16 +72,17 @@ async function readAndPrint(args: {
 
 async function main() {
     const parsedArg = argParse(Deno.args);
-    const { issue_path, outDir, w, watch } = parsedArg;
+    const { issue_path, outDirArg, w, watch } = parsedArg;
     const watchMode = w || watch;
     if (typeof issue_path !== "undefined" && typeof issue_path !== "string") {
         console.log("Please provide a path to the json file.");
         Deno.exit(1);
     }
-    if (typeof outDir !== "undefined" && typeof outDir !== "string") {
+    if (typeof outDirArg !== "undefined" && typeof outDirArg !== "string") {
         console.log("Please provide a path to the output file.");
         Deno.exit(1);
     }
+    const outDir = (outDirArg ?? "build");
     if (typeof watchMode !== "undefined" && typeof watchMode !== "boolean") {
         console.log("Please provide a boolean value for w.");
         Deno.exit(1);
@@ -95,14 +99,29 @@ async function main() {
         views: viewPath,
         "view cache": false,
     });
-
-    const c = await readContent(issue_path);
-    const issues = JSON.parse(c) as Issue[];
-    issues.sort((a, b) => a.number - b.number);
+    const issuesR = await createReactive(async () => {
+        const c = await readContent(issue_path);
+        const issues = JSON.parse(c) as Issue[];
+        issues.sort((a, b) => a.number - b.number);
+        return issues;
+    });
 
     const targets = ["SUMMARY.md", "overall.md", "specific.md", "intro.md", "support.md"];
 
-    await readAndPrint({ issue_path, outDir, targets });
+    const targetsR = await Promise.all(targets.map(async (t) => {
+        return await createReactive(() => {
+            return readAndPrint({ issue_path, outDir, targets:[t] });
+        });
+    }
+
+    ));
+    issuesR.wireTo(...targetsR);
+    const copyOp = await createReactive(async () => {
+        const files = [...Deno.readDirSync(viewPath)].map(x => x.name).filter(x => !x.endsWith(".md"));
+        const op = files.map(x => copy(pathJoin(viewPath, x), pathJoin(outDir, x), { overwrite: true }));
+        await Promise.all(op);
+    });
+
     if (watchMode) {
         const watcher = Deno.watchFs([viewPath, issue_path as string]);
         for await (const event of watcher) {
@@ -111,28 +130,20 @@ async function main() {
                     new TextEncoder().encode("\x1b[2J\x1b[0f"),
                 );
                 console.log(`reloading ${event.paths.join(", ")}`);
-                let reloadAll = false;
                 for (const path of event.paths) {
                     const p = parsePath(path);
-                    if (targets.includes(p.base)) {
-                        readAndPrint({
-                            issue_path: issue_path as string,
-                            outDir: outDir as string,
-                            targets: [p.base]
-                        });
+                    if (p.dir === viewPath) {
+                        if(p.ext === ".md") {
+                            targetsR[targets.indexOf(p.base)].update();
+                        }
+                        else{
+                            copyOp.update();
+                        }
                     }
-                    else{
-                        reloadAll = true;
-                        break;
+                    else if (p.base === "issues.json") {
+                        await issuesR.update();
                     }
                 }
-                if (reloadAll) {
-                    readAndPrint({
-                        issue_path: issue_path as string,
-                        outDir: outDir as string,
-                        targets: targets
-                    });
-                }
             }
         }
     }
diff --git a/tools/reactivity.ts b/tools/reactivity.ts
new file mode 100644
index 0000000..701fe69
--- /dev/null
+++ b/tools/reactivity.ts
@@ -0,0 +1,28 @@
+interface Reactive<T>{
+    readonly value: T;
+    update: () => Promise<void>;
+    wireTo(...r: Reactive<unknown>[]): void;
+    unwireTo(r: Reactive<unknown>): void;
+}
+
+export async function createReactive<T>(fn: () => Promise<T>): Promise<Reactive<T>> {
+    let v = await fn();
+    let listeners: Reactive<unknown>[] = [];
+
+    return {
+        get value() : T {
+            return v;
+        },
+        async update(){
+            const ret = await fn();
+            v = ret;
+            await Promise.all(listeners.map(o => o.update()));
+        },
+        wireTo(...r: Reactive<unknown>[]) {
+            listeners.push(...r);
+        },
+        unwireTo(r: Reactive<unknown>) {
+            listeners = listeners.filter(o => o !== r);
+        }
+    };
+}
\ No newline at end of file
diff --git a/tools/template/interface.png b/tools/template/interface.png
new file mode 100644
index 0000000000000000000000000000000000000000..fb31e77e3fb0a083e49850eece10c59ec18237ae
GIT binary patch
literal 13679
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

literal 0
HcmV?d00001

diff --git a/tools/template/specific.md b/tools/template/specific.md
index ae7b7d5..5d03147 100644
--- a/tools/template/specific.md
+++ b/tools/template/specific.md
@@ -125,7 +125,7 @@ classDiagram
 
 ### 3.7.2. 사용자 인터페이스 상세
 
-
+![interface](./interface.png)
 
 ### 3.7.4. 특징(Feature)