baremetal.js 1.0.1 → 1.2.1

package/dist/baremetal.js

@@ -0,0 +1,637 @@
+/**
+ * baremetal.js v1.2.1
+ * A lightweight, dependency-free Vanilla JavaScript SPA engine prioritizing extreme performance, native browser features, and explicit lifecycle management.
+ * (c) 2026 dkydivyansh
+ * Released under the GPL-3.0 License
+ */
+
+/**
+ * baremetal.js v1.2.1
+ * A lightweight, dependency-free Vanilla JavaScript SPA engine prioritizing extreme performance, native browser features, and explicit lifecycle management.
+ * (c) 2026 dkydivyansh
+ * Released under the GPL-3.0 License
+ */
+
+class StateManager {
+  constructor() {
+    this.state = {};
+    this.listeners = {};
+    this.eventBus = {};
+  }
+
+  initPersistence() {
+    try {
+      const saved = sessionStorage.getItem('baremetal_state');
+      if (saved) {
+        const parsed = JSON.parse(saved);
+        for (const [key, value] of Object.entries(parsed)) {
+          this.state[key] = value;
+        }
+      }
+    } catch (e) {
+      console.warn('Failed to hydrate state', e);
+    }
+  }
+
+  init(key, defaultValue) {
+    if (this.state[key] === undefined) {
+      this.state[key] = defaultValue;
+    }
+  }
+
+  subscribe(key, callback) {
+    if (!this.listeners[key]) {
+      this.listeners[key] = [];
+    }
+    this.listeners[key].push(callback);
+
+    if (this.state[key] !== undefined) {
+      callback(this.state[key]);
+    }
+
+    return () => this.unsubscribe(key, callback);
+  }
+
+  unsubscribe(key, callback) {
+    if (!this.listeners[key]) return;
+    this.listeners[key] = this.listeners[key].filter(cb => cb !== callback);
+  }
+
+  update(key, value) {
+    this.state[key] = value;
+    if (this.listeners[key]) {
+      this.listeners[key].forEach(callback => callback(value));
+    }
+
+    if (window.__baremetal_persist_state) {
+      try {
+        sessionStorage.setItem('baremetal_state', JSON.stringify(this.state));
+      } catch(e) {}
+    }
+  }
+
+  get(key) {
+    return this.state[key];
+  }
+
+  on(event, callback) {
+    if (!this.eventBus[event]) {
+      this.eventBus[event] = [];
+    }
+    this.eventBus[event].push(callback);
+    return () => this.off(event, callback);
+  }
+
+  off(event, callback) {
+    if (!this.eventBus[event]) return;
+    this.eventBus[event] = this.eventBus[event].filter(cb => cb !== callback);
+  }
+
+  publish(event, data) {
+    if (this.eventBus[event]) {
+      this.eventBus[event].forEach(callback => callback(data));
+    }
+  }
+}
+
+const stateManager = new StateManager();
+
+/**
+ * baremetal.js v1.2.1
+ * A lightweight, dependency-free Vanilla JavaScript SPA engine prioritizing extreme performance, native browser features, and explicit lifecycle management.
+ * (c) 2026 dkydivyansh
+ * Released under the GPL-3.0 License
+ */
+
+
+const Loader = {
+  activeModules: {},
+  config: { keepAliveSameModules: true, debug: false, autoWrap: true, hoverPrefetch: false, showErrorNotification: false, persistState: false, virtualizeDom: false, transition: { enabled: false, simulatedDelay: 0, module: null, useViewTransitions: false } },
+
+  setConfig(globalConfig) {
+    this.config = { ...this.config, ...globalConfig };
+  },
+
+  log(...args) {
+    if (this.config.debug) console.log('[BareMetal Loader]', ...args);
+  },
+
+  async prepare(newConfig) {
+
+    if (this.config.transition && this.config.transition.enabled) {
+      const transitionPath = this.config.transition.module || '/src/transition.js';
+      newConfig['__baremetal_transition'] = transitionPath;
+    }
+
+    const modulesToKeep = {};
+    const modulesToDestroy = [];
+    const modulesToLoad = {};
+
+    for (const [key, mod] of Object.entries(this.activeModules)) {
+      const isImmortal = key === '__baremetal_transition';
+      const newPath = typeof newConfig[key] === 'string' ? newConfig[key] : (newConfig[key] ? newConfig[key].path : null);
+      if ((this.config.keepAliveSameModules || isImmortal) && newPath === mod.path) {
+
+        modulesToKeep[key] = mod;
+        this.log(`Keep-Alive: ${key} (${mod.path})`);
+      } else {
+
+        modulesToDestroy.push(mod);
+      }
+    }
+
+    for (const mod of modulesToDestroy) {
+      this.log(`Destroying module: ${mod.path}`);
+      if (mod.module && typeof mod.module.destroy === 'function') {
+        try {
+          mod.module.destroy();
+        } catch (e) {
+          console.error(`Error destroying module ${mod.path}`, e);
+        }
+      }
+    }
+
+    for (const [key, path] of Object.entries(newConfig)) {
+      if (!modulesToKeep[key]) {
+        modulesToLoad[key] = path;
+      }
+    }
+
+    this.activeModules = modulesToKeep;
+
+    return modulesToLoad;
+  },
+
+  async loadPrepared(modulesToLoad) {
+    const total = Object.keys(modulesToLoad).length;
+    let loaded = 0;
+
+    const loadPromises = Object.entries(modulesToLoad).map(async ([key, modDef]) => {
+      const path = typeof modDef === 'string' ? modDef : modDef.path;
+      const lazySelector = typeof modDef === 'string' ? null : modDef.lazy;
+
+      this.log(`Preparing module: ${path}`);
+
+      const doImport = async () => {
+        try {
+          const resolvedPath = new URL(path, document.baseURI).href;
+          const loadPath = this.config.debug ? `${resolvedPath}?t=${Date.now()}` : resolvedPath;
+
+          let module;
+
+          if (this.config.autoWrap) {
+            const response = await fetch(loadPath);
+            if (!response.ok) throw new Error(`Failed to fetch ${loadPath}`);
+            const sourceText = await response.text();
+
+            const hasMount = /export\s+(function|const|let|var)\s+mount\b/.test(sourceText) || /export\s+\{.*?\bmount\b.*?\}/.test(sourceText);
+
+            if (!hasMount) {
+              console.warn(`[BareMetal] WARNING: Module ${path} does not explicitly export a mount() function. Auto-wrapping it...`);
+              const wrappedSource = `export async function mount(context) { const { state } = context; ${sourceText} }`;
+              const blob = new Blob([wrappedSource], { type: 'application/javascript' });
+              const blobUrl = URL.createObjectURL(blob);
+              module = await import(blobUrl);
+              URL.revokeObjectURL(blobUrl);
+            } else {
+              module = await import(loadPath);
+            }
+          } else {
+            module = await import(loadPath);
+          }
+
+          if (typeof module.mount === 'function') {
+            this.log(`Mounting module: ${path}`);
+
+            const context = { state: stateManager };
+            if (this.config.virtualizeDom) {
+              const { virtualize } = await Promise.resolve().then(function () { return virtualize$1; });
+              context.virtualize = virtualize;
+            }
+
+            const instance = await module.mount(context);
+
+            this.activeModules[key] = {
+              path: path,
+              module: instance ? { destroy: instance.destroy } : module
+            };
+          } else {
+            console.error(`[BareMetal] Module ${path} failed to provide a mount function even after wrapping.`);
+          }
+        } catch (err) {
+          console.error(`Failed to load module: ${path}`, err);
+        }
+      };
+
+      if (lazySelector) {
+        const element = document.querySelector(lazySelector);
+        if (element && window.IntersectionObserver) {
+          this.log(`Deferred loading of module ${path} until ${lazySelector} is visible`);
+          const observer = new IntersectionObserver((entries) => {
+            if (entries[0].isIntersecting) {
+              observer.disconnect();
+              doImport();
+            }
+          });
+          observer.observe(element);
+
+          loaded++;
+          if (total > 0) {
+            const progress = 50 + (loaded / total) * 50;
+            stateManager.publish('ROUTE_PROGRESS', { url: window.location.pathname, progress });
+          }
+          return Promise.resolve();
+        } else {
+
+          await doImport();
+        }
+      } else {
+        await doImport();
+      }
+
+      loaded++;
+      if (total > 0) {
+        const progress = 50 + (loaded / total) * 50;
+        stateManager.publish('ROUTE_PROGRESS', { url: window.location.pathname, progress });
+      }
+    });
+
+    await Promise.all(loadPromises);
+    stateManager.publish('ROUTE_END', { url: window.location.pathname });
+  },
+
+  async load(config) {
+    const modulesToLoad = await this.prepare(config);
+    await this.loadPrepared(modulesToLoad);
+  }
+};
+
+function loader(config) {
+  return Loader.load(config);
+}
+
+/**
+ * baremetal.js v1.2.1
+ * A lightweight, dependency-free Vanilla JavaScript SPA engine prioritizing extreme performance, native browser features, and explicit lifecycle management.
+ * (c) 2026 dkydivyansh
+ * Released under the GPL-3.0 License
+ */
+
+
+const Router = {
+  htmlCache: {},
+  scrollMemory: {},
+  historyStack: [],
+  currentAbortController: null,
+
+  init() {
+    if ('scrollRestoration' in history) {
+      history.scrollRestoration = 'manual';
+    }
+    window.addEventListener('popstate', this.handleRoute.bind(this));
+
+    document.body.addEventListener('click', e => {
+
+      const anchor = e.target.closest('a');
+      if (!anchor) return;
+
+      if (
+        anchor.origin !== window.location.origin ||
+        anchor.target === '_blank' ||
+        (anchor.rel && anchor.rel.includes('noreferrer')) ||
+        anchor.hasAttribute('download')
+      ) {
+        return;
+      }
+
+      e.preventDefault();
+
+      this.historyStack.push(window.location.pathname);
+      this.scrollMemory[window.location.pathname] = window.scrollY;
+
+      history.pushState(null, '', anchor.href);
+      this.handleRoute();
+    });
+
+    document.body.addEventListener('mouseover', e => {
+      if (!Loader.config.hoverPrefetch) return;
+      const anchor = e.target.closest('a');
+      if (!anchor) return;
+      if (
+        anchor.origin === window.location.origin &&
+        anchor.target !== '_blank' &&
+        !anchor.hasAttribute('download') &&
+        !this.htmlCache[anchor.href]
+      ) {
+        this.htmlCache[anchor.href] = 'fetching';
+        fetch(anchor.href)
+          .then(res => {
+             if (res.ok) return res.text();
+             throw new Error('Failed to prefetch');
+          })
+          .then(html => this.htmlCache[anchor.href] = html)
+          .catch(() => delete this.htmlCache[anchor.href]);
+      }
+    });
+  },
+
+  back() {
+
+    if (this.historyStack.length > 0) {
+      const prevUrl = this.historyStack.pop();
+      history.pushState(null, '', prevUrl);
+      this.handleRoute();
+    } else {
+      history.back();
+    }
+  },
+
+  reload() {
+    window.location.reload();
+  },
+
+  async handleRoute(e) {
+
+    if (this.currentAbortController) {
+      this.currentAbortController.abort();
+    }
+    this.currentAbortController = new AbortController();
+    const signal = this.currentAbortController.signal;
+
+    const url = window.location.pathname;
+    try {
+      Loader.log(`Navigating to ${url}`);
+      stateManager.publish('ROUTE_START', { url });
+
+      if (Loader.config.transition && Loader.config.transition.simulatedDelay) {
+        stateManager.publish('ROUTE_PROGRESS', { url, progress: 10 });
+        await new Promise(r => setTimeout(r, Loader.config.transition.simulatedDelay / 2));
+        stateManager.publish('ROUTE_PROGRESS', { url, progress: 30 });
+        await new Promise(r => setTimeout(r, Loader.config.transition.simulatedDelay / 2));
+      }
+
+      let htmlText;
+      const fullUrl = new URL(url, document.baseURI).href;
+
+      if (Loader.config.hoverPrefetch && this.htmlCache[fullUrl] && this.htmlCache[fullUrl] !== 'fetching') {
+        htmlText = this.htmlCache[fullUrl];
+        Loader.log(`Used pre-fetched cache for ${url}`);
+      } else {
+        const response = await fetch(url, { signal });
+        if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
+        htmlText = await response.text();
+      }
+
+      stateManager.publish('ROUTE_PROGRESS', { url, progress: 50 });
+
+      const parser = new DOMParser();
+      const doc = parser.parseFromString(htmlText, 'text/html');
+
+      let config = null;
+      const scriptTags = doc.querySelectorAll('script');
+      for (const script of scriptTags) {
+        if (script.textContent.includes('loader(')) {
+
+          const match = script.textContent.match(/loader\s*\(\s*(\{[\s\S]*?\})\s*\)/);
+          if (match && match[1]) {
+            try {
+
+              config = new Function('return ' + match[1])();
+            } catch (e) {
+              console.error("Failed to parse loader config in new page", e);
+            }
+          }
+        }
+      }
+
+      if (!config) {
+        Loader.log(`No BareMetal config found on ${url}. Falling back to native navigation.`);
+        window.location.assign(url);
+        return;
+      }
+
+      const modulesToLoad = await Loader.prepare(config);
+
+      document.title = doc.title;
+
+      const oldStyles = document.head.querySelectorAll('link[data-baremetal="style"], style[data-baremetal="style"]');
+      oldStyles.forEach(s => s.remove());
+      const newStyles = doc.head.querySelectorAll('link[data-baremetal="style"], style[data-baremetal="style"]');
+      newStyles.forEach(s => document.head.appendChild(s.cloneNode(true)));
+
+      const preservedNodes = [];
+      const persistentElements = document.querySelectorAll('[data-baremetal-preserve]');
+
+      persistentElements.forEach(el => {
+        if (!el.id) return;
+        if (doc.getElementById(el.id)) {
+
+           const placeholder = document.createElement('div');
+           el.parentNode.replaceChild(placeholder, el);
+           preservedNodes.push(el);
+        }
+      });
+
+      const transitionRoot = document.getElementById('baremetal-transition-root');
+      if (transitionRoot) {
+        transitionRoot.parentNode.removeChild(transitionRoot);
+      }
+
+      const executeDOMSwap = () => {
+        document.body.innerHTML = doc.body.innerHTML;
+
+        preservedNodes.forEach(el => {
+          const newEl = document.getElementById(el.id);
+          if (newEl) {
+
+             Array.from(el.attributes).forEach(attr => {
+               if (attr.name !== 'id' && attr.name !== 'data-baremetal-preserve') el.removeAttribute(attr.name);
+             });
+             Array.from(newEl.attributes).forEach(attr => {
+               if (attr.name !== 'id') el.setAttribute(attr.name, attr.value);
+             });
+
+             newEl.parentNode.replaceChild(el, newEl);
+          }
+        });
+
+        if (transitionRoot) {
+          document.body.appendChild(transitionRoot);
+        }
+
+        stateManager.publish('DOM_SWAPPED', null);
+      };
+
+      const doSwap = () => {
+        executeDOMSwap();
+        window.scrollTo(0, this.scrollMemory[url] || 0);
+      };
+
+      if (Loader.config.transition && Loader.config.transition.useViewTransitions && document.startViewTransition) {
+        document.startViewTransition(() => {
+          doSwap();
+        });
+      } else {
+        doSwap();
+      }
+
+      await Loader.loadPrepared(modulesToLoad);
+
+    } catch (err) {
+      if (err.name === 'AbortError') {
+        Loader.log(`Aborted fetch for ${url} due to new navigation.`);
+        return;
+      }
+      console.error("Routing error:", err);
+      stateManager.publish('ROUTE_ERROR', { url, error: err.message });
+
+      if (Loader.config.showErrorNotification) {
+
+        if (this.historyStack.length > 0) {
+          const prev = this.historyStack.pop();
+          history.replaceState(null, '', prev);
+        }
+
+        const notif = document.createElement('div');
+        notif.style.position = 'fixed';
+        notif.style.bottom = '20px';
+        notif.style.left = '20px';
+        notif.style.background = '#e74c3c';
+        notif.style.color = 'white';
+        notif.style.padding = '15px 20px';
+        notif.style.borderRadius = '8px';
+        notif.style.boxShadow = '0 4px 12px rgba(0,0,0,0.15)';
+        notif.style.zIndex = '999999';
+        notif.style.fontFamily = 'sans-serif';
+        notif.style.transition = 'opacity 0.3s ease';
+        notif.innerHTML = `<strong>Navigation Failed:</strong> ${err.message}`;
+
+        document.body.appendChild(notif);
+
+        setTimeout(() => {
+          notif.style.opacity = '0';
+          setTimeout(() => notif.remove(), 300);
+        }, 4000);
+      } else {
+
+        if (this.historyStack.length > 0) {
+          const prev = this.historyStack.pop();
+          history.replaceState(null, '', prev);
+        }
+        window.location.assign(url);
+      }
+    }
+  }
+};
+
+/**
+ * baremetal.js v1.2.1
+ * A lightweight, dependency-free Vanilla JavaScript SPA engine prioritizing extreme performance, native browser features, and explicit lifecycle management.
+ * (c) 2026 dkydivyansh
+ * Released under the GPL-3.0 License
+ */
+
+class Virtualizer {
+  constructor(containerId, items, renderRow, itemHeight, visibleCount = 20) {
+    this.container = document.getElementById(containerId);
+    if (!this.container) return;
+
+    this.items = items;
+    this.renderRow = renderRow;
+    this.itemHeight = itemHeight;
+    this.visibleCount = visibleCount;
+
+    this.totalHeight = this.items.length * this.itemHeight;
+    this.container.style.overflowY = 'auto';
+    this.container.style.position = 'relative';
+
+    this.innerWrapper = document.createElement('div');
+    this.innerWrapper.style.height = `${this.totalHeight}px`;
+    this.innerWrapper.style.position = 'relative';
+    this.container.appendChild(this.innerWrapper);
+
+    this.startIndex = 0;
+    this.onScroll = this.onScroll.bind(this);
+    this.container.addEventListener('scroll', this.onScroll);
+    this.render();
+  }
+
+  onScroll() {
+    const scrollTop = this.container.scrollTop;
+    const startIndex = Math.max(0, Math.floor(scrollTop / this.itemHeight) - 2);
+    if (startIndex !== this.startIndex) {
+      this.startIndex = startIndex;
+      this.render();
+    }
+  }
+
+  render() {
+    this.innerWrapper.innerHTML = '';
+    const endIndex = Math.min(this.items.length - 1, this.startIndex + this.visibleCount + 4);
+
+    for (let i = this.startIndex; i <= endIndex; i++) {
+      const node = this.renderRow(this.items[i], i);
+      node.style.position = 'absolute';
+      node.style.top = `${i * this.itemHeight}px`;
+      node.style.width = '100%';
+      this.innerWrapper.appendChild(node);
+    }
+  }
+
+  destroy() {
+    if (this.container) {
+      this.container.removeEventListener('scroll', this.onScroll);
+      this.container.innerHTML = '';
+    }
+  }
+}
+
+const virtualize = (containerId, items, renderRow, itemHeight, visibleCount) => {
+  return new Virtualizer(containerId, items, renderRow, itemHeight, visibleCount);
+};
+
+var virtualize$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  Virtualizer: Virtualizer,
+  virtualize: virtualize
+});
+
+/**
+ * baremetal.js v1.2.1
+ * A lightweight, dependency-free Vanilla JavaScript SPA engine prioritizing extreme performance, native browser features, and explicit lifecycle management.
+ * (c) 2026 dkydivyansh
+ * Released under the GPL-3.0 License
+ */
+
+
+const BareMetal = {
+  state: stateManager,
+  events: stateManager,
+  loader: loader,
+  router: Router,
+  virtualize: virtualize,
+
+  init(config = {}) {
+    if (config.debug !== undefined) Loader.setConfig({ debug: config.debug });
+    if (config.keepAliveSameModules !== undefined) Loader.setConfig({ keepAliveSameModules: config.keepAliveSameModules });
+    if (config.transition !== undefined) Loader.setConfig({ transition: config.transition });
+    if (config.autoWrap !== undefined) Loader.setConfig({ autoWrap: config.autoWrap });
+    if (config.hoverPrefetch !== undefined) Loader.setConfig({ hoverPrefetch: config.hoverPrefetch });
+    if (config.showErrorNotification !== undefined) Loader.setConfig({ showErrorNotification: config.showErrorNotification });
+
+    if (config.persistState !== undefined) {
+      Loader.setConfig({ persistState: config.persistState });
+      if (config.persistState) {
+        window.__baremetal_persist_state = true;
+        stateManager.initPersistence();
+      }
+    }
+
+    if (config.virtualizeDom !== undefined) Loader.setConfig({ virtualizeDom: config.virtualizeDom });
+
+    Router.init();
+    Loader.log("Initialized BareMetal Engine with config:", config);
+  }
+};
+
+export { BareMetal, loader };

package/dist/baremetal.min.js

@@ -0,0 +1 @@
+const t=new class{constructor(){this.state={},this.listeners={},this.eventBus={}}initPersistence(){try{const t=sessionStorage.getItem("baremetal_state");if(t){const e=JSON.parse(t);for(const[t,i]of Object.entries(e))this.state[t]=i}}catch(t){console.warn("Failed to hydrate state",t)}}init(t,e){void 0===this.state[t]&&(this.state[t]=e)}subscribe(t,e){return this.listeners[t]||(this.listeners[t]=[]),this.listeners[t].push(e),void 0!==this.state[t]&&e(this.state[t]),()=>this.unsubscribe(t,e)}unsubscribe(t,e){this.listeners[t]&&(this.listeners[t]=this.listeners[t].filter(t=>t!==e))}update(t,e){if(this.state[t]=e,this.listeners[t]&&this.listeners[t].forEach(t=>t(e)),window.__baremetal_persist_state)try{sessionStorage.setItem("baremetal_state",JSON.stringify(this.state))}catch(t){}}get(t){return this.state[t]}on(t,e){return this.eventBus[t]||(this.eventBus[t]=[]),this.eventBus[t].push(e),()=>this.off(t,e)}off(t,e){this.eventBus[t]&&(this.eventBus[t]=this.eventBus[t].filter(t=>t!==e))}publish(t,e){this.eventBus[t]&&this.eventBus[t].forEach(t=>t(e))}},e={activeModules:{},config:{keepAliveSameModules:!0,debug:!1,autoWrap:!0,hoverPrefetch:!1,showErrorNotification:!1,persistState:!1,virtualizeDom:!1,transition:{enabled:!1,simulatedDelay:0,module:null,useViewTransitions:!1}},setConfig(t){this.config={...this.config,...t}},log(...t){this.config.debug&&console.log("[BareMetal Loader]",...t)},async prepare(t){if(this.config.transition&&this.config.transition.enabled){const e=this.config.transition.module||"/src/transition.js";t.__baremetal_transition=e}const e={},i=[],o={};for(const[o,s]of Object.entries(this.activeModules)){const n="__baremetal_transition"===o,r="string"==typeof t[o]?t[o]:t[o]?t[o].path:null;(this.config.keepAliveSameModules||n)&&r===s.path?(e[o]=s,this.log(`Keep-Alive: ${o} (${s.path})`)):i.push(s)}for(const t of i)if(this.log(`Destroying module: ${t.path}`),t.module&&"function"==typeof t.module.destroy)try{t.module.destroy()}catch(e){console.error(`Error destroying module ${t.path}`,e)}for(const[i,s]of Object.entries(t))e[i]||(o[i]=s);return this.activeModules=e,o},async loadPrepared(e){const i=Object.keys(e).length;let o=0;const s=Object.entries(e).map(async([e,s])=>{const n="string"==typeof s?s:s.path,a="string"==typeof s?null:s.lazy;this.log(`Preparing module: ${n}`);const l=async()=>{try{const i=new URL(n,document.baseURI).href,o=this.config.debug?`${i}?t=${Date.now()}`:i;let s;if(this.config.autoWrap){const t=await fetch(o);if(!t.ok)throw new Error(`Failed to fetch ${o}`);const e=await t.text();if(/export\s+(function|const|let|var)\s+mount\b/.test(e)||/export\s+\{.*?\bmount\b.*?\}/.test(e))s=await import(o);else{console.warn(`[BareMetal] WARNING: Module ${n} does not explicitly export a mount() function. Auto-wrapping it...`);const t=`export async function mount(context) { const { state } = context; ${e} }`,i=new Blob([t],{type:"application/javascript"}),o=URL.createObjectURL(i);s=await import(o),URL.revokeObjectURL(o)}}else s=await import(o);if("function"==typeof s.mount){this.log(`Mounting module: ${n}`);const i={state:t};if(this.config.virtualizeDom){const{virtualize:t}=await Promise.resolve().then(function(){return r});i.virtualize=t}const o=await s.mount(i);this.activeModules[e]={path:n,module:o?{destroy:o.destroy}:s}}else console.error(`[BareMetal] Module ${n} failed to provide a mount function even after wrapping.`)}catch(t){console.error(`Failed to load module: ${n}`,t)}};if(a){const e=document.querySelector(a);if(e&&window.IntersectionObserver){this.log(`Deferred loading of module ${n} until ${a} is visible`);const s=new IntersectionObserver(t=>{t[0].isIntersecting&&(s.disconnect(),l())});if(s.observe(e),o++,i>0){const e=50+o/i*50;t.publish("ROUTE_PROGRESS",{url:window.location.pathname,progress:e})}return Promise.resolve()}await l()}else await l();if(o++,i>0){const e=50+o/i*50;t.publish("ROUTE_PROGRESS",{url:window.location.pathname,progress:e})}});await Promise.all(s),t.publish("ROUTE_END",{url:window.location.pathname})},async load(t){const e=await this.prepare(t);await this.loadPrepared(e)}};function i(t){return e.load(t)}const o={htmlCache:{},scrollMemory:{},historyStack:[],currentAbortController:null,init(){"scrollRestoration"in history&&(history.scrollRestoration="manual"),window.addEventListener("popstate",this.handleRoute.bind(this)),document.body.addEventListener("click",t=>{const e=t.target.closest("a");e&&(e.origin!==window.location.origin||"_blank"===e.target||e.rel&&e.rel.includes("noreferrer")||e.hasAttribute("download")||(t.preventDefault(),this.historyStack.push(window.location.pathname),this.scrollMemory[window.location.pathname]=window.scrollY,history.pushState(null,"",e.href),this.handleRoute()))}),document.body.addEventListener("mouseover",t=>{if(!e.config.hoverPrefetch)return;const i=t.target.closest("a");i&&(i.origin!==window.location.origin||"_blank"===i.target||i.hasAttribute("download")||this.htmlCache[i.href]||(this.htmlCache[i.href]="fetching",fetch(i.href).then(t=>{if(t.ok)return t.text();throw new Error("Failed to prefetch")}).then(t=>this.htmlCache[i.href]=t).catch(()=>delete this.htmlCache[i.href])))})},back(){if(this.historyStack.length>0){const t=this.historyStack.pop();history.pushState(null,"",t),this.handleRoute()}else history.back()},reload(){window.location.reload()},async handleRoute(i){this.currentAbortController&&this.currentAbortController.abort(),this.currentAbortController=new AbortController;const o=this.currentAbortController.signal,s=window.location.pathname;try{let n;e.log(`Navigating to ${s}`),t.publish("ROUTE_START",{url:s}),e.config.transition&&e.config.transition.simulatedDelay&&(t.publish("ROUTE_PROGRESS",{url:s,progress:10}),await new Promise(t=>setTimeout(t,e.config.transition.simulatedDelay/2)),t.publish("ROUTE_PROGRESS",{url:s,progress:30}),await new Promise(t=>setTimeout(t,e.config.transition.simulatedDelay/2)));const r=new URL(s,document.baseURI).href;if(e.config.hoverPrefetch&&this.htmlCache[r]&&"fetching"!==this.htmlCache[r])n=this.htmlCache[r],e.log(`Used pre-fetched cache for ${s}`);else{const t=await fetch(s,{signal:o});if(!t.ok)throw new Error(`HTTP error! status: ${t.status}`);n=await t.text()}t.publish("ROUTE_PROGRESS",{url:s,progress:50});const a=(new DOMParser).parseFromString(n,"text/html");let l=null;const c=a.querySelectorAll("script");for(const t of c)if(t.textContent.includes("loader(")){const e=t.textContent.match(/loader\s*\(\s*(\{[\s\S]*?\})\s*\)/);if(e&&e[1])try{l=new Function("return "+e[1])()}catch(i){console.error("Failed to parse loader config in new page",i)}}if(!l)return e.log(`No BareMetal config found on ${s}. Falling back to native navigation.`),void window.location.assign(s);const h=await e.prepare(l);document.title=a.title;document.head.querySelectorAll('link[data-baremetal="style"], style[data-baremetal="style"]').forEach(t=>t.remove());a.head.querySelectorAll('link[data-baremetal="style"], style[data-baremetal="style"]').forEach(t=>document.head.appendChild(t.cloneNode(!0)));const d=[];document.querySelectorAll("[data-baremetal-preserve]").forEach(t=>{if(t.id&&a.getElementById(t.id)){const e=document.createElement("div");t.parentNode.replaceChild(e,t),d.push(t)}});const u=document.getElementById("baremetal-transition-root");u&&u.parentNode.removeChild(u);const p=()=>{document.body.innerHTML=a.body.innerHTML,d.forEach(t=>{const e=document.getElementById(t.id);e&&(Array.from(t.attributes).forEach(e=>{"id"!==e.name&&"data-baremetal-preserve"!==e.name&&t.removeAttribute(e.name)}),Array.from(e.attributes).forEach(e=>{"id"!==e.name&&t.setAttribute(e.name,e.value)}),e.parentNode.replaceChild(t,e))}),u&&document.body.appendChild(u),t.publish("DOM_SWAPPED",null)},f=()=>{p(),window.scrollTo(0,this.scrollMemory[s]||0)};e.config.transition&&e.config.transition.useViewTransitions&&document.startViewTransition?document.startViewTransition(()=>{f()}):f(),await e.loadPrepared(h)}catch(i){if("AbortError"===i.name)return void e.log(`Aborted fetch for ${s} due to new navigation.`);if(console.error("Routing error:",i),t.publish("ROUTE_ERROR",{url:s,error:i.message}),e.config.showErrorNotification){if(this.historyStack.length>0){const t=this.historyStack.pop();history.replaceState(null,"",t)}const t=document.createElement("div");t.style.position="fixed",t.style.bottom="20px",t.style.left="20px",t.style.background="#e74c3c",t.style.color="white",t.style.padding="15px 20px",t.style.borderRadius="8px",t.style.boxShadow="0 4px 12px rgba(0,0,0,0.15)",t.style.zIndex="999999",t.style.fontFamily="sans-serif",t.style.transition="opacity 0.3s ease",t.innerHTML=`<strong>Navigation Failed:</strong> ${i.message}`,document.body.appendChild(t),setTimeout(()=>{t.style.opacity="0",setTimeout(()=>t.remove(),300)},4e3)}else{if(this.historyStack.length>0){const t=this.historyStack.pop();history.replaceState(null,"",t)}window.location.assign(s)}}}};class s{constructor(t,e,i,o,s=20){this.container=document.getElementById(t),this.container&&(this.items=e,this.renderRow=i,this.itemHeight=o,this.visibleCount=s,this.totalHeight=this.items.length*this.itemHeight,this.container.style.overflowY="auto",this.container.style.position="relative",this.innerWrapper=document.createElement("div"),this.innerWrapper.style.height=`${this.totalHeight}px`,this.innerWrapper.style.position="relative",this.container.appendChild(this.innerWrapper),this.startIndex=0,this.onScroll=this.onScroll.bind(this),this.container.addEventListener("scroll",this.onScroll),this.render())}onScroll(){const t=this.container.scrollTop,e=Math.max(0,Math.floor(t/this.itemHeight)-2);e!==this.startIndex&&(this.startIndex=e,this.render())}render(){this.innerWrapper.innerHTML="";const t=Math.min(this.items.length-1,this.startIndex+this.visibleCount+4);for(let e=this.startIndex;e<=t;e++){const t=this.renderRow(this.items[e],e);t.style.position="absolute",t.style.top=e*this.itemHeight+"px",t.style.width="100%",this.innerWrapper.appendChild(t)}}destroy(){this.container&&(this.container.removeEventListener("scroll",this.onScroll),this.container.innerHTML="")}}const n=(t,e,i,o,n)=>new s(t,e,i,o,n);var r=Object.freeze({__proto__:null,Virtualizer:s,virtualize:n});const a={state:t,events:t,loader:i,router:o,virtualize:n,init(i={}){void 0!==i.debug&&e.setConfig({debug:i.debug}),void 0!==i.keepAliveSameModules&&e.setConfig({keepAliveSameModules:i.keepAliveSameModules}),void 0!==i.transition&&e.setConfig({transition:i.transition}),void 0!==i.autoWrap&&e.setConfig({autoWrap:i.autoWrap}),void 0!==i.hoverPrefetch&&e.setConfig({hoverPrefetch:i.hoverPrefetch}),void 0!==i.showErrorNotification&&e.setConfig({showErrorNotification:i.showErrorNotification}),void 0!==i.persistState&&(e.setConfig({persistState:i.persistState}),i.persistState&&(window.__baremetal_persist_state=!0,t.initPersistence())),void 0!==i.virtualizeDom&&e.setConfig({virtualizeDom:i.virtualizeDom}),o.init(),e.log("Initialized BareMetal Engine with config:",i)}};export{a as BareMetal,i as loader};