mnfst 0.5.30 → 0.5.32

package/dist/manifest.appwrite.auth.js

@@ -18,7 +18,8 @@ async function ensureManifest() {
     }
 
     try {
-        const response = await fetch('/manifest.json');
+        const manifestUrl = (document.querySelector('link[rel="manifest"]')?.getAttribute('href')) || '/manifest.json';
+        const response = await fetch(manifestUrl);
         return await response.json();
     } catch (error) {
         return null;
@@ -221,6 +222,16 @@ function initializeAuthStore() {
         _updatingTeam: null, // Team ID being updated (null when not updating)
         _deletingTeam: null, // Team ID being deleted (null when not deleting)
         _creatingTeam: false, // Boolean flag for team creation
+        // Stub team convenience methods (replaced by teams.convenience.js; prevent "is not a function" before init)
+        isCreatingTeam() { return this._creatingTeam === true; },
+        isUpdatingTeam() { return false; },
+        isDeletingTeam() { return false; },
+        isInvitingMember() { return false; },
+        isUpdatingMember() { return false; },
+        isDeletingMember() { return false; },
+        isUpdatingRole() { return false; },
+        isDeletingRole() { return false; },
+        isCreatingRole() { return false; },
         // Member operation-specific loading states
         _updatingMember: null, // Membership ID being updated (null when not updating)
         _deletingMember: null, // Membership ID being deleted (null when not deleting)

package/dist/manifest.components.js

@@ -1,5 +1,51 @@
 /* Manifest Components */
 
+// Base URL for manifest-relative paths (e.g. "../" when viewing dist/index.html). Used by component loader, data loaders, localization.
+window.getManifestBase = function getManifestBase() {
+    const href = (document.querySelector('link[rel="manifest"]')?.getAttribute('href')) || '/manifest.json';
+    const lastSlash = href.lastIndexOf('/');
+    return lastSlash >= 0 ? href.slice(0, lastSlash + 1) : '/';
+};
+
+// Absolute pathname prefix for the app root (e.g. "/src/dist"). Used by router for links and route matching.
+// Prerender injects <meta name="manifest:router-base" content="/path"> from manifest.prerender.routerBase or root+output. If present, use it; else fall back to depth or manifest link.
+window.getManifestBasePath = function getManifestBasePath() {
+    const baseMeta = document.querySelector('meta[name="manifest:router-base"]');
+    const content = baseMeta?.getAttribute('content');
+    if (content != null && content !== '') {
+        const base = '/' + String(content).replace(/^\/+|\/+$/g, '').trim();
+        return base || '';
+    }
+    const meta = document.querySelector('meta[name="manifest:router-base-depth"]');
+    const depth = meta ? parseInt(meta.getAttribute('content'), 10) : NaN;
+    if (!Number.isNaN(depth) && depth >= 0) {
+        const pathname = (window.location.pathname || '/').replace(/\/$/, '') || '/';
+        const segments = pathname.split('/').filter(Boolean);
+        if (depth === 0) {
+            try {
+                const link = document.querySelector('link[rel="manifest"]');
+                const href = (link?.getAttribute('href')) || '/manifest.json';
+                const url = new URL(href, window.location.href);
+                const basePath = url.pathname.replace(/\/[^/]*$/, '') || '/';
+                return basePath === '/' ? '' : basePath;
+            } catch {
+                return '';
+            }
+        }
+        const keep = Math.max(0, segments.length - depth);
+        return keep === 0 ? '' : '/' + segments.slice(0, keep).join('/');
+    }
+    try {
+        const link = document.querySelector('link[rel="manifest"]');
+        const href = (link?.getAttribute('href')) || '/manifest.json';
+        const url = new URL(href, window.location.href);
+        const pathname = url.pathname.replace(/\/[^/]*$/, '') || '/';
+        return pathname === '/' ? '' : pathname;
+    } catch {
+        return '';
+    }
+};
+
 // Components registry
 window.ManifestComponentsRegistry = {
     manifest: null,
@@ -78,9 +124,11 @@ window.ManifestComponentsLoader = {
             console.warn('[Manifest] Component', name, 'not found in manifest.');
             return null;
         }
+        const base = (typeof window.getManifestBase === 'function' ? window.getManifestBase() : '') || '/';
+        const url = path.startsWith('/') || path.startsWith('http') ? path : base + path;
         const promise = (async () => {
             try {
-                const response = await fetch('/' + path);
+                const response = await fetch(url);
                 if (!response.ok) {
                     console.warn('[Manifest] HTML file not found for component', name, 'at path:', path, '(HTTP', response.status + ')');
                     return null;

package/dist/manifest.data.js

@@ -10,7 +10,8 @@ async function ensureManifest() {
     }
 
     try {
-        const response = await fetch('/manifest.json');
+        const manifestUrl = (document.querySelector('link[rel="manifest"]')?.getAttribute('href')) || '/manifest.json';
+        const response = await fetch(manifestUrl);
         return await response.json();
     } catch (error) {
         console.error('[Manifest Data] Failed to load manifest:', error);
@@ -1561,30 +1562,41 @@ function parseCSVToNestedObject(csvText, options = {}) {
     }
 }
 
+// Load a local file (JSON, YAML, CSV). Resolves manifest-relative paths when viewing from dist.
+function resolveDataPath(filePath) {
+    if (!filePath || typeof filePath !== 'string' || filePath.startsWith('http')) {
+        return filePath;
+    }
+    const base = typeof window.getManifestBase === 'function' ? window.getManifestBase() : '';
+    const pathOnly = filePath.startsWith('/') ? filePath.slice(1) : filePath;
+    return base ? base + pathOnly : filePath;
+}
+
 // Load a local file (JSON, YAML, CSV)
 async function loadLocalFile(filePath, options = {}) {
-    const response = await fetch(filePath);
+    const resolved = resolveDataPath(filePath);
+    const response = await fetch(resolved);
 
     // Check if file exists
     if (!response.ok) {
-        throw new Error(`[Manifest Data] File not found: ${filePath} (${response.status})`);
+        throw new Error(`[Manifest Data] File not found: ${resolved} (${response.status})`);
     }
 
     const contentType = response.headers.get('content-type');
 
     // Handle CSV files
-    if (filePath.endsWith('.csv') || contentType?.includes('text/csv')) {
+    if (resolved.endsWith('.csv') || contentType?.includes('text/csv')) {
         const text = await response.text();
         const csvParser = await loadCSVParser();
         // Pass currentLocale if provided in options
         return parseCSVToNestedObject(text, { currentLocale: options.currentLocale });
     }
     // Handle JSON files
-    else if (contentType?.includes('application/json') || filePath.endsWith('.json')) {
+    else if (contentType?.includes('application/json') || resolved.endsWith('.json')) {
         return await response.json();
     }
     // Handle YAML files
-    else if (contentType?.includes('text/yaml') || filePath.endsWith('.yaml') || filePath.endsWith('.yml')) {
+    else if (contentType?.includes('text/yaml') || resolved.endsWith('.yaml') || resolved.endsWith('.yml')) {
         const text = await response.text();
         const yamlLib = await loadYamlLibrary();
         return yamlLib.load(text);
@@ -1612,6 +1624,7 @@ window.ManifestDataLoaders = {
     loadCSVParser,
     deepMergeWithFallback,
     parseCSVToNestedObject,
+    resolveDataPath,
     loadLocalFile
 };
 
@@ -4868,18 +4881,24 @@ if (!window.ManifestDataRouteProxyUpdateQueue) {
 
             // Debounce all updates
             this.timeout = setTimeout(() => {
-                const proxiesToUpdate = Array.from(this.pending);
-                this.pending.clear();
-
-                // Update all pending proxies
-                proxiesToUpdate.forEach(updateFn => {
-                    try {
-                        updateFn();
-                    } catch (error) {
-                        console.error('[Manifest Data] Error updating route proxy:', error);
-                    }
-                });
+                this.flushSync();
             }, 0);
+        },
+        // Run all pending proxy updates immediately (e.g. on route change so content updates without refresh)
+        flushSync() {
+            if (this.timeout) {
+                clearTimeout(this.timeout);
+                this.timeout = null;
+            }
+            const proxiesToUpdate = Array.from(this.pending);
+            this.pending.clear();
+            proxiesToUpdate.forEach(updateFn => {
+                try {
+                    updateFn();
+                } catch (error) {
+                    console.error('[Manifest Data] Error updating route proxy:', error);
+                }
+            });
         }
     };
 }
@@ -11538,8 +11557,14 @@ function setupUrlChangeListeners() {
 
     // Listen to router's route change event (primary integration point)
     window.addEventListener('manifest:route-change', (event) => {
-        const newUrl = event.detail?.to || window.location.pathname;
+        const newUrl = event.detail?.to ?? window.ManifestRoutingNavigation?.getCurrentRoute?.() ?? window.location.pathname;
         updateCurrentUrl(newUrl);
+        // Flush route proxies after other listeners have queued their updates, so $x.*.$route('path') content updates without refresh
+        setTimeout(() => {
+            if (window.ManifestDataRouteProxyUpdateQueue?.flushSync) {
+                window.ManifestDataRouteProxyUpdateQueue.flushSync();
+            }
+        }, 0);
     });
 
     // Also listen for popstate (browser back/forward)

package/dist/manifest.dropdowns.js

@@ -6,7 +6,7 @@ function initializeDropdownPlugin() {
     function ensureAlpineContext() {
         const body = document.body;
         if (!body.hasAttribute('x-data')) {
-            body.setAttribute('x-data', '{}');
+            body.setAttribute('x-data', '{ tab: \'local-data\' }');
         }
     }
 

package/dist/manifest.localization.js

@@ -161,7 +161,10 @@ function initializeLocalizationPlugin() {
                         // Check for single-file multi-locale CSV (e.g., {"locales": "/path/to/file.csv"})
                         if (collection.locales && typeof collection.locales === 'string' && collection.locales.endsWith('.csv')) {
                             try {
-                                const csvResponse = await fetch(collection.locales);
+                                const base = typeof window.getManifestBase === 'function' ? window.getManifestBase() : '';
+                                const localesPath = collection.locales.startsWith('/') ? collection.locales.slice(1) : collection.locales;
+                                const localesUrl = (collection.locales.startsWith('http')) ? collection.locales : (base + localesPath);
+                                const csvResponse = await fetch(localesUrl);
                                 if (csvResponse.ok) {
                                     const csvText = await csvResponse.text();
                                     // Parse CSV header to get locale columns
@@ -195,7 +198,10 @@ function initializeLocalizationPlugin() {
                     } else if (typeof collection === 'string' && collection.endsWith('.csv')) {
                         // Simple CSV file path - check if it has locale columns
                         try {
-                            const csvResponse = await fetch(collection);
+                            const base = typeof window.getManifestBase === 'function' ? window.getManifestBase() : '';
+                            const csvPath = collection.startsWith('/') ? collection.slice(1) : collection;
+                            const csvUrl = collection.startsWith('http') ? collection : (base + csvPath);
+                            const csvResponse = await fetch(csvUrl);
                             if (csvResponse.ok) {
                                 const csvText = await csvResponse.text();
                                 const lines = csvText.split('\n').filter(line => line.trim());

package/dist/manifest.markdown.js

@@ -466,12 +466,12 @@ async function initializeMarkdownPlugin() {
                     // If it's a file path, fetch the content (with caching)
                     if (isFilePath) {
                         try {
-                            // Ensure the path is absolute from project root
+                            // Resolve path: relative paths are relative to manifest base (project root), not document root
                             let resolvedPath = pathOrContent;
-
-                            // If it's a relative path (doesn't start with /), make it absolute from root
                             if (!pathOrContent.startsWith('/')) {
-                                resolvedPath = '/' + pathOrContent;
+                                const base = (typeof window.getManifestBase === 'function' ? window.getManifestBase() : '') || '';
+                                const basePath = base.replace(/\/$/, '') || '';
+                                resolvedPath = (basePath ? basePath + '/' : '/') + pathOrContent;
                             }
 
                             // Check cache first

package/dist/manifest.router.js

@@ -159,13 +159,35 @@ window.ManifestRoutingPosition = {
 
 // Router navigation
 
-// Current route state
+// Current route state (logical path, e.g. /gadget; not full pathname when app is in a subpath)
 let currentRoute = '/';
 let isInternalNavigation = false;
 
+function getBasePath() {
+    return (typeof window.getManifestBasePath === 'function' ? window.getManifestBasePath() : '') || '';
+}
+
+function pathnameToLogical(pathname) {
+    const base = getBasePath();
+    if (!base) {
+        const p = (pathname || '/').replace(/\/$/, '') || '/';
+        if (p === '/' || p === '/index.html' || p === '/index') return '/';
+        return p.startsWith('/') ? p : '/' + p;
+    }
+    if (pathname === base || pathname === base + '/') return '/';
+    if (pathname.startsWith(base + '/')) {
+        let logical = pathname.slice(base.length) || '/';
+        if (logical === '/index.html' || logical === '/index') logical = '/';
+        return logical;
+    }
+    if (pathname === base + '/index.html' || pathname === base + '/index') return '/';
+    return pathname;
+}
+
 // Handle route changes
 async function handleRouteChange() {
-    const newRoute = window.location.pathname;
+    const pathname = window.location.pathname;
+    const newRoute = pathnameToLogical(pathname);
     if (newRoute === currentRoute) return;
 
     currentRoute = newRoute;
@@ -215,6 +237,36 @@ async function handleRouteChange() {
     }));
 }
 
+// Resolve internal link to absolute pathname for pushState. Relative hrefs (e.g. "gadget") are resolved against the app base, not the current URL, so we never get additive paths like /src/dist/widget/gadget/widget/...
+function resolveHref(href) {
+    if (!href || href.startsWith('#') || href.startsWith('mailto:') || href.startsWith('tel:')) return href;
+    try {
+        const base = getBasePath();
+        const baseUrl = base ? (window.location.origin + base + '/') : (window.location.origin + '/');
+        const url = new URL(href, baseUrl);
+        if (url.origin !== window.location.origin) return href;
+        let path = url.pathname.replace(/\/$/, '') || '/';
+        if (!base) return path.startsWith('/') ? path : '/' + path;
+        if (path === base || path.startsWith(base + '/')) return path;
+        // path may be above base (e.g. /gadget when base is /src/dist) or unrelated; take only the route part and put under base so we never stack.
+        if (path.startsWith('/')) {
+            const pathSegs = path.split('/').filter(Boolean);
+            const baseSegs = base.split('/').filter(Boolean);
+            let i = 0;
+            while (i < baseSegs.length && i < pathSegs.length && baseSegs[i] === pathSegs[i]) i++;
+            const routeSegs = pathSegs.slice(i);
+            if (routeSegs.length) return base + '/' + routeSegs.join('/');
+        }
+        const out = base + (path.startsWith('/') ? path : '/' + path);
+        return out.startsWith('/') ? out : '/' + out;
+    } catch {
+        const base = getBasePath();
+        const safe = (href || '').trim();
+        if (!safe) return base || '/';
+        return base ? (base + (safe.startsWith('/') ? safe : '/' + safe)) : (safe.startsWith('/') ? safe : '/' + safe);
+    }
+}
+
 // Intercept link clicks to prevent page reloads
 function interceptLinkClicks() {
     // Use capture phase to intercept before other handlers
@@ -247,6 +299,7 @@ function interceptLinkClicks() {
         // Handle links with both route and anchor (e.g., /page#section)
         if (href.includes('#')) {
             const [path, hash] = href.split('#');
+            const fullHref = resolveHref(path) + (hash ? '#' + hash : '');
 
             event.preventDefault();
             event.stopPropagation();
@@ -255,8 +308,8 @@ function interceptLinkClicks() {
             // Set flag to prevent recursive calls
             isInternalNavigation = true;
 
-            // Update URL without page reload
-            history.pushState(null, '', href);
+            // Update URL without page reload (use base path when app is in a subpath)
+            history.pushState(null, '', fullHref);
 
             // Handle route change (but don't scroll to top since there's an anchor)
             handleRouteChange();
@@ -282,8 +335,9 @@ function interceptLinkClicks() {
         // Set flag to prevent recursive calls
         isInternalNavigation = true;
 
-        // Update URL without page reload
-        history.pushState(null, '', href);
+        // Update URL without page reload (use base path when app is in a subpath, e.g. /src/dist/gadget)
+        const fullHref = resolveHref(href);
+        history.pushState(null, '', fullHref);
 
         // Handle route change
         handleRouteChange();
@@ -296,8 +350,8 @@ function interceptLinkClicks() {
 
 // Initialize navigation
 function initializeNavigation() {
-    // Set initial route
-    currentRoute = window.location.pathname;
+    // Set initial route (logical path for matching)
+    currentRoute = pathnameToLogical(window.location.pathname);
 
     // Intercept link clicks
     interceptLinkClicks();
@@ -323,7 +377,10 @@ if (document.readyState === 'loading') {
 // Export navigation interface
 window.ManifestRoutingNavigation = {
     initialize: initializeNavigation,
-    getCurrentRoute: () => currentRoute
+    getCurrentRoute: () => currentRoute,
+    getBasePath,
+    resolveHref,
+    pathnameToLogical
 }; 
 
 // Router visibility
@@ -456,8 +513,8 @@ function initializeVisibility() {
     // Add x-cloak to route elements to prevent flash
     addXCloakToRouteElements();
 
-    // Process initial visibility
-    const currentPath = window.location.pathname;
+    // Process initial visibility (use logical path when app is in a subpath)
+    const currentPath = window.ManifestRoutingNavigation?.getCurrentRoute() ?? window.location.pathname;
     const normalizedPath = currentPath === '/' ? '/' : currentPath.replace(/^\/|\/$/g, '');
     processRouteVisibility(normalizedPath);
 
@@ -471,7 +528,7 @@ function initializeVisibility() {
         // Add x-cloak to any new route elements
         addXCloakToRouteElements();
 
-        const currentPath = window.location.pathname;
+        const currentPath = window.ManifestRoutingNavigation?.getCurrentRoute() ?? window.location.pathname;
         const normalizedPath = currentPath === '/' ? '/' : currentPath.replace(/^\/|\/$/g, '');
         processRouteVisibility(normalizedPath);
     });
@@ -687,7 +744,7 @@ function initializeHeadContent() {
     function processHeadContentAfterComponentsReady() {
         // Process initial head content after a longer delay to let components settle
         setTimeout(() => {
-            const currentPath = window.location.pathname;
+            const currentPath = window.ManifestRoutingNavigation?.getCurrentRoute() ?? window.location.pathname;
             const normalizedPath = currentPath === '/' ? '/' : currentPath.replace(/^\/|\/$/g, '');
 
             // Debug: Check if about component exists
@@ -706,7 +763,7 @@ function initializeHeadContent() {
 
     // Function to process head content immediately (for projects without components)
     function processHeadContentImmediately() {
-        const currentPath = window.location.pathname;
+        const currentPath = window.ManifestRoutingNavigation?.getCurrentRoute() ?? window.location.pathname;
         const normalizedPath = currentPath === '/' ? '/' : currentPath.replace(/^\/|\/$/g, '');
         processAllHeadContent(normalizedPath);
     }
@@ -740,7 +797,7 @@ function initializeHeadContent() {
         // Wait a bit for components to settle after route change
         setTimeout(() => {
             // Process head content immediately to catch components before they're reverted
-            const currentPath = window.location.pathname;
+            const currentPath = window.ManifestRoutingNavigation?.getCurrentRoute() ?? window.location.pathname;
             const normalizedPath = currentPath === '/' ? '/' : currentPath.replace(/^\/|\/$/g, '');
 
             // Debug: Check if about component exists
@@ -1126,9 +1183,9 @@ function initializeRouterMagic() {
         return;
     }
 
-    // Create a reactive object for route data
+    // Create a reactive object for route data (use logical path when app is in a subpath)
     const route = Alpine.reactive({
-        current: window.location.pathname,
+        current: window.ManifestRoutingNavigation?.getCurrentRoute() || window.location.pathname,
         segments: [],
         params: {},
         matches: null
@@ -1136,7 +1193,7 @@ function initializeRouterMagic() {
 
     // Update route when route changes
     const updateRoute = () => {
-        const currentRoute = window.ManifestRoutingNavigation?.getCurrentRoute() || window.location.pathname;
+        const currentRoute = window.ManifestRoutingNavigation?.getCurrentRoute() ?? window.location.pathname;
 
         // Strip localization codes and other injected segments to get the logical route
         let logicalRoute = currentRoute;

package/dist/manifest.tooltips.js

@@ -294,16 +294,11 @@ function ensureTooltipPluginInitialized() {
 
     tooltipPluginInitialized = true;
     initializeTooltipPlugin();
-
-    // If elements with x-tooltip already exist, process them
-    if (window.Alpine && typeof window.Alpine.initTree === 'function') {
-        const existingTooltipElements = document.querySelectorAll('[x-tooltip]');
-        existingTooltipElements.forEach(el => {
-            if (!el.__x) {
-                window.Alpine.initTree(el);
-            }
-        });
-    }
+    // Do not call Alpine.initTree() on [x-tooltip] elements here. That initializes
+    // them in isolation and breaks scope (e.g. "tab is not defined"). Alpine will
+    // process the full tree from the root, so [x-tooltip] elements get the correct
+    // scope. Dynamically loaded components are already initialized by the component
+    // processor with initTree on the swapped-in root.
 }
 
 // Expose on window for loader to call if needed

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mnfst",
-    "version": "0.5.30",
+    "version": "0.5.32",
     "private": false,
     "workspaces": [
         "templates/starter"
@@ -19,6 +19,9 @@
         "start:src": "cd src && browser-sync start --config bs-config.js",
         "start:docs": "cd docs && browser-sync start --config bs-config.js",
         "start:starter": "cd templates/starter && browser-sync start --config bs-config.js --port 3001",
+        "prerender": "node src/prerender.mjs --root src",
+        "prerender:docs": "node src/prerender.mjs --root docs",
+        "prerender:starter": "node src/prerender.mjs --root templates/starter",
         "publish:starter": "cd packages/create-starter && npm publish --auth-type=web",
         "prepublishOnly": "npm run build",
         "test": "echo 'No tests configured'",
@@ -30,8 +33,8 @@
         "@rollup/plugin-terser": "^0.4.4",
         "browser-sync": "^3.0.3",
         "cssnano": "^7.1.1",
-        "fs-extra": "^11.2.0",
-        "prompts": "^2.4.2",
+        "glob": "^11.0.2",
+        "puppeteer": "^24.15.0",
         "rimraf": "^5.0.0",
         "rollup": "^4.24.2"
     },
@@ -55,9 +58,5 @@
     },
     "bugs": {
         "url": "https://github.com/andrewmatlock/manifest/issues"
-    },
-    "dependencies": {
-        "commander": "^14.0.1",
-        "glob": "^11.0.2"
     }
 }