dtree-explorer 1.0.0__tar.gz → 1.0.2__tar.gz

{dtree_explorer-1.0.0 → dtree_explorer-1.0.2}/PKG-INFO

@@ -1,12 +1,12 @@
 Metadata-Version: 2.4
 Name: dtree-explorer
-Version: 1.0.0
+Version: 1.0.2
 Summary: DTree Explorer: encode a directed tree with DTree's two projections (Q1, Q2) and watch it step by step, in the browser
 Author-email: Enis Olgac <enis@digraphs.info>
 License: MIT
 Project-URL: Homepage, https://github.com/EnisOlgac/DTree-Explorer
 Project-URL: Library, https://github.com/EnisOlgac/DTree
-Project-URL: Online, https://digraphs.blog/dtree-demo/
+Project-URL: Online, https://dtree.digraphs.net/
 Project-URL: Paper, https://doi.org/10.5772/intechopen.1013408
 Keywords: directed tree,tree topology,reachability,visualization,incremental encoding,teaching
 Classifier: Development Status :: 4 - Beta
@@ -32,7 +32,7 @@ Every tree is computed by the published library, [dtree-encoding](https://pypi.o
 
 ## Three ways to use it
 
-**Online:** [digraphs.blog/dtree-demo](https://digraphs.blog/dtree-demo/), nothing to install.
+**Online:** [dtree.digraphs.net](https://dtree.digraphs.net/), nothing to install.
 
 **As a Python program**, offline, with the library installed on your machine:
 
@@ -59,11 +59,11 @@ The examples include the trees of the paper: the introductory example, Figure 1,
 
 ## Privacy
 
-Your tree stays on your computer. The page counts visits only in the copy on digraphs.blog, with Google Analytics and only after you agree; the package and the release file count nothing.
+Your tree stays on your computer. Only the online copy at dtree.digraphs.net counts visits, with [GoatCounter](https://www.goatcounter.com/): no cookies, no personal data. The package and the release file count nothing.
 
 ## Building
 
-Working in this repository needs the library installed: `pip install dtree-encoding`. `src/template.html` is the page, `dtree_explorer/bridge.py` the Python part it runs, `src/build.py` assembles `dtree_explorer/explorer.html` (package and release) and `site/index.html` (digraphs.blog) with the installed dtree-encoding. Tests: `python -m unittest discover -s tests`.
+Working in this repository needs the library installed: `pip install dtree-encoding`. `src/template.html` is the page, `dtree_explorer/bridge.py` the Python part it runs, `src/build.py` assembles `dtree_explorer/explorer.html` (package and release) and `site/index.html` (dtree.digraphs.net) with the installed dtree-encoding. Tests: `python -m unittest discover -s tests`.
 
 ## Background
 

{dtree_explorer-1.0.0 → dtree_explorer-1.0.2}/README.md

@@ -6,7 +6,7 @@ Every tree is computed by the published library, [dtree-encoding](https://pypi.o
 
 ## Three ways to use it
 
-**Online:** [digraphs.blog/dtree-demo](https://digraphs.blog/dtree-demo/), nothing to install.
+**Online:** [dtree.digraphs.net](https://dtree.digraphs.net/), nothing to install.
 
 **As a Python program**, offline, with the library installed on your machine:
 
@@ -33,11 +33,11 @@ The examples include the trees of the paper: the introductory example, Figure 1,
 
 ## Privacy
 
-Your tree stays on your computer. The page counts visits only in the copy on digraphs.blog, with Google Analytics and only after you agree; the package and the release file count nothing.
+Your tree stays on your computer. Only the online copy at dtree.digraphs.net counts visits, with [GoatCounter](https://www.goatcounter.com/): no cookies, no personal data. The package and the release file count nothing.
 
 ## Building
 
-Working in this repository needs the library installed: `pip install dtree-encoding`. `src/template.html` is the page, `dtree_explorer/bridge.py` the Python part it runs, `src/build.py` assembles `dtree_explorer/explorer.html` (package and release) and `site/index.html` (digraphs.blog) with the installed dtree-encoding. Tests: `python -m unittest discover -s tests`.
+Working in this repository needs the library installed: `pip install dtree-encoding`. `src/template.html` is the page, `dtree_explorer/bridge.py` the Python part it runs, `src/build.py` assembles `dtree_explorer/explorer.html` (package and release) and `site/index.html` (dtree.digraphs.net) with the installed dtree-encoding. Tests: `python -m unittest discover -s tests`.
 
 ## Background
 

{dtree_explorer-1.0.0 → dtree_explorer-1.0.2}/dtree_explorer/__init__.py

@@ -1,3 +1,3 @@
 """DTree Explorer: encode a directed tree with DTree's projections Q1 and Q2 and watch it, step by step."""
 
-__version__ = "1.0.0"
+__version__ = "1.0.2"

{dtree_explorer-1.0.0 → dtree_explorer-1.0.2}/dtree_explorer/explorer.html

@@ -64,6 +64,11 @@ button:focus-visible, select:focus-visible, textarea:focus-visible, input:focus-
 .toolbar { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; }
 .stepper { display: flex; align-items: center; gap: 8px; flex: 1 1 320px; min-width: 0; }
 .stepper input[type="range"] { flex: 1; min-width: 80px; accent-color: var(--accent); }
+.stepper button { white-space: nowrap; }
+@media (max-width: 560px) {
+  .stepper { flex-wrap: wrap; }
+  .stepper input[type="range"] { order: -1; flex-basis: 100%; }   /* slider on its own row above the buttons */
+}
 .steplabel { font-size: 14px; min-height: 1.5em; }
 .steplabel b { font-family: var(--mono); }
 .chips { display: flex; flex-wrap: wrap; gap: 6px; }
@@ -100,9 +105,6 @@ footer.band { background: var(--peach); margin-top: 8px; }
 footer.band .wrap { padding-block: 16px 22px; font-size: 13px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; }
 footer.band p { margin: 2px 0; }
 footer.band a { color: var(--ink); }
-#consent { position: fixed; left: 0; right: 0; bottom: 0; z-index: 20; background: var(--paper); border-top: 2px solid var(--peach-deep); box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.08); padding-bottom: env(safe-area-inset-bottom, 0px); }
-#consent .wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 18px; padding-block: 12px; font-size: 14px; }
-#consent .row button.agree { background: #2e9b4f; border-color: #2e9b4f; color: #fff; font-weight: 600; }
 .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
 @media (prefers-reduced-motion: reduce) { * { transition: none !important; } }
 </style>
@@ -151,9 +153,9 @@ footer.band a { color: var(--ink); }
     <div class="card">
       <div class="toolbar">
         <div class="stepper">
-          <button id="prev" type="button" aria-label="Previous step">&#9664;</button>
+          <button id="prev" type="button" title="Previous edge (left arrow key)">&#9664; Previous edge</button>
           <input id="step" type="range" min="0" max="0" value="0" aria-label="Step">
-          <button id="next" type="button" aria-label="Next step">&#9654;</button>
+          <button id="next" type="button" title="Next edge (right arrow key)">Next edge &#9654;</button>
           <button id="play" type="button">Play</button>
         </div>
         <div class="chips" role="group" aria-label="Views">
@@ -207,19 +209,13 @@ footer.band a { color: var(--ink); }
 <footer class="band">
   <div class="wrap">
     <div>
-      <p><b>DTree Explorer 1.0.0</b> &middot; computed by <a href="https://pypi.org/project/dtree-encoding/">dtree-encoding</a> (MIT) &middot; <a href="https://github.com/EnisOlgac/DTree-Explorer">source on GitHub</a> &middot; <a href="https://doi.org/10.5772/intechopen.1013408">the paper</a></p>
+      <p><b>DTree Explorer 1.0.2</b> &middot; computed by <a href="https://pypi.org/project/dtree-encoding/">dtree-encoding</a> (MIT) &middot; <a href="https://github.com/EnisOlgac/DTree-Explorer">source on GitHub</a> &middot; <a href="https://doi.org/10.5772/intechopen.1013408">the paper</a></p>
       <p>Your tree never leaves your computer. Opened from a file or a website, the page loads the Python runtime from cdn.jsdelivr.net and the package from pypi.org; started with <code>dtree-explorer</code>, it uses the library installed on your machine.</p>
     </div>
-    <div><p>Contact: Enis Olgac, enis@digraphs.info</p><p>Copyright &copy; 2026 by Ihsan Enis Olgac, B&ouml;blingen</p></div>
+    <div><p>Contact: Enis Olgac, enis@digraphs.info</p><p>Copyright &copy; 2026 by Ihsan Enis Olgac, B&ouml;blingen</p><p id="legal" hidden><a href="imprint.html">Imprint</a> &middot; <a id="privacy-link" href="#">Privacy</a></p></div>
   </div>
 </footer>
 
-<div id="consent" hidden>
-  <div class="wrap">
-    <span>This page counts visits with Google Analytics, using cookies, if you agree. Please read the statement on <a id="privacy-link" href="https://digraphs.blog/">data protection and privacy</a>.</span>
-    <span class="row"><button type="button" id="c-no">No thanks</button><button type="button" class="agree" id="c-yes">I agree</button></span>
-  </div>
-</div>
 
 <script type="text/plain" id="src-init">"""DTree: directed tree library with dual projections Q1 and Q2."""
 
@@ -1472,9 +1468,9 @@ def encode(text, limit=LIMIT):
 const CONFIG = {
   dtreeVersion: "1.8.0",
   pyodideURL: "https://cdn.jsdelivr.net/pyodide/v0.26.4/full/",
-  explorerVersion: "1.0.0",
-  gaId: "",                       // Google Analytics 4, only in the copy for digraphs.blog; empty elsewhere
-  privacyURL: "",           // statement on data protection and privacy (blog copy)
+  explorerVersion: "1.0.2",
+  counter: "",                  // GoatCounter endpoint, only in the online copy (dtree.digraphs.net); empty elsewhere
+  privacyURL: "",           // privacy notice of the online copy; empty elsewhere
 };
 const EXAMPLES = {
  "Quick start": "A: B; D\nB: C\n",
@@ -1707,7 +1703,7 @@ function render() {
   }
   const si = C.stepInfo;
   $("#steplabel").innerHTML = d.stepwise
-    ? `Step ${state.step + 1} of ${total}: <b>${esc(si.op)}</b> <span style="color:var(--muted)">(line ${si.line})</span> &middot; ${C.s.q1.length} nodes`
+    ? `Edge ${state.step + 1} of ${total}: <b>${edgeText(si.op)}</b> <span style="color:var(--muted)">(line ${si.line})</span> &middot; ${C.s.q1.length} nodes`
     : `Final tree: ${C.s.q1.length} nodes. Step by step is available up to ${d.limit} insertions.`;
   $("#stats").textContent = `${d.final.q1.length} nodes · renumberings Q1 / Q2: ${d.renumber[0]} / ${d.renumber[1]}`;
   if ($("#v-tree").checked) $("#tree").innerHTML = treeSVG(C);
@@ -1720,6 +1716,14 @@ function render() {
   $("#query").innerHTML = queryHTML(C);
 }
 
+// "p:c" -> "p → c", "s>c" -> "c after s", "s<c" -> "c before s"
+function edgeText(op) {
+  const at = op.search(/[:<>]/);
+  const a = esc(op.slice(0, at)), b = esc(op.slice(at + 1)), k = op[at];
+  if (k === ":") return `${a} &rarr; ${b}`;
+  return `${b} ${k === ">" ? "after" : "before"} ${a}`;
+}
+
 function setData(data) {
   stopPlay();
   state.data = data;
@@ -1790,6 +1794,15 @@ function wire() {
   });
   $("#text").addEventListener("keydown", (ev) => { if ((ev.ctrlKey || ev.metaKey) && ev.key === "Enter") runEncode(); });
   $("#step").addEventListener("input", (ev) => { stopPlay(); goStep(+ev.target.value); });
+  document.addEventListener("keydown", (ev) => {      // arrow keys step edge by edge, except while typing
+    if (ev.altKey || ev.ctrlKey || ev.metaKey || ev.target.closest("textarea, input:not([type=range]), select")) return;
+    if (ev.key === "ArrowRight" || ev.key === "ArrowLeft") {
+      if (ev.target.id === "step") return;              // the slider handles its own arrow keys
+      ev.preventDefault();
+      stopPlay();
+      goStep(state.step + (ev.key === "ArrowRight" ? 1 : -1));
+    }
+  });
   $("#prev").addEventListener("click", () => { stopPlay(); goStep(state.step - 1); });
   $("#next").addEventListener("click", () => { stopPlay(); goStep(state.step + 1); });
   $("#play").addEventListener("click", () => {
@@ -1933,30 +1946,28 @@ async function boot() {
   }
 }
 
-// ---- visit counting, only after consent ------------------------------------------------
-function track(name, params) { if (typeof window.gtag === "function") window.gtag("event", name, params || {}); }
-function startAnalytics() {
-  if (!CONFIG.gaId || window.gtag || location.protocol === "file:") return;   // local copies are not counted
-  window.dataLayer = window.dataLayer || [];
-  window.gtag = function () { window.dataLayer.push(arguments); };
-  window.gtag("js", new Date());
-  window.gtag("config", CONFIG.gaId, { anonymize_ip: true });
+// ---- visit counting (online copy only): GoatCounter, no cookies, no personal data --------
+function track(name, params) {
+  if (!window.goatcounter || typeof window.goatcounter.count !== "function") return;
+  const extra = params ? " " + Object.values(params).join(" ") : "";
+  window.goatcounter.count({ path: name + extra, title: name, event: true });
+}
+function startCounter() {
+  if (!CONFIG.counter || location.protocol === "file:" || ["127.0.0.1", "localhost"].includes(location.hostname)) return;
   const s = document.createElement("script");
-  s.async = true; s.src = "https://www.googletagmanager.com/gtag/js?id=" + encodeURIComponent(CONFIG.gaId);
+  s.async = true;
+  s.dataset.goatcounter = CONFIG.counter;
+  s.src = "https://gc.zgo.at/count.js";
   document.head.appendChild(s);
 }
-function consent() {
-  if (!CONFIG.gaId) return;                // no visit counting in this copy: no banner
+function privacyLink() {
+  if (!CONFIG.privacyURL) return;                 // the imprint lies next to the privacy notice
   $("#privacy-link").href = CONFIG.privacyURL;
-  const c = store.get("dtree-explorer-consent");
-  if (c === "yes") { startAnalytics(); return; }
-  if (c === "no") return;
-  $("#consent").hidden = false;
-  $("#c-yes").addEventListener("click", () => { store.set("dtree-explorer-consent", "yes"); $("#consent").hidden = true; startAnalytics(); });
-  $("#c-no").addEventListener("click", () => { store.set("dtree-explorer-consent", "no"); $("#consent").hidden = true; });
+  $("#legal").hidden = false;
 }
 
-consent();
+startCounter();
+privacyLink();
 boot();
 </script>
 </body>

{dtree_explorer-1.0.0 → dtree_explorer-1.0.2}/dtree_explorer.egg-info/PKG-INFO

@@ -1,12 +1,12 @@
 Metadata-Version: 2.4
 Name: dtree-explorer
-Version: 1.0.0
+Version: 1.0.2
 Summary: DTree Explorer: encode a directed tree with DTree's two projections (Q1, Q2) and watch it step by step, in the browser
 Author-email: Enis Olgac <enis@digraphs.info>
 License: MIT
 Project-URL: Homepage, https://github.com/EnisOlgac/DTree-Explorer
 Project-URL: Library, https://github.com/EnisOlgac/DTree
-Project-URL: Online, https://digraphs.blog/dtree-demo/
+Project-URL: Online, https://dtree.digraphs.net/
 Project-URL: Paper, https://doi.org/10.5772/intechopen.1013408
 Keywords: directed tree,tree topology,reachability,visualization,incremental encoding,teaching
 Classifier: Development Status :: 4 - Beta
@@ -32,7 +32,7 @@ Every tree is computed by the published library, [dtree-encoding](https://pypi.o
 
 ## Three ways to use it
 
-**Online:** [digraphs.blog/dtree-demo](https://digraphs.blog/dtree-demo/), nothing to install.
+**Online:** [dtree.digraphs.net](https://dtree.digraphs.net/), nothing to install.
 
 **As a Python program**, offline, with the library installed on your machine:
 
@@ -59,11 +59,11 @@ The examples include the trees of the paper: the introductory example, Figure 1,
 
 ## Privacy
 
-Your tree stays on your computer. The page counts visits only in the copy on digraphs.blog, with Google Analytics and only after you agree; the package and the release file count nothing.
+Your tree stays on your computer. Only the online copy at dtree.digraphs.net counts visits, with [GoatCounter](https://www.goatcounter.com/): no cookies, no personal data. The package and the release file count nothing.
 
 ## Building
 
-Working in this repository needs the library installed: `pip install dtree-encoding`. `src/template.html` is the page, `dtree_explorer/bridge.py` the Python part it runs, `src/build.py` assembles `dtree_explorer/explorer.html` (package and release) and `site/index.html` (digraphs.blog) with the installed dtree-encoding. Tests: `python -m unittest discover -s tests`.
+Working in this repository needs the library installed: `pip install dtree-encoding`. `src/template.html` is the page, `dtree_explorer/bridge.py` the Python part it runs, `src/build.py` assembles `dtree_explorer/explorer.html` (package and release) and `site/index.html` (dtree.digraphs.net) with the installed dtree-encoding. Tests: `python -m unittest discover -s tests`.
 
 ## Background
 

{dtree_explorer-1.0.0 → dtree_explorer-1.0.2}/pyproject.toml

@@ -30,7 +30,7 @@ dtree-explorer = "dtree_explorer.__main__:main"
 [project.urls]
 Homepage = "https://github.com/EnisOlgac/DTree-Explorer"
 Library = "https://github.com/EnisOlgac/DTree"
-Online = "https://digraphs.blog/dtree-demo/"
+Online = "https://dtree.digraphs.net/"
 Paper = "https://doi.org/10.5772/intechopen.1013408"
 
 [tool.setuptools]

{dtree_explorer-1.0.0 → dtree_explorer-1.0.2}/tests/test_explorer.py

@@ -89,11 +89,12 @@ class TestServer(unittest.TestCase):
 
 class TestPages(unittest.TestCase):
     def test_variants(self):
-        plain, site = build.page(), build.page(build.SITE["ga"], build.SITE["privacy"])
+        plain, site = build.page(), build.page(build.SITE["counter"], build.SITE["privacy"])
         for html in (plain, site):
             self.assertNotRegex(html, r"__[A-Z_]+__")
-        self.assertNotIn(build.SITE["ga"], plain)                         # package copy: no visit counting
-        self.assertIn(build.SITE["ga"], site)
+            self.assertNotIn("googletagmanager", html)                     # no Google Analytics anywhere
+        self.assertNotIn(build.SITE["counter"], plain)                    # package copy: no visit counting
+        self.assertIn(build.SITE["counter"], site)
 
     def test_save(self):
         with tempfile.TemporaryDirectory() as d: