fix lint

Author: Abinet18

examples/web/examples/navigation/index.js

@@ -181,8 +181,9 @@ function testNavigationApiHash() {
 }
 
 function testNavigationApiRoute(route, navigationType) {
-  if ('navigation' in window) {
-    try {
+  try {
+    // Check if Navigation API is available
+    if ('navigation' in window) {
       // Log current navigation.activation.navigationType before navigation
       console.log('🧭 Before Navigation API navigate():', {
         currentNavigationType: window.navigation.activation?.navigationType,
@@ -204,50 +205,60 @@ function testNavigationApiRoute(route, navigationType) {
           },
         });
       }, 50);
+    } else {
+      // Fallback to history API for browsers without Navigation API
+      console.log('🧭 Navigation API not available, using history API fallback');
+      if (navigationType === 'replace') {
+        history.replaceState({}, '', route);
+      } else {
+        history.pushState({}, '', route);
+      }
+    }
 
-      // Update content after navigation
-      setTimeout(() => {
-        const contentElement = document.getElementById('nav-api-content');
-
-        // Create elements safely to avoid XSS
-        const resultDiv = document.createElement('div');
-        resultDiv.className = 'nav-result';
-
-        const title = document.createElement('h4');
-        title.textContent = `✅ ${navigationType} Completed`;
-
-        const targetPara = document.createElement('p');
-        targetPara.innerHTML = '<strong>Target:</strong> <code></code>';
-        targetPara.querySelector('code').textContent = route; // Safe text assignment
-
-        const urlPara = document.createElement('p');
-        urlPara.innerHTML = '<strong>Current URL:</strong> <code></code>';
-        urlPara.querySelector('code').textContent = window.location.href; // Safe text assignment
-
-        const apiPara = document.createElement('p');
-        apiPara.innerHTML = '<strong>Navigation API:</strong> Supported ✓';
-
-        const button = document.createElement('button');
-        button.id = 'navApiHashBtn';
-        button.style.display = 'none';
-        button.textContent = 'Nav API: Hash';
-
-        const consoleNote = document.createElement('p');
-        consoleNote.className = 'console-note';
-        consoleNote.textContent =
-          '📊 Check console for detailed navigation events and instrumentation data!';
-
-        resultDiv.appendChild(title);
-        resultDiv.appendChild(targetPara);
-        resultDiv.appendChild(urlPara);
-        resultDiv.appendChild(apiPara);
-        resultDiv.appendChild(button);
-        resultDiv.appendChild(consoleNote);
-
-        contentElement.innerHTML = ''; // Clear existing content
-        contentElement.appendChild(resultDiv);
-      }, 100);
-    } catch (error) {
+    // Update content after navigation
+    setTimeout(() => {
+      const contentElement = document.getElementById('nav-api-content');
+
+      // Create elements safely to avoid XSS
+      const resultDiv = document.createElement('div');
+      resultDiv.className = 'nav-result';
+
+      const title = document.createElement('h4');
+      title.textContent = `✅ ${navigationType} Completed`;
+
+      const targetPara = document.createElement('p');
+      targetPara.innerHTML = '<strong>Target:</strong> <code></code>';
+      targetPara.querySelector('code').textContent = route; // Safe text assignment
+
+      const urlPara = document.createElement('p');
+      urlPara.innerHTML = '<strong>Current URL:</strong> <code></code>';
+      urlPara.querySelector('code').textContent = window.location.href; // Safe text assignment
+
+      const apiPara = document.createElement('p');
+      apiPara.innerHTML = '<strong>Navigation API:</strong> ' + 
+        ('navigation' in window ? 'Supported ✓' : 'Not Available ❌');
+
+      const button = document.createElement('button');
+      button.id = 'navApiHashBtn';
+      button.style.display = 'none';
+      button.textContent = 'Nav API: Hash';
+
+      const consoleNote = document.createElement('p');
+      consoleNote.className = 'console-note';
+      consoleNote.textContent =
+        '📊 Check console for detailed navigation events and instrumentation data!';
+
+      resultDiv.appendChild(title);
+      resultDiv.appendChild(targetPara);
+      resultDiv.appendChild(urlPara);
+      resultDiv.appendChild(apiPara);
+      resultDiv.appendChild(button);
+      resultDiv.appendChild(consoleNote);
+
+      contentElement.innerHTML = ''; // Clear existing content
+      contentElement.appendChild(resultDiv);
+    }, 100);
+  } catch (error) {
       console.error(`❌ Navigation API error for ${navigationType}:`, error);
       // Fallback to history API
       const fallbackRoute = route.startsWith('#')
@@ -279,40 +290,6 @@ function testNavigationApiRoute(route, navigationType) {
 
       contentElement.innerHTML = '';
       contentElement.appendChild(errorDiv);
-    }
-  } else {
-    // Fallback for browsers without Navigation API
-    const fallbackRoute = route.startsWith('#')
-      ? route
-      : `?fallback=${Date.now()}`;
-    history.pushState({}, '', fallbackRoute);
-
-    // Create fallback content safely
-    const contentElement = document.getElementById('nav-api-content');
-    const fallbackDiv = document.createElement('div');
-    fallbackDiv.className = 'nav-result fallback';
-
-    const title = document.createElement('h4');
-    title.textContent = '📱 Navigation API Not Available';
-
-    const fallbackPara = document.createElement('p');
-    fallbackPara.innerHTML = '<strong>Fallback used:</strong> <code></code>';
-    fallbackPara.querySelector('code').textContent = fallbackRoute;
-
-    const methodPara = document.createElement('p');
-    methodPara.innerHTML = '<strong>Method:</strong> history.pushState()';
-
-    const consoleNote = document.createElement('p');
-    consoleNote.className = 'console-note';
-    consoleNote.textContent = '📊 Check console for instrumentation data!';
-
-    fallbackDiv.appendChild(title);
-    fallbackDiv.appendChild(fallbackPara);
-    fallbackDiv.appendChild(methodPara);
-    fallbackDiv.appendChild(consoleNote);
-
-    contentElement.innerHTML = '';
-    contentElement.appendChild(fallbackDiv);
   }
 }
 

package.json

@@ -96,14 +96,5 @@
   },
   "workspaces": [
     "packages/*"
-  ],
-  "dependencies": {
-    "@rollup/plugin-commonjs": "^29.0.0",
-    "@rollup/plugin-node-resolve": "^16.0.3",
-    "@types/chai": "^5.2.3",
-    "@web/dev-server-esbuild": "^1.0.4",
-    "@web/dev-server-rollup": "^0.6.4",
-    "@web/test-runner": "^0.18.3",
-    "chai": "^6.2.1"
-  }
+  ]
 }