testeranto 0.114.1 → 0.121.1

package/src/Project.tsx

@@ -0,0 +1,197 @@
+import ReactDom from "react-dom/client";
+import React, { useEffect, useState } from "react";
+
+import 'bootstrap/dist/css/bootstrap.min.css';
+import "./style.css"
+
+import { IRunTime, ITestTypes, IBuiltConfig, IConfigV2 } from "./lib";
+import { Footer } from "./Footer";
+import { Table } from "react-bootstrap";
+// import { ISummary } from "./utils";
+
+type ISummary = {
+  staticAnalysis: number | "?";
+  typeErrors: number | "?";
+  bddErrors: number | "?";
+  prompt: string | "?";
+
+};
+
+type ICollation = {
+  name: string;
+  runTime: IRunTime;
+  tr: {
+    ports: number;
+  };
+  sidecars: ITestTypes[];
+  staticAnalysis: number | "?";
+  typeErrors: number | "?";
+  bddErrors: number | "?";
+  prompt: string | "?";
+};
+
+type ICollations = ICollation[];
+
+const BigBoard = () => {
+
+  const projects = JSON.parse(document.getElementById('bigConfig').innerHTML) as string[];
+  // const projects = Object.keys(bigConfig.projects);
+
+  // const [configs, setConfigs] = useState<IBuiltConfig>();
+  // useEffect(() => {
+  //   (async () => {
+  //     fetch('/kokomoBay/docs/testeranto.json')
+  //       .then(response => response.json())
+  //       .then(json => {
+  //         setConfigs(json)
+  //       })
+  //       .catch(error => console.error(error));
+
+  //   })();
+  // }, []);
+
+  // const [bigBoard, setBigBoard] = useState<Record<string, ISummary>>({});
+  // useEffect(() => {
+  //   (async () => {
+  //     fetch('/kokomoBay/docs/summary.json')
+  //       .then(response => response.json())
+  //       .then(json => {
+  //         setBigBoard(json)
+  //       })
+  //       .catch(error => console.error(error));
+
+  //   })();
+  // }, []);
+
+
+  const [summary, setSummary] = useState<[
+    string,
+    IBuiltConfig,
+    ISummary
+  ][]>();
+  useEffect(() => {
+    (async () => {
+
+      const x: Promise<[string, IBuiltConfig, ISummary]>[] = projects.map(async (p) => {
+        return [
+          p,
+          (await (await fetch(`/kokomoBay/testeranto/reports/${p}/config.json`)).json()) as IBuiltConfig,
+          (await (await fetch(`/kokomoBay/testeranto/reports/${p}/summary.json`)).json()) as ISummary
+        ] as [string, IBuiltConfig, ISummary]
+      })
+
+      Promise.all(x).then((v) => {
+        setSummary(v)
+      })
+
+      // fetch('/kokomoBay/docs/summary.json')
+      //   .then(response => response.json())
+      //   .then(json => {
+      //     setBigBoard(json)
+      //   })
+      //   .catch(error => console.error(error));
+
+    })();
+  }, []);
+
+
+  if (!summary || summary?.length === 0) {
+    return <div>loading...</div>
+  }
+
+  console.log("summary", summary)
+  // const collated: ICollations = configs.tests.map((c) => {
+  //   return {
+  //     ...bigBoard[c[0]],
+  //     name: c[0],
+  //     runTime: c[1],
+  //     tr: c[2],
+  //     sidecars: c[3],
+  //     staticAnalysis: bigBoard[c[0]].staticErrors,
+  //     typeErrors: bigBoard[c[0]].typeErrors,
+  //     bddErrors: bigBoard[c[0]].runTimeError,
+  //     prompt: bigBoard[c[0]].prompt
+  //   } as ICollation
+  // });
+
+  function copyToClipboard(text) {
+    navigator.clipboard.writeText(text)
+      .then(() => {
+        console.log('Text copied to clipboard');
+      })
+      .catch(err => {
+        console.error('Error copying text: ', err);
+      });
+  }
+
+  return <div >
+
+    <Table striped bordered hover>
+      <thead>
+        <tr>
+          <th>project</th>
+          <th>platform</th>
+          <th>BDD errors</th>
+          <th>Lint errors</th>
+          <th>Type errors</th>
+          <th>prompt</th>
+        </tr>
+
+      </thead>
+
+      <tbody>
+        {
+          ...summary.map((s) => {
+            return <>
+              <tr>
+                <th>{s[0]}</th>
+              </tr>
+              {
+                ...s[1].tests.map((t) => {
+
+                  const x = `${s[0]}/${t[0].split(".").slice(0, -1).join(".")}/${t[1]}`
+                  const y = s[2][t[0]];
+
+                  return <tr>
+                    <td>{t[0]}</td>
+                    <td>{t[1]}</td>
+                    <td><a href={`/kokomoBay/testeranto/reports/${x}/littleBoard.html`}>{y.runTimeError}</a></td>
+                    <td><a href={`/kokomoBay/testeranto/reports/${x}/lint_errors.json`}>{y.staticErrors}</a></td>
+                    <td><a href={`/kokomoBay/testeranto/reports/${x}/type_errors.txt`}>{y.typeErrors}</a></td>
+                    <td>
+                      <pre>
+
+                        {s[2][t[0]].prompt}
+                        {/* <button onClick={() => {
+                        copyToClipboard(s[2][t[0]].prompt)
+                      }}>prompt</button> */}
+                      </pre>
+                    </td>
+
+
+                  </tr>
+                })
+              }
+            </>
+
+
+          })
+        }
+      </tbody>
+
+    </Table>
+
+
+
+    <Footer />
+  </div>
+}
+
+document.addEventListener("DOMContentLoaded", function () {
+  const elem = document.getElementById("root");
+  if (elem) {
+    ReactDom.createRoot(elem).render(React.createElement(BigBoard, {}, []));
+  }
+});
+
+console.log("hello BigBoard!")

package/src/ReportClient.tsx

@@ -30,7 +30,7 @@ const BigBoard = () => {
   const [configs, setConfigs] = useState<IBuiltConfig>();
   useEffect(() => {
     (async () => {
-      fetch('/kokomoBay/docs/testeranto.json')
+      fetch(`/kokomoBay/testeranto/reports${t}/config.json`)
         .then(response => response.json())
         .then(json => {
           setConfigs(json)

package/src/TestReport.tsx

@@ -41,6 +41,7 @@ const TestPane = ({ given }: {
 
   return <div>    <Tab.Container id="TestPane-tabs" defaultActiveKey="first">
     <Row>
+
       <Col sm={3}>
         <Nav variant="pills" className="flex-column">
 
@@ -61,7 +62,7 @@ const TestPane = ({ given }: {
 
 
       </Col>
-      <Col sm={9}>
+      <Col sm={6}>
         <Tab.Content>
 
           <Tab.Pane eventKey={`bdd-features`}>
@@ -87,18 +88,18 @@ const TestPane = ({ given }: {
 
 const BddPage = () => {
 
-  const [configs, setConfigs] = useState<IBuiltConfig>();
-  useEffect(() => {
-    (async () => {
-      fetch('/kokomoBay/docs/testeranto.json')
-        .then(response => response.json())
-        .then(json => {
-          setConfigs(json)
-        })
-        .catch(error => console.error(error));
+  // const [configs, setConfigs] = useState<IBuiltConfig>();
+  // useEffect(() => {
+  //   (async () => {
+  //     fetch('../config.json')
+  //       .then(response => response.json())
+  //       .then(json => {
+  //         setConfigs(json)
+  //       })
+  //       .catch(error => console.error(error));
 
-    })();
-  }, []);
+  //   })();
+  // }, []);
 
 
   const [bddErrors, setBddErrors] = useState<{
@@ -119,9 +120,16 @@ const BddPage = () => {
     (async () => {
       setBddErrors(await (await fetch(`tests.json`)).json());
     })();
-  }, [configs]);
+  }, []);
 
-  if (!configs || !bddErrors) {
+  const [log, setLog] = useState<string>();
+  useEffect(() => {
+    (async () => {
+      setLog(await (await fetch(`log.txt`)).text());
+    })();
+  }, []);
+
+  if (!bddErrors || !log) {
     return <div>loading...</div>
   }
 
@@ -132,6 +140,13 @@ const BddPage = () => {
     <Row>
       <Tab.Container id="root-tab-container" defaultActiveKey="first">
         <Row>
+
+          <Col sm={3}>
+            <pre><code>{log}</code></pre>
+
+
+          </Col>
+
           <Col sm={3}>
             <Nav variant="pills" className="flex-column">
 
@@ -147,7 +162,7 @@ const BddPage = () => {
 
             </Nav>
           </Col>
-          <Col sm={9}>
+          <Col sm={6}>
             <Tab.Content>
               {
                 ...bddErrors.givens.map((g) =>

package/src/build.ts

@@ -1,3 +1,4 @@
+import ansiC from "ansi-colors";
 import fs, { watch } from "fs";
 import path from "path";
 import readline from "readline";
@@ -13,39 +14,32 @@ import {
   IBaseConfig,
   IRunTime,
   IBuiltConfig,
+  IConfigV2,
 } from "./lib/index.js";
 
 readline.emitKeypressEvents(process.stdin);
 if (process.stdin.isTTY) process.stdin.setRawMode(true);
 
-const getRunnables = (
-  tests: ITestTypes[],
-  payload = {
-    nodeEntryPoints: {},
-    webEntryPoints: {},
-  }
-): IRunnables => {
-  return tests.reduce((pt, cv, cndx, cry) => {
-    if (cv[1] === "node") {
-      pt.nodeEntryPoints[cv[0]] = path.resolve(
-        `./docs/node/${cv[0].split(".").slice(0, -1).concat("mjs").join(".")}`
-      );
-    } else if (cv[1] === "web") {
-      pt.webEntryPoints[cv[0]] = path.resolve(
-        `./docs/web/${cv[0].split(".").slice(0, -1).concat("mjs").join(".")}`
-      );
-    }
+let testName = process.argv[2];
 
-    if (cv[3].length) {
-      getRunnables(cv[3], payload);
-    }
+let mode = process.argv[3] as "once" | "dev";
+if (mode !== "once" && mode !== "dev") {
+  console.error(`The 4th argument should be 'dev' or 'once', not '${mode}'.`);
+  process.exit(-1);
+}
 
-    return pt;
-  }, payload as IRunnables);
-};
+console.log("testeranto is building", testName, mode);
 
-import(process.cwd() + "/" + process.argv[2]).then(async (module) => {
-  const rawConfig: IBaseConfig = module.default;
+import(process.cwd() + "/" + "testeranto.config.ts").then(async (module) => {
+  const bigConfig: IConfigV2 = module.default;
+
+  const project = bigConfig.projects[testName];
+  if (!project) {
+    console.error("no project found for", testName, "in testeranto.config.ts");
+    process.exit(-1);
+  }
+
+  const rawConfig: IBaseConfig = bigConfig.projects[testName];
 
   const getSecondaryEndpointsPoints = (runtime?: IRunTime): string[] => {
     const meta = (ts: ITestTypes[], st: Set<string>): Set<string> => {
@@ -64,15 +58,31 @@ import(process.cwd() + "/" + process.argv[2]).then(async (module) => {
 
   const config: IBuiltConfig = {
     ...rawConfig,
-    buildDir: process.cwd() + "/" + rawConfig.outdir,
+    buildDir: process.cwd() + "/testeranto/bundles/" + testName,
   };
 
+  console.log(
+    `Press 'q' to shutdown gracefully. Press 'x' to shutdown forcefully.`
+  );
+  process.stdin.on("keypress", (str, key) => {
+    if (key.name === "q") {
+      console.log("Testeranto-Build is shutting down...");
+      mode = "once";
+      onDone();
+    } else if (key.name === "x") {
+      console.log("Testeranto-Build is shutting down forcefully...");
+      process.exit(-1);
+    } else {
+      console.log(
+        `Press 'q' to shutdown gracefully. Press 'x' to shutdown forcefully.`
+      );
+    }
+  });
   let nodeDone: boolean = false;
   let webDone: boolean = false;
-  let mode = config.devMode ? "DEV" : "PROD";
+
   let status: "build" | "built" = "build";
-  // let pm: PM_Main | undefined = new PM_Main(config);
-  // const fileHashes = {};
+
   const { nodeEntryPoints, webEntryPoints } = getRunnables(config.tests);
 
   const onNodeDone = () => {
@@ -89,85 +99,81 @@ import(process.cwd() + "/" + process.argv[2]).then(async (module) => {
     if (nodeDone && webDone) {
       status = "built";
     }
-    if (nodeDone && webDone && status === "built") {
-      // Object.entries(nodeEntryPoints).forEach(([k, outputFile]) => {
-      //   console.log("watching", outputFile);
-      //   try {
-      //     watch(outputFile, async (filename) => {
-      //       const hash = await fileHash(outputFile);
-      //       if (fileHashes[k] !== hash) {
-      //         fileHashes[k] = hash;
-      //         console.log(`< ${filename} `);
-      //         pm.launchNode(k, outputFile);
-      //       }
-      //     });
-      //   } catch (e) {
-      //     console.error(e);
-      //   }
-      // });
-      // Object.entries(webEntryPoints).forEach(([k, outputFile]) => {
-      //   console.log("watching", outputFile);
-      //   watch(outputFile, async (filename) => {
-      //     const hash = await fileHash(outputFile);
-      //     console.log(`< ${filename} ${hash}`);
-      //     if (fileHashes[k] !== hash) {
-      //       fileHashes[k] = hash;
-      //       pm.launchWeb(k, outputFile);
-      //     }
-      //   });
-      // });
-    }
-
-    if (nodeDone && webDone && mode === "PROD") {
-      console.log("Testeranto-EsBuild is all done. Goodbye!");
+    if (nodeDone && webDone && mode === "once") {
+      console.log(ansiC.inverse(`${testName} has been built. Goodbye.`));
       process.exit();
-    } else {
-      if (mode === "PROD") {
-        console.log("waiting for tests to finish");
-        console.log(
-          JSON.stringify(
-            {
-              nodeDone: nodeDone,
-              webDone: webDone,
-              mode: mode,
-            },
-            null,
-            2
-          )
-        );
-      } else {
-        console.log("waiting for tests to change");
-      }
-
-      if (config.devMode) {
-        console.log("ready and watching for changes...");
-      } else {
-        // pm.shutDown();
-      }
-      ////////////////////////////////////////////////////////////////////////////////
     }
   };
 
-  console.log(
-    `Press 'q' to shutdown gracefully. Press 'x' to shutdown forcefully.`
+  if (!fs.existsSync(`testeranto/reports/${testName}`)) {
+    fs.mkdirSync(`testeranto/reports/${testName}`);
+  }
+
+  fs.writeFileSync(
+    `${process.cwd()}/testeranto/reports/${testName}/index.html`,
+    `
+    <!DOCTYPE html>
+    <html lang="en">
+  
+    <head>
+      <meta name="description" content="Webpage description goes here" />
+      <meta charset="utf-8" />
+      <title>kokomoBay - testeranto</title>
+      <meta name="viewport" content="width=device-width, initial-scale=1" />
+      <meta name="author" content="" />
+  
+      <link rel="stylesheet" href="/kokomoBay/testeranto/ReportClient.css" />
+      <script type="module" src="/kokomoBay/testeranto/ReportClient.js"></script>
+  
+    </head>
+  
+    <body>
+      <div id="root">
+        react is loading
+      </div>
+    </body>
+  
+    </html>
+        `
   );
-  process.stdin.on("keypress", (str, key) => {
-    if (key.name === "q") {
-      console.log("Testeranto-Build is shutting down...");
-      mode = "PROD";
-      onDone();
-    }
-    if (key.name === "x") {
-      console.log("Testeranto-Build is shutting down forcefully...");
-      process.exit(-1);
-    }
-  });
 
   fs.writeFileSync(
-    `${config.outdir}/testeranto.json`,
+    `testeranto/reports/${testName}/config.json`,
     JSON.stringify(config, null, 2)
   );
 
+  fs.writeFileSync(
+    `${process.cwd()}/testeranto/index.html`,
+    `
+  <!DOCTYPE html>
+  <html lang="en">
+
+  <head>
+    <meta name="description" content="Webpage description goes here" />
+    <meta charset="utf-8" />
+    <title>kokomoBay - testeranto</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="author" content="" />
+
+    <script type="application/json" id="bigConfig">
+      ${JSON.stringify(Object.keys(bigConfig.projects))}
+    </script>
+
+    <link rel="stylesheet" href="/kokomoBay/testeranto/Project.css" />
+    <script type="module" src="/kokomoBay/testeranto/Project.js"></script>
+
+  </head>
+
+  <body>
+    <div id="root">
+      react is loading
+    </div>
+  </body>
+
+  </html>
+      `
+  );
+
   Promise.resolve(
     Promise.all(
       [...getSecondaryEndpointsPoints("web")].map(async (sourceFilePath) => {
@@ -180,7 +186,7 @@ import(process.cwd() + "/" + process.argv[2]).then(async (module) => {
           .join(".");
 
         const htmlFilePath = path.normalize(
-          `${process.cwd()}/${config.outdir}/web/${sourceDir.join(
+          `${process.cwd()}/testeranto/bundles/web/${testName}/${sourceDir.join(
             "/"
           )}/${sourceFileNameMinusJs}.html`
         );
@@ -198,7 +204,7 @@ import(process.cwd() + "/" + process.argv[2]).then(async (module) => {
     )
   );
 
-  glob(`./${config.outdir}/chunk-*.mjs`, {
+  glob(`${process.cwd()}/testeranto/bundles/${testName}/chunk-*.mjs`, {
     ignore: "node_modules/**",
   }).then((chunks) => {
     chunks.forEach((chunk) => {
@@ -208,9 +214,11 @@ import(process.cwd() + "/" + process.argv[2]).then(async (module) => {
 
   await Promise.all([
     esbuild
-      .context(esbuildNodeConfiger(config, Object.keys(nodeEntryPoints)))
+      .context(
+        esbuildNodeConfiger(config, Object.keys(nodeEntryPoints), testName)
+      )
       .then(async (nodeContext) => {
-        if (config.devMode) {
+        if (mode === "dev") {
           await nodeContext.watch().then((v) => {
             onNodeDone();
           });
@@ -223,9 +231,11 @@ import(process.cwd() + "/" + process.argv[2]).then(async (module) => {
         return nodeContext;
       }),
     esbuild
-      .context(esbuildWebConfiger(config, Object.keys(webEntryPoints)))
+      .context(
+        esbuildWebConfiger(config, Object.keys(webEntryPoints), testName)
+      )
       .then(async (webContext) => {
-        if (config.devMode) {
+        if (mode === "dev") {
           await webContext.watch().then((v) => {
             onWebDone();
           });
@@ -238,3 +248,29 @@ import(process.cwd() + "/" + process.argv[2]).then(async (module) => {
       }),
   ]);
 });
+
+const getRunnables = (
+  tests: ITestTypes[],
+  payload = {
+    nodeEntryPoints: {},
+    webEntryPoints: {},
+  }
+): IRunnables => {
+  return tests.reduce((pt, cv, cndx, cry) => {
+    if (cv[1] === "node") {
+      pt.nodeEntryPoints[cv[0]] = path.resolve(
+        `./docs/node/${cv[0].split(".").slice(0, -1).concat("mjs").join(".")}`
+      );
+    } else if (cv[1] === "web") {
+      pt.webEntryPoints[cv[0]] = path.resolve(
+        `./docs/web/${cv[0].split(".").slice(0, -1).concat("mjs").join(".")}`
+      );
+    }
+
+    if (cv[3].length) {
+      getRunnables(cv[3], payload);
+    }
+
+    return pt;
+  }, payload as IRunnables);
+};

package/src/defaultConfig.ts

@@ -2,13 +2,13 @@ import { IBaseConfig } from "./lib";
 
 const config: IBaseConfig = {
   src: "src",
-  outdir: "docs",
+  // outdir: "docs",
   tests: [],
   debugger: true,
   clearScreen: false,
   devMode: true,
   minify: false,
-  outbase: ".",
+  // outbase: ".",
   ports: ["3001"],
   externals: [],
   nodePlugins: [],

package/src/esbuildConfigs/index.ts

@@ -9,7 +9,7 @@ export default (config: IBaseConfig): BuildOptions => {
     format: "esm",
     splitting: true,
     outExtension: { ".js": ".mjs" },
-    outbase: config.outbase,
+    outbase: ".",
     jsx: "transform",
     bundle: true,
     minify: config.minify === true,

package/src/esbuildConfigs/inputFilesPlugin.ts

@@ -12,11 +12,16 @@ const register = (entrypoint: string, sources: string[]): void => {
 
 export default (
   platform: "web" | "node",
-  entryPoints: Set<string> | string[]
+  testName: string
 ): {
   register: (entrypoint: string, sources: string[]) => void;
   inputFilesPluginFactory: Plugin;
 } => {
+  const d = `testeranto/bundles/${platform}/${testName}/`;
+  const f = `testeranto/bundles/${platform}/${testName}/metafile.json`;
+  if (!fs.existsSync(d)) {
+    fs.mkdirSync(d);
+  }
   return {
     register,
 
@@ -24,11 +29,7 @@ export default (
       name: "metafileWriter",
       setup(build) {
         build.onEnd((result) => {
-          // console.log("build.onEnd", entryPoints);
-          fs.writeFileSync(
-            `docs/${platform}/metafile.json`,
-            JSON.stringify(result, null, 2)
-          );
+          fs.writeFileSync(f, JSON.stringify(result, null, 2));
         });
       },
     },