@smartnet360/svelte-components 0.0.119 → 0.0.120

package/dist/apps/antenna-tools/components/MSIConverter.svelte

@@ -0,0 +1,282 @@
+<svelte:options runes={true} />
+
+<script lang="ts">
+  import { parseFolder } from '../utils/msi-parser';
+  import { saveAntennasWithPurge, type ImportResult } from '../utils/db-utils';
+  import { STANDARD_BANDS } from '../band-config';
+  import type { RawAntenna, Antenna } from '../types';
+  
+  interface Props {
+    onDataRefresh?: () => void;
+  }
+  
+  let { onDataRefresh }: Props = $props();
+  
+  let rawAntennas = $state<RawAntenna[]>([]);
+  let isLoading = $state(false);
+  let error = $state('');
+  let message = $state('');
+  let importResult = $state<ImportResult | null>(null);
+  
+  let recursiveScan = $state(true);
+  
+  async function selectFolder() {
+    try {
+      // Check if File System Access API is supported
+      if (!('showDirectoryPicker' in window)) {
+        error = 'Your browser does not support the File System Access API. Please use a Chromium-based browser.';
+        return;
+      }
+      
+      isLoading = true;
+      error = '';
+      message = 'Selecting folder...';
+      importResult = null;
+      
+      // Ask user to select a folder
+      const directoryPicker = window.showDirectoryPicker as () => Promise<FileSystemDirectoryHandle>;
+      const directoryHandle = await directoryPicker();
+      message = recursiveScan ? 
+        'Reading and parsing files recursively (including all subfolders)...' : 
+        'Reading and parsing files (top-level folder only)...';
+      
+      // Parse all MSI/PNT files in the folder, with recursive option
+      rawAntennas = await parseFolder(directoryHandle, recursiveScan);
+      
+      if (rawAntennas.length === 0) {
+        message = 'No MSI or PNT files found in the selected folder.';
+      } else {
+        message = `Successfully parsed ${rawAntennas.length} antenna files${recursiveScan ? ' from all folders' : ''}.`;
+      }
+    } catch (e) {
+      if (e instanceof Error) {
+        if (e.name === 'AbortError') {
+          // User cancelled the folder picker
+          error = '';
+          message = 'Folder selection cancelled.';
+        } else {
+          error = `Error: ${e.message}`;
+        }
+      } else {
+        error = 'An unknown error occurred.';
+      }
+    } finally {
+      isLoading = false;
+    }
+  }
+
+  async function saveToDatabase() {
+    if (rawAntennas.length === 0) {
+      error = 'No antenna data to save.';
+      return;
+    }
+    
+    try {
+      isLoading = true;
+      message = 'Purging frequencies and saving to database...';
+      
+      // Save with automatic purge
+      importResult = await saveAntennasWithPurge(rawAntennas);
+      
+      if (importResult.success) {
+        const stats = importResult.purgeStats;
+        message = `Successfully imported ${stats.totalAfter} antennas (${stats.reductionPercent}% reduction from ${stats.totalBefore} raw files).`;
+        
+        // Notify parent of data refresh
+        onDataRefresh?.();
+      } else {
+        error = importResult.error || 'Failed to save antennas to database';
+      }
+      
+    } catch (e) {
+      error = e instanceof Error ? e.message : 'Failed to save antennas to database';
+    } finally {
+      isLoading = false;
+    }
+  }
+  
+  function downloadJson() {
+    if (rawAntennas.length === 0) {
+      error = 'No antenna data to download.';
+      return;
+    }
+    
+    // Download raw (unpurged) data
+    const jsonData = JSON.stringify(rawAntennas, null, 2);
+    const blob = new Blob([jsonData], { type: 'application/json' });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = `antenna-raw-${new Date().toISOString().split('T')[0]}.json`;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(url);
+    
+    message = 'JSON file downloaded (raw data, not purged).';
+  }
+</script>
+
+<div class="card border-0 shadow-sm">
+  <div class="card-body">
+    <header class="d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3 mb-4">
+      <div>
+        <h1 class="h3 mb-2">Convert MSI / PNT to JSON</h1>
+        <p class="text-muted mb-0">Scan a folder of antenna definitions. Files will be purged to keep only standard bands.</p>
+      </div>
+      <span class="badge text-bg-success">Local processing</span>
+    </header>
+
+    <!-- Standard Bands Info -->
+    <div class="alert alert-info border-0 bg-info-subtle mb-4">
+      <strong><i class="bi bi-info-circle me-2"></i>Standard Bands:</strong>
+      <div class="d-flex flex-wrap gap-2 mt-2">
+        {#each STANDARD_BANDS as band}
+          <span class="badge text-bg-primary">{band.name} MHz ({band.dlMin}-{band.dlMax})</span>
+        {/each}
+      </div>
+      <small class="d-block mt-2 text-muted">Only antennas within these frequency ranges will be kept (closest to center frequency).</small>
+    </div>
+
+    <div class="d-flex flex-column gap-4">
+      <div class="text-center">
+        <button class="btn btn-primary btn-lg px-4" onclick={selectFolder} disabled={isLoading}>
+          {#if isLoading}
+            <span class="spinner-border spinner-border-sm me-2" role="status" aria-hidden="true"></span>
+            Processing…
+          {:else}
+            <i class="bi bi-folder-plus me-2"></i>
+            Choose folder with MSI / PNT files
+          {/if}
+        </button>
+      </div>
+
+      <div class="d-flex justify-content-center">
+        <div class="form-check form-switch">
+          <input class="form-check-input" type="checkbox" bind:checked={recursiveScan} id="recursiveScan" />
+          <label class="form-check-label" for="recursiveScan">
+            <i class="bi bi-arrow-down-circle me-1"></i>
+            Include sub-folders during scan
+          </label>
+        </div>
+      </div>
+
+      {#if rawAntennas.length > 0}
+        <div class="row g-3">
+          <div class="col-md-6">
+            <button class="btn btn-success w-100" onclick={saveToDatabase} disabled={isLoading}>
+              {#if isLoading}
+                <span class="spinner-border spinner-border-sm me-2" role="status" aria-hidden="true"></span>
+                Saving…
+              {:else}
+                <i class="bi bi-database-add me-2"></i>
+                Import to database (with purge)
+              {/if}
+            </button>
+          </div>
+          <div class="col-md-6">
+            <button class="btn btn-outline-secondary w-100" onclick={downloadJson}>
+              <i class="bi bi-download me-2"></i>
+              Download raw JSON
+            </button>
+          </div>
+        </div>
+      {/if}
+
+      {#if message && !error}
+        <div class="alert alert-info border-0 bg-info-subtle text-info-emphasis" role="alert">
+          <i class="bi bi-info-circle me-2"></i>
+          {message}
+        </div>
+      {/if}
+
+      {#if error}
+        <div class="alert alert-danger border-0 bg-danger-subtle text-danger-emphasis" role="alert">
+          <i class="bi bi-exclamation-octagon me-2"></i>
+          {error}
+        </div>
+      {/if}
+
+      <!-- Purge Results -->
+      {#if importResult?.success}
+        <div class="card border-success">
+          <div class="card-header bg-success text-white">
+            <i class="bi bi-check-circle me-2"></i>Import Complete
+          </div>
+          <div class="card-body">
+            <div class="row text-center">
+              <div class="col-4">
+                <div class="h3 text-muted">{importResult.purgeStats.totalBefore}</div>
+                <small class="text-muted">Raw files</small>
+              </div>
+              <div class="col-4">
+                <div class="h3 text-success">{importResult.purgeStats.totalAfter}</div>
+                <small class="text-muted">Kept</small>
+              </div>
+              <div class="col-4">
+                <div class="h3 text-danger">{importResult.purgeStats.removed}</div>
+                <small class="text-muted">Removed</small>
+              </div>
+            </div>
+            
+            <hr>
+            
+            <h6>Antennas per band:</h6>
+            <div class="d-flex flex-wrap gap-2">
+              {#each Object.entries(importResult.purgeStats.perBand) as [band, count]}
+                <span class="badge text-bg-secondary">{band} MHz: {count}</span>
+              {/each}
+            </div>
+          </div>
+        </div>
+      {/if}
+
+      {#if rawAntennas.length > 0 && !importResult}
+        <div class="card border border-light-subtle">
+          <div class="card-body">
+            <div class="d-flex flex-column flex-md-row align-items-md-center justify-content-between gap-3 mb-3">
+              <div class="d-flex align-items-center gap-3">
+                <span class="badge text-bg-warning fs-6">{rawAntennas.length}</span>
+                <h2 class="h5 mb-0">Raw files parsed (before purge)</h2>
+              </div>
+              <button
+                class="btn btn-link text-decoration-none p-0"
+                type="button"
+                data-bs-toggle="collapse"
+                data-bs-target="#parsedAntennaList"
+                aria-expanded="false"
+              >
+                <i class="bi bi-list-ul me-2"></i>
+                View details
+              </button>
+            </div>
+            <div class="collapse" id="parsedAntennaList">
+              <div class="list-group overflow-auto" style="max-height: 320px;">
+                {#each rawAntennas as antenna, index}
+                  <div class="list-group-item border-0 border-bottom">
+                    <div class="d-flex justify-content-between align-items-start">
+                      <div>
+                        <h3 class="h6 mb-1">{antenna.name}</h3>
+                        <div class="d-flex flex-wrap gap-3 text-muted small">
+                          <span><i class="bi bi-broadcast me-1"></i>{antenna.frequency} MHz</span>
+                          <span><i class="bi bi-arrow-clockwise me-1"></i>Tilt {antenna.tilt}°</span>
+                        </div>
+                        {#if antenna.sourcePath}
+                          <div class="text-muted small mt-1">
+                            <i class="bi bi-folder me-1"></i>
+                            {antenna.sourcePath}
+                          </div>
+                        {/if}
+                      </div>
+                      <span class="badge text-bg-light">#{index + 1}</span>
+                    </div>
+                  </div>
+                {/each}
+              </div>
+            </div>
+          </div>
+        </div>
+      {/if}
+    </div>
+  </div>
+</div>

package/dist/apps/antenna-tools/components/MSIConverter.svelte.d.ts

@@ -0,0 +1,6 @@
+interface Props {
+    onDataRefresh?: () => void;
+}
+declare const MsiConverter: import("svelte").Component<Props, {}, "">;
+type MsiConverter = ReturnType<typeof MsiConverter>;
+export default MsiConverter;

package/dist/apps/antenna-tools/components/chart-engines/PolarAreaChart.svelte

@@ -0,0 +1,123 @@
+<svelte:options runes={true} />
+
+<script lang="ts">
+  import { onMount } from 'svelte';
+  import { browser } from '$app/environment';
+  import type { Antenna } from '../../types';
+  import { 
+    createPolarAreaChartData,
+    createPolarAreaLayout,
+    type PolarAreaTraceData
+  } from '../../utils/chart-engines/polar-area-utils';
+
+  interface Props {
+    selectedAntenna?: Antenna | null;
+    selectedAntenna2?: Antenna | null;
+    viewMode?: 'single' | 'compare';
+    patternType?: 'horizontal' | 'vertical';
+    patternDisplayMode?: 'normalized' | 'gain-adjusted';
+    ant1ElectricalTilt?: number;
+    ant1MechanicalTilt?: number;
+    ant2ElectricalTilt?: number;
+    ant2MechanicalTilt?: number;
+    title?: string;
+  }
+
+  let {
+    selectedAntenna = null,
+    selectedAntenna2 = null,
+    viewMode = 'single',
+    patternType = 'vertical',
+    patternDisplayMode = 'normalized',
+    ant1ElectricalTilt = 0,
+    ant1MechanicalTilt = 0,
+    ant2ElectricalTilt = 0,
+    ant2MechanicalTilt = 0,
+    title = 'Antenna Pattern - Polar Area Chart'
+  }: Props = $props();
+
+  let Plotly: any;
+  let chartDiv = $state<HTMLDivElement>();
+  let chartInitialized = $state(false);
+
+  // Initialize Plotly on mount
+  onMount(async () => {
+    if (browser) {
+      try {
+        Plotly = await import('plotly.js-dist-min');
+        await initializeChart();
+      } catch (error) {
+        console.error('Failed to load Plotly:', error);
+      }
+    }
+  });
+
+  // Update chart when data changes
+  $effect(() => {
+    if (chartInitialized) {
+      updateChart();
+    }
+  });
+
+  async function initializeChart() {
+    if (!Plotly || !chartDiv) return;
+
+    const data = createPolarAreaChartData(
+      selectedAntenna,
+      selectedAntenna2,
+      viewMode,
+      patternType === 'horizontal',
+      patternType === 'vertical',
+      ant1ElectricalTilt,
+      ant1MechanicalTilt,
+      ant2ElectricalTilt,
+      ant2MechanicalTilt,
+      patternDisplayMode
+    );
+    
+    const layout = createPolarAreaLayout(title);
+    const config = {
+      responsive: true,
+      displayModeBar: true,
+      displaylogo: false,
+      modeBarButtonsToRemove: [
+        'zoom2d', 'pan2d', 'select2d', 'lasso2d',
+        'zoomIn2d', 'zoomOut2d', 'autoScale2d', 
+        'resetScale2d', 'toggleSpikelines', 'toImage'
+      ]
+    };
+
+    try {
+      await Plotly.newPlot(chartDiv, data, layout, config);
+      chartInitialized = true;
+    } catch (error) {
+      console.error('Failed to create polar area chart:', error);
+    }
+  }
+
+  async function updateChart() {
+    if (!Plotly || !chartDiv || !chartInitialized) return;
+
+    try {
+      const data = createPolarAreaChartData(
+        selectedAntenna,
+        selectedAntenna2,
+        viewMode,
+        patternType === 'horizontal',
+        patternType === 'vertical',
+        ant1ElectricalTilt,
+        ant1MechanicalTilt,
+        ant2ElectricalTilt,
+        ant2MechanicalTilt,
+        patternDisplayMode
+      );
+      
+      const layout = createPolarAreaLayout(title);
+      await Plotly.react(chartDiv, data, layout);
+    } catch (error) {
+      console.error('Failed to update polar area chart:', error);
+    }
+  }
+</script>
+
+<div bind:this={chartDiv} style="height: 700px;"></div>

package/dist/apps/antenna-tools/components/chart-engines/PolarAreaChart.svelte.d.ts

@@ -0,0 +1,16 @@
+import type { Antenna } from '../../types';
+interface Props {
+    selectedAntenna?: Antenna | null;
+    selectedAntenna2?: Antenna | null;
+    viewMode?: 'single' | 'compare';
+    patternType?: 'horizontal' | 'vertical';
+    patternDisplayMode?: 'normalized' | 'gain-adjusted';
+    ant1ElectricalTilt?: number;
+    ant1MechanicalTilt?: number;
+    ant2ElectricalTilt?: number;
+    ant2MechanicalTilt?: number;
+    title?: string;
+}
+declare const PolarAreaChart: import("svelte").Component<Props, {}, "">;
+type PolarAreaChart = ReturnType<typeof PolarAreaChart>;
+export default PolarAreaChart;

package/dist/apps/antenna-tools/components/chart-engines/PolarLineChart.svelte

@@ -0,0 +1,123 @@
+<svelte:options runes={true} />
+
+<script lang="ts">
+  import { onMount } from 'svelte';
+  import { browser } from '$app/environment';
+  import type { Antenna } from '../../types';
+  import { 
+    createPolarLineChartData,
+    createPolarLineLayout,
+    type PolarLineTraceData
+  } from '../../utils/chart-engines/polar-line-utils';
+
+  interface Props {
+    selectedAntenna?: Antenna | null;
+    selectedAntenna2?: Antenna | null;
+    viewMode?: 'single' | 'compare';
+    patternType?: 'horizontal' | 'vertical';
+    patternDisplayMode?: 'normalized' | 'gain-adjusted';
+    ant1ElectricalTilt?: number;
+    ant1MechanicalTilt?: number;
+    ant2ElectricalTilt?: number;
+    ant2MechanicalTilt?: number;
+    title?: string;
+  }
+
+  let {
+    selectedAntenna = null,
+    selectedAntenna2 = null,
+    viewMode = 'single',
+    patternType = 'vertical',
+    patternDisplayMode = 'normalized',
+    ant1ElectricalTilt = 0,
+    ant1MechanicalTilt = 0,
+    ant2ElectricalTilt = 0,
+    ant2MechanicalTilt = 0,
+    title = 'Antenna Pattern - Polar Line Chart'
+  }: Props = $props();
+
+  let Plotly: any;
+  let chartDiv = $state<HTMLDivElement>();
+  let chartInitialized = $state(false);
+
+  // Initialize Plotly on mount
+  onMount(async () => {
+    if (browser) {
+      try {
+        Plotly = await import('plotly.js-dist-min');
+        await initializeChart();
+      } catch (error) {
+        console.error('Failed to load Plotly:', error);
+      }
+    }
+  });
+
+  // Update chart when data changes
+  $effect(() => {
+    if (chartInitialized) {
+      updateChart();
+    }
+  });
+
+  async function initializeChart() {
+    if (!Plotly || !chartDiv) return;
+
+    const data = createPolarLineChartData(
+      selectedAntenna,
+      selectedAntenna2,
+      viewMode,
+      patternType === 'horizontal',
+      patternType === 'vertical',
+      ant1ElectricalTilt,
+      ant1MechanicalTilt,
+      ant2ElectricalTilt,
+      ant2MechanicalTilt,
+      patternDisplayMode
+    );
+    
+    const layout = createPolarLineLayout(title);
+    const config = {
+      responsive: true,
+      displayModeBar: true,
+      displaylogo: false,
+      modeBarButtonsToRemove: [
+        'zoom2d', 'pan2d', 'select2d', 'lasso2d',
+        'zoomIn2d', 'zoomOut2d', 'autoScale2d', 
+        'resetScale2d', 'toggleSpikelines', 'toImage'
+      ]
+    };
+
+    try {
+      await Plotly.newPlot(chartDiv, data, layout, config);
+      chartInitialized = true;
+    } catch (error) {
+      console.error('Failed to create polar line chart:', error);
+    }
+  }
+
+  async function updateChart() {
+    if (!Plotly || !chartDiv || !chartInitialized) return;
+
+    try {
+      const data = createPolarLineChartData(
+        selectedAntenna,
+        selectedAntenna2,
+        viewMode,
+        patternType === 'horizontal',
+        patternType === 'vertical',
+        ant1ElectricalTilt,
+        ant1MechanicalTilt,
+        ant2ElectricalTilt,
+        ant2MechanicalTilt,
+        patternDisplayMode
+      );
+      
+      const layout = createPolarLineLayout(title);
+      await Plotly.react(chartDiv, data, layout);
+    } catch (error) {
+      console.error('Failed to update polar line chart:', error);
+    }
+  }
+</script>
+
+<div bind:this={chartDiv} style="height: 700px;"></div>

package/dist/apps/antenna-tools/components/chart-engines/PolarLineChart.svelte.d.ts

@@ -0,0 +1,16 @@
+import type { Antenna } from '../../types';
+interface Props {
+    selectedAntenna?: Antenna | null;
+    selectedAntenna2?: Antenna | null;
+    viewMode?: 'single' | 'compare';
+    patternType?: 'horizontal' | 'vertical';
+    patternDisplayMode?: 'normalized' | 'gain-adjusted';
+    ant1ElectricalTilt?: number;
+    ant1MechanicalTilt?: number;
+    ant2ElectricalTilt?: number;
+    ant2MechanicalTilt?: number;
+    title?: string;
+}
+declare const PolarLineChart: import("svelte").Component<Props, {}, "">;
+type PolarLineChart = ReturnType<typeof PolarLineChart>;
+export default PolarLineChart;

package/dist/apps/antenna-tools/components/chart-engines/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Antenna Tools - Chart Engine Components Index
+ */
+export { default as PolarLineChart } from './PolarLineChart.svelte';
+export { default as PolarAreaChart } from './PolarAreaChart.svelte';
+export type { PolarLineTraceData } from '../../utils/chart-engines/polar-line-utils';
+export type { PolarAreaTraceData } from '../../utils/chart-engines/polar-area-utils';
+export * from '../../utils/chart-engines/polar-line-utils';
+export * from '../../utils/chart-engines/polar-area-utils';

package/dist/apps/antenna-tools/components/chart-engines/index.js

@@ -0,0 +1,9 @@
+/**
+ * Antenna Tools - Chart Engine Components Index
+ */
+// Chart Components
+export { default as PolarLineChart } from './PolarLineChart.svelte';
+export { default as PolarAreaChart } from './PolarAreaChart.svelte';
+// Chart Utilities
+export * from '../../utils/chart-engines/polar-line-utils';
+export * from '../../utils/chart-engines/polar-area-utils';

package/dist/apps/antenna-tools/components/index.d.ts

@@ -0,0 +1,8 @@
+export { default as AntennaTools } from './AntennaTools.svelte';
+export { default as AntennaControls } from './AntennaControls.svelte';
+export { default as AntennaSettingsModal } from './AntennaSettingsModal.svelte';
+export { default as DatabaseViewer } from './DatabaseViewer.svelte';
+export { default as DbNotification } from './DbNotification.svelte';
+export { default as JsonImporter } from './JsonImporter.svelte';
+export { default as MSIConverter } from './MSIConverter.svelte';
+export { PolarLineChart, PolarAreaChart } from './chart-engines/index';

package/dist/apps/antenna-tools/components/index.js

@@ -0,0 +1,10 @@
+// Component exports for antenna-tools module
+export { default as AntennaTools } from './AntennaTools.svelte';
+export { default as AntennaControls } from './AntennaControls.svelte';
+export { default as AntennaSettingsModal } from './AntennaSettingsModal.svelte';
+export { default as DatabaseViewer } from './DatabaseViewer.svelte';
+export { default as DbNotification } from './DbNotification.svelte';
+export { default as JsonImporter } from './JsonImporter.svelte';
+export { default as MSIConverter } from './MSIConverter.svelte';
+// Chart engine exports
+export { PolarLineChart, PolarAreaChart } from './chart-engines/index';

package/dist/apps/antenna-tools/db.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Antenna Tools - Database
+ * Dexie-based IndexedDB for antenna pattern storage
+ */
+import Dexie, { type Table } from 'dexie';
+import type { Antenna } from './types';
+declare class AntennaToolsDatabase extends Dexie {
+    antennas: Table<Antenna, number>;
+    constructor();
+    /**
+     * Check if database has any antenna data
+     */
+    hasData(): Promise<boolean>;
+    /**
+     * Get total antenna count
+     */
+    getCount(): Promise<number>;
+    /**
+     * Get unique antenna model names
+     */
+    getUniqueAntennaNames(): Promise<string[]>;
+    /**
+     * Get unique frequency bands in database
+     */
+    getUniqueBands(): Promise<number[]>;
+}
+export declare const db: AntennaToolsDatabase;
+export type { Antenna } from './types';

package/dist/apps/antenna-tools/db.js

@@ -0,0 +1,45 @@
+/**
+ * Antenna Tools - Database
+ * Dexie-based IndexedDB for antenna pattern storage
+ */
+import Dexie, {} from 'dexie';
+class AntennaToolsDatabase extends Dexie {
+    antennas;
+    constructor() {
+        super('antennaToolsDB');
+        // Version 1: Initial schema with band-based frequency
+        this.version(1).stores({
+            antennas: '++id, name, frequency, originalFrequency, tilt'
+        });
+    }
+    /**
+     * Check if database has any antenna data
+     */
+    async hasData() {
+        const count = await this.antennas.count();
+        return count > 0;
+    }
+    /**
+     * Get total antenna count
+     */
+    async getCount() {
+        return await this.antennas.count();
+    }
+    /**
+     * Get unique antenna model names
+     */
+    async getUniqueAntennaNames() {
+        const antennas = await this.antennas.toArray();
+        const names = new Set(antennas.map(a => a.name));
+        return Array.from(names).sort();
+    }
+    /**
+     * Get unique frequency bands in database
+     */
+    async getUniqueBands() {
+        const antennas = await this.antennas.toArray();
+        const bands = new Set(antennas.map(a => a.frequency));
+        return Array.from(bands).sort((a, b) => a - b);
+    }
+}
+export const db = new AntennaToolsDatabase();