azoxjs 1.0.1 → 1.3.0

package/core/router/navigate.js

@@ -128,6 +128,7 @@ async function go(href, { restore = false } = {}) {
   // already holds wherever the reader last asked to go.
   if (location.href !== href) return;
 
+  const previous = currentUrl;
   const next = new DOMParser().parseFromString(html, 'text/html');
   const incoming = next.querySelector(ROOT);
   const target = document.querySelector(ROOT);
@@ -145,6 +146,18 @@ async function go(href, { restore = false } = {}) {
 
   currentUrl = href;
   restoreScroll(restore);
+
+  // The page's own module is re-run above, but a classic <script> that
+  // enhances the markup — syntax highlighting, heading anchors, a
+  // table of contents — is not: it ran once on first load and the
+  // nodes it worked on have just been replaced. This event is how such
+  // a script knows to run again.
+  //
+  // Dispatched after the swap and after the module, so a listener sees
+  // the finished page.
+  document.dispatchEvent(
+    new CustomEvent('azox:navigate', { detail: { url: href, from: previous } })
+  );
 }
 
 // Brings across anything in the new page's head that this one lacks —
@@ -199,13 +212,23 @@ async function runPageModule(next, pageHref) {
 function restoreScroll(restore) {
   if (restore) return; // The browser restores the position itself.
 
-  const { hash } = location;
-  const target = hash && document.querySelector(hash);
+  const target = elementForHash(location.hash);
 
   if (target) target.scrollIntoView();
   else window.scrollTo(0, 0);
 }
 
+// A hash is not always a selector. A page may use it to carry state —
+// "#template=landing" — and handing that to querySelector throws
+// "not a valid selector", which stopped the scroll being restored at
+// all and put an error in every visitor's console.
+function elementForHash(hash) {
+  if (!hash || hash.length < 2) return null;
+
+  // getElementById takes an id, not a selector, so nothing can throw.
+  return document.getElementById(decodeURIComponent(hash.slice(1)));
+}
+
 export function currentHref() {
   return currentUrl;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "azoxjs",
-  "version": "1.0.1",
+  "version": "1.3.0",
   "description": "Azox Framework — The Sound of Future Web",
   "type": "module",
   "license": "MIT",
@@ -9,17 +9,26 @@
     "type": "git",
     "url": "git+https://github.com/darilpratomo/azox.git"
   },
-  "homepage": "https://github.com/darilpratomo/azox#readme",
+  "homepage": "https://azox.dev",
   "bugs": {
     "url": "https://github.com/darilpratomo/azox/issues"
   },
   "bin": {
-    "azox": "./bin/azox.js"
+    "azox": "bin/azox.js"
   },
   "exports": {
-    ".": "./core/index.js",
-    "./reactivity": "./core/reactivity/signal.js",
-    "./compiler": "./core/compiler/index.js",
+    ".": {
+      "types": "./core/index.d.ts",
+      "default": "./core/index.js"
+    },
+    "./reactivity": {
+      "types": "./core/reactivity/signal.d.ts",
+      "default": "./core/reactivity/signal.js"
+    },
+    "./compiler": {
+      "types": "./core/compiler/index.d.ts",
+      "default": "./core/compiler/index.js"
+    },
     "./package.json": "./package.json"
   },
   "files": [
@@ -43,5 +52,6 @@
     "compiler",
     "ssr",
     "no-virtual-dom"
-  ]
+  ],
+  "types": "./core/index.d.ts"
 }