@luna_ui/astra 0.17.0 → 0.17.1

package/bin/astra.js

@@ -1,9 +1,58 @@
 #!/usr/bin/env node
-// Workspace dev shim. js/astra/bin/astra.js -> three levels up to
-// workspace root, then into _build/js/release/build/mizchi/astra/cmd/astra/astra.js.
+// Entry point for the @luna_ui/astra npm wrapper.
 //
 // Primary install path is `moon install mizchi/astra/cmd/astra`; this
 // npm wrapper exists for users who already have node but not moon.
-// Published npm builds bundle the moonbit CLI output into ./dist/ via
-// js/astra/scripts/build-release.mjs (TODO).
-import "../../../_build/js/release/build/mizchi/astra/cmd/astra/astra.js";
+//
+// CLI resolution order:
+//   1. ../dist/astra.js — populated by scripts/build-release.mjs at
+//      publish time. This is the path used in real npm installs.
+//   2. ../../../_build/js/release/build/mizchi/astra/cmd/astra/astra.js
+//      — workspace fallback so the shim stays usable from a clean
+//      monorepo checkout, which is what tests/integration/* relies on.
+//
+// Asset resolution: astra's load_asset() tries a fixed list of
+// cwd-relative paths to find styles/main.css etc. None of those resolve
+// when the CLI is installed via npm, so we set globalThis.__sol_assets_dir
+// to short-circuit the lookup. Bundled assets in dist/assets/ take
+// precedence; the workspace path is the dev fallback.
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { existsSync } from "node:fs";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const distEntry = path.resolve(__dirname, "../dist/astra.js");
+const workspaceEntry = path.resolve(
+  __dirname,
+  "../../../_build/js/release/build/mizchi/astra/cmd/astra/astra.js",
+);
+const distAssets = path.resolve(__dirname, "../dist/assets");
+const workspaceAssets = path.resolve(__dirname, "../../../astra/src/assets");
+
+const entry = existsSync(distEntry)
+  ? distEntry
+  : existsSync(workspaceEntry)
+    ? workspaceEntry
+    : null;
+
+if (!entry) {
+  console.error(
+    "astra CLI binary not found. Tried:\n" +
+      `  ${distEntry}\n` +
+      `  ${workspaceEntry}\n` +
+      "If running from the luna.mbt monorepo, run " +
+      "`moon build --target js --release` first.",
+  );
+  process.exit(1);
+}
+
+const assetsDir = existsSync(distAssets)
+  ? distAssets
+  : existsSync(workspaceAssets)
+    ? workspaceAssets
+    : null;
+if (assetsDir) {
+  globalThis.__sol_assets_dir = assetsDir;
+}
+
+await import(entry);

package/dist/assets/scripts/lib.js

@@ -0,0 +1 @@
+function e(e,t,n){if(t===`load`)document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,()=>n(),{once:!0}):n();else if(t===`idle`)requestIdleCallback(()=>n());else if(t[0]===`v`)new IntersectionObserver((e,t)=>{e.some(e=>e.isIntersecting)&&(t.disconnect(),n())},{rootMargin:`50px`}).observe(e);else if(t[0]===`m`){let e=matchMedia(t.slice(6)),r=()=>{e.matches&&(e.removeEventListener(`change`,r),n())};e.matches?n():e.addEventListener(`change`,r)}}function t(e){document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,e,{once:!0}):e()}function n(e,t){new MutationObserver(n=>n.forEach(n=>n.addedNodes.forEach(n=>{n.nodeType===1&&e(n)&&t(n)}))).observe(document.body??document.documentElement,{childList:!0,subtree:!0})}function r(){let e=new Set;return{loaded:e,unload:t=>e.delete(t),clear:()=>e.clear()}}export{r as createLoadedTracker,n as observeAdditions,t as onReady,e as setupTrigger};

package/dist/assets/scripts/loader.js

@@ -0,0 +1,170 @@
+(function() {
+
+
+//#region js/loader/src/lib.ts
+/**
+	* Shared utilities for Luna loaders
+	*/
+	/**
+	* Setup hydration trigger for an element
+	*/
+	function setupTrigger(el, trigger, hydrate$1) {
+		if (trigger === "load") document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => hydrate$1(), { once: true }) : hydrate$1();
+		else if (trigger === "idle") requestIdleCallback(() => hydrate$1());
+		else if (trigger[0] === "v") new IntersectionObserver((entries, obs) => {
+			if (entries.some((e) => e.isIntersecting)) {
+				obs.disconnect();
+				hydrate$1();
+			}
+		}, { rootMargin: "50px" }).observe(el);
+		else if (trigger[0] === "m") {
+			const mq = matchMedia(trigger.slice(6));
+			const handler = () => {
+				if (mq.matches) {
+					mq.removeEventListener("change", handler);
+					hydrate$1();
+				}
+			};
+			mq.matches ? hydrate$1() : mq.addEventListener("change", handler);
+		}
+	}
+	/**
+	* Run function when DOM is ready
+	*/
+	function onReady(fn) {
+		document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", fn, { once: true }) : fn();
+	}
+	/**
+	* Watch for dynamically added elements matching a predicate
+	*/
+	function observeAdditions(match, setup$1) {
+		new MutationObserver((mutations) => mutations.forEach((m) => m.addedNodes.forEach((n) => {
+			if (n.nodeType === 1 && match(n)) setup$1(n);
+		}))).observe(document.body ?? document.documentElement, {
+			childList: true,
+			subtree: true
+		});
+	}
+	/**
+	* Create a loaded tracker with unload utilities
+	*/
+	function createLoadedTracker() {
+		const loadedEpoch = /* @__PURE__ */ new WeakMap();
+		let currentEpoch = 0;
+		const escapeSelector = (id) => {
+			const css = globalThis.CSS;
+			if (css && typeof css.escape === "function") return css.escape(id);
+			return id.replace(/[\\"]/g, "\\$&");
+		};
+		return {
+			isLoaded: (el) => loadedEpoch.get(el) === currentEpoch,
+			markLoaded: (el) => loadedEpoch.set(el, currentEpoch),
+			unload: (id) => {
+				if (!id) return;
+				document.querySelectorAll(`[luna\\:id="${escapeSelector(id)}"]`).forEach((el) => loadedEpoch.delete(el));
+			},
+			clear: () => {
+				currentEpoch += 1;
+			}
+		};
+	}
+
+//#endregion
+//#region js/loader/src/loader.ts
+	/*! luna loader v4 - minimal dispatcher */
+	const d = document;
+	const S = {};
+	const { isLoaded, markLoaded, unload, clear } = createLoadedTracker();
+	const normalizeAllowedEntries = (raw) => {
+		if (Array.isArray(raw)) return raw.map((v) => `${v}`.trim().toLowerCase()).filter(Boolean);
+		if (typeof raw === "string") return raw.split(",").map((v) => v.trim().toLowerCase()).filter(Boolean);
+		return [];
+	};
+	const getAllowedHostEntries = () => normalizeAllowedEntries(globalThis.__LUNA_ALLOWED_HOSTS__);
+	const isAllowedModuleUrl = (rawUrl) => {
+		if (!rawUrl) return;
+		let parsed;
+		try {
+			parsed = new URL(rawUrl, d.baseURI || location.href);
+		} catch {
+			console.warn(`[luna] Blocked invalid module URL: ${rawUrl}`);
+			return;
+		}
+		if (parsed.protocol !== "http:" && parsed.protocol !== "https:") {
+			console.warn(`[luna] Blocked non-http(s) module URL: ${rawUrl}`);
+			return;
+		}
+		if (parsed.origin === location.origin) return parsed.href;
+		const allowed = getAllowedHostEntries();
+		const origin = parsed.origin.toLowerCase();
+		const host = parsed.hostname.toLowerCase();
+		const hostPort = parsed.host.toLowerCase();
+		if (allowed.includes(origin) || allowed.includes(host) || allowed.includes(hostPort)) return parsed.href;
+		console.warn(`[luna] Blocked cross-origin module URL: ${parsed.href}. Set window.__LUNA_ALLOWED_HOSTS__ to allow this host.`);
+	};
+	const setAllowedHosts = (hosts) => {
+		if (Array.isArray(hosts) || typeof hosts === "string") globalThis.__LUNA_ALLOWED_HOSTS__ = hosts;
+		else globalThis.__LUNA_ALLOWED_HOSTS__ = [];
+	};
+	const parseState = async (el) => {
+		const a = el.getAttribute("luna:state");
+		if (!a) return;
+		if (a[0] === "#") return JSON.parse(d.getElementById(a.slice(1))?.textContent ?? "null");
+		try {
+			return JSON.parse(a);
+		} catch {}
+	};
+	const hydrate = async (el) => {
+		const id = el.getAttribute("luna:id") ?? el.tagName.toLowerCase();
+		const url = isAllowedModuleUrl(el.getAttribute("luna:url"));
+		if (!url) return;
+		if (isLoaded(el)) return;
+		markLoaded(el);
+		S[id] = await parseState(el);
+		try {
+			const mod = await import(url);
+			const ex = el.getAttribute("luna:export");
+			(ex ? mod[ex] : mod.hydrate ?? mod.default)?.(el, S[id], id);
+		} catch (e) {
+			console.warn(`[luna] Failed to load ${url}:`, e);
+		}
+	};
+	const setup = (el) => {
+		setupTrigger(el, el.getAttribute("luna:trigger") ?? "load", () => hydrate(el));
+	};
+	const scan = () => {
+		d.querySelectorAll("[luna\\:url]").forEach(setup);
+	};
+	d.querySelectorAll("script[type=\"luna/json\"]").forEach((s) => {
+		if (s.id) S[s.id] = JSON.parse(s.textContent ?? "{}");
+	});
+	const scanDefer = () => {
+		d.querySelectorAll('[luna\\:defer]').forEach(el => {
+			const url = el.getAttribute('luna:defer');
+			if (!url) return;
+			el.removeAttribute('luna:defer');
+			fetch(url).then(r => r.ok ? r.text() : '').then(html => {
+				if (html) {
+					el.innerHTML = html;
+					scan();
+				}
+			}).catch(e => console.warn('[luna] defer fetch failed:', e));
+		});
+	};
+	onReady(scan);
+	onReady(scanDefer);
+	observeAdditions((el) => el.hasAttribute("luna:url") || el.hasAttribute("luna:defer"), (el) => {
+		if (el.hasAttribute("luna:url")) setup(el);
+		if (el.hasAttribute("luna:defer")) scanDefer();
+	});
+	const w = window;
+	w.__LUNA_STATE__ = S;
+	w.__LUNA_HYDRATE__ = hydrate;
+	w.__LUNA_SCAN__ = scan;
+	w.__LUNA_UNLOAD__ = unload;
+	w.__LUNA_CLEAR_LOADED__ = clear;
+	w.__LUNA_SET_ALLOWED_HOSTS__ = setAllowedHosts;
+	w.__LUNA_SCAN_DEFER__ = scanDefer;
+
+//#endregion
+})();

package/dist/assets/scripts/sidebar.js

@@ -0,0 +1,29 @@
+(function(){
+  var STORAGE_KEY = 'sol-sidebar-state';
+  function loadState() {
+    try { return JSON.parse(localStorage.getItem(STORAGE_KEY)) || {}; } catch { return {}; }
+  }
+  function saveState(state) {
+    try { localStorage.setItem(STORAGE_KEY, JSON.stringify(state)); } catch {}
+  }
+  function initSidebar() {
+    var state = loadState();
+    document.querySelectorAll('[data-sidebar-group]').forEach(function(el) {
+      var key = el.dataset.sidebarGroup;
+      if (key && state[key] !== undefined) {
+        el.open = state[key];
+      }
+      el.addEventListener('toggle', function() {
+        var s = loadState();
+        s[key] = el.open;
+        saveState(s);
+      });
+    });
+  }
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', initSidebar);
+  } else {
+    initSidebar();
+  }
+  window.__SOL_INIT_SIDEBAR__ = initSidebar;
+})();

package/dist/assets/scripts/sol-nav.js

@@ -0,0 +1 @@
+const e=e=>{let t=e.trim().toLowerCase();return t.startsWith(`javascript:`)||t.startsWith(`data:`)||t.startsWith(`vbscript:`)};((t,n)=>{let r=!1,i=new Map,a=(e,t)=>{let n=e.setHTMLUnsafe;n?n(t):e.innerHTML=t},o=(e,r=!1)=>{let i=new DOMParser().parseFromString(e,`text/html`),o=i.querySelectorAll(`template[data-sol-outlet]`);if(o.length>0){o.forEach(e=>{let r=e.dataset.solOutlet,i=t.querySelector(`[data-sol-outlet="${r}"]`);i&&(n.__LUNA_UNLOAD_ALL__?.(i),a(i,e.innerHTML))});let e=i.querySelector(`template[data-sol-title]`);e&&(t.title=e.textContent??``)}else{let e=i.querySelector(`#app`),r=t.querySelector(`#app`);e&&r&&(n.__LUNA_UNLOAD_ALL__?.(r),a(r,e.innerHTML));let o=i.querySelector(`title`);o&&(t.title=o.textContent??``)}r?n.__LUNA_RERENDER_ALL__?.():n.__LUNA_SCAN__?.(),n.__LUNA_WC_SCAN__?.()},s=async(e,t=!1)=>{if(!r){r=!0;try{let r=i.get(e);r&&(o(r,!1),t?n.history.replaceState({sol:!0},``,e):n.history.pushState({sol:!0},``,e),n.scrollTo(0,0));let a=await fetch(e,{headers:{"X-Sol-Fragment":`true`}}),s=await a.text();a.headers.get(`X-Sol-Fragment-Response`)&&(i.set(e,s),setTimeout(()=>i.delete(e),300*1e3)),r?s!==r&&o(s,!0):(o(s,!1),t?n.history.replaceState({sol:!0},``,e):n.history.pushState({sol:!0},``,e),n.scrollTo(0,0))}catch{n.location.href=e}finally{r=!1}}},c=e=>{i.has(e)||fetch(e,{headers:{"X-Sol-Fragment":`true`}}).then(e=>e.text()).then(t=>{i.set(e,t),setTimeout(()=>i.delete(e),300*1e3)}).catch(()=>{})};t.addEventListener(`click`,t=>{let n=t.target?.closest(`[data-sol-link]`);if(!n)return;let r=n.getAttribute(`href`);r&&(e(r)||r.startsWith(`http`)||r.startsWith(`//`)||t.metaKey||t.ctrlKey||t.shiftKey||t.altKey||(t.preventDefault(),s(r,n.hasAttribute(`data-sol-replace`))))}),t.addEventListener(`mouseenter`,t=>{let n=t.target;if(!n?.closest)return;let r=n.closest(`[data-sol-link][data-sol-prefetch]`);if(r){let t=r.getAttribute(`href`);t&&!e(t)&&!t.startsWith(`http`)&&!t.startsWith(`//`)&&c(t)}},{capture:!0}),n.addEventListener(`popstate`,e=>{(e.state?.sol||!e.state)&&s(n.location.href,!0)}),n.__SOL_NAVIGATE__=s,n.__SOL_PREFETCH__=c,n.__SOL_CACHE__=i})(document,window);

package/dist/assets/scripts/theme.js

@@ -0,0 +1,25 @@
+(function(){
+  var theme = localStorage.getItem('theme');
+  var prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+  var isDark = theme === 'dark' || (theme !== 'light' && prefersDark);
+  if (isDark) {
+    document.documentElement.classList.add('dark');
+    document.documentElement.classList.remove('light');
+  } else {
+    document.documentElement.classList.add('light');
+    document.documentElement.classList.remove('dark');
+  }
+  window.toggleTheme = function() {
+    var html = document.documentElement;
+    var wasDark = html.classList.contains('dark');
+    if (wasDark) {
+      html.classList.remove('dark');
+      html.classList.add('light');
+      localStorage.setItem('theme', 'light');
+    } else {
+      html.classList.add('dark');
+      html.classList.remove('light');
+      localStorage.setItem('theme', 'dark');
+    }
+  };
+})();

package/dist/assets/scripts/toc.js

@@ -0,0 +1,41 @@
+(function(){
+  var observer = null;
+  var tocLinks = [];
+  var headings = [];
+  function initTocSpy() {
+    if (observer) observer.disconnect();
+    tocLinks = Array.from(document.querySelectorAll('.toc-item a'));
+    headings = tocLinks.map(function(link) {
+      var id = link.getAttribute('href')?.slice(1);
+      return id ? document.getElementById(id) : null;
+    }).filter(Boolean);
+    if (!headings.length) return;
+    var current = null;
+    observer = new IntersectionObserver(function(entries) {
+      entries.forEach(function(entry) {
+        if (entry.isIntersecting) current = entry.target;
+      });
+      if (!current) {
+        var scrollY = window.scrollY + 100;
+        for (var i = headings.length - 1; i >= 0; i--) {
+          if (headings[i].offsetTop <= scrollY) { current = headings[i]; break; }
+        }
+      }
+      tocLinks.forEach(function(link) {
+        var id = link.getAttribute('href')?.slice(1);
+        if (current && id === current.id) {
+          link.classList.add('active');
+        } else {
+          link.classList.remove('active');
+        }
+      });
+    }, { rootMargin: '-60px 0px -70% 0px', threshold: 0 });
+    headings.forEach(function(h) { observer.observe(h); });
+  }
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', initTocSpy);
+  } else {
+    initTocSpy();
+  }
+  window.__SOL_INIT_TOC_SPY__ = initTocSpy;
+})();

package/dist/assets/scripts/wc-loader.js

@@ -0,0 +1 @@
+(function(){function e(e,t,n){if(t===`load`)document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,()=>n(),{once:!0}):n();else if(t===`idle`)requestIdleCallback(()=>n());else if(t[0]===`v`)new IntersectionObserver((e,t)=>{e.some(e=>e.isIntersecting)&&(t.disconnect(),n())},{rootMargin:`50px`}).observe(e);else if(t[0]===`m`){let e=matchMedia(t.slice(6)),r=()=>{e.matches&&(e.removeEventListener(`change`,r),n())};e.matches?n():e.addEventListener(`change`,r)}}function t(e){document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,e,{once:!0}):e()}function n(e,t){new MutationObserver(n=>n.forEach(n=>n.addedNodes.forEach(n=>{n.nodeType===1&&e(n)&&t(n)}))).observe(document.body??document.documentElement,{childList:!0,subtree:!0})}let r=document,i={},a=new Map,o=new Map,s=async e=>{let t=e.getAttribute(`luna:wc-state`);if(!t)return{};if(t[0]===`#`)try{return JSON.parse(r.getElementById(t.slice(1))?.textContent??`{}`)}catch{return{}}try{return JSON.parse(t.replace(/\\u003c/g,`<`).replace(/\\u003e/g,`>`).replace(/\\u0026/g,`&`))}catch{return{}}},c=async(e,t)=>{if(a.has(e))return a.get(e);if(o.has(e))return o.get(e);let n=import(t).then(t=>{let n=t.hydrate??t.default;if(typeof n==`function`)return a.set(e,n),n}).catch(()=>{}).finally(()=>o.delete(e));return o.set(e,n),n},l=async e=>{let t=e.tagName.toLowerCase(),n=await s(e);i[t]=n;let r=e.getAttribute(`luna:wc-url`);r&&(await c(t,r))?.(e,n,t)},u=t=>{let n=t;n.__lw||(n.__lw=1,e(t,t.getAttribute(`luna:wc-trigger`)??t.getAttribute(`luna:trigger`)??`load`,()=>l(t)))},d=()=>r.querySelectorAll(`[luna\\:wc-url]`).forEach(u);t(d),n(e=>e.hasAttribute(`luna:wc-url`),u);let f=window;f.__LUNA_WC_STATE__=i,f.__LUNA_WC_SCAN__=d,f.__LUNA_WC_HYDRATE__=l,f.__LUNA_WC_UNLOAD__=e=>a.delete(e),f.__LUNA_WC_CLEAR_LOADED__=()=>a.clear()})();