@smartnet360/svelte-components 0.0.14 → 0.0.16

package/dist/apps/antenna-pattern/components/AntennaControls.svelte

@@ -53,16 +53,32 @@
     }
   });
 
-  // Get available electrical tilts from antennas with the selected name and frequency
+    // Get available electrical tilts from antennas with the selected name and frequency
   let availableElectricalTilts = $state<string[]>(['0']);
   $effect(() => {
+    console.log('🔄 [TILTS] Effect triggered - updating available tilts:', {
+      antenna: internalSelectedAntenna?.name,
+      frequency: selectedFrequency,
+      currentTilts: availableElectricalTilts,
+      timestamp: new Date().toISOString()
+    });
+
+    let newTilts: string[] = ['0'];
+
     if (internalSelectedAntenna) {
       // Find ALL antennas with the same name and frequency to collect all electrical tilts
       let sameName = antennas.filter(a => a.name === internalSelectedAntenna!.name);
+      console.log('🔍 [TILTS] Found antennas with same name:', sameName.length);
       
       // If frequency is selected, filter by it
       if (selectedFrequency) {
+        const beforeFilter = sameName.length;
         sameName = sameName.filter(a => a.frequency === selectedFrequency);
+        console.log('🔍 [TILTS] After frequency filter:', {
+          before: beforeFilter,
+          after: sameName.length,
+          frequency: selectedFrequency
+        });
       }
       
       const allTilts = new Set<string>();
@@ -79,9 +95,20 @@
       });
       
       // Convert to sorted array
-      availableElectricalTilts = Array.from(allTilts).sort((a, b) => parseFloat(a) - parseFloat(b));
+      newTilts = Array.from(allTilts).sort((a, b) => parseFloat(a) - parseFloat(b));
+      
+      console.log('✅ [TILTS] Available tilts calculated:', {
+        from: availableElectricalTilts,
+        to: newTilts,
+        changed: JSON.stringify(availableElectricalTilts) !== JSON.stringify(newTilts)
+      });
     } else {
-      availableElectricalTilts = ['0'];
+      console.log('ℹ️ [TILTS] No antenna selected, using default tilts');
+    }
+
+    // Only update if actually changed to prevent infinite loops
+    if (JSON.stringify(availableElectricalTilts) !== JSON.stringify(newTilts)) {
+      availableElectricalTilts = newTilts;
     }
   });
 
@@ -114,20 +141,146 @@
 
   // Handle frequency selection
   function handleFrequencyChange(frequency: number) {
+    console.log('🔄 [FREQ] handleFrequencyChange called:', {
+      requestedFrequency: frequency,
+      currentSelectedFrequency: selectedFrequency,
+      currentAntenna: internalSelectedAntenna?.name,
+      currentTiltIndex: internalElectricalTiltIndex,
+      availableTilts: availableElectricalTilts,
+      timestamp: new Date().toISOString()
+    });
+
+    const previousFrequency = selectedFrequency;
     selectedFrequency = frequency;
     
-    // Reset tilt when frequency changes
-    internalElectricalTiltIndex = 0;
+    console.log('📝 [FREQ] Frequency state updated:', {
+      from: previousFrequency,
+      to: selectedFrequency,
+      changed: previousFrequency !== selectedFrequency
+    });
     
-    // Find the antenna with the new frequency and default tilt
     if (internalSelectedAntenna) {
-      const antennaWithNewFreq = findAntennaWithTilt(internalSelectedAntenna.name, 0);
+      // STEP 1: Calculate available tilts for the new frequency
+      let sameName = antennas.filter(a => a.name === internalSelectedAntenna!.name && a.frequency === frequency);
+      
+      console.log('🔍 [FREQ] Found antennas with same name and new frequency:', {
+        antennaName: internalSelectedAntenna.name,
+        frequency: frequency,
+        count: sameName.length
+      });
+      
+      const allTilts = new Set<string>();
+      sameName.forEach(antenna => {
+        if (antenna.tilt) {
+          const tiltString = antenna.tilt.toString();
+          if (tiltString.includes(',')) {
+            tiltString.split(',').forEach(t => allTilts.add(t.trim()));
+          } else {
+            allTilts.add(tiltString);
+          }
+        }
+      });
+      
+      const newAvailableTilts = Array.from(allTilts).sort((a, b) => parseFloat(a) - parseFloat(b));
+      
+      console.log('🔧 [FREQ] Calculated tilts for new frequency:', {
+        availableTilts: newAvailableTilts,
+        hasZeroTilt: newAvailableTilts.includes('0')
+      });
+      
+      // STEP 2: Determine the best tilt index to use
+      let bestTiltIndex = 0;
+      let bestTiltValue = '0';
+      
+      if (newAvailableTilts.length > 0) {
+        // Prefer '0' tilt if available, otherwise use first available
+        if (newAvailableTilts.includes('0')) {
+          bestTiltIndex = newAvailableTilts.indexOf('0');
+          bestTiltValue = '0';
+        } else {
+          bestTiltIndex = 0;
+          bestTiltValue = newAvailableTilts[0];
+        }
+      }
+      
+      console.log('🎯 [FREQ] Selected best tilt:', {
+        index: bestTiltIndex,
+        value: bestTiltValue,
+        reason: newAvailableTilts.includes('0') ? 'preferred 0 tilt' : 'first available tilt'
+      });
+      
+      // STEP 3: Find antenna with the new frequency and best tilt
+      const antennaWithNewFreq = antennas.find(antenna => {
+        if (antenna.name !== internalSelectedAntenna!.name) return false;
+        if (antenna.frequency !== frequency) return false;
+        
+        // Check if this antenna has the target tilt
+        if (antenna.tilt) {
+          const antennaTiltString = antenna.tilt.toString();
+          const antennaTilts = antennaTiltString.includes(',') 
+            ? antennaTiltString.split(',').map(t => t.trim())
+            : [antennaTiltString];
+          return antennaTilts.includes(bestTiltValue);
+        }
+        return bestTiltValue === '0';
+      });
+      
+      console.log('🎯 [FREQ] Antenna search result:', {
+        found: !!antennaWithNewFreq,
+        searchCriteria: {
+          name: internalSelectedAntenna.name,
+          frequency: frequency,
+          tiltValue: bestTiltValue
+        },
+        antenna: antennaWithNewFreq ? {
+          name: antennaWithNewFreq.name,
+          frequency: antennaWithNewFreq.frequency,
+          tilt: antennaWithNewFreq.tilt
+        } : null
+      });
+
       if (antennaWithNewFreq) {
+        const previousAntenna = internalSelectedAntenna;
+        const previousTiltIndex = internalElectricalTiltIndex;
+        
         internalSelectedAntenna = antennaWithNewFreq;
+        internalElectricalTiltIndex = bestTiltIndex;
+        
+        console.log('✅ [FREQ] Antenna and tilt updated:', {
+          antenna: {
+            from: {
+              name: previousAntenna.name,
+              frequency: previousAntenna.frequency,
+              tilt: previousAntenna.tilt
+            },
+            to: {
+              name: antennaWithNewFreq.name,
+              frequency: antennaWithNewFreq.frequency,
+              tilt: antennaWithNewFreq.tilt
+            }
+          },
+          tiltIndex: {
+            from: previousTiltIndex,
+            to: bestTiltIndex
+          }
+        });
+
+        console.log('📞 [FREQ] Calling onAntennaChange callback');
         onAntennaChange?.(antennaWithNewFreq);
+        
+        console.log('📞 [FREQ] Calling onElectricalTiltChange callback with index', bestTiltIndex);
+        onElectricalTiltChange?.(bestTiltIndex);
+      } else {
+        console.warn('⚠️ [FREQ] No antenna found for frequency, keeping current antenna');
+        // Reset tilt to 0 as fallback
+        internalElectricalTiltIndex = 0;
+        onElectricalTiltChange?.(0);
       }
+    } else {
+      console.log('ℹ️ [FREQ] No current antenna selected');
+      internalElectricalTiltIndex = 0;
+      onElectricalTiltChange?.(0);
     }
-    onElectricalTiltChange?.(0);
   }
 
   // Handle antenna selection
@@ -345,7 +498,16 @@
             <button 
               type="button" 
               class="btn btn-sm {selectedFrequency === freq ? 'btn-primary' : 'btn-outline-secondary'}"
-              onclick={() => handleFrequencyChange(freq)}
+              onclick={(e) => {
+                console.log('🖱️ [FREQ] Button clicked:', {
+                  frequency: freq,
+                  currentSelectedFrequency: selectedFrequency,
+                  isAlreadySelected: selectedFrequency === freq,
+                  clickEvent: e.type,
+                  timestamp: new Date().toISOString()
+                });
+                handleFrequencyChange(freq);
+              }}
             >
               {freq} MHz
             </button>

package/dist/apps/antenna-pattern/components/AntennaDiagrams.svelte

@@ -39,12 +39,35 @@
 
   // Handle antenna selection from controls
   function handleAntenna1Change(antenna: Antenna | null) {
+    console.log('📥 [PARENT] handleAntenna1Change called:', {
+      antenna: antenna ? {
+        name: antenna.name,
+        frequency: antenna.frequency,
+        tilt: antenna.tilt
+      } : null,
+      previousAntenna: selectedAntenna ? {
+        name: selectedAntenna.name,
+        frequency: selectedAntenna.frequency,
+        tilt: selectedAntenna.tilt
+      } : null,
+      timestamp: new Date().toISOString()
+    });
+
     selectedAntenna = antenna;
     if (antenna) {
       // Update available electrical tilts based on selected antenna
+      const previousTilts = [...availableElectricalTilts];
       availableElectricalTilts = antenna.tilt ? 
         antenna.tilt.split(',').map(t => t.trim()) : 
         ['0', '2', '4', '6', '8'];
+      
+      console.log('🔧 [PARENT] Updated available tilts and reset positions:', {
+        from: previousTilts,
+        to: availableElectricalTilts,
+        electricalTiltReset: ant1ElectricalTilt,
+        mechanicalTiltReset: ant1MechanicalTilt
+      });
+
       ant1ElectricalTilt = 0;
       ant1MechanicalTilt = 0;
     }
@@ -60,10 +83,22 @@
 
   // Handle electrical tilt changes from controls
   function handleTilt1Change(tilt: number) {
+    console.log('📥 [PARENT] handleTilt1Change called:', {
+      tilt,
+      previousTilt: ant1ElectricalTilt,
+      changed: tilt !== ant1ElectricalTilt,
+      timestamp: new Date().toISOString()
+    });
     ant1ElectricalTilt = tilt;
   }
 
   function handleTilt2Change(tilt: number) {
+    console.log('📥 [PARENT] handleTilt2Change called:', {
+      tilt,
+      previousTilt: ant2ElectricalTilt,
+      changed: tilt !== ant2ElectricalTilt,
+      timestamp: new Date().toISOString()
+    });
     ant2ElectricalTilt = tilt;
   }
 

package/dist/apps/antenna-pattern/utils/recent-antennas.js

@@ -1,5 +1,5 @@
 const RECENT_ANTENNAS_KEY = 'recentAntennas';
-const MAX_RECENT_ANTENNAS = 5;
+const MAX_RECENT_ANTENNAS = 10;
 /**
  * Get recently selected antennas from localStorage
  */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@smartnet360/svelte-components",
-	"version": "0.0.14",
+	"version": "0.0.16",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",
@@ -33,7 +33,9 @@
 	},
 	"peerDependencies": {
 		"plotly.js-dist-min": "^3.1.0",
-		"svelte": "^5.0.0"
+		"svelte": "^5.0.0",
+		"bootstrap": "^5.2.3",
+		"dexie": "^4.0.11"
 	},
 	"devDependencies": {
 		"@eslint/compat": "^1.2.5",
@@ -54,17 +56,15 @@
 		"svelte-check": "^4.0.0",
 		"typescript": "^5.0.0",
 		"typescript-eslint": "^8.20.0",
-		"vite": "^7.0.4"
+		"vite": "^7.0.4",
+		"@sveltejs/adapter-static": "^3.0.9",
+		"bootstrap": "^5.2.3",
+		"bootstrap-icons": "^1.13.1",
+		"dexie": "^4.0.11",
+		"plotly.js-dist-min": "^3.1.0"
 	},
 	"keywords": [
 		"svelte"
 	],
-	"dependencies": {
-		"bootstrap": "^5.2.3",
-		"plotly.js-dist-min": "^3.1.0",
-		"@sveltejs/adapter-static": "^3.0.9",
-		"bootstrap-icons": "^1.13.1",
-		"chart.js": "^4.4.9",
-		"dexie": "^4.0.11"
-	}
+	"dependencies": {}
 }