fix ts example

Author: atomize

.gitignore

@@ -1 +1 @@
-.vscode/
+.vscode

ghDirList.js

@@ -86,36 +86,43 @@ var createListElement = function (linkArray) {
             return (listEl.innerHTML += "<li>\n                            <input type=\"button\" id=\"" + links[0] + "\">\n                            <label for=\"" + links[0] + "\">\n                            <a href='/" + links[0] + "'>" + links[0] + "</a>\n                            </label>\n                            </li>");
         }
         else {
-            var innerLinks_1 = [], templateCollapse_1;
+            var innerLinks = void 0, templateCollapse_1;
             Promise.all(links[1].map(function (url, i) {
                 return fetch(url + "/README.md", fetchHeaders).then(function (resp) { return resp.text(); });
             }))
                 .then(function (texts) {
-                innerLinks_1 = links[1].map(function (link, i) {
+                return links[1].map(function (link, i) {
                     return "<li><a href=\"" + link + "\">" + converter.makeHtml(texts[i]) + "</a></li>";
                 });
             })
-                .then(function () {
-                templateCollapse_1 = "<li><input type=\"checkbox\" id=\"" + links[0] + "\">\n                            <label for=\"" + links[0] + "\">" + links[0] + "</label>\n                            <ul class=\"" + links[0] + "\">\n                              " + innerLinks_1.join(" ") + "\n                            </ul></li>";
+                .then(function (thing) {
+                templateCollapse_1 = "<li><input type=\"checkbox\" id=\"" + links[0] + "\">\n                            <label for=\"" + links[0] + "\">" + links[0] + "</label>\n                            <ul class=\"" + links[0] + "\">\n                              " + thing.join(" ") + "\n                            </ul></li>";
                 return (listEl.innerHTML += templateCollapse_1);
             });
         }
     });
     var domDoc = document;
     var wrapper = domDoc.querySelector(".wrapper");
     wrapper.innerHTML = "";
-    domDoc.append(listEl);
+    wrapper.append(listEl);
 };
 findGithubRepoContents("atomize", "atomize.github.io")
     .then(function (arr) { return dirFilter(arr, "tree"); })
     .then(function (paths) {
-    paths.map(function (path, fetchedPaths) {
+    var fetchedPaths = {
+        rootPaths: {}
+    };
+    paths.map(function (path) {
+        if (/^\./.test(path.path)) {
+            return;
+        }
         if (!path.path.includes("/")) {
-            fetchedPaths.rootPaths;
+            /* fetchedPaths.rootPaths; */
             fetchedPaths.rootPaths[path.path] = [];
         }
         else {
             var rootDir = path.path.split("/")[0];
+            console.log(fetchedPaths.rootPaths[rootDir]);
             !fetchedPaths.rootPaths[rootDir]
                 ? (fetchedPaths.rootPaths[rootDir] =
                     [] &&

ghDirList.ts

@@ -26,7 +26,7 @@ async function findGithubRepoContents(username: string, repo: string) {
   return fullCommitTree.tree;
 }
 
-const dirFilter = (response: any, type: string) => {
+const dirFilter = (response: string[], type: string) => {
   return response.filter((responseItem: any) => {
     if (responseItem.type === type) {
       return `${responseItem.path}`;
@@ -36,7 +36,7 @@ const dirFilter = (response: any, type: string) => {
 
 const createListElement = (linkArray: any) => {
   let listEl = document.createElement("ul");
-  linkArray.map((links: string[][]) => {
+  linkArray.map((links: any) => {
     if (links[1].length == 0) {
       return (listEl.innerHTML += `<li>
                             <input type="button" id="${links[0]}">
@@ -45,25 +45,24 @@ const createListElement = (linkArray: any) => {
                             </label>
                             </li>`);
     } else {
-      let innerLinks: [] = [],
-        templateCollapse;
+      let innerLinks: [], templateCollapse;
       Promise.all(
         links[1].map((url: string, i: number) =>
           fetch(url + "/README.md", fetchHeaders).then(resp => resp.text())
         )
       )
-        .then((texts: Array) => {
-          innerLinks = links[1].map((link: string, i: number) => {
+        .then((texts: any) => {
+          return links[1].map((link: string, i: number) => {
             return `<li><a href="${link}">${converter.makeHtml(
               texts[i]
             )}</a></li>`;
           });
         })
-        .then(() => {
+        .then((thing: any) => {
           templateCollapse = `<li><input type="checkbox" id="${links[0]}">
                             <label for="${links[0]}">${links[0]}</label>
                             <ul class="${links[0]}">
-                              ${innerLinks.join(" ")}
+                              ${thing.join(" ")}
                             </ul></li>`;
           return (listEl.innerHTML += templateCollapse);
         });
@@ -72,21 +71,25 @@ const createListElement = (linkArray: any) => {
   let domDoc = document;
   let wrapper = <Element>domDoc.querySelector(".wrapper");
   wrapper.innerHTML = "";
-  domDoc.append(listEl);
+  wrapper.append(listEl);
 };
 
 findGithubRepoContents("atomize", "atomize.github.io")
   .then(arr => dirFilter(arr, "tree"))
   .then(paths => {
-    interface fetchedPaths {
-      rootPaths: {};
-    }
-    paths.map((path: any, fetchedPaths: fetchedPaths) => {
+    let fetchedPaths = {
+      rootPaths: <any>{}
+    };
+    paths.map((path: any) => {
+      if (/^\./.test(path.path)) {
+        return;
+      }
       if (!path.path.includes("/")) {
-        fetchedPaths.rootPaths;
+        /* fetchedPaths.rootPaths; */
         fetchedPaths.rootPaths[path.path] = [];
       } else {
         let rootDir = path.path.split("/")[0];
+        console.log(fetchedPaths.rootPaths[rootDir]);
         !fetchedPaths.rootPaths[rootDir]
           ? (fetchedPaths.rootPaths[rootDir] =
               [] &&

tsconfig.json

@@ -1,9 +1,9 @@
 {
   "compilerOptions": {
     /* Basic Options */
-    "target": "es2015" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019' or 'ESNEXT'. */,
+    "target": "ES3" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019' or 'ESNEXT'. */,
     "module": "commonjs" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */,
-    "lib": ["dom", "es2015"],
+    "lib": ["dom", "es2017"],
     // "allowJs": true,                       /* Allow javascript files to be compiled. */
     // "checkJs": true,                       /* Report errors in .js files. */
     // "jsx": "preserve",                     /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */