@flight-framework/devtools 1.0.0 → 1.0.1

package/dist/hydration-panel.js

@@ -0,0 +1,329 @@
+/**
+ * @flight-framework/devtools - Hydration Panel
+ *
+ * Visualizes island hydration timing and status.
+ * Shows which islands have hydrated, their triggers, and timing.
+ */
+// ============================================================================
+// State Management
+// ============================================================================
+const islands = new Map();
+const subscribers = new Set();
+function notify() {
+    const islandsList = Array.from(islands.values());
+    const metrics = calculateMetrics(islandsList);
+    for (const callback of subscribers) {
+        callback(islandsList, metrics);
+    }
+}
+function calculateMetrics(islandsList) {
+    const hydrated = islandsList.filter(i => i.status === 'hydrated');
+    const totalTime = hydrated.reduce((sum, i) => sum + (i.duration || 0), 0);
+    const sorted = [...hydrated].sort((a, b) => (b.duration || 0) - (a.duration || 0));
+    const byCompletedTime = hydrated
+        .filter(i => i.completedAt)
+        .sort((a, b) => (a.completedAt || 0) - (b.completedAt || 0));
+    return {
+        totalIslands: islandsList.length,
+        hydratedCount: hydrated.length,
+        pendingCount: islandsList.filter(i => i.status === 'pending' || i.status === 'hydrating').length,
+        errorCount: islandsList.filter(i => i.status === 'error').length,
+        totalHydrationTime: totalTime,
+        averageHydrationTime: hydrated.length > 0 ? totalTime / hydrated.length : 0,
+        longestHydration: sorted[0],
+        firstHydrationTime: byCompletedTime[0]?.completedAt,
+        lastHydrationTime: byCompletedTime[byCompletedTime.length - 1]?.completedAt,
+    };
+}
+// ============================================================================
+// Public API
+// ============================================================================
+/**
+ * Register an island for tracking
+ */
+export function registerIsland(info) {
+    const island = {
+        ...info,
+        status: 'pending',
+        scheduledAt: performance.now(),
+    };
+    islands.set(info.id, island);
+    notify();
+}
+/**
+ * Mark island as started hydrating
+ */
+export function startHydration(id) {
+    const island = islands.get(id);
+    if (!island)
+        return;
+    island.status = 'hydrating';
+    island.startedAt = performance.now();
+    islands.set(id, island);
+    notify();
+}
+/**
+ * Mark island as hydrated
+ */
+export function completeHydration(id) {
+    const island = islands.get(id);
+    if (!island)
+        return;
+    const now = performance.now();
+    island.status = 'hydrated';
+    island.completedAt = now;
+    island.duration = island.startedAt ? now - island.startedAt : 0;
+    islands.set(id, island);
+    notify();
+    // Dispatch custom event for external tools
+    if (typeof window !== 'undefined') {
+        window.dispatchEvent(new CustomEvent('flight:hydration:complete', {
+            detail: { id, duration: island.duration, name: island.name },
+        }));
+    }
+}
+/**
+ * Mark island hydration as failed
+ */
+export function failHydration(id, error) {
+    const island = islands.get(id);
+    if (!island)
+        return;
+    island.status = 'error';
+    island.error = error;
+    island.completedAt = performance.now();
+    islands.set(id, island);
+    notify();
+}
+/**
+ * Subscribe to hydration updates
+ */
+export function subscribeToHydration(callback) {
+    subscribers.add(callback);
+    // Emit current state
+    const islandsList = Array.from(islands.values());
+    callback(islandsList, calculateMetrics(islandsList));
+    return () => subscribers.delete(callback);
+}
+/**
+ * Get current hydration state
+ */
+export function getHydrationState() {
+    const islandsList = Array.from(islands.values());
+    return {
+        islands: islandsList,
+        metrics: calculateMetrics(islandsList),
+    };
+}
+/**
+ * Clear all tracked islands (for testing or page navigation)
+ */
+export function clearHydrationState() {
+    islands.clear();
+    notify();
+}
+// ============================================================================
+// Auto-instrumentation
+// ============================================================================
+/**
+ * Setup automatic hydration tracking by listening to Flight events
+ */
+export function setupHydrationTracking() {
+    if (typeof window === 'undefined')
+        return;
+    // Listen for Flight's island events
+    window.addEventListener('flight:island:register', ((e) => {
+        const { id, name, trigger, filePath, propsSize } = e.detail;
+        registerIsland({ id, name, trigger, filePath, propsSize });
+    }));
+    window.addEventListener('flight:island:hydrate:start', ((e) => {
+        startHydration(e.detail.id);
+    }));
+    window.addEventListener('flight:island:hydrate:complete', ((e) => {
+        completeHydration(e.detail.id);
+    }));
+    window.addEventListener('flight:island:hydrate:error', ((e) => {
+        failHydration(e.detail.id, e.detail.error);
+    }));
+}
+// ============================================================================
+// Panel Rendering (for integration with main panel)
+// ============================================================================
+/**
+ * Generate HTML for the hydration panel
+ */
+export function renderHydrationPanel(islandsList, metrics) {
+    const statusColors = {
+        pending: '#94a3b8',
+        hydrating: '#fbbf24',
+        hydrated: '#22c55e',
+        error: '#ef4444',
+    };
+    const triggerIcons = {
+        load: 'L',
+        idle: 'I',
+        visible: 'V',
+        interaction: 'X',
+        media: 'M',
+        never: 'N',
+    };
+    const sortedIslands = [...islandsList].sort((a, b) => {
+        // Sort by status (hydrating first, then pending, then hydrated, then error)
+        const statusOrder = { hydrating: 0, pending: 1, hydrated: 2, error: 3 };
+        return statusOrder[a.status] - statusOrder[b.status];
+    });
+    return `
+        <div class="flight-dt-hydration-panel">
+            <div class="flight-dt-hydration-summary">
+                <div class="flight-dt-metric">
+                    <span class="flight-dt-metric-value">${metrics.hydratedCount}/${metrics.totalIslands}</span>
+                    <span class="flight-dt-metric-label">Hydrated</span>
+                </div>
+                <div class="flight-dt-metric">
+                    <span class="flight-dt-metric-value">${metrics.totalHydrationTime.toFixed(0)}ms</span>
+                    <span class="flight-dt-metric-label">Total Time</span>
+                </div>
+                <div class="flight-dt-metric">
+                    <span class="flight-dt-metric-value">${metrics.averageHydrationTime.toFixed(1)}ms</span>
+                    <span class="flight-dt-metric-label">Avg Time</span>
+                </div>
+                ${metrics.pendingCount > 0 ? `
+                    <div class="flight-dt-metric flight-dt-metric--warning">
+                        <span class="flight-dt-metric-value">${metrics.pendingCount}</span>
+                        <span class="flight-dt-metric-label">Pending</span>
+                    </div>
+                ` : ''}
+            </div>
+
+            <div class="flight-dt-hydration-list">
+                ${sortedIslands.map(island => `
+                    <div class="flight-dt-island" data-status="${island.status}">
+                        <div class="flight-dt-island-header">
+                            <span class="flight-dt-island-status" style="background: ${statusColors[island.status]}"></span>
+                            <span class="flight-dt-island-trigger" title="${island.trigger}">${triggerIcons[island.trigger]}</span>
+                            <span class="flight-dt-island-name">${escapeHtml(island.name)}</span>
+                            <span class="flight-dt-island-time">${island.duration ? `${island.duration.toFixed(1)}ms` : '...'}</span>
+                        </div>
+                        ${island.error ? `<div class="flight-dt-island-error">${escapeHtml(island.error)}</div>` : ''}
+                    </div>
+                `).join('')}
+            </div>
+
+            ${sortedIslands.length === 0 ? '<div class="flight-dt-empty">No islands detected</div>' : ''}
+        </div>
+    `;
+}
+function escapeHtml(str) {
+    return str
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;');
+}
+/**
+ * CSS styles for the hydration panel
+ */
+export const hydrationPanelStyles = `
+.flight-dt-hydration-panel {
+    padding: 8px;
+}
+
+.flight-dt-hydration-summary {
+    display: flex;
+    gap: 16px;
+    padding: 8px;
+    background: rgba(255, 255, 255, 0.05);
+    border-radius: 6px;
+    margin-bottom: 12px;
+}
+
+.flight-dt-metric {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.flight-dt-metric-value {
+    font-size: 18px;
+    font-weight: 600;
+    color: #e0e0e0;
+}
+
+.flight-dt-metric-label {
+    font-size: 10px;
+    color: #888;
+    text-transform: uppercase;
+}
+
+.flight-dt-metric--warning .flight-dt-metric-value {
+    color: #fbbf24;
+}
+
+.flight-dt-hydration-list {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    max-height: 200px;
+    overflow-y: auto;
+}
+
+.flight-dt-island {
+    display: flex;
+    flex-direction: column;
+    padding: 6px 8px;
+    background: rgba(255, 255, 255, 0.03);
+    border-radius: 4px;
+    font-size: 12px;
+}
+
+.flight-dt-island-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.flight-dt-island-status {
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+}
+
+.flight-dt-island-trigger {
+    width: 16px;
+    height: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(255, 255, 255, 0.1);
+    border-radius: 3px;
+    font-size: 10px;
+    font-weight: 600;
+    color: #888;
+}
+
+.flight-dt-island-name {
+    flex: 1;
+    color: #e0e0e0;
+    font-family: monospace;
+}
+
+.flight-dt-island-time {
+    color: #888;
+    font-family: monospace;
+}
+
+.flight-dt-island-error {
+    margin-top: 4px;
+    padding: 4px 8px;
+    background: rgba(239, 68, 68, 0.1);
+    border-radius: 3px;
+    color: #ef4444;
+    font-size: 11px;
+}
+
+.flight-dt-empty {
+    text-align: center;
+    color: #666;
+    padding: 20px;
+}
+`;
+//# sourceMappingURL=hydration-panel.js.map

package/dist/hydration-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hydration-panel.js","sourceRoot":"","sources":["../src/hydration-panel.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,43 +1,55 @@
 {
-  "name": "@flight-framework/devtools",
-  "version": "1.0.0",
-  "description": "Development tools and debugging panel for Flight Framework",
-  "type": "module",
-  "files": [
-    "dist"
-  ],
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+    "name": "@flight-framework/devtools",
+    "version": "1.0.1",
+    "description": "Development tools and debugging panel for Flight Framework",
+    "type": "module",
+    "files": [
+        "dist"
+    ],
+    "main": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.js"
+        },
+        "./panel": {
+            "types": "./dist/panel.d.ts",
+            "import": "./dist/panel.js"
+        },
+        "./instrumentation": {
+            "types": "./dist/instrumentation.d.ts",
+            "import": "./dist/instrumentation.js"
+        },
+        "./hydration": {
+            "types": "./dist/hydration-panel.d.ts",
+            "import": "./dist/hydration-panel.js"
+        },
+        "./bundle": {
+            "types": "./dist/bundle-panel.d.ts",
+            "import": "./dist/bundle-panel.js"
+        },
+        "./cache": {
+            "types": "./dist/cache-panel.d.ts",
+            "import": "./dist/cache-panel.js"
+        }
     },
-    "./panel": {
-      "types": "./dist/panel.d.ts",
-      "import": "./dist/panel.js"
+    "scripts": {
+        "build": "tsc",
+        "dev": "tsc --watch"
     },
-    "./instrumentation": {
-      "types": "./dist/instrumentation.d.ts",
-      "import": "./dist/instrumentation.js"
-    }
-  },
-  "peerDependencies": {
-    "@flight-framework/core": ">=0.3.0"
-  },
-  "devDependencies": {
-    "@types/node": "^22.0.0",
-    "typescript": "^5.7.0"
-  },
-  "keywords": [
-    "flight",
-    "devtools",
-    "debugging",
-    "development"
-  ],
-  "license": "MIT",
-  "scripts": {
-    "build": "tsc",
-    "dev": "tsc --watch"
-  }
+    "peerDependencies": {
+        "@flight-framework/core": ">=0.3.0"
+    },
+    "devDependencies": {
+        "@types/node": "^22.0.0",
+        "typescript": "^5.7.0"
+    },
+    "keywords": [
+        "flight",
+        "devtools",
+        "debugging",
+        "development"
+    ],
+    "license": "MIT"
 }

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2024-2026 Flight Contributors
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.