testeranto 0.135.0 → 0.140.0

package/dist/prebuild/Project.js

@@ -27399,14 +27399,33 @@
 
   // src/Project.tsx
   var ExternalFeatures = ({ summary }) => {
-    return /* @__PURE__ */ import_react33.default.createElement("div", null, /* @__PURE__ */ import_react33.default.createElement(Row_default, null, /* @__PURE__ */ import_react33.default.createElement(Tab_default.Container, { id: "external-features-tab-container" }, /* @__PURE__ */ import_react33.default.createElement(Row_default, null, /* @__PURE__ */ import_react33.default.createElement(Col_default, { sm: 1 }, /* @__PURE__ */ import_react33.default.createElement(Nav_default2, { variant: "pills", className: "flex-column" }, /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Item, null, /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Link, { eventKey: "log" }, "log"), /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Link, { eventKey: "steps" }, "steps")))), /* @__PURE__ */ import_react33.default.createElement(Col_default, { sm: 11 }, /* @__PURE__ */ import_react33.default.createElement(Tab_default.Content, null, /* @__PURE__ */ import_react33.default.createElement(Tab_default.Pane, { eventKey: "log" }), /* @__PURE__ */ import_react33.default.createElement(Tab_default.Pane, { eventKey: "steps" }, /* @__PURE__ */ import_react33.default.createElement(Tab_default.Container, { id: "secondary-tab-container", defaultActiveKey: "first" }, /* @__PURE__ */ import_react33.default.createElement(Row_default, null, /* @__PURE__ */ import_react33.default.createElement(Col_default, { sm: 3 }, /* @__PURE__ */ import_react33.default.createElement(Nav_default2, { variant: "pills", className: "flex-column" })), /* @__PURE__ */ import_react33.default.createElement(Col_default, { sm: 9 }, /* @__PURE__ */ import_react33.default.createElement(Tab_default.Content, null)))))))))));
+    return /* @__PURE__ */ import_react33.default.createElement("div", null, /* @__PURE__ */ import_react33.default.createElement(Row_default, null, /* @__PURE__ */ import_react33.default.createElement(Tab_default.Container, { id: "external-features-tab-container" }, /* @__PURE__ */ import_react33.default.createElement(Row_default, null, /* @__PURE__ */ import_react33.default.createElement(Col_default, { sm: 1 }, /* @__PURE__ */ import_react33.default.createElement(Nav_default2, { variant: "pills", className: "flex-column" }, /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Item, null, /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Link, { eventKey: "log" }, "log"), /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Link, { eventKey: "steps" }, "steps")))), /* @__PURE__ */ import_react33.default.createElement(Col_default, { sm: 11 }, /* @__PURE__ */ import_react33.default.createElement(Tab_default.Content, null, /* @__PURE__ */ import_react33.default.createElement(Tab_default.Pane, { eventKey: "log" }), /* @__PURE__ */ import_react33.default.createElement(Tab_default.Pane, { eventKey: "steps" }, /* @__PURE__ */ import_react33.default.createElement(
+      Tab_default.Container,
+      {
+        id: "secondary-tab-container",
+        defaultActiveKey: "first"
+      },
+      /* @__PURE__ */ import_react33.default.createElement(Row_default, null, /* @__PURE__ */ import_react33.default.createElement(Col_default, { sm: 3 }, /* @__PURE__ */ import_react33.default.createElement(Nav_default2, { variant: "pills", className: "flex-column" })), /* @__PURE__ */ import_react33.default.createElement(Col_default, { sm: 9 }, /* @__PURE__ */ import_react33.default.createElement(Tab_default.Content, null)))
+    ))))))));
   };
   var Features = ({ summary }) => {
     return /* @__PURE__ */ import_react33.default.createElement("div", null, /* @__PURE__ */ import_react33.default.createElement(Table_default, { striped: true, bordered: true, hover: true }, /* @__PURE__ */ import_react33.default.createElement("thead", null, /* @__PURE__ */ import_react33.default.createElement("tr", null, /* @__PURE__ */ import_react33.default.createElement("th", null, "project"), /* @__PURE__ */ import_react33.default.createElement("th", null, "platform"), /* @__PURE__ */ import_react33.default.createElement("th", null, "BDD errors"), /* @__PURE__ */ import_react33.default.createElement("th", null, "Lint errors"), /* @__PURE__ */ import_react33.default.createElement("th", null, "Type errors"), /* @__PURE__ */ import_react33.default.createElement("th", null, "prompt"))), /* @__PURE__ */ import_react33.default.createElement("tbody", null, ...summary.map((s) => {
       return /* @__PURE__ */ import_react33.default.createElement(import_react33.default.Fragment, null, /* @__PURE__ */ import_react33.default.createElement("tr", null, /* @__PURE__ */ import_react33.default.createElement("th", null, s[0])), ...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 /* @__PURE__ */ import_react33.default.createElement("tr", null, /* @__PURE__ */ import_react33.default.createElement("td", null, t[0]), /* @__PURE__ */ import_react33.default.createElement("td", null, t[1]), /* @__PURE__ */ import_react33.default.createElement("td", null, /* @__PURE__ */ import_react33.default.createElement("a", { href: `./reports/${x}/index.html` }, y.runTimeError)), /* @__PURE__ */ import_react33.default.createElement("td", null, /* @__PURE__ */ import_react33.default.createElement("a", { href: `./reports/${x}/lint_errors.json` }, y.staticErrors)), /* @__PURE__ */ import_react33.default.createElement("td", null, /* @__PURE__ */ import_react33.default.createElement("a", { href: `./reports/${x}/type_errors.txt` }, y.typeErrors)), /* @__PURE__ */ import_react33.default.createElement("td", null, /* @__PURE__ */ import_react33.default.createElement("pre", null, s[2][t[0]].prompt)));
+        return /* @__PURE__ */ import_react33.default.createElement("tr", null, /* @__PURE__ */ import_react33.default.createElement("td", null, t[0]), /* @__PURE__ */ import_react33.default.createElement("td", null, t[1]), /* @__PURE__ */ import_react33.default.createElement("td", null, /* @__PURE__ */ import_react33.default.createElement("a", { href: `./asdasasdasdd/reports/${x}/index.html` }, y.runTimeError)), /* @__PURE__ */ import_react33.default.createElement("td", null, /* @__PURE__ */ import_react33.default.createElement(
+          "a",
+          {
+            href: `./testeasdqqweqweranto/reports/${x}/lint_errors.json`
+          },
+          y.staticErrors
+        )), /* @__PURE__ */ import_react33.default.createElement("td", null, /* @__PURE__ */ import_react33.default.createElement(
+          "a",
+          {
+            href: `./testezxcdcdfranto/reports/${x}/type_errors.txt`
+          },
+          y.typeErrors
+        )), /* @__PURE__ */ import_react33.default.createElement("td", null, /* @__PURE__ */ import_react33.default.createElement("pre", null, s[2][t[0]].prompt)));
       }));
     }))));
   };
@@ -27421,13 +27440,15 @@
     const [summary, setSummary] = (0, import_react33.useState)();
     (0, import_react33.useEffect)(() => {
       (async () => {
-        const x = projects.map(async (p) => {
-          return [
-            p,
-            await (await fetch(`./reports/${p}/config.json`)).json(),
-            await (await fetch(`./reports/${p}/summary.json`)).json()
-          ];
-        });
+        const x = projects.map(
+          async (p) => {
+            return [
+              p,
+              await (await fetch(`./testeranto/reports/${p}/config.json`)).json(),
+              await (await fetch(`./testeranto/reports/${p}/summary.json`)).json()
+            ];
+          }
+        );
         Promise.all(x).then((v) => {
           setSummary(v);
         });
@@ -27443,13 +27464,41 @@
         console.error("Error copying text: ", err);
       });
     }
-    return /* @__PURE__ */ import_react33.default.createElement("div", null, "    ", /* @__PURE__ */ import_react33.default.createElement(Tab_default.Container, { id: "TestPane-tabs", defaultActiveKey: "tests" }, /* @__PURE__ */ import_react33.default.createElement(Row_default, null, /* @__PURE__ */ import_react33.default.createElement(Col_default, { sm: 12 }, /* @__PURE__ */ import_react33.default.createElement(Nav_default2, null, /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Link, { eventKey: `tests` }, "tests"), /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Link, { eventKey: `features` }, "features"), /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Link, { eventKey: `docs` }, "docs")))), /* @__PURE__ */ import_react33.default.createElement(Row_default, null, /* @__PURE__ */ import_react33.default.createElement(Col_default, { sm: 12 }, /* @__PURE__ */ import_react33.default.createElement(Tab_default.Content, null, /* @__PURE__ */ import_react33.default.createElement(Tab_default.Pane, { eventKey: `tests` }, /* @__PURE__ */ import_react33.default.createElement(Table_default, { striped: true, bordered: true, hover: true }, /* @__PURE__ */ import_react33.default.createElement("thead", null, /* @__PURE__ */ import_react33.default.createElement("tr", null, /* @__PURE__ */ import_react33.default.createElement("th", null, "project"), /* @__PURE__ */ import_react33.default.createElement("th", null, "platform"), /* @__PURE__ */ import_react33.default.createElement("th", null, "BDD errors"), /* @__PURE__ */ import_react33.default.createElement("th", null, "Lint errors"), /* @__PURE__ */ import_react33.default.createElement("th", null, "Type errors"), /* @__PURE__ */ import_react33.default.createElement("th", null, "prompt"), /* @__PURE__ */ import_react33.default.createElement("th", null, "failing features"))), /* @__PURE__ */ import_react33.default.createElement("tbody", null, ...summary.map((s) => {
+    return /* @__PURE__ */ import_react33.default.createElement("div", null, " ", /* @__PURE__ */ import_react33.default.createElement(Tab_default.Container, { id: "TestPane-tabs", defaultActiveKey: "tests" }, /* @__PURE__ */ import_react33.default.createElement(Row_default, null, /* @__PURE__ */ import_react33.default.createElement(Col_default, { sm: 12 }, /* @__PURE__ */ import_react33.default.createElement(Nav_default2, null, /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Link, { eventKey: `tests` }, "tests"), /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Link, { eventKey: `features` }, "features"), /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Link, { eventKey: `docs` }, "docs")))), /* @__PURE__ */ import_react33.default.createElement(Row_default, null, /* @__PURE__ */ import_react33.default.createElement(Col_default, { sm: 12 }, /* @__PURE__ */ import_react33.default.createElement(Tab_default.Content, null, /* @__PURE__ */ import_react33.default.createElement(Tab_default.Pane, { eventKey: `tests` }, /* @__PURE__ */ import_react33.default.createElement(Table_default, { striped: true, bordered: true, hover: true }, /* @__PURE__ */ import_react33.default.createElement("thead", null, /* @__PURE__ */ import_react33.default.createElement("tr", null, /* @__PURE__ */ import_react33.default.createElement("th", null, "project"), /* @__PURE__ */ import_react33.default.createElement("th", null, "platform"), /* @__PURE__ */ import_react33.default.createElement("th", null, "BDD errors"), /* @__PURE__ */ import_react33.default.createElement("th", null, "Lint errors"), /* @__PURE__ */ import_react33.default.createElement("th", null, "Type errors"), /* @__PURE__ */ import_react33.default.createElement("th", null, "prompt"), /* @__PURE__ */ import_react33.default.createElement("th", null, "failing features"))), /* @__PURE__ */ import_react33.default.createElement("tbody", null, ...summary.map((s) => {
       return /* @__PURE__ */ import_react33.default.createElement(import_react33.default.Fragment, null, /* @__PURE__ */ import_react33.default.createElement("tr", null, /* @__PURE__ */ import_react33.default.createElement("th", null, s[0])), ...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 /* @__PURE__ */ import_react33.default.createElement("tr", null, /* @__PURE__ */ import_react33.default.createElement("td", null, t[0]), /* @__PURE__ */ import_react33.default.createElement("td", null, t[1]), /* @__PURE__ */ import_react33.default.createElement("td", null, /* @__PURE__ */ import_react33.default.createElement("a", { href: `./reports/${x}/index.html` }, y.runTimeError)), /* @__PURE__ */ import_react33.default.createElement("td", null, /* @__PURE__ */ import_react33.default.createElement("a", { href: `./reports/${x}/lint_errors.json` }, y.staticErrors)), /* @__PURE__ */ import_react33.default.createElement("td", null, /* @__PURE__ */ import_react33.default.createElement("a", { href: `./reports/${x}/type_errors.txt` }, y.typeErrors)), /* @__PURE__ */ import_react33.default.createElement("td", null, /* @__PURE__ */ import_react33.default.createElement("pre", null, /* @__PURE__ */ import_react33.default.createElement("button", { onClick: () => {
-          copyToClipboard(s[2][t[0]].prompt);
-        } }, "copy"))), /* @__PURE__ */ import_react33.default.createElement("td", null, /* @__PURE__ */ import_react33.default.createElement("pre", null, /* @__PURE__ */ import_react33.default.createElement("code", null, JSON.stringify(y.failingFeatures, null, 2)))));
+        return /* @__PURE__ */ import_react33.default.createElement("tr", null, /* @__PURE__ */ import_react33.default.createElement("td", null, t[0]), /* @__PURE__ */ import_react33.default.createElement("td", null, t[1]), /* @__PURE__ */ import_react33.default.createElement("td", null, /* @__PURE__ */ import_react33.default.createElement(
+          "a",
+          {
+            href: `./testeranto/reports/${x}/index.html`
+          },
+          y.runTimeError
+        )), /* @__PURE__ */ import_react33.default.createElement("td", null, /* @__PURE__ */ import_react33.default.createElement(
+          "a",
+          {
+            href: `./testeranto/reports/${x}/lint_errors.json`
+          },
+          y.staticErrors
+        )), /* @__PURE__ */ import_react33.default.createElement("td", null, /* @__PURE__ */ import_react33.default.createElement(
+          "a",
+          {
+            href: `./testeranto/reports/${x}/type_errors.txt`
+          },
+          y.typeErrors
+        )), /* @__PURE__ */ import_react33.default.createElement("td", null, /* @__PURE__ */ import_react33.default.createElement("pre", null, /* @__PURE__ */ import_react33.default.createElement(
+          "button",
+          {
+            onClick: () => {
+              copyToClipboard(s[2][t[0]].prompt);
+            }
+          },
+          "copy"
+        ))), /* @__PURE__ */ import_react33.default.createElement("td", null, /* @__PURE__ */ import_react33.default.createElement("pre", null, /* @__PURE__ */ import_react33.default.createElement("code", null, JSON.stringify(
+          y.failingFeatures,
+          null,
+          2
+        )))));
       }));
     })))), /* @__PURE__ */ import_react33.default.createElement(Tab_default.Pane, { eventKey: `features` }, /* @__PURE__ */ import_react33.default.createElement(Features, { summary })), /* @__PURE__ */ import_react33.default.createElement(Tab_default.Pane, { eventKey: `docs` }, /* @__PURE__ */ import_react33.default.createElement(Docs, { summary })))))), /* @__PURE__ */ import_react33.default.createElement(Footer, null));
   };

package/dist/prebuild/TestReport.js

@@ -27359,40 +27359,61 @@
   var Footer = () => /* @__PURE__ */ import_react32.default.createElement("footer", null, "made with \u2764\uFE0F and ", /* @__PURE__ */ import_react32.default.createElement("a", { href: "https://www.npmjs.com/package/testeranto" }, "testeranto "));
 
   // src/TestReport.tsx
-  var StepPane = ({ step }) => {
+  var StepPane = ({
+    step
+  }) => {
     return /* @__PURE__ */ import_react33.default.createElement("div", null, /* @__PURE__ */ import_react33.default.createElement("pre", null, /* @__PURE__ */ import_react33.default.createElement("code", null, JSON.stringify(step, null, 2))));
   };
-  var TestPane = ({ given }) => {
-    return /* @__PURE__ */ import_react33.default.createElement("div", null, "    ", /* @__PURE__ */ import_react33.default.createElement(Tab_default.Container, { id: "TestPane-tabs", defaultActiveKey: "first" }, /* @__PURE__ */ import_react33.default.createElement(Row_default, null, /* @__PURE__ */ import_react33.default.createElement(Col_default, { sm: 3 }, /* @__PURE__ */ import_react33.default.createElement(Nav_default2, { variant: "pills", className: "flex-column" }, /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Item, null, /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Link, { eventKey: `bdd-features` }, "features"), ...given.whens.map((w, ndx) => /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Link, { eventKey: `bdd-when-${ndx}` }, "When ", w.name, " ", w.error && "!")), ...given.thens.map((t, ndx) => /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Link, { eventKey: `bdd-then-${ndx}` }, "Then ", t.name, " ", t.error && "!")), /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Link, { eventKey: `bdd-errors` }, "errors")))), /* @__PURE__ */ import_react33.default.createElement(Col_default, { sm: 6 }, /* @__PURE__ */ import_react33.default.createElement(Tab_default.Content, null, /* @__PURE__ */ import_react33.default.createElement(Tab_default.Pane, { eventKey: `bdd-features` }, /* @__PURE__ */ import_react33.default.createElement("pre", null, /* @__PURE__ */ import_react33.default.createElement("code", null, JSON.stringify(given.features, null, 2)))), ...given.whens.map((w, ndx) => /* @__PURE__ */ import_react33.default.createElement(Tab_default.Pane, { eventKey: `bdd-when-${ndx}` }, /* @__PURE__ */ import_react33.default.createElement(StepPane, { step: w }))), ...given.thens.map((t, ndx) => /* @__PURE__ */ import_react33.default.createElement(Tab_default.Pane, { eventKey: `bdd-then-${ndx}` }, /* @__PURE__ */ import_react33.default.createElement(StepPane, { step: t }))), /* @__PURE__ */ import_react33.default.createElement(Tab_default.Pane, { eventKey: `bdd-errors` }, /* @__PURE__ */ import_react33.default.createElement("pre", null, /* @__PURE__ */ import_react33.default.createElement("code", null, JSON.stringify(given.error, null, 2)))))))));
+  var TestPane = ({
+    given
+  }) => {
+    return /* @__PURE__ */ import_react33.default.createElement("div", null, " ", /* @__PURE__ */ import_react33.default.createElement(Tab_default.Container, { id: "TestPane-tabs", defaultActiveKey: "first" }, /* @__PURE__ */ import_react33.default.createElement(Row_default, null, /* @__PURE__ */ import_react33.default.createElement(Col_default, { sm: 3 }, /* @__PURE__ */ import_react33.default.createElement(Nav_default2, { variant: "pills", className: "flex-column" }, /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Item, null, /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Link, { eventKey: `bdd-features` }, "features"), ...given.whens.map((w, ndx) => /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Link, { eventKey: `bdd-when-${ndx}` }, "When ", w.name, " ", w.error && "!")), ...given.thens.map((t, ndx) => /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Link, { eventKey: `bdd-then-${ndx}` }, "Then ", t.name, " ", t.error && "!")), /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Link, { eventKey: `bdd-errors` }, "errors")))), /* @__PURE__ */ import_react33.default.createElement(Col_default, { sm: 6 }, /* @__PURE__ */ import_react33.default.createElement(Tab_default.Content, null, /* @__PURE__ */ import_react33.default.createElement(Tab_default.Pane, { eventKey: `bdd-features` }, /* @__PURE__ */ import_react33.default.createElement("pre", null, /* @__PURE__ */ import_react33.default.createElement("code", null, JSON.stringify(given.features, null, 2)))), ...given.whens.map((w, ndx) => /* @__PURE__ */ import_react33.default.createElement(Tab_default.Pane, { eventKey: `bdd-when-${ndx}` }, /* @__PURE__ */ import_react33.default.createElement(StepPane, { step: w }))), ...given.thens.map((t, ndx) => /* @__PURE__ */ import_react33.default.createElement(Tab_default.Pane, { eventKey: `bdd-then-${ndx}` }, /* @__PURE__ */ import_react33.default.createElement(StepPane, { step: t }))), /* @__PURE__ */ import_react33.default.createElement(Tab_default.Pane, { eventKey: `bdd-errors` }, /* @__PURE__ */ import_react33.default.createElement("pre", null, /* @__PURE__ */ import_react33.default.createElement("code", null, JSON.stringify(given.error, null, 2)))))))));
   };
   var BddPage = () => {
     const [bddErrors, setBddErrors] = (0, import_react33.useState)();
     (0, import_react33.useEffect)(() => {
       (async () => {
-        setBddErrors(await (await fetch(`tests.json`)).json());
+        setBddErrors(
+          await (await fetch(
+            `${window.location.href.split("/").slice(0, -1).join("/")}/tests.json`
+          )).json()
+        );
       })();
     }, []);
     const [log, setLog] = (0, import_react33.useState)();
     (0, import_react33.useEffect)(() => {
       (async () => {
-        setLog(await (await fetch(`log.txt`)).text());
+        setLog(
+          await (await fetch(
+            `${window.location.href.split("/").slice(0, -1).join("/")}/log.txt`
+          )).text()
+        );
       })();
     }, []);
-    if (!bddErrors || !log) {
+    if (bddErrors === void 0 || log === void 0) {
       return /* @__PURE__ */ import_react33.default.createElement("div", null, "loading...");
     }
-    return /* @__PURE__ */ import_react33.default.createElement("div", null, "  ", /* @__PURE__ */ import_react33.default.createElement(Row_default, null, /* @__PURE__ */ import_react33.default.createElement(Col_default, { sm: 12 }, /* @__PURE__ */ import_react33.default.createElement("h2", null, bddErrors.name))), /* @__PURE__ */ import_react33.default.createElement(Row_default, null, /* @__PURE__ */ import_react33.default.createElement(Tab_default.Container, { id: "root-tab-container", defaultActiveKey: "log" }, /* @__PURE__ */ import_react33.default.createElement(Row_default, null, /* @__PURE__ */ import_react33.default.createElement(Col_default, { sm: 1 }, /* @__PURE__ */ import_react33.default.createElement(Nav_default2, { variant: "pills", className: "flex-column" }, /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Item, null, /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Link, { eventKey: "log" }, "log"), /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Link, { eventKey: "steps" }, "steps")))), /* @__PURE__ */ import_react33.default.createElement(Col_default, { sm: 11 }, /* @__PURE__ */ import_react33.default.createElement(Tab_default.Content, null, /* @__PURE__ */ import_react33.default.createElement(Tab_default.Pane, { eventKey: "log" }, /* @__PURE__ */ import_react33.default.createElement("pre", null, /* @__PURE__ */ import_react33.default.createElement("code", null, log))), /* @__PURE__ */ import_react33.default.createElement(Tab_default.Pane, { eventKey: "steps" }, /* @__PURE__ */ import_react33.default.createElement(Tab_default.Container, { id: "secondary-tab-container", defaultActiveKey: "first" }, /* @__PURE__ */ import_react33.default.createElement(Row_default, null, /* @__PURE__ */ import_react33.default.createElement(Col_default, { sm: 3 }, /* @__PURE__ */ import_react33.default.createElement(Nav_default2, { variant: "pills", className: "flex-column" }, ...bddErrors.givens.map(
-      (g) => /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Item, null, /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Link, { eventKey: g.key }, g.key, ": Given ", g.name))
-    ))), /* @__PURE__ */ import_react33.default.createElement(Col_default, { sm: 9 }, /* @__PURE__ */ import_react33.default.createElement(Tab_default.Content, null, ...bddErrors.givens.map(
-      (g) => /* @__PURE__ */ import_react33.default.createElement(Tab_default.Pane, { eventKey: g.key }, /* @__PURE__ */ import_react33.default.createElement(TestPane, { given: g }))
-    ))))))))))), /* @__PURE__ */ import_react33.default.createElement("div", { style: {
-      backgroundColor: "lightgray",
-      margin: "0.5rem",
-      padding: "0.5rem",
-      position: "fixed",
-      left: 0,
-      bottom: 0
-    } }, /* @__PURE__ */ import_react33.default.createElement("a", { href: "/" }, "\u{1F3E0}")), /* @__PURE__ */ import_react33.default.createElement(Footer, null));
+    return /* @__PURE__ */ import_react33.default.createElement("div", null, " ", /* @__PURE__ */ import_react33.default.createElement(Row_default, null, /* @__PURE__ */ import_react33.default.createElement(Col_default, { sm: 12 }, /* @__PURE__ */ import_react33.default.createElement("h2", null, bddErrors.name))), /* @__PURE__ */ import_react33.default.createElement(Row_default, null, /* @__PURE__ */ import_react33.default.createElement(Tab_default.Container, { id: "root-tab-container", defaultActiveKey: "log" }, /* @__PURE__ */ import_react33.default.createElement(Row_default, null, /* @__PURE__ */ import_react33.default.createElement(Col_default, { sm: 1 }, /* @__PURE__ */ import_react33.default.createElement(Nav_default2, { variant: "pills", className: "flex-column" }, /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Item, null, /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Link, { eventKey: "log" }, "log"), /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Link, { eventKey: "steps" }, "steps")))), /* @__PURE__ */ import_react33.default.createElement(Col_default, { sm: 11 }, /* @__PURE__ */ import_react33.default.createElement(Tab_default.Content, null, /* @__PURE__ */ import_react33.default.createElement(Tab_default.Pane, { eventKey: "log" }, /* @__PURE__ */ import_react33.default.createElement("pre", null, /* @__PURE__ */ import_react33.default.createElement("code", null, log))), /* @__PURE__ */ import_react33.default.createElement(Tab_default.Pane, { eventKey: "steps" }, /* @__PURE__ */ import_react33.default.createElement(
+      Tab_default.Container,
+      {
+        id: "secondary-tab-container",
+        defaultActiveKey: "first"
+      },
+      /* @__PURE__ */ import_react33.default.createElement(Row_default, null, /* @__PURE__ */ import_react33.default.createElement(Col_default, { sm: 3 }, /* @__PURE__ */ import_react33.default.createElement(Nav_default2, { variant: "pills", className: "flex-column" }, ...bddErrors.givens.map((g) => /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Item, null, /* @__PURE__ */ import_react33.default.createElement(Nav_default2.Link, { eventKey: g.key }, g.key, ": Given ", g.name))))), /* @__PURE__ */ import_react33.default.createElement(Col_default, { sm: 9 }, /* @__PURE__ */ import_react33.default.createElement(Tab_default.Content, null, ...bddErrors.givens.map((g) => /* @__PURE__ */ import_react33.default.createElement(Tab_default.Pane, { eventKey: g.key }, /* @__PURE__ */ import_react33.default.createElement(TestPane, { given: g }))))))
+    ))))))), /* @__PURE__ */ import_react33.default.createElement(
+      "div",
+      {
+        style: {
+          backgroundColor: "lightgray",
+          margin: "0.5rem",
+          padding: "0.5rem",
+          position: "fixed",
+          left: 0,
+          bottom: 0
+        }
+      },
+      /* @__PURE__ */ import_react33.default.createElement("a", { href: "/" }, "\u{1F3E0}")
+    ), /* @__PURE__ */ import_react33.default.createElement(Footer, null));
   };
   document.addEventListener("DOMContentLoaded", function() {
     const elem = document.getElementById("root");

package/dist/prebuild/build.mjs

@@ -349,6 +349,90 @@ var getRunnables = (tests, projectName, payload = {
   }, payload);
 };
 
+// src/utils/buildTemplates.ts
+var testReportPage = (packageName, domain) => {
+  return `
+    <!DOCTYPE html>
+    <html lang="en">
+  
+    <head>
+      <meta name="description" content="Webpage description goes here" />
+      <meta charset="utf-8" />
+      <title>${packageName} - testeranto</title>
+      <meta name="viewport" content="width=device-width, initial-scale=1" />
+      <meta name="author" content="" />
+      
+      <base href="${domain}" target="_blank">
+  
+      <link rel="stylesheet" href="../ReportClient.css" />
+      <script type="module" src="../ReportClient.js"></script>
+  
+    </head>
+  
+    <body>
+      <div id="root">
+        react is loading
+      </div>
+    </body>
+  
+    </html>
+        `;
+};
+var testsReportPage = (packageName, domain, projects) => {
+  return `
+    <!DOCTYPE html>
+    <html lang="en">
+  
+    <head>
+      <meta name="description" content="Webpage description goes here" />
+      <meta charset="utf-8" />
+      <title>${packageName} - testeranto</title>
+      <meta name="viewport" content="width=device-width, initial-scale=1" />
+      <meta name="author" content="" />
+      <base href="${domain}" target="_blank">
+  
+      <script type="application/json" id="bigConfig">
+        ${JSON.stringify(Object.keys(projects))}
+      </script>
+  
+      <link rel="stylesheet" href="./testeranto/Project.css" />
+      <script type="module" src="./testeranto/Project.js"></script>
+  
+    </head>
+  
+    <body>
+      <div id="root">
+        react is loading
+      </div>
+    </body>
+  
+    </html>
+        `;
+};
+var idkPage = (testName2, domain) => {
+  return `
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta name="description" content="Webpage description goes here" />
+  <base href="${domain}" target="_blank">
+  <meta charset="utf-8" />
+  <title>${testName2} - testeranto</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="author" content="" />
+
+  <link rel="stylesheet" href="./testeranto/TestReport.css" />
+  <script src="./testeranto/TestReport.js"></script>
+
+</head>
+
+<body>
+  <div id="root"/>
+</body>
+            `;
+};
+
 // src/build.ts
 readline.emitKeypressEvents(process.stdin);
 if (process.stdin.isTTY)
@@ -457,30 +541,11 @@ import(process.cwd() + "/testeranto.config.ts").then(async (module) => {
   }
   fs3.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>${pckge.name} - testeranto</title>
-      <meta name="viewport" content="width=device-width, initial-scale=1" />
-      <meta name="author" content="" />
-  
-      <link rel="stylesheet" href="../ReportClient.css" />
-      <script type="module" src="../ReportClient.js"></script>
-  
-    </head>
-  
-    <body>
-      <div id="root">
-        react is loading
-      </div>
-    </body>
-  
-    </html>
-        `
+    testReportPage(pckge.name, bigConfig.reportDomain)
+  );
+  fs3.writeFileSync(
+    `${process.cwd()}/testeranto/reports/${testName}/dev.html`,
+    testReportPage(pckge.name, "/")
   );
   fs3.writeFileSync(
     `testeranto/reports/${testName}/config.json`,
@@ -488,35 +553,11 @@ import(process.cwd() + "/testeranto.config.ts").then(async (module) => {
   );
   fs3.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>${pckge.name} - testeranto</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="author" content="" />
-    <base href="https://adamwong246.github.io/spacetrash_v8" target="_blank">
-
-    <script type="application/json" id="bigConfig">
-      ${JSON.stringify(Object.keys(bigConfig.projects))}
-    </script>
-
-    <link rel="stylesheet" href="/reports/Project.css" />
-    <script type="module" src="/reports/Project.js"></script>
-
-  </head>
-
-  <body>
-    <div id="root">
-      react is loading
-    </div>
-  </body>
-
-  </html>
-      `
+    testsReportPage(pckge.name, bigConfig.reportDomain, bigConfig.projects)
+  );
+  fs3.writeFileSync(
+    `${process.cwd()}/testeranto/dev.html`,
+    testsReportPage(pckge.name, "/", bigConfig.projects)
   );
   Promise.resolve(
     Promise.all(
@@ -564,27 +605,9 @@ import(process.cwd() + "/testeranto.config.ts").then(async (module) => {
       await fs3.mkdirSync(folder, { recursive: true });
       fs3.writeFileSync(
         `${folder}/index.html`,
-        `
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta name="description" content="Webpage description goes here" />
-  <meta charset="utf-8" />
-  <title>${testName} - testeranto</title>
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <meta name="author" content="" />
-
-  <link rel="stylesheet" href="../../../../../../TestReport.css" />
-  <script src="../../../../../../TestReport.js"></script>
-
-</head>
-
-<body>
-  <div id="root"/>
-</body>
-            `
+        idkPage(testName, bigConfig.reportDomain)
       );
+      fs3.writeFileSync(`${folder}/dev.html`, idkPage(testName, ""));
     });
   });
   [

package/dist/prebuild/init-docs.mjs

@@ -23,10 +23,6 @@ var Init_default = async () => {
     `node_modules/testeranto/dist/prebuild/Project.js`,
     `testeranto/Project.js`
   );
-  fs.copyFileSync(
-    `node_modules/testeranto/dist/prebuild/ReportClient.js`,
-    `testeranto/ReportClient.js`
-  );
   fs.copyFileSync(
     `node_modules/testeranto/dist/prebuild/Project.css`,
     `testeranto/Project.css`