zero-query 1.1.1 → 1.2.0

package/cli/commands/dev/devtools/js/router.js

@@ -1,105 +1,105 @@
-// ===================================================================
-// Router panel
-// ===================================================================
-function renderRouter() {
-  var content = document.getElementById('router-content');
-  if (!content) return;
-  var html = '';
-
-  // Current route card
-  var router = null;
-  try { router = targetWin && targetWin.$ && targetWin.$.getRouter(); } catch(e) {}
-
-  html += '<div class="router-card">';
-  html += '<div class="router-title">Current Route</div>';
-  if (router && router.current) {
-    var cur = router.current;
-    html += '<div class="router-row"><span class="router-key">Path</span><span class="router-val">' + esc(cur.path || '/') + '</span></div>';
-    if (cur.route && cur.route.component) {
-      html += '<div class="router-row"><span class="router-key">Component</span><span class="router-val" style="color:var(--purple)">' + esc(cur.route.component) + '</span></div>';
-    }
-    if (cur.params && Object.keys(cur.params).length) {
-      html += '<div class="router-row"><span class="router-key">Params</span><span class="router-val">' + esc(JSON.stringify(cur.params)) + '</span></div>';
-    }
-    if (cur.query && Object.keys(cur.query).length) {
-      html += '<div class="router-row"><span class="router-key">Query</span><span class="router-val">' + esc(JSON.stringify(cur.query)) + '</span></div>';
-    }
-    html += '<div class="router-row"><span class="router-key">Mode</span><span class="router-val">' + esc(router._mode || 'history') + '</span></div>';
-    if (router._base) {
-      html += '<div class="router-row"><span class="router-key">Base</span><span class="router-val">' + esc(router._base) + '</span></div>';
-    }
-  } else {
-    html += '<div class="router-row" style="color:var(--text2)">No router detected</div>';
-  }
-  html += '</div>';
-
-  // Guards & listeners
-  if (router) {
-    html += '<div class="router-card">';
-    html += '<div class="router-title">Guards & Listeners</div>';
-    var beforeCt = router._guards ? router._guards.before.length : 0;
-    var afterCt = router._guards ? router._guards.after.length : 0;
-    var substateCt = router._substateListeners ? router._substateListeners.length : 0;
-    var onChangeCt = router._listeners ? router._listeners.size : 0;
-    html += '<div class="router-row"><span class="router-key">beforeEach</span><span class="router-val">' + beforeCt + ' guard' + (beforeCt !== 1 ? 's' : '') + '</span></div>';
-    html += '<div class="router-row"><span class="router-key">afterEach</span><span class="router-val">' + afterCt + ' guard' + (afterCt !== 1 ? 's' : '') + '</span></div>';
-    html += '<div class="router-row"><span class="router-key">onSubstate</span><span class="router-val">' + substateCt + ' listener' + (substateCt !== 1 ? 's' : '') + '</span></div>';
-    html += '<div class="router-row"><span class="router-key">onChange</span><span class="router-val">' + onChangeCt + ' watcher' + (onChangeCt !== 1 ? 's' : '') + '</span></div>';
-    // Active substates in the history stack (computed from timeline)
-    var activeSubs = 0;
-    for (var si = 0; si < routerEvents.length; si++) {
-      var act = routerEvents[si].action;
-      if (act === 'substate') activeSubs++;
-      else if (act === 'pop-substate') activeSubs = Math.max(0, activeSubs - 1);
-      else if (act === 'navigate' || act === 'pop') activeSubs = 0;
-    }
-    html += '<div class="router-row"><span class="router-key">Substates</span><span class="router-val" style="color:' + (activeSubs > 0 ? 'var(--purple)' : 'var(--text2)') + '">' + activeSubs + ' in stack</span></div>';
-    html += '</div>';
-
-    // Registered routes
-    html += '<div class="router-card">';
-    html += '<div class="router-title">Registered Routes <span style="color:var(--text2);font-weight:400">(' + router._routes.length + ')</span></div>';
-    for (var ri = 0; ri < router._routes.length; ri++) {
-      var r = router._routes[ri];
-      html += '<div class="router-row">';
-      html += '<span class="router-val" style="color:var(--accent)">' + esc(r.path) + '</span>';
-      if (r.component) html += '<span style="color:var(--purple);margin-left:8px">' + esc(r.component) + '</span>';
-      if (r.load) html += '<span style="color:var(--yellow);margin-left:4px;font-size:9px">[lazy]</span>';
-      html += '</div>';
-    }
-    html += '</div>';
-  }
-
-  // History timeline
-  html += '<div class="router-card">';
-  html += '<div class="router-title">History Timeline <span style="color:var(--text2);font-weight:400">(' + routerEvents.length + ')</span></div>';
-  if (routerEvents.length === 0) {
-    html += '<div style="color:var(--text2);padding:8px 0;font-size:11px">No navigation events recorded yet</div>';
-  } else {
-    html += '<div class="router-timeline">';
-    for (var i = routerEvents.length - 1; i >= Math.max(0, routerEvents.length - 50); i--) {
-      var ev = routerEvents[i];
-      var badgeClass = 'nav';
-      if (ev.action === 'replace') badgeClass = 'replace';
-      else if (ev.action === 'substate' || ev.action === 'pop-substate') badgeClass = 'substate';
-      else if (ev.action === 'pop') badgeClass = 'pop';
-      else if (ev.action === 'hashchange') badgeClass = 'hash';
-      html += '<div class="router-event">';
-      html += '<span class="router-badge ' + badgeClass + '">' + esc(ev.action.toUpperCase()) + '</span>';
-      html += '<div style="flex:1;min-width:0">';
-      html += '<div class="router-url">' + esc(ev.url || '') + '</div>';
-      if (ev.key) {
-        html += '<div class="router-detail">key: <span style="color:var(--purple)">' + esc(ev.key) + '</span>';
-        if (ev.data != null) html += ' &middot; data: <span style="color:var(--green)">' + esc(JSON.stringify(ev.data)) + '</span>';
-        html += '</div>';
-      }
-      html += '</div>';
-      html += '<span class="timestamp">' + formatTime(ev.timestamp) + '</span>';
-      html += '</div>';
-    }
-    html += '</div>';
-  }
-  html += '</div>';
-
-  content.innerHTML = html;
-}
+// ===================================================================
+// Router panel
+// ===================================================================
+function renderRouter() {
+  var content = document.getElementById('router-content');
+  if (!content) return;
+  var html = '';
+
+  // Current route card
+  var router = null;
+  try { router = targetWin && targetWin.$ && targetWin.$.getRouter(); } catch(e) {}
+
+  html += '<div class="router-card">';
+  html += '<div class="router-title">Current Route</div>';
+  if (router && router.current) {
+    var cur = router.current;
+    html += '<div class="router-row"><span class="router-key">Path</span><span class="router-val">' + esc(cur.path || '/') + '</span></div>';
+    if (cur.route && cur.route.component) {
+      html += '<div class="router-row"><span class="router-key">Component</span><span class="router-val" style="color:var(--purple)">' + esc(cur.route.component) + '</span></div>';
+    }
+    if (cur.params && Object.keys(cur.params).length) {
+      html += '<div class="router-row"><span class="router-key">Params</span><span class="router-val">' + esc(JSON.stringify(cur.params)) + '</span></div>';
+    }
+    if (cur.query && Object.keys(cur.query).length) {
+      html += '<div class="router-row"><span class="router-key">Query</span><span class="router-val">' + esc(JSON.stringify(cur.query)) + '</span></div>';
+    }
+    html += '<div class="router-row"><span class="router-key">Mode</span><span class="router-val">' + esc(router._mode || 'history') + '</span></div>';
+    if (router._base) {
+      html += '<div class="router-row"><span class="router-key">Base</span><span class="router-val">' + esc(router._base) + '</span></div>';
+    }
+  } else {
+    html += '<div class="router-row" style="color:var(--text2)">No router detected</div>';
+  }
+  html += '</div>';
+
+  // Guards & listeners
+  if (router) {
+    html += '<div class="router-card">';
+    html += '<div class="router-title">Guards & Listeners</div>';
+    var beforeCt = router._guards ? router._guards.before.length : 0;
+    var afterCt = router._guards ? router._guards.after.length : 0;
+    var substateCt = router._substateListeners ? router._substateListeners.length : 0;
+    var onChangeCt = router._listeners ? router._listeners.size : 0;
+    html += '<div class="router-row"><span class="router-key">beforeEach</span><span class="router-val">' + beforeCt + ' guard' + (beforeCt !== 1 ? 's' : '') + '</span></div>';
+    html += '<div class="router-row"><span class="router-key">afterEach</span><span class="router-val">' + afterCt + ' guard' + (afterCt !== 1 ? 's' : '') + '</span></div>';
+    html += '<div class="router-row"><span class="router-key">onSubstate</span><span class="router-val">' + substateCt + ' listener' + (substateCt !== 1 ? 's' : '') + '</span></div>';
+    html += '<div class="router-row"><span class="router-key">onChange</span><span class="router-val">' + onChangeCt + ' watcher' + (onChangeCt !== 1 ? 's' : '') + '</span></div>';
+    // Active substates in the history stack (computed from timeline)
+    var activeSubs = 0;
+    for (var si = 0; si < routerEvents.length; si++) {
+      var act = routerEvents[si].action;
+      if (act === 'substate') activeSubs++;
+      else if (act === 'pop-substate') activeSubs = Math.max(0, activeSubs - 1);
+      else if (act === 'navigate' || act === 'pop') activeSubs = 0;
+    }
+    html += '<div class="router-row"><span class="router-key">Substates</span><span class="router-val" style="color:' + (activeSubs > 0 ? 'var(--purple)' : 'var(--text2)') + '">' + activeSubs + ' in stack</span></div>';
+    html += '</div>';
+
+    // Registered routes
+    html += '<div class="router-card">';
+    html += '<div class="router-title">Registered Routes <span style="color:var(--text2);font-weight:400">(' + router._routes.length + ')</span></div>';
+    for (var ri = 0; ri < router._routes.length; ri++) {
+      var r = router._routes[ri];
+      html += '<div class="router-row">';
+      html += '<span class="router-val" style="color:var(--accent)">' + esc(r.path) + '</span>';
+      if (r.component) html += '<span style="color:var(--purple);margin-left:8px">' + esc(r.component) + '</span>';
+      if (r.load) html += '<span style="color:var(--yellow);margin-left:4px;font-size:9px">[lazy]</span>';
+      html += '</div>';
+    }
+    html += '</div>';
+  }
+
+  // History timeline
+  html += '<div class="router-card">';
+  html += '<div class="router-title">History Timeline <span style="color:var(--text2);font-weight:400">(' + routerEvents.length + ')</span></div>';
+  if (routerEvents.length === 0) {
+    html += '<div style="color:var(--text2);padding:8px 0;font-size:11px">No navigation events recorded yet</div>';
+  } else {
+    html += '<div class="router-timeline">';
+    for (var i = routerEvents.length - 1; i >= Math.max(0, routerEvents.length - 50); i--) {
+      var ev = routerEvents[i];
+      var badgeClass = 'nav';
+      if (ev.action === 'replace') badgeClass = 'replace';
+      else if (ev.action === 'substate' || ev.action === 'pop-substate') badgeClass = 'substate';
+      else if (ev.action === 'pop') badgeClass = 'pop';
+      else if (ev.action === 'hashchange') badgeClass = 'hash';
+      html += '<div class="router-event">';
+      html += '<span class="router-badge ' + badgeClass + '">' + esc(ev.action.toUpperCase()) + '</span>';
+      html += '<div style="flex:1;min-width:0">';
+      html += '<div class="router-url">' + esc(ev.url || '') + '</div>';
+      if (ev.key) {
+        html += '<div class="router-detail">key: <span style="color:var(--purple)">' + esc(ev.key) + '</span>';
+        if (ev.data != null) html += ' &middot; data: <span style="color:var(--green)">' + esc(JSON.stringify(ev.data)) + '</span>';
+        html += '</div>';
+      }
+      html += '</div>';
+      html += '<span class="timestamp">' + formatTime(ev.timestamp) + '</span>';
+      html += '</div>';
+    }
+    html += '</div>';
+  }
+  html += '</div>';
+
+  content.innerHTML = html;
+}

package/cli/commands/dev/devtools/js/source.js

@@ -1,132 +1,132 @@
-// ===================================================================
-// Source Viewer Overlay
-// ===================================================================
-var sourceOverlay = document.getElementById('source-overlay');
-var sourceTitle = document.getElementById('source-title');
-var sourceContent = document.getElementById('source-content');
-document.getElementById('source-close').addEventListener('click', function() {
-  sourceOverlay.classList.remove('open');
-});
-sourceOverlay.addEventListener('click', function(e) {
-  if (e.target === sourceOverlay) sourceOverlay.classList.remove('open');
-});
-document.addEventListener('keydown', function(e) {
-  if (e.key === 'Escape' && sourceOverlay.classList.contains('open')) {
-    sourceOverlay.classList.remove('open');
-  }
-});
-
-function openSourceViewer(label, text, isCSS) {
-  sourceTitle.innerHTML = label || 'Source';
-  var body = sourceOverlay.querySelector('.source-body');
-  if (isCSS) {
-    body.innerHTML = buildCSSTree(text || '');
-  } else {
-    body.innerHTML = '<pre id="source-content"></pre>';
-    body.querySelector('pre').textContent = text || '';
-  }
-  sourceOverlay.classList.add('open');
-}
-
-// Delegated click for CSS tree toggle (always wired, doesn't stack)
-sourceOverlay.querySelector('.source-body').addEventListener('click', function(e) {
-  var sel = e.target.closest('.css-sel');
-  if (!sel) return;
-  var arrow = sel.querySelector('.css-arrow');
-  var props = sel.nextElementSibling;
-  if (props && props.classList.contains('css-props')) {
-    props.classList.toggle('open');
-    if (arrow) arrow.classList.toggle('open');
-  }
-});
-
-function buildCSSTree(css) {
-  var html = '<div class="css-tree">';
-  // Simple CSS parser: split into rules, comments, and at-rules
-  var i = 0, len = css.length;
-  while (i < len) {
-    // Skip whitespace
-    while (i < len && /\s/.test(css[i])) i++;
-    if (i >= len) break;
-    // Comment
-    if (css[i] === '/' && css[i+1] === '*') {
-      var end = css.indexOf('*/', i + 2);
-      if (end === -1) end = len;
-      else end += 2;
-      html += '<div class="css-comment">' + esc(css.slice(i, end)) + '</div>';
-      i = end;
-      continue;
-    }
-    // Find selector (everything up to {)
-    var bracePos = css.indexOf('{', i);
-    if (bracePos === -1) {
-      // Remaining text (malformed)
-      html += '<div class="css-comment">' + esc(css.slice(i).trim()) + '</div>';
-      break;
-    }
-    var selector = css.slice(i, bracePos).trim();
-    i = bracePos + 1;
-    // Find matching closing brace (handle nesting for @media etc, skip comments and strings)
-    var depth = 1, bodyStart = i;
-    while (i < len && depth > 0) {
-      // Skip comments
-      if (css[i] === '/' && css[i+1] === '*') {
-        i += 2;
-        while (i < len && !(css[i] === '*' && css[i+1] === '/')) i++;
-        i += 2;
-        continue;
-      }
-      // Skip quoted strings
-      if (css[i] === '"' || css[i] === "'") {
-        var q = css[i]; i++;
-        while (i < len && css[i] !== q) { if (css[i] === '\\') i++; i++; }
-        i++;
-        continue;
-      }
-      if (css[i] === '{') depth++;
-      else if (css[i] === '}') depth--;
-      if (depth > 0) i++;
-    }
-    var body = css.slice(bodyStart, i).trim();
-    i++; // skip }
-    // Check if body contains nested rules (e.g. @media)
-    if (body.indexOf('{') !== -1) {
-      html += '<div class="css-rule">';
-      html += '<div class="css-sel"><span class="css-arrow">&#9654;</span><span>' + esc(selector) + '</span><span class="css-brace">{</span></div>';
-      html += '<div class="css-props">' + buildCSSTree(body) + '</div>';
-      html += '</div>';
-    } else {
-      // Parse properties
-      html += '<div class="css-rule">';
-      html += '<div class="css-sel"><span class="css-arrow">&#9654;</span><span>' + esc(selector) + '</span><span class="css-brace">{</span></div>';
-      html += '<div class="css-props">';
-      var declarations = body.split(';');
-      for (var d = 0; d < declarations.length; d++) {
-        var decl = declarations[d].trim();
-        if (!decl) continue;
-        var colonIdx = decl.indexOf(':');
-        if (colonIdx !== -1) {
-          var prop = decl.slice(0, colonIdx).trim();
-          var val = decl.slice(colonIdx + 1).trim();
-          html += '<div class="css-prop"><span class="css-prop-name">' + esc(prop) + '</span>: <span class="css-prop-val">' + esc(val) + '</span>;</div>';
-        } else {
-          html += '<div class="css-prop">' + esc(decl) + '</div>';
-        }
-      }
-      html += '</div></div>';
-    }
-  }
-  html += '</div>';
-  return html;
-}
-
-// Delegated peek handler on the DOM tree
-document.getElementById('dom-tree').addEventListener('click', function(e) {
-  var peek = e.target.closest('.tree-peek');
-  if (!peek) return;
-  e.stopPropagation();
-  var row = peek.closest('.tree-row');
-  if (row && row.__sourceText) {
-    openSourceViewer(row.__sourceLabel || 'Source', row.__sourceText, row.__sourceIsCSS);
-  }
-});
+// ===================================================================
+// Source Viewer Overlay
+// ===================================================================
+var sourceOverlay = document.getElementById('source-overlay');
+var sourceTitle = document.getElementById('source-title');
+var sourceContent = document.getElementById('source-content');
+document.getElementById('source-close').addEventListener('click', function() {
+  sourceOverlay.classList.remove('open');
+});
+sourceOverlay.addEventListener('click', function(e) {
+  if (e.target === sourceOverlay) sourceOverlay.classList.remove('open');
+});
+document.addEventListener('keydown', function(e) {
+  if (e.key === 'Escape' && sourceOverlay.classList.contains('open')) {
+    sourceOverlay.classList.remove('open');
+  }
+});
+
+function openSourceViewer(label, text, isCSS) {
+  sourceTitle.innerHTML = label || 'Source';
+  var body = sourceOverlay.querySelector('.source-body');
+  if (isCSS) {
+    body.innerHTML = buildCSSTree(text || '');
+  } else {
+    body.innerHTML = '<pre id="source-content"></pre>';
+    body.querySelector('pre').textContent = text || '';
+  }
+  sourceOverlay.classList.add('open');
+}
+
+// Delegated click for CSS tree toggle (always wired, doesn't stack)
+sourceOverlay.querySelector('.source-body').addEventListener('click', function(e) {
+  var sel = e.target.closest('.css-sel');
+  if (!sel) return;
+  var arrow = sel.querySelector('.css-arrow');
+  var props = sel.nextElementSibling;
+  if (props && props.classList.contains('css-props')) {
+    props.classList.toggle('open');
+    if (arrow) arrow.classList.toggle('open');
+  }
+});
+
+function buildCSSTree(css) {
+  var html = '<div class="css-tree">';
+  // Simple CSS parser: split into rules, comments, and at-rules
+  var i = 0, len = css.length;
+  while (i < len) {
+    // Skip whitespace
+    while (i < len && /\s/.test(css[i])) i++;
+    if (i >= len) break;
+    // Comment
+    if (css[i] === '/' && css[i+1] === '*') {
+      var end = css.indexOf('*/', i + 2);
+      if (end === -1) end = len;
+      else end += 2;
+      html += '<div class="css-comment">' + esc(css.slice(i, end)) + '</div>';
+      i = end;
+      continue;
+    }
+    // Find selector (everything up to {)
+    var bracePos = css.indexOf('{', i);
+    if (bracePos === -1) {
+      // Remaining text (malformed)
+      html += '<div class="css-comment">' + esc(css.slice(i).trim()) + '</div>';
+      break;
+    }
+    var selector = css.slice(i, bracePos).trim();
+    i = bracePos + 1;
+    // Find matching closing brace (handle nesting for @media etc, skip comments and strings)
+    var depth = 1, bodyStart = i;
+    while (i < len && depth > 0) {
+      // Skip comments
+      if (css[i] === '/' && css[i+1] === '*') {
+        i += 2;
+        while (i < len && !(css[i] === '*' && css[i+1] === '/')) i++;
+        i += 2;
+        continue;
+      }
+      // Skip quoted strings
+      if (css[i] === '"' || css[i] === "'") {
+        var q = css[i]; i++;
+        while (i < len && css[i] !== q) { if (css[i] === '\\') i++; i++; }
+        i++;
+        continue;
+      }
+      if (css[i] === '{') depth++;
+      else if (css[i] === '}') depth--;
+      if (depth > 0) i++;
+    }
+    var body = css.slice(bodyStart, i).trim();
+    i++; // skip }
+    // Check if body contains nested rules (e.g. @media)
+    if (body.indexOf('{') !== -1) {
+      html += '<div class="css-rule">';
+      html += '<div class="css-sel"><span class="css-arrow">&#9654;</span><span>' + esc(selector) + '</span><span class="css-brace">{</span></div>';
+      html += '<div class="css-props">' + buildCSSTree(body) + '</div>';
+      html += '</div>';
+    } else {
+      // Parse properties
+      html += '<div class="css-rule">';
+      html += '<div class="css-sel"><span class="css-arrow">&#9654;</span><span>' + esc(selector) + '</span><span class="css-brace">{</span></div>';
+      html += '<div class="css-props">';
+      var declarations = body.split(';');
+      for (var d = 0; d < declarations.length; d++) {
+        var decl = declarations[d].trim();
+        if (!decl) continue;
+        var colonIdx = decl.indexOf(':');
+        if (colonIdx !== -1) {
+          var prop = decl.slice(0, colonIdx).trim();
+          var val = decl.slice(colonIdx + 1).trim();
+          html += '<div class="css-prop"><span class="css-prop-name">' + esc(prop) + '</span>: <span class="css-prop-val">' + esc(val) + '</span>;</div>';
+        } else {
+          html += '<div class="css-prop">' + esc(decl) + '</div>';
+        }
+      }
+      html += '</div></div>';
+    }
+  }
+  html += '</div>';
+  return html;
+}
+
+// Delegated peek handler on the DOM tree
+document.getElementById('dom-tree').addEventListener('click', function(e) {
+  var peek = e.target.closest('.tree-peek');
+  if (!peek) return;
+  e.stopPropagation();
+  var row = peek.closest('.tree-row');
+  if (row && row.__sourceText) {
+    openSourceViewer(row.__sourceLabel || 'Source', row.__sourceText, row.__sourceIsCSS);
+  }
+});

package/cli/commands/dev/devtools/js/stats.js

@@ -1,35 +1,35 @@
-// ===================================================================
-// Stats bar
-// ===================================================================
-function updateStats() {
-  try {
-    var elCount = targetDoc ? targetDoc.querySelectorAll('*').length : 0;
-    document.getElementById('el-count').textContent = elCount + ' elements';
-  } catch(e) {}
-  document.getElementById('morph-count').textContent = morphCount + ' renders';
-  document.getElementById('req-count').textContent = requests.length + ' requests';
-
-  // Route stat - show current path
-  try {
-    var router = targetWin && targetWin.$ && targetWin.$.getRouter();
-    var routeStat = document.getElementById('route-stat');
-    if (routeStat && router && router.current) {
-      routeStat.textContent = router.current.path || '/';
-    }
-  } catch(e) {}
-
-  var status = document.getElementById('status');
-  var statusText = document.getElementById('status-text');
-  if (isConnected()) {
-    status.className = 'topbar-status';
-    statusText.textContent = 'Connected';
-  } else {
-    status.className = 'topbar-status err';
-    statusText.textContent = 'Disconnected';
-  }
-}
-
-// ===================================================================
-// Boot
-// ===================================================================
-init();
+// ===================================================================
+// Stats bar
+// ===================================================================
+function updateStats() {
+  try {
+    var elCount = targetDoc ? targetDoc.querySelectorAll('*').length : 0;
+    document.getElementById('el-count').textContent = elCount + ' elements';
+  } catch(e) {}
+  document.getElementById('morph-count').textContent = morphCount + ' renders';
+  document.getElementById('req-count').textContent = requests.length + ' requests';
+
+  // Route stat - show current path
+  try {
+    var router = targetWin && targetWin.$ && targetWin.$.getRouter();
+    var routeStat = document.getElementById('route-stat');
+    if (routeStat && router && router.current) {
+      routeStat.textContent = router.current.path || '/';
+    }
+  } catch(e) {}
+
+  var status = document.getElementById('status');
+  var statusText = document.getElementById('status-text');
+  if (isConnected()) {
+    status.className = 'topbar-status';
+    statusText.textContent = 'Connected';
+  } else {
+    status.className = 'topbar-status err';
+    statusText.textContent = 'Disconnected';
+  }
+}
+
+// ===================================================================
+// Boot
+// ===================================================================
+init();