testeranto 0.129.0 → 0.134.0

package/dist/module/src/Project.js

@@ -1,37 +1,100 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
 import ReactDom from "react-dom/client";
 import React, { useEffect, useState } from "react";
+import { Col, Nav, Row, Tab, Table } from "react-bootstrap";
+import { Footer } from "./Footer";
 import 'bootstrap/dist/css/bootstrap.min.css';
 import "./style.css";
-import { Footer } from "./Footer";
-import { Table } from "react-bootstrap";
+// type ICollation = {
+//   name: string;
+//   runTime: IRunTime;
+//   tr: {
+//     ports: number;
+//   };
+//   sidecars: ITestTypes[];
+//   staticAnalysis: number | "?";
+//   typeErrors: number | "?";
+//   bddErrors: number | "?";
+//   prompt: string | "?";
+// };
+// type ICollations = ICollation[];
+const ExternalFeatures = ({ summary }) => {
+    return React.createElement("div", null,
+        React.createElement(Row, null,
+            React.createElement(Tab.Container, { id: "external-features-tab-container" },
+                React.createElement(Row, null,
+                    React.createElement(Col, { sm: 1 },
+                        React.createElement(Nav, { variant: "pills", className: "flex-column" },
+                            React.createElement(Nav.Item, null,
+                                React.createElement(Nav.Link, { eventKey: "log" }, "log"),
+                                React.createElement(Nav.Link, { eventKey: "steps" }, "steps")))),
+                    React.createElement(Col, { sm: 11 },
+                        React.createElement(Tab.Content, null,
+                            React.createElement(Tab.Pane, { eventKey: "log" }),
+                            React.createElement(Tab.Pane, { eventKey: "steps" },
+                                React.createElement(Tab.Container, { id: "secondary-tab-container", defaultActiveKey: "first" },
+                                    React.createElement(Row, null,
+                                        React.createElement(Col, { sm: 3 },
+                                            React.createElement(Nav, { variant: "pills", className: "flex-column" })),
+                                        React.createElement(Col, { sm: 9 },
+                                            React.createElement(Tab.Content, null)))))))))));
+};
+const Features = ({ summary }) => {
+    return React.createElement("div", null,
+        React.createElement(Table, { striped: true, bordered: true, hover: true },
+            React.createElement("thead", null,
+                React.createElement("tr", null,
+                    React.createElement("th", null, "project"),
+                    React.createElement("th", null, "platform"),
+                    React.createElement("th", null, "BDD errors"),
+                    React.createElement("th", null, "Lint errors"),
+                    React.createElement("th", null, "Type errors"),
+                    React.createElement("th", null, "prompt"))),
+            React.createElement("tbody", null, ...summary.map((s) => {
+                return React.createElement(React.Fragment, null,
+                    React.createElement("tr", null,
+                        React.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 React.createElement("tr", null,
+                            React.createElement("td", null, t[0]),
+                            React.createElement("td", null, t[1]),
+                            React.createElement("td", null,
+                                React.createElement("a", { href: `./reports/${x}/index.html` }, y.runTimeError)),
+                            React.createElement("td", null,
+                                React.createElement("a", { href: `./reports/${x}/lint_errors.json` }, y.staticErrors)),
+                            React.createElement("td", null,
+                                React.createElement("a", { href: `./reports/${x}/type_errors.txt` }, y.typeErrors)),
+                            React.createElement("td", null,
+                                React.createElement("pre", null, s[2][t[0]].prompt)));
+                    }));
+            }))));
+};
+const Docs = ({ summary }) => {
+    return React.createElement("div", null,
+        React.createElement(Tab.Container, { id: "DocsPane-tabs", defaultActiveKey: "external" },
+            React.createElement(Row, null,
+                React.createElement(Col, { sm: 12 },
+                    React.createElement(Nav, null,
+                        React.createElement(Nav.Link, { eventKey: `external` }, "external"),
+                        React.createElement(Nav.Link, { eventKey: `markdown` }, "markdown"),
+                        React.createElement(Nav.Link, { eventKey: `string` }, "string")))),
+            React.createElement(Row, null,
+                React.createElement(Col, { sm: 12 },
+                    React.createElement(Tab.Content, null,
+                        React.createElement(Tab.Pane, { eventKey: `external` },
+                            React.createElement(ExternalFeatures, { summary: summary })),
+                        React.createElement(Tab.Pane, { eventKey: `markdown` },
+                            React.createElement(ExternalFeatures, { summary: summary })),
+                        React.createElement(Tab.Pane, { eventKey: `string` },
+                            React.createElement(ExternalFeatures, { summary: summary })))))));
+};
 const BigBoard = () => {
     const bigConfigElement = document.getElementById('bigConfig');
     if (!bigConfigElement)
         throw new Error('bigConfig element not found');
     const projects = JSON.parse(bigConfigElement.innerHTML);
-    // 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();
     useEffect(() => {
         (async () => {
@@ -45,31 +108,25 @@ const BigBoard = () => {
             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 === null || summary === void 0 ? void 0 : summary.length) === 0) {
         return React.createElement("div", null, "loading...");
     }
-    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
-    // });
+    // 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(() => {
@@ -80,35 +137,58 @@ const BigBoard = () => {
         });
     }
     return React.createElement("div", null,
-        React.createElement(Table, { striped: true, bordered: true, hover: true },
-            React.createElement("thead", null,
-                React.createElement("tr", null,
-                    React.createElement("th", null, "project"),
-                    React.createElement("th", null, "platform"),
-                    React.createElement("th", null, "BDD errors"),
-                    React.createElement("th", null, "Lint errors"),
-                    React.createElement("th", null, "Type errors"),
-                    React.createElement("th", null, "prompt"))),
-            React.createElement("tbody", null, ...summary.map((s) => {
-                return React.createElement(React.Fragment, null,
-                    React.createElement("tr", null,
-                        React.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 React.createElement("tr", null,
-                            React.createElement("td", null, t[0]),
-                            React.createElement("td", null, t[1]),
-                            React.createElement("td", null,
-                                React.createElement("a", { href: `./reports/${x}/index.html` }, y.runTimeError)),
-                            React.createElement("td", null,
-                                React.createElement("a", { href: `./reports/${x}/lint_errors.json` }, y.staticErrors)),
-                            React.createElement("td", null,
-                                React.createElement("a", { href: `./reports/${x}/type_errors.txt` }, y.typeErrors)),
-                            React.createElement("td", null,
-                                React.createElement("pre", null, s[2][t[0]].prompt)));
-                    }));
-            }))),
+        "    ",
+        React.createElement(Tab.Container, { id: "TestPane-tabs", defaultActiveKey: "tests" },
+            React.createElement(Row, null,
+                React.createElement(Col, { sm: 12 },
+                    React.createElement(Nav, null,
+                        React.createElement(Nav.Link, { eventKey: `tests` }, "tests"),
+                        React.createElement(Nav.Link, { eventKey: `features` }, "features"),
+                        React.createElement(Nav.Link, { eventKey: `docs` }, "docs")))),
+            React.createElement(Row, null,
+                React.createElement(Col, { sm: 12 },
+                    React.createElement(Tab.Content, null,
+                        React.createElement(Tab.Pane, { eventKey: `tests` },
+                            React.createElement(Table, { striped: true, bordered: true, hover: true },
+                                React.createElement("thead", null,
+                                    React.createElement("tr", null,
+                                        React.createElement("th", null, "project"),
+                                        React.createElement("th", null, "platform"),
+                                        React.createElement("th", null, "BDD errors"),
+                                        React.createElement("th", null, "Lint errors"),
+                                        React.createElement("th", null, "Type errors"),
+                                        React.createElement("th", null, "prompt"),
+                                        React.createElement("th", null, "failing features"))),
+                                React.createElement("tbody", null, ...summary.map((s) => {
+                                    return React.createElement(React.Fragment, null,
+                                        React.createElement("tr", null,
+                                            React.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 React.createElement("tr", null,
+                                                React.createElement("td", null, t[0]),
+                                                React.createElement("td", null, t[1]),
+                                                React.createElement("td", null,
+                                                    React.createElement("a", { href: `./reports/${x}/index.html` }, y.runTimeError)),
+                                                React.createElement("td", null,
+                                                    React.createElement("a", { href: `./reports/${x}/lint_errors.json` }, y.staticErrors)),
+                                                React.createElement("td", null,
+                                                    React.createElement("a", { href: `./reports/${x}/type_errors.txt` }, y.typeErrors)),
+                                                React.createElement("td", null,
+                                                    React.createElement("pre", null,
+                                                        React.createElement("button", { onClick: () => {
+                                                                copyToClipboard(s[2][t[0]].prompt);
+                                                            } }, "copy"))),
+                                                React.createElement("td", null,
+                                                    React.createElement("pre", null,
+                                                        React.createElement("code", null, JSON.stringify(y.failingFeatures, null, 2)))));
+                                        }));
+                                })))),
+                        React.createElement(Tab.Pane, { eventKey: `features` },
+                            React.createElement(Features, { summary: summary })),
+                        React.createElement(Tab.Pane, { eventKey: `docs` },
+                            React.createElement(Docs, { summary: summary })))))),
         React.createElement(Footer, null));
 };
 document.addEventListener("DOMContentLoaded", function () {
@@ -117,4 +197,3 @@ document.addEventListener("DOMContentLoaded", function () {
         ReactDom.createRoot(elem).render(React.createElement(BigBoard, {}));
     }
 });
-console.log("hello Project!");

package/dist/module/src/PureSidecar.js

@@ -0,0 +1,9 @@
+import { Sidecar } from "./lib/Sidecar";
+export class PureSideCar extends Sidecar {
+    start(t) {
+        throw new Error("Method not implemented.");
+    }
+    stop() {
+        throw new Error("Method not implemented.");
+    }
+}

package/dist/module/src/ReportClient.js

@@ -1,97 +1,132 @@
-import ReactDom from "react-dom/client";
-import React, { useEffect, useState } from "react";
-import 'bootstrap/dist/css/bootstrap.min.css';
-import "./style.css";
-import { Footer } from "./Footer";
-import { Table } from "react-bootstrap";
-const BigBoard = () => {
-    const [configs, setConfigs] = useState();
-    useEffect(() => {
-        (async () => {
-            fetch(`./reports/${window.location.pathname.split('/').pop()}/config.json`)
-                .then(response => response.json())
-                .then(json => {
-                setConfigs(json);
-            })
-                .catch(error => console.error(error));
-        })();
-    }, []);
-    const [bigBoard, setBigBoard] = useState({});
-    useEffect(() => {
-        (async () => {
-            fetch('./docs/summary.json')
-                .then(response => response.json())
-                .then(json => {
-                setBigBoard(json);
-            })
-                .catch(error => console.error(error));
-        })();
-    }, []);
-    // const [staticAnalysis, setStaticAnalysis] = useState<Record<string, string>>({});
-    // useEffect(() => {
-    //   (async () => {
-    //     let accumulator = {};
-    //     for (const t of (configs || { tests: [] as ITestTypes[] }).tests) {
-    //       accumulator[t[0]] = await (await fetch(`/kokomoBay/docs/${t[1]}/${t[0].split(".").slice(0, -1).join(".")}/lint_errors.txt`)).text()
-    //     }
-    //     setStaticAnalysis(accumulator);
-    //   })();
-    // }, [configs, bigBoard]);
-    // const [typeErrors, setTypeErrors] = useState<Record<string, string>>({});
-    // useEffect(() => {
-    //   (async () => {
-    //     let accumulator = {};
-    //     for (const t of (configs || { tests: [] as ITestTypes[] }).tests) {
-    //       accumulator[t[0]] = await (await fetch(`/kokomoBay/docs/${t[1]}/${t[0].split(".").slice(0, -1).join(".")}/type_errors.txt`)).text()
-    //     }
-    //     setTypeErrors(accumulator);
-    //   })();
-    // }, [configs, bigBoard]);
-    // const [bddErrors, setBddErrors] = useState<Record<string, string>>({});
-    // useEffect(() => {
-    //   (async () => {
-    //     let accumulator = {};
-    //     for (const t of (configs || { tests: [] as ITestTypes[] }).tests) {
-    //       accumulator[t[0]] = await (await fetch(`/kokomoBay/docs/${t[1]}/${t[0].split(".").slice(0, -1).join(".")}/bdd_errors.txt`)).text()
-    //     }
-    //     setBddErrors(accumulator);
-    //   })();
-    // }, [configs, bigBoard]);
-    if (!configs) {
-        return React.createElement("div", null, "loading...");
-    }
-    const collated = configs.tests.map((c) => {
-        return Object.assign(Object.assign({}, 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 });
-    });
-    return React.createElement("div", null,
-        React.createElement(Table, { striped: true, bordered: true, hover: true },
-            React.createElement("thead", null,
-                React.createElement("tr", null,
-                    React.createElement("th", null),
-                    React.createElement("th", null, "platform"),
-                    React.createElement("th", null, "BDD errors"),
-                    React.createElement("th", null, "Lint errors"),
-                    React.createElement("th", null, "Type errors"),
-                    React.createElement("th", null, "prompt"))),
-            React.createElement("tbody", null, ...collated.map((c) => {
-                return React.createElement("tr", null,
-                    React.createElement("td", null, c.name),
-                    React.createElement("td", null, c.runTime),
-                    React.createElement("td", null,
-                        React.createElement("a", { href: `${c.runTime}/${c.name.split(".").slice(0, -1).join(".")}/littleBoard.html` }, c.bddErrors)),
-                    React.createElement("td", null,
-                        React.createElement("a", { href: `${c.runTime}/${c.name.split(".").slice(0, -1).join(".")}/lint_errors.json` }, c.staticAnalysis)),
-                    React.createElement("td", null,
-                        React.createElement("a", { href: `${c.runTime}/${c.name.split(".").slice(0, -1).join(".")}/type_errors.txt` }, c.typeErrors)),
-                    React.createElement("td", null,
-                        React.createElement("pre", null, c.prompt)));
-            }))),
-        React.createElement(Footer, null));
-};
-document.addEventListener("DOMContentLoaded", function () {
-    const elem = document.getElementById("root");
-    if (elem) {
-        ReactDom.createRoot(elem).render(React.createElement(BigBoard, {}, []));
-    }
-});
-console.log("hello ReportClient!");
+"use strict";
+// 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 } from "./lib";
+// import { Footer } from "./Footer";
+// import { Table } from "react-bootstrap";
+// import { ISummary } from "./Types";
+// 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 [configs, setConfigs] = useState<IBuiltConfig>();
+//   useEffect(() => {
+//     (async () => {
+//       fetch(`./reports/${window.location.pathname.split('/').pop()}/config.json`)
+//         .then(response => response.json())
+//         .then(json => {
+//           setConfigs(json)
+//         })
+//         .catch(error => console.error(error));
+//     })();
+//   }, []);
+//   const [bigBoard, setBigBoard] = useState<Record<string, ISummary>>({});
+//   useEffect(() => {
+//     (async () => {
+//       fetch('./docs/summary.json')
+//         .then(response => response.json())
+//         .then(json => {
+//           setBigBoard(json)
+//         })
+//         .catch(error => console.error(error));
+//     })();
+//   }, []);
+//   // const [staticAnalysis, setStaticAnalysis] = useState<Record<string, string>>({});
+//   // useEffect(() => {
+//   //   (async () => {
+//   //     let accumulator = {};
+//   //     for (const t of (configs || { tests: [] as ITestTypes[] }).tests) {
+//   //       accumulator[t[0]] = await (await fetch(`/kokomoBay/docs/${t[1]}/${t[0].split(".").slice(0, -1).join(".")}/lint_errors.txt`)).text()
+//   //     }
+//   //     setStaticAnalysis(accumulator);
+//   //   })();
+//   // }, [configs, bigBoard]);
+//   // const [typeErrors, setTypeErrors] = useState<Record<string, string>>({});
+//   // useEffect(() => {
+//   //   (async () => {
+//   //     let accumulator = {};
+//   //     for (const t of (configs || { tests: [] as ITestTypes[] }).tests) {
+//   //       accumulator[t[0]] = await (await fetch(`/kokomoBay/docs/${t[1]}/${t[0].split(".").slice(0, -1).join(".")}/type_errors.txt`)).text()
+//   //     }
+//   //     setTypeErrors(accumulator);
+//   //   })();
+//   // }, [configs, bigBoard]);
+//   // const [bddErrors, setBddErrors] = useState<Record<string, string>>({});
+//   // useEffect(() => {
+//   //   (async () => {
+//   //     let accumulator = {};
+//   //     for (const t of (configs || { tests: [] as ITestTypes[] }).tests) {
+//   //       accumulator[t[0]] = await (await fetch(`/kokomoBay/docs/${t[1]}/${t[0].split(".").slice(0, -1).join(".")}/bdd_errors.txt`)).text()
+//   //     }
+//   //     setBddErrors(accumulator);
+//   //   })();
+//   // }, [configs, bigBoard]);
+//   if (!configs) {
+//     return <div>loading...</div>
+//   }
+//   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
+//   });
+//   return <div >
+//     <Table striped bordered hover>
+//       <thead>
+//         <tr>
+//           <th></th>
+//           <th>platform</th>
+//           <th>BDD errors</th>
+//           <th>Lint errors</th>
+//           <th>Type errors</th>
+//           <th>prompt</th>
+//         </tr>
+//       </thead>
+//       <tbody>
+//         {
+//           ...collated.map((c) => {
+//             return <tr>
+//               <td>{c.name}</td>
+//               <td>{c.runTime}</td>
+//               <td><a href={`${c.runTime}/${c.name.split(".").slice(0, -1).join(".")}/littleBoard.html`}>{c.bddErrors}</a></td>
+//               <td><a href={`${c.runTime}/${c.name.split(".").slice(0, -1).join(".")}/lint_errors.json`}>{c.staticAnalysis}</a></td>
+//               <td><a href={`${c.runTime}/${c.name.split(".").slice(0, -1).join(".")}/type_errors.txt`}>{c.typeErrors}</a></td>
+//               <td>
+//                 <pre>
+//                   {c.prompt}
+//                 </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 ReportClient!")

package/dist/module/src/SP__Polygon.test.js

@@ -0,0 +1,8 @@
+import { test6, When, Then } from "../lib";
+test6(["can calculate polygon area"], // Features
+[
+    When("given sides", (polygon) => polygon.calculateArea()),
+], [
+    Then("area should match", (area) => expect(area).toBeCloseTo(25)),
+], [5, 5] // Values passed to Given
+);

package/dist/module/src/TestReport.js

@@ -75,20 +75,39 @@ const BddPage = () => {
             React.createElement(Col, { sm: 12 },
                 React.createElement("h2", null, bddErrors.name))),
         React.createElement(Row, null,
-            React.createElement(Tab.Container, { id: "root-tab-container", defaultActiveKey: "first" },
+            React.createElement(Tab.Container, { id: "root-tab-container", defaultActiveKey: "log" },
                 React.createElement(Row, null,
-                    React.createElement(Col, { sm: 3 },
-                        React.createElement("pre", null,
-                            React.createElement("code", null, log))),
-                    React.createElement(Col, { sm: 3 },
-                        React.createElement(Nav, { variant: "pills", className: "flex-column" }, ...bddErrors.givens.map((g) => React.createElement(Nav.Item, null,
-                            React.createElement(Nav.Link, { eventKey: g.key },
-                                g.key,
-                                ": Given ",
-                                g.name))))),
-                    React.createElement(Col, { sm: 6 },
-                        React.createElement(Tab.Content, null, ...bddErrors.givens.map((g) => React.createElement(Tab.Pane, { eventKey: g.key },
-                            React.createElement(TestPane, { given: g })))))))),
+                    React.createElement(Col, { sm: 1 },
+                        React.createElement(Nav, { variant: "pills", className: "flex-column" },
+                            React.createElement(Nav.Item, null,
+                                React.createElement(Nav.Link, { eventKey: "log" }, "log"),
+                                React.createElement(Nav.Link, { eventKey: "steps" }, "steps")))),
+                    React.createElement(Col, { sm: 11 },
+                        React.createElement(Tab.Content, null,
+                            React.createElement(Tab.Pane, { eventKey: "log" },
+                                React.createElement("pre", null,
+                                    React.createElement("code", null, log))),
+                            React.createElement(Tab.Pane, { eventKey: "steps" },
+                                React.createElement(Tab.Container, { id: "secondary-tab-container", defaultActiveKey: "first" },
+                                    React.createElement(Row, null,
+                                        React.createElement(Col, { sm: 3 },
+                                            React.createElement(Nav, { variant: "pills", className: "flex-column" }, ...bddErrors.givens.map((g) => React.createElement(Nav.Item, null,
+                                                React.createElement(Nav.Link, { eventKey: g.key },
+                                                    g.key,
+                                                    ": Given ",
+                                                    g.name))))),
+                                        React.createElement(Col, { sm: 9 },
+                                            React.createElement(Tab.Content, null, ...bddErrors.givens.map((g) => React.createElement(Tab.Pane, { eventKey: g.key },
+                                                React.createElement(TestPane, { given: g }))))))))))))),
+        React.createElement("div", { style: {
+                backgroundColor: 'lightgray',
+                margin: '0.5rem',
+                padding: '0.5rem',
+                position: 'fixed',
+                left: 0,
+                bottom: 0
+            } },
+            React.createElement("a", { href: "/" }, "\uD83C\uDFE0")),
         React.createElement(Footer, null));
 };
 document.addEventListener("DOMContentLoaded", function () {
@@ -100,4 +119,3 @@ document.addEventListener("DOMContentLoaded", function () {
         }
     }
 });
-console.log("hello BddPage!");

package/dist/module/src/WebSidecar.js

@@ -0,0 +1,10 @@
+import { Sidecar } from "./lib/Sidecar";
+// import { PM_Node_Sidecar } from "./PM/nodeSidecar";
+export class WebSideCar extends Sidecar {
+    start(t) {
+        throw new Error("Method not implemented.");
+    }
+    stop() {
+        throw new Error("Method not implemented.");
+    }
+}