Merge pull request #5 from Lissy93/feat/new-lookps-for-dns

Feat/new lookps for dns

Author: lissy93

.nvmrc

@@ -0,0 +1 @@
+22.20.0

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "networking-toolbox",
 	"private": true,
-	"version": "1.0.1",
+	"version": "1.1.0",
 	"type": "module",
 	"scripts": {
 		"dev": "vite dev",
@@ -16,7 +16,7 @@
 		"build:node": "DEPLOY_ENV='node' npm run build",
 		"build:static": "DEPLOY_ENV='static' npm run build",
 		"test": "vitest",
-		"test:coverage": "vitest --coverage",
+		"test:coverage": "vitest run --coverage",
 		"test:api": "vitest run --config tests/vitest.api.config.ts",
 		"test:e2e": "playwright test"
 	},

src/lib/components/furniture/TopNav.svelte

@@ -1,6 +1,14 @@
 <script lang="ts">
   import { page } from '$app/stores';
-  import { TOP_NAV, SUB_NAV, isActive, type NavItem, type NavGroup, isGroupWithActiveItem, isGroupWithActiveSubDropdown } from '$lib/constants/nav';
+  import {
+    TOP_NAV,
+    SUB_NAV,
+    isActive,
+    type NavItem,
+    type NavGroup,
+    isGroupWithActiveItem,
+    isGroupWithActiveSubDropdown,
+  } from '$lib/constants/nav';
   import Icon from '$lib/components/global/Icon.svelte';
   import { navbarDisplay } from '$lib/stores/navbarDisplay';
   import { bookmarks } from '$lib/stores/bookmarks';
@@ -301,7 +309,7 @@
       flex-shrink: 0;
     }
 
-    &:hover, 
+    &:hover,
     &.dropdown-open {
       color: var(--text-primary);
       background: var(--surface-hover);
@@ -439,27 +447,27 @@
       padding-top: var(--spacing-xs);
       border-top: 1px solid var(--border-secondary);
     }
-  
+
     &:has(+ .dropdown-link) {
       margin-bottom: var(--spacing-xs);
       padding-bottom: var(--spacing-xs);
       border-bottom: 1px solid var(--border-secondary);
     }
-    
-    &.has-secondary, 
-    &.active {     
+
+    &.has-secondary,
+    &.active {
       .group-title {
         padding: var(--spacing-sm) var(--spacing-md);
         border-radius: var(--radius-md);
       }
     }
-    
+
     &.has-secondary {
       cursor: pointer;
-      
+
       .group-title {
         transition: background-color 0.15s ease;
-        
+
         &:hover {
           background: var(--surface-hover);
         }
@@ -478,7 +486,7 @@
         color: var(--color-primary);
         background: color-mix(in srgb, var(--color-primary), transparent 95%);
       }
-    }    
+    }
   }
 
   .group-title {

src/lib/components/global/ToolCard.svelte

@@ -67,18 +67,18 @@
           on:click={toggleBookmark}
           aria-label={isBookmarked ? 'Remove bookmark' : 'Add bookmark'}
         >
-        <div class="bookmark-icon">
-          {#if isBookmarked}
-            {#if isHovered}
-              <Icon name="bookmark-remove" size="sm" />
+          <div class="bookmark-icon">
+            {#if isBookmarked}
+              {#if isHovered}
+                <Icon name="bookmark-remove" size="sm" />
+              {:else}
+                <Icon name="bookmarks" size="sm" />
+              {/if}
             {:else}
-              <Icon name="bookmarks" size="sm" />
+              <Icon name="bookmark-add" size="md" />
             {/if}
-          {:else}
-            <Icon name="bookmark-add" size="md" />
-          {/if}
-          <!-- <Icon name={isBookmarked ? 'bookmark-remove' : 'bookmark-add'} size="sm" /> -->
-        </div>
+            <!-- <Icon name={isBookmarked ? 'bookmark-remove' : 'bookmark-add'} size="sm" /> -->
+          </div>
         </button>
       {/if}
     </div>
@@ -214,7 +214,7 @@
         width: fit-content;
         height: fit-content;
       }
-      
+
       &.bookmarked {
         color: var(--text-secondary);
         opacity: 1;

src/lib/components/tools/IPv6SolicitedNode.svelte

@@ -267,7 +267,7 @@
         for="ipv6-input"
         use:tooltip={'Enter a valid IPv6 unicast address (not multicast) to calculate its solicited-node multicast address'}
       >
-        <Icon name="globe-2" size="sm" />
+        <Icon name="globe" size="sm" />
         IPv6 Unicast Address
       </label>
       <input
@@ -298,7 +298,7 @@
         <div class="result-main">
           <div class="result-item">
             <div class="result-label">
-              <Icon name="globe-2" size="sm" />
+              <Icon name="globe" size="sm" />
               Unicast Address
             </div>
             <div class="result-content">

src/lib/components/tools/PTRSweepPlanner.svelte

@@ -176,7 +176,7 @@
         </div>
       </div>
       <div class="overview-item">
-        <Icon name="list-checks" size="sm" />
+        <Icon name="list-check" size="sm" />
         <div>
           <strong>Gap Analysis:</strong> Identify missing PTRs, extra PTRs, and generate remediation plans.
         </div>
@@ -447,7 +447,7 @@
               {#if namingPattern.trim() && results.analysis.patternMatches < results.analysis.totalAddresses - results.analysis.missingPTRs.length}
                 <div class="action-item">
                   <div class="action-header">
-                    <Icon name="edit-3" size="sm" />
+                    <Icon name="edit" size="sm" />
                     <span>Fix Naming Pattern Violations</span>
                   </div>
                   <div class="action-description">