@kenjura/ursa 0.5.0

package/.nvmrc

@@ -0,0 +1 @@
+16.18

package/.vscode/launch.json

@@ -0,0 +1,20 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "node",
+            "request": "launch",
+            "name": "Launch Program",
+            "skipFiles": [
+                "<node_internals>/**"
+            ],
+            "env": {
+                "INCLUDE_FILTER": "Kaine",
+            },
+            "program": "${workspaceFolder}/src/serve.js"
+        }
+    ]
+}

package/CHANGELOG.md

@@ -0,0 +1,41 @@
+# 0.5.0
+
+2023-05-08
+
+- added INCLUDE_FILTER env var
+
+# 0.4.2
+
+2023-03-01
+
+- bug fixes
+
+# 0.4.0
+
+2023-03-31
+
+- Now a library
+
+# 0.3.0
+
+2022-10-17
+
+- Using express instead of http/node-static for serve
+- Serve now waits for generation to finish
+- Formatted files using prettier
+
+# 0.2.0
+
+2022-03-30
+
+- Added serve command
+- Workaround for node-static broken npm package
+- Added source static files and menu
+- Lots of default styling (not that meta should be in there at all)
+- Added TODO
+
+# 0.1.0
+
+2022-03-30
+
+- Initial POC

package/README.md

@@ -0,0 +1,32 @@
+static site generator from MD/wikitext/YML
+
+there are many like it, but this one's mine
+
+# Developing
+
+```npm run serve```
+
+Watches source and meta folder; on change, writes HTML to build folder.
+
+Optional environment variables:
+- SOURCE: path to the source folder, default `${cwd}/source`
+- META: path to the meta folder, default `${cwd}/meta`
+- BUILD: path to the build folder, default `${cwd}/build`
+
+# Running
+
+## Run once, converting source folder into static html
+
+```npm start```
+
+Defaults:
+- source: the "source" directory in cwd
+- meta: the "meta" directory in cwd
+- output: the "build" directory in cwd
+
+This is not very useful. Will make these configurable.
+
+
+# Inputs and Outputs
+
+SOURCE folder should have at least an index.md in it

package/TODO.md

@@ -0,0 +1,16 @@
+# Basic Functionality
+
+- [x] Enable static assets from meta in build (perhaps by copying them?)
+- [x] Enable static assets from source in build
+- [ ] Handle menus at different levels
+- [x] Add a live-serve command that translates from source in real time (for testing)
+- [ ] Deal with crashes when no menu file is found
+
+
+# Wikitext
+- [ ] Support original site styles
+- [ ] Support original menu
+- [ ] Fix links
+
+# Mobile UI
+- [ ] Konsta UI

package/lib/index.js

@@ -0,0 +1,9 @@
+import { generate } from "../src/jobs/generate.js";
+
+export default function generateSite({ source, meta, output }) {
+  if (!source) throw new Error("source is required");
+  if (!meta) throw new Error("meta is required");
+  if (!output) throw new Error("output is required");
+
+  generate({ source, meta, output });
+}

package/meta/character-sheet/css/character-sheet.css

@@ -0,0 +1,10 @@
+a, .appear-as-link {
+  color: #136ac1;
+  cursor: pointer;
+  text-decoration: none;
+  transition: filter 0.3s, text-shadow 0.3;
+}
+a:hover, .appear-as-link:hover {
+  filter: brightness(2);
+  text-shadow: 0px 0px 3px rgb(255 255 255 / 25%);
+}

package/meta/character-sheet/js/components.js

@@ -0,0 +1,37 @@
+export function CharacterSheet({ character }) {
+  return `<div class="character-sheet">
+    ${Attributes({ attributes: character.attributes })}
+  </div>`;
+}
+function Attributes({ attributes }) {
+  return `<div class="attributes">
+            <header>Attributes</header>
+            <table>
+                ${attributes
+                  .map((attribute) => Attribute({ attribute }))
+                  .join("")}
+            </table>
+        </div>`;
+}
+function Attribute({ attribute }) {
+  return `<tr>
+            <td>${attribute.name}</td>
+            <td>${Modifier({ attribute })}</td>
+        </tr>`;
+}
+function Modifier({ attribute }) {
+  const modifierLabel = renderModifierLabel(attribute.modifier);
+  const components = Object.entries(attribute.components)
+    .map(([key, val]) => `${key}: ${val}`)
+    .join("\n");
+
+  return `<span class="appear-as-link" title="${components}">${modifierLabel}</span>`;
+
+  function renderModifierLabel(modifier) {
+    if (isNaN(modifier)) return "?";
+    if (modifier > 0) return `+${modifier}`;
+    if (modifier === 0) return "+0";
+    if (modifier < 0) return modifier;
+    return "??";
+  }
+}

package/meta/character-sheet/js/main.js

@@ -0,0 +1,7 @@
+import { CharacterSheet } from "./components.js";
+import { createCharacterFromYamlObject } from "./model.js";
+
+const yamlObject = window.meta.character;
+const character = createCharacterFromYamlObject(yamlObject);
+const characterHtml = CharacterSheet({ character });
+document.querySelector("article").innerHTML = characterHtml;

package/meta/character-sheet/js/model.js

@@ -0,0 +1,15 @@
+export function createCharacterFromYamlObject(yamlObject) {
+  let character = Object.assign({}, yamlObject);
+  // TODO: validate character here
+  processAttributes(character);
+  return yamlObject;
+}
+
+function processAttributes(character) {
+  character.attributes.forEach((attribute) => {
+    attribute.modifier = Object.values(attribute.components).reduce(
+      (p, c) => p + c,
+      0
+    );
+  });
+}

package/meta/character-sheet-template.html

@@ -0,0 +1,76 @@
+<html>
+
+<head>
+  <link rel="stylesheet" href="/public/default.css" />
+  <link rel="stylesheet" href="/public/cssui.bundle.min.css" />
+  <link rel="stylesheet" href="/public/character-sheet.css" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
+  <style>
+
+  </style>
+</head>
+
+<body data-template-id="character-sheet">
+  <nav id="nav-main">
+    <span id="menu-icon" class="material-symbols-outlined">
+      menu
+    </span>
+    ${menu}
+  </nav>
+  <nav id="tabs" level="2">
+    <!-- <ul>
+            <li><a href="#article">Article</a></li>
+            <li><a href="#character-sheet">Character Sheet</a></li>
+        </ul> -->
+
+  </nav>
+  <article>
+    <div id="tab-container" data-tabs>
+      <input checked="checked" id="tab1" type="radio" name="tab" data-tab="tab1" />
+      <input id="tab2" type="radio" name="tab" data-tab="tab2" />
+      <nav>
+        <label for="tab1" data-tab-label="tab1" role="tab">Article</label>
+        <label for="tab2" data-tab-label="tab2" role="tab">Character Sheet</label>
+      </nav>
+      <section data-tab-panel="tab1" role="tabpanel" aria-labelledby="tab1">
+        ${body}
+      </section>
+      <section data-tab-panel="tab2" role="tabpanel" aria-labelledby="tab2">
+        ${transformedMetadata}
+      </section>
+    </div>
+  </article>
+  <div id="global-nav">
+    global nav here
+  </div>
+
+  <script src="https://cdn.ably.com/lib/ably.min-1.js"></script>
+  <script>
+    const COMPROMISED_CLIENT_SIDE_SECRET_API_KEY =
+      'thisiswheretheapikeywouldgoIFIHADONE';
+    const CHAT_CHANNEL_NAME = 'chat-channel';
+
+    var client = new Ably.Realtime(COMPROMISED_CLIENT_SIDE_SECRET_API_KEY);
+    let channel;
+    client.connection.on('connected', function () {
+      channel = client.channels.get(CHAT_CHANNEL_NAME);
+      channel.subscribe(function (message) {
+        // message.name; // 'greeting'
+        // message.data; // 'Hello World!'
+      });
+    });
+
+    function roll(mod) {
+      const d20 = Math.ceil(Math.random() * 20);
+      const result = d20 + mod;
+      body = `Rolled a ${d20} with a modifier of ${mod}. Result is ${result}.`;
+      channel.publish('test-message', {
+        author: 'me',
+        datetime: new Date(),
+        body,
+      });
+    }
+  </script>
+</body>
+
+</html>

package/meta/character-sheet.css

@@ -0,0 +1,50 @@
+nav#tabs {
+    position: absolute;
+    top: 0;
+    left: calc(50% - 20em);
+    background: rgba(255,255,255,0.1);
+    height: 40px;
+}
+
+nav#tabs li {
+    display: inline-block;
+}
+nav#tabs li a {
+    background: rgba(255,255,255,0.1);
+    height: 40px;
+    line-height: 40px;
+}
+
+article {
+    box-sizing: content-box;
+
+}
+
+div#tab-container {
+    --tab-panel-background: transparent;
+    --tab-background-color: rgba(255,255,255,0.25) !important;
+}
+
+[data-tab=tab1]:checked~nav [data-tab-label=tab1], [data-tab=tab2]:checked~nav [data-tab-label=tab2], [data-tab=tab3]:checked~nav [data-tab-label=tab3] {
+    --tab-background-color: rgba(255,255,255,0.55) !important;
+}
+
+#character-sheet .rollable {
+    display: inline-block;
+    position: relative;
+    left: 3px;
+    transition: filter 0.3s, transform 0.3s;
+    
+    animation-play-state: paused;
+}
+#character-sheet .rollable:hover {
+    filter: brightness(1.5);
+    transform: scale(1.1);
+    animation-play-state: running;
+}
+
+#character-sheet .rollable .hexagon {
+    position: absolute;
+    top: 0px;
+    left: -7.5px;
+}

package/meta/cssui.bundle.min.css

@@ -0,0 +1,11 @@
+:root{--cssui-animation-rotate:rotate(-180deg);--cssui-animation-timing:.25s;--cssui-font-family:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,"Helvetica Neue",arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--cssui-gray-lighter:#e5e7eb;--cssui-gray-light:#d1d5db;--cssui-gray-dark:#4b5563;--cssui-gray-darkest:#1f2937;--cssui-primary:#14b8a6;--cssui-padding:1rem;--cssui-radius:4px}*{box-sizing:border-box}body{font-family:var(--cssui-font-family);margin:0}
+[data-accordion]{--accordion-border-color:var(--cssui-gray-lighter);--accordion-panel-background:#fff;--accordion-panel-padding:var(--cssui-padding);--accordion-panel-text-color:var(--cssui-gray-darkest);--accordion-title-background:#fff;--accordion-title-spacing:1rem;--accordion-title-color:var(--cssui-gray-dark);border:1px solid var(--accordion-border-color);border-radius:var(--cssui-radius)}[data-accordion-item]{width:100%}[data-accordion-item]:not(:last-child){border-bottom:1px solid var(--accordion-border-color)}[data-accordion-item]>input{opacity:0;position:absolute;z-index:-1}[data-accordion-item]>label{align-items:center;background:var(--accordion-title-background);color:var(--accordion-title-color);cursor:pointer;display:flex;font-weight:700;justify-content:space-between;padding:var(--accordion-title-spacing)}[data-accordion-item]>input:checked+label,[data-accordion-item]>label:hover{--accordion-title-color:var(--cssui-gray-darkest);--accordion-title-background:var(--cssui-gray-lighter)}[data-accordion-item]>input:checked+label:hover{--accordion-title-background:var(--cssui-gray-light)}[data-accordion-item]>input:focus+label{outline:2px solid #101010;outline:2px solid highlight;outline:2px solid -webkit-focus-ring-color}[data-accordion-item]>input:focus:not(:focus-visible)+label{outline:none}[data-accordion-item]>label>svg{transition:all var(--cssui-animation-timing) ease-out}[data-accordion-panel]{background:var(--accordion-panel-background);color:var(--accordion-panel-text-color);max-height:0;padding:0 var(--accordion-panel-padding);transition:padding var(--cssui-animation-timing) ease;visibility:hidden}[data-accordion-item]>input:checked+label>svg{transform:rotate(-180deg)}[data-accordion-item]>input:checked~[data-accordion-panel]{max-height:100vh;padding:var(--accordion-panel-padding);visibility:visible}
+[data-dropdown]{--dropdown-border-radius:var(--cssui-radius);--dropdown-border-color:var(--cssui-gray-light);--dropdown-link-background:var(--cssui-gray-lighter);--dropdown-link-color:var(--cssui-gray-darkest);--dropdown-panel-background:#fff;--dropdown-padding:var(--cssui-padding);border:1px solid var(--dropdown-border-color);border-radius:var(--dropdown-border-radius);position:relative;width:auto}[data-dropdown] summary{padding:var(--dropdown-padding);position:relative}[data-dropdown] summary:hover{background:var(--cssui-gray-lighter);cursor:pointer}[data-dropdown] summary::-webkit-details-marker{display:none}[data-dropdown] summary:focus{outline-width:3px}[data-dropdown] summary:after{border-bottom:0;border-left:.3rem solid transparent;border-right:.3rem solid transparent;border-top:.3rem solid;content:"";display:inline-block;margin-left:.255rem;position:absolute;right:var(--dropdown-padding);top:calc(var(--dropdown-padding)*1.75);vertical-align:.255rem}[data-dropdown][open] summary:after{transform:rotate(-180deg)}[data-dropdown] ul{background:var(--dropdown-panel-background);list-style:none;margin:0;padding-left:0}[data-dropdown] li{border-top:var(--dropdown-border,0) solid var(--dropdown-border-color);margin:0;padding:0}[data-dropdown] li>a{color:var(--dropdown-link-color);display:block;padding:var(--dropdown-padding);text-decoration:none}[data-dropdown] li>a:hover{background-color:var(--dropdown-link-background)}
+[data-fullpage]{--fullpage-height:100vh;--fullpage-direction:x;--fullpage-scroll:mandatory;--slide-background:#cbd5e1;--slide-content-padding:calc(var(--slide-padding)*2);--slide-size:100%;--slide-snap-align:start;--slide-padding:2rem;--slide-arrow-color:#000;--slide-arrow-size:.675rem;height:var(--fullpage-height);position:relative;width:100%}[data-slides]{-webkit-overflow-scrolling:touch;display:flex;height:100%;overflow-x:scroll;position:relative;scroll-behavior:smooth;-ms-scroll-snap-type:var(--fullpage-direction) var(--fullpage-scroll);scroll-snap-type:var(--fullpage-direction) var(--fullpage-scroll);z-index:0}[data-slides]>[data-slide]{background-color:var(--slide-background);box-sizing:border-box;min-height:100%;min-width:var(--slide-size);padding:var(--slide-padding);position:relative;scroll-snap-align:var(--slide-snap-align)}[data-slides] [data-slide-content]{padding:var(--slide-content-padding)}[data-slides]>[data-slide]:first-child{--slide-background:#6ee7b7}[data-slides]>[data-slide]:nth-child(2){--slide-background:#67e8f9}[data-slides]>[data-slide]:nth-child(3){--slide-background:#93c5fd}[data-slides]>[data-slide]:nth-child(4){--slide-background:#c4b5fd}[data-fullpage]:after,[data-fullpage]:before{border:solid var(--slide-arrow-color);border-width:0 3px 3px 0;content:"";display:block;outline:0;padding:var(--slide-arrow-size);pointer-events:none;position:absolute;top:calc(50% - var(--slide-arrow-size));transform:translateY(-50%);z-index:1}[data-fullpage]:before{left:calc(var(--slide-padding) + var(--slide-arrow-size));transform:rotate(135deg);-webkit-transform:rotate(135deg)}[data-slides]>[data-slide="1"]~[data-fullpage]:before{display:none}[data-fullpage]:after{right:calc(var(--slide-padding) + var(--slide-arrow-size));transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}[data-slide-arrow]{display:block;font-size:0;height:2rem;position:absolute;top:50%;transform:translateY(-50%);width:2rem;z-index:100}[data-slide-arrow=next]{right:var(--slide-padding)}[data-slide-arrow=prev]{left:var(--slide-padding)}
+[data-modal]{--modal-background:#fff;--modal-level:9999;--modal-max-size:500px;--modal-overlay-background:rgba(0,0,0,.2);--modal-radius:8px;--modal-size:80%;--modal-spacing:1rem;align-items:center;display:flex;justify-content:center;opacity:0;transition:opacity .3s ease;visibility:hidden}[data-modal-overlay],[data-modal]{bottom:0;left:0;position:fixed;right:0;top:0}[data-modal-overlay]{background-color:var(--modal-overlay-background)}[data-modal-dialog]{background-color:var(--modal-background);border-radius:var(--modal-radius);max-width:var(--modal-max-size);opacity:0;padding:var(--modal-spacing);transform:translateY(-1rem);transition:opacity .3s ease,transform .3s ease;transition-delay:.2s;width:var(--modal-size);z-index:var(--modal-level)}[data-modal]:target{opacity:1;visibility:visible;z-index:var(--modal-level)}[data-modal]:target [data-modal-dialog]{opacity:1;transform:translateY(0)}[data-modal-close]{color:var(--cssui-gray-darkest);position:absolute;right:var(--modal-spacing);top:var(--modal-spacing)}
+[data-range]{--range-thumb-color:var(--cssui-primary);--range-thumb-height:25px;--range-thumb-width:25px;--range-track-height:auto;--range-track-color:var(--cssui-gray-light);-webkit-appearance:none;background:var(--range-track-color);border-radius:var(--range-track-radius,0);height:var(--range-track-height);margin:1rem 0;outline:none;width:100%}[data-range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--range-thumb-color);border-radius:var(--range-thumb-radius,0);box-shadow:0 0 3px var(--cssui-gray-light);cursor:pointer;height:var(--range-thumb-height);-webkit-transition:background .2s ease;transition:background .2s ease;width:var(--range-thumb-width)}[data-range]::-moz-range-thumb{background:var(--range-thumb-color);border-radius:var(--range-thumb-radius,0);cursor:pointer;height:var(--range-thumb-height);-moz-transition:background .2s ease;transition:background .2s ease;width:var(--range-thumb-width)}[data-range=rounded]{--range-track-radius:4px;--range-track-height:10px;--range-thumb-radius:50%}[data-range]::-webkit-slider-thumb:hover{--range-thumb-color:var(--cssui-gray-darkest)}
+[data-slideout-panel]{--slideout-animation:left .2s ease-in-out;--slideout-background:#fff;--slideout-shadow-color:#9ca3af;--slideout-padding:1rem;--slideout-position:-100%;--slideout-size:33vw;background:var(--slideout-background);bottom:0;box-shadow:0 4px 20px var(--slideout-shadow-color);left:var(--slideout-position);padding:var(--slideout-padding);position:fixed;top:0;transition:var(--slideout-animation);visibility:hidden;width:var(--slideout-size);z-index:9999}[data-slideout-panel]:target{--slideout-position:0;visibility:visible}[data-slideout-header]{align-items:center;display:flex;justify-content:space-between}[data-slideout-close]{color:var(--cssui-gray-darkest)}
+[data-tabs]{--tab-border-color:#f3f4f6;--tab-panel-background:#fff;--tab-border-bottom-color:#9ca3af;--tab-border-bottom-width:2px;--tab-spacing:1rem .5rem}[data-tab]{opacity:0;pointer-events:none;position:absolute}[data-tab-panel]{background-color:var(--tab-panel-background);height:0;opacity:0;position:relative;transition:opacity .3s ease-in-out;visibility:hidden;z-index:1}nav{border-bottom:1px solid #d1d5db;display:flex}[data-tab-label]{background-color:var(--tab-background-color,none);border-bottom:var(--tab-border-bottom-width,0) solid transparent;border-top-left-radius:var(--tab-radius,0);border-top-right-radius:var(--tab-radius,0);bottom:-1px;cursor:pointer;padding:var(--tab-spacing,0);position:relative}[data-tab-label]:hover{border-bottom-color:var(--tab-border-bottom-color)}[data-tab=tab1]:checked~nav [data-tab-label=tab1],[data-tab=tab2]:checked~nav [data-tab-label=tab2],[data-tab=tab3]:checked~nav [data-tab-label=tab3]{--tab-background-color:#fff;border-bottom-color:#1d4ed8;box-shadow:var(--tab-active-shadow,0);z-index:10}[data-tab=tab1]:focus~nav [data-tab-label=tab1],[data-tab=tab2]:focus~nav [data-tab-label=tab2],[data-tab=tab3]:focus~nav [data-tab-label=tab3]{outline:2px auto #101010;outline:2px auto Highlight;outline:2px auto -webkit-focus-ring-color}[data-tab=tab1]:focus:not(:focus-visible)~nav [data-tab-label=tab1],[data-tab=tab2]:focus:not(:focus-visible)~nav [data-tab-label=tab2],[data-tab=tab3]:focus:not(:focus-visible)~nav [data-tab-label=tab3]{outline:none}[data-tab=tab1]:checked~nav~[data-tab-panel=tab1],[data-tab=tab2]:checked~nav~[data-tab-panel=tab2],[data-tab=tab3]:checked~nav~[data-tab-panel=tab3]{border:1px solid var(--tab-panel-border-color);height:auto;opacity:1;padding:var(--tab-spacing);visibility:visible;width:100%}
+[data-toggle]{--toggle-width:60px;--toggle-height:calc(var(--toggle-width)/2);--toggle-radius:18px;--toggle-background:var(--cssui-gray-light);--toggle-padding:10px;--toggle-animation:ease-in-out;--toggle-animation-time:.2s;--toggle-switch-color:#fff;background:var(--toggle-background);border-radius:var(--toggle-radius);cursor:pointer;display:block;height:var(--toggle-height);padding:var(--toggle-padding);position:relative;width:var(--toggle-width)}[data-toggle-input],[data-toggle-input]:active{display:none}[data-toggle]:before{background:var(--toggle-switch-color);border-radius:100%;content:"";display:block;height:var(--toggle-height);left:0;line-height:34px;position:absolute;right:auto;text-indent:var(--toggle-height);top:0;transition:left var(--toggle-animation-time) var(--toggle-animation);width:var(--toggle-height);z-index:1}[data-toggle-input]+[data-toggle]{box-shadow:inset 0 0 0 0 var(--cssui-primary),0 0 0 2px var(--toggle-background)}[data-toggle-input]:checked+[data-toggle]:before{box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);left:calc(100% - var(--toggle-height))}[data-toggle-input]:checked+[data-toggle]{box-shadow:inset 0 0 0 18px var(--cssui-primary),0 0 0 2px var(--cssui-primary)}
+[data-tooltip]{--tooltip-background:var(--cssui-gray-darkest);--tooltip-padding:4px 6px;--tooltip-text-color:var(--cssui-gray-light);--tooltip-fontsize:.75rem;position:relative}[data-tooltip]:after,[data-tooltip]:before{opacity:0;transition:opacity .3s ease}[data-tooltip]:after{background-color:var(--tooltip-background);border-radius:var(--tooltip-radius,0);bottom:calc(100% + 2px);color:var(--tooltip-text-color);content:attr(title);display:inline-block;font-size:var(--tooltip-fontsize);left:50%;padding:var(--tooltip-padding);position:absolute;transform:translateX(-50%);white-space:nowrap;width:auto}[data-tooltip]:focus:after,[data-tooltip]:focus:before,[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1}[data-tooltip]:before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:5px solid var(--tooltip-background);bottom:calc(100% - 2px);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}
+/*# sourceMappingURL=cssui.bundle.min.css.map */

package/meta/default-template.html

@@ -0,0 +1,22 @@
+<html>
+
+<head>
+    <link rel="stylesheet" href="/public/default.css" />
+</head>
+
+<body data-template-id="default">
+    <nav id="nav-main">
+        <span id="menu-icon" class="material-symbols-outlined">
+            menu
+        </span>
+        ${menu}
+    </nav>
+    <article>
+        ${body}
+    </article>
+    <div id="global-nav">
+        global nav here
+    </div>
+</body>
+
+</html>

package/meta/default.css

@@ -0,0 +1,154 @@
+@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;300;400;600&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");
+
+body {
+  background-color: #123;
+  color: #ccc;
+  font-family: "Work Sans", sans-serif;
+}
+article {
+  max-width: 40em;
+  margin: 0 auto;
+  padding: 5em;
+  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
+  background-color: rgba(0, 0, 0, 0.15);
+}
+article aside {
+  float: right;
+  border: 1px solid #234;
+  margin: 0 0 20px 20px;
+  padding: 20px;
+  max-width: 40%;
+}
+article aside img {
+  max-width: 100%;
+}
+article a {
+  color: #136ac1;
+  text-decoration: none;
+}
+
+nav#nav-main {
+  position: fixed;
+  max-width: calc(50vw - 28rem);
+  left: 1rem;
+  top: 1rem;
+  font-weight: 300;
+}
+nav#nav-main a {
+  text-decoration: none;
+  box-sizing: border-box;
+  color: inherit;
+  display: inline-block;
+  padding: 0.15rem 1rem;
+  width: 100%;
+  position: relative;
+}
+nav#nav-main a:hover {
+  /* color: #7070b7; */
+}
+nav#nav-main ul {
+  margin: 0;
+  padding: 0;
+}
+nav#nav-main li {
+  list-style: none;
+}
+nav#nav-main ul ul {
+  display: none;
+  position: absolute;
+  background-color: #123;
+  /* padding: 10px; */
+  left: 100%;
+  top: 0;
+  height: 100%;
+  min-width: 100%;
+  overflow: auto;
+}
+nav#nav-main li {
+  /* position: relative; */
+}
+nav#nav-main li:hover > ul {
+  display: block;
+  background-color: rgba(255, 255, 255, 0.1);
+}
+nav#nav-main li:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+nav#nav-main li li {
+  width: 100%;
+  white-space: nowrap;
+}
+nav#nav-main li[data-has-children="true"] > a::after {
+  content: ">";
+  position: absolute;
+  top: 5px;
+  right: 2px;
+  opacity: 0.5;
+  font-size: 70%;
+}
+
+#global-nav {
+  position: fixed;
+  max-width: calc(50vw - 28rem);
+  left: 1rem;
+  bottom: 1rem;
+  font-weight: 300;
+}
+
+@media screen and (min-width:1200px) {
+  nav#nav-main #menu-icon {
+    display: none;
+  }
+  nav#mobile-menu {
+    display: none;
+  }
+  nav#desktop-menu {
+    display: block;
+  }
+}
+
+@media screen and (max-width:1199px) {
+  nav#mobile-menu {
+    display: block;
+  }
+  nav#desktop-menu {
+    display: none;
+  }
+  nav#nav-main {
+    font-size: 3rem;
+  }
+  nav#nav-main ul {
+    background-color: #123;
+    width: calc(100vw - 32px);
+    height: calc(100vw - 32px);
+  }
+  nav#nav-main > ul {
+    display: block; /* temp! */
+  }  
+  nav#nav-main #menu-icon {
+    display: block;
+  }
+  nav#nav-main:hover > ul {
+    display: block;
+  }
+  article {
+    max-width: 100%;
+  }
+  nav#nav-main li {
+    position: relative;
+  }
+  nav#nav-main ul ul {
+    top: 100%;
+    left: 0;
+  }
+}
+
+
+.material-symbols-outlined {
+  font-variation-settings:
+  'FILL' 0,
+  'wght' 400,
+  'GRAD' 0,
+  'opsz' 48
+}

package/meta/template2.html

@@ -0,0 +1 @@
+foo bar

package/nodemon.json

@@ -0,0 +1,16 @@
+{
+  "restartable": "rs",
+  "ignore": [".git", "node_modules/**/node_modules", "build"],
+  "verbose": true,
+  "execMap": {
+    "js": "node --harmony"
+  },
+  "events": {
+    "restart": "osascript -e 'display notification \"App restarted due to:\n'$FILENAME'\" with title \"nodemon\"'"
+  },
+  "watch": ["src/", "docs/"],
+  "env": {
+    "NODE_ENV": "development"
+  },
+  "ext": "js,json,css,cjs,mjs,ts,tsx,html"
+}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@kenjura/ursa",
+  "author": "Andrew London <andrew@kenjura.com>",
+  "type": "module",
+  "version": "0.5.0",
+  "description": "                                                                                                                                            static site generator from MD/wikitext/YML",
+  "main": "lib/index.js",
+  "scripts": {
+    "serve": "nodemon --config nodemon.json  src/serve.js",
+    "serve:debug": "nodemon --config nodemon.json  --inspect-brk src/serve.js",
+    "start": "node src/index.js",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "license": "ISC",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kenjura/ursa.git"
+  },
+  "dependencies": {
+    "directory-tree": "^3.3.2",
+    "express": "^4.18.2",
+    "fs-extra": "^10.1.0",
+    "markdown-it": "^12.3.2",
+    "markdown-it-container": "^3.0.0",
+    "markdown-it-deflist": "^2.1.0",
+    "markdown-it-front-matter": "^0.2.3",
+    "markdown-it-sup": "^1.0.0",
+    "node-static": "github:cloudhead/node-static",
+    "node-watch": "^0.7.3",
+    "object-to-xml": "^2.0.0",
+    "recursive-readdir": "github:kenjura/recursive-readdir",
+    "yaml": "^2.1.3"
+  },
+  "devDependencies": {
+    "nodemon": "^2.0.15"
+  },
+  "bugs": {
+    "url": "https://github.com/kenjura/ursa/issues"
+  },
+  "homepage": "https://github.com/kenjura/ursa#readme",
+  "directories": {
+    "lib": "lib"
+  },
+  "keywords": [
+    "static-site",
+    "markdown"
+  ]
+}

package/src/commands/generate.js

@@ -0,0 +1,25 @@
+import yargs from 'yargs';
+
+export function generate(argv) {
+    console.log({argv});
+}
+
+
+export function describeGenerate(yargs) {
+    return yargs
+        .option('sourceDir', {
+            alias: 's',
+            default: '.',
+            describe: 'path of source files (i.e. markdown, wikitext, yaml, etc)',
+        })
+        .option('meta', {
+            alias: 'm',
+            default: '.',
+            dsecribe: 'path of meta files (i.e. templates, styles, menu)',
+        })
+        .option('output', {
+            alias: 'o',
+            default: 'build',
+            dsecribe: 'path of output files (i.e. html)',
+        });
+}

package/src/helper/__test__/pathExtReader.test.js

@@ -0,0 +1,38 @@
+import { hasExt } from "../pathExtReader.js";
+import { expect } from "chai";
+
+describe("hasExt", () => {
+  it("returns true for /foo/bar.html", () => {
+    expect(hasExt("/foo/bar.html")).to.eq(true);
+  });
+  it("returns true for /foo/bar.md", () => {
+    expect(hasExt("/foo/bar.md")).to.eq(true);
+  });
+  it("returns true for /foo/bar.json", () => {
+    expect(hasExt("/foo/bar.json")).to.eq(true);
+  });
+  it("returns true for /bar.html", () => {
+    expect(hasExt("/bar.html")).to.eq(true);
+  });
+  it("returns true for /bar.html?query=string#anchor", () => {
+    expect(hasExt("/bar.html?query=string#anchor")).to.eq(true);
+  });
+  it("returns false for /foo/bar", () => {
+    expect(hasExt("/foo/bar")).to.eq(false);
+  });
+  it("returns false for /foo", () => {
+    expect(hasExt("/foo")).to.eq(false);
+  });
+  it("returns false for /foo/bar.", () => {
+    expect(hasExt("/foo/bar.")).to.eq(false);
+  });
+  it("returns false for /foo/bar?query=string#anchor", () => {
+    expect(hasExt("/foo/bar?query=string#anchor")).to.eq(false);
+  });
+  it("returns false for /", () => {
+    expect(hasExt("/")).to.eq(false);
+  });
+  it('returns false for ""', () => {
+    expect(hasExt("")).to.eq(false);
+  });
+});