@hypen-space/web 0.4.36 → 0.4.37

package/dist/dom/debug.js

@@ -1,95 +1,80 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toCommonJS = (from) => {
-  var entry = (__moduleCache ??= new WeakMap).get(from), desc;
-  if (entry)
-    return entry;
-  entry = __defProp({}, "__esModule", { value: true });
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (var key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(entry, key))
-        __defProp(entry, key, {
-          get: __accessProp.bind(from, key),
-          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-        });
-  }
-  __moduleCache.set(from, entry);
-  return entry;
-};
-var __moduleCache;
-var __returnValue = (v) => v;
-function __exportSetter(name, newValue) {
-  this[name] = __returnValue.bind(null, newValue);
-}
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, {
-      get: all[name],
-      enumerable: true,
-      configurable: true,
-      set: __exportSetter.bind(all, name)
-    });
-};
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-
-// src/dom/debug.ts
+/**
+ * Debug utilities for DOM rendering visualization
+ *
+ * Provides heatmap overlays to visualize re-renders
+ */
 import { frameworkLoggers } from "@hypen-space/core/logger";
-var log = frameworkLoggers.debug;
-var defaultDebugConfig = {
-  enabled: false,
-  showHeatmap: true,
-  heatmapIncrement: 5,
-  maxOpacity: 0.8,
-  fadeOutDuration: 2000
+const log = frameworkLoggers.debug;
+export const defaultDebugConfig = {
+    enabled: false,
+    showHeatmap: true,
+    heatmapIncrement: 5,
+    maxOpacity: 0.8,
+    fadeOutDuration: 2000,
 };
-
-class RerenderTracker {
-  renderCounts = new Map;
-  overlays = new Map;
-  config;
-  constructor(config = defaultDebugConfig) {
-    this.config = config;
-  }
-  setConfig(config) {
-    this.config = { ...this.config, ...config };
-    if (!this.config.enabled) {
-      this.cleanup();
+/**
+ * Tracks re-render counts for each element
+ */
+export class RerenderTracker {
+    renderCounts = new Map();
+    overlays = new Map();
+    config;
+    constructor(config = defaultDebugConfig) {
+        this.config = config;
     }
-  }
-  trackRerender(id, element, patchType) {
-    if (!this.config.enabled || !this.config.showHeatmap) {
-      return;
+    /**
+     * Update the configuration
+     */
+    setConfig(config) {
+        this.config = { ...this.config, ...config };
+        // If debug mode is disabled, clean up all overlays
+        if (!this.config.enabled) {
+            this.cleanup();
+        }
+    }
+    /**
+     * Track a re-render for an element
+     */
+    trackRerender(id, element, patchType) {
+        if (!this.config.enabled || !this.config.showHeatmap) {
+            return;
+        }
+        log.debug(`Tracking re-render: ${id} - ${patchType}`);
+        // Increment render count
+        const currentCount = this.renderCounts.get(id) || 0;
+        const newCount = currentCount + 1;
+        this.renderCounts.set(id, newCount);
+        // Create or update heatmap overlay
+        this.updateHeatmap(id, element, newCount, patchType);
     }
-    log.debug(`Tracking re-render: ${id} - ${patchType}`);
-    const currentCount = this.renderCounts.get(id) || 0;
-    const newCount = currentCount + 1;
-    this.renderCounts.set(id, newCount);
-    this.updateHeatmap(id, element, newCount, patchType);
-  }
-  updateHeatmap(id, element, renderCount, patchType) {
-    const opacity = Math.min(renderCount * this.config.heatmapIncrement / 100, this.config.maxOpacity);
-    log.debug(`Updating heatmap for ${id}, count: ${renderCount}, opacity: ${opacity}`);
-    const isInline = window.getComputedStyle(element).display.includes("inline");
-    if (isInline || element.tagName === "SPAN") {
-      if (!element.dataset.hypenDebugOriginalBg) {
-        element.dataset.hypenDebugOriginalBg = element.style.backgroundColor || "";
-        element.dataset.hypenDebugOriginalOutline = element.style.outline || "";
-        element.dataset.hypenDebugOriginalPosition = element.style.position || "";
-      }
-      element.style.backgroundColor = `rgba(255, 0, 0, ${Math.max(opacity, 0.15)})`;
-      element.style.outline = `2px solid rgba(255, 0, 0, ${Math.max(opacity + 0.2, 0.3)})`;
-      element.style.outlineOffset = "2px";
-      element.style.position = "relative";
-      element.setAttribute("data-hypen-renders", `${renderCount}× ${patchType}`);
-      if (!document.getElementById("hypen-debug-styles")) {
-        const style = document.createElement("style");
-        style.id = "hypen-debug-styles";
-        style.textContent = `
+    /**
+     * Create or update the heatmap overlay for an element
+     */
+    updateHeatmap(id, element, renderCount, patchType) {
+        // Calculate opacity based on render count (increment by heatmapIncrement% each time)
+        const opacity = Math.min((renderCount * this.config.heatmapIncrement) / 100, this.config.maxOpacity);
+        log.debug(`Updating heatmap for ${id}, count: ${renderCount}, opacity: ${opacity}`);
+        // For inline elements or text, use a simpler approach: background color + outline
+        const isInline = window.getComputedStyle(element).display.includes('inline');
+        if (isInline || element.tagName === 'SPAN') {
+            // Store original styles if not already stored
+            if (!element.dataset.hypenDebugOriginalBg) {
+                element.dataset.hypenDebugOriginalBg = element.style.backgroundColor || '';
+                element.dataset.hypenDebugOriginalOutline = element.style.outline || '';
+                element.dataset.hypenDebugOriginalPosition = element.style.position || '';
+            }
+            // Apply red background and outline directly to the element
+            element.style.backgroundColor = `rgba(255, 0, 0, ${Math.max(opacity, 0.15)})`;
+            element.style.outline = `2px solid rgba(255, 0, 0, ${Math.max(opacity + 0.2, 0.3)})`;
+            element.style.outlineOffset = '2px';
+            element.style.position = 'relative';
+            // Add count badge as ::before pseudo-element or data attribute
+            element.setAttribute('data-hypen-renders', `${renderCount}× ${patchType}`);
+            // Add CSS for the badge if not already added
+            if (!document.getElementById('hypen-debug-styles')) {
+                const style = document.createElement('style');
+                style.id = 'hypen-debug-styles';
+                style.textContent = `
           [data-hypen-renders]::before {
             content: attr(data-hypen-renders);
             position: absolute;
@@ -108,24 +93,28 @@ class RerenderTracker {
             text-shadow: none;
           }
         `;
-        document.head.appendChild(style);
-      }
-      this.overlays.set(id, element);
-      if (this.config.fadeOutDuration > 0) {
-        setTimeout(() => {
-          const originalBg = element.dataset.hypenDebugOriginalBg || "";
-          const originalOutline = element.dataset.hypenDebugOriginalOutline || "";
-          element.style.backgroundColor = originalBg;
-          element.style.outline = originalOutline;
-          element.style.opacity = "1";
-        }, this.config.fadeOutDuration);
-      }
-    } else {
-      let overlay = this.overlays.get(id);
-      if (!overlay) {
-        overlay = document.createElement("div");
-        overlay.className = "hypen-debug-overlay";
-        overlay.style.cssText = `
+                document.head.appendChild(style);
+            }
+            // Store in overlays map for cleanup
+            this.overlays.set(id, element);
+            // Fade out after duration if enabled
+            if (this.config.fadeOutDuration > 0) {
+                setTimeout(() => {
+                    const originalBg = element.dataset.hypenDebugOriginalBg || '';
+                    const originalOutline = element.dataset.hypenDebugOriginalOutline || '';
+                    element.style.backgroundColor = originalBg;
+                    element.style.outline = originalOutline;
+                    element.style.opacity = '1';
+                }, this.config.fadeOutDuration);
+            }
+        }
+        else {
+            // For block elements, use overlay approach
+            let overlay = this.overlays.get(id);
+            if (!overlay) {
+                overlay = document.createElement("div");
+                overlay.className = "hypen-debug-overlay";
+                overlay.style.cssText = `
           position: absolute;
           top: 0;
           left: 0;
@@ -145,63 +134,73 @@ class RerenderTracker {
           display: block !important;
           visibility: visible !important;
         `;
-        const currentPosition = window.getComputedStyle(element).position;
-        if (currentPosition === "static") {
-          element.style.position = "relative";
+                const currentPosition = window.getComputedStyle(element).position;
+                if (currentPosition === 'static') {
+                    element.style.position = 'relative';
+                }
+                element.appendChild(overlay);
+                this.overlays.set(id, overlay);
+            }
+            overlay.style.backgroundColor = `rgba(255, 0, 0, ${Math.max(opacity, 0.15)})`;
+            overlay.style.opacity = '1';
+            overlay.textContent = `${renderCount}× ${patchType}`;
+            if (this.config.fadeOutDuration > 0) {
+                setTimeout(() => {
+                    if (overlay) {
+                        overlay.style.opacity = '0.2';
+                    }
+                }, this.config.fadeOutDuration);
+            }
         }
-        element.appendChild(overlay);
-        this.overlays.set(id, overlay);
-      }
-      overlay.style.backgroundColor = `rgba(255, 0, 0, ${Math.max(opacity, 0.15)})`;
-      overlay.style.opacity = "1";
-      overlay.textContent = `${renderCount}× ${patchType}`;
-      if (this.config.fadeOutDuration > 0) {
-        setTimeout(() => {
-          if (overlay) {
-            overlay.style.opacity = "0.2";
-          }
-        }, this.config.fadeOutDuration);
-      }
     }
-  }
-  reset(id) {
-    this.renderCounts.delete(id);
-    const overlay = this.overlays.get(id);
-    if (overlay) {
-      overlay.remove();
-      this.overlays.delete(id);
+    /**
+     * Reset tracking for a specific element
+     */
+    reset(id) {
+        this.renderCounts.delete(id);
+        const overlay = this.overlays.get(id);
+        if (overlay) {
+            overlay.remove();
+            this.overlays.delete(id);
+        }
     }
-  }
-  resetAll() {
-    this.renderCounts.clear();
-    for (const overlay of this.overlays.values()) {
-      overlay.remove();
+    /**
+     * Reset tracking for all elements
+     */
+    resetAll() {
+        this.renderCounts.clear();
+        for (const overlay of this.overlays.values()) {
+            overlay.remove();
+        }
+        this.overlays.clear();
     }
-    this.overlays.clear();
-  }
-  getRenderCount(id) {
-    return this.renderCounts.get(id) || 0;
-  }
-  cleanup() {
-    for (const overlay of this.overlays.values()) {
-      overlay.remove();
+    /**
+     * Get render count for an element
+     */
+    getRenderCount(id) {
+        return this.renderCounts.get(id) || 0;
+    }
+    /**
+     * Clean up all overlays (called when debug mode is disabled)
+     */
+    cleanup() {
+        for (const overlay of this.overlays.values()) {
+            overlay.remove();
+        }
+        this.overlays.clear();
+    }
+    /**
+     * Get statistics about re-renders
+     */
+    getStats() {
+        const totalRerenders = Array.from(this.renderCounts.values()).reduce((sum, count) => sum + count, 0);
+        const elementCount = this.renderCounts.size;
+        const avgRerenders = elementCount > 0 ? totalRerenders / elementCount : 0;
+        return {
+            totalRerenders,
+            elementCount,
+            avgRerenders: Math.round(avgRerenders * 100) / 100,
+        };
     }
-    this.overlays.clear();
-  }
-  getStats() {
-    const totalRerenders = Array.from(this.renderCounts.values()).reduce((sum, count) => sum + count, 0);
-    const elementCount = this.renderCounts.size;
-    const avgRerenders = elementCount > 0 ? totalRerenders / elementCount : 0;
-    return {
-      totalRerenders,
-      elementCount,
-      avgRerenders: Math.round(avgRerenders * 100) / 100
-    };
-  }
 }
-export {
-  defaultDebugConfig,
-  RerenderTracker
-};
-
-//# debugId=8C572E0EC0BBC39E64756E2164756E21
+//# sourceMappingURL=debug.js.map

package/dist/dom/debug.js.map

@@ -1,10 +1 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/debug.ts"],
-  "sourcesContent": [
-    "/**\n * Debug utilities for DOM rendering visualization\n *\n * Provides heatmap overlays to visualize re-renders\n */\n\nimport { frameworkLoggers } from \"@hypen-space/core/logger\";\n\nconst log = frameworkLoggers.debug;\n\nexport interface DebugConfig {\n  /** Enable debug mode */\n  enabled: boolean;\n  /** Show heatmap overlays on re-renders */\n  showHeatmap: boolean;\n  /** Increment per re-render (default: 5%) */\n  heatmapIncrement: number;\n  /** Maximum opacity for heatmap (default: 0.8) */\n  maxOpacity: number;\n  /** Fade out duration in ms (0 to disable) */\n  fadeOutDuration: number;\n}\n\nexport const defaultDebugConfig: DebugConfig = {\n  enabled: false,\n  showHeatmap: true,\n  heatmapIncrement: 5,\n  maxOpacity: 0.8,\n  fadeOutDuration: 2000,\n};\n\n/**\n * Tracks re-render counts for each element\n */\nexport class RerenderTracker {\n  private renderCounts = new Map<string, number>();\n  private overlays = new Map<string, HTMLDivElement>();\n  private config: DebugConfig;\n\n  constructor(config: DebugConfig = defaultDebugConfig) {\n    this.config = config;\n  }\n\n  /**\n   * Update the configuration\n   */\n  setConfig(config: Partial<DebugConfig>): void {\n    this.config = { ...this.config, ...config };\n\n    // If debug mode is disabled, clean up all overlays\n    if (!this.config.enabled) {\n      this.cleanup();\n    }\n  }\n\n  /**\n   * Track a re-render for an element\n   */\n  trackRerender(id: string, element: HTMLElement, patchType: string): void {\n    if (!this.config.enabled || !this.config.showHeatmap) {\n      return;\n    }\n\n    log.debug(`Tracking re-render: ${id} - ${patchType}`);\n\n    // Increment render count\n    const currentCount = this.renderCounts.get(id) || 0;\n    const newCount = currentCount + 1;\n    this.renderCounts.set(id, newCount);\n\n    // Create or update heatmap overlay\n    this.updateHeatmap(id, element, newCount, patchType);\n  }\n\n  /**\n   * Create or update the heatmap overlay for an element\n   */\n  private updateHeatmap(id: string, element: HTMLElement, renderCount: number, patchType: string): void {\n    // Calculate opacity based on render count (increment by heatmapIncrement% each time)\n    const opacity = Math.min(\n      (renderCount * this.config.heatmapIncrement) / 100,\n      this.config.maxOpacity\n    );\n\n    log.debug(`Updating heatmap for ${id}, count: ${renderCount}, opacity: ${opacity}`);\n\n    // For inline elements or text, use a simpler approach: background color + outline\n    const isInline = window.getComputedStyle(element).display.includes('inline');\n\n    if (isInline || element.tagName === 'SPAN') {\n      // Store original styles if not already stored\n      if (!element.dataset.hypenDebugOriginalBg) {\n        element.dataset.hypenDebugOriginalBg = element.style.backgroundColor || '';\n        element.dataset.hypenDebugOriginalOutline = element.style.outline || '';\n        element.dataset.hypenDebugOriginalPosition = element.style.position || '';\n      }\n\n      // Apply red background and outline directly to the element\n      element.style.backgroundColor = `rgba(255, 0, 0, ${Math.max(opacity, 0.15)})`;\n      element.style.outline = `2px solid rgba(255, 0, 0, ${Math.max(opacity + 0.2, 0.3)})`;\n      element.style.outlineOffset = '2px';\n      element.style.position = 'relative';\n\n      // Add count badge as ::before pseudo-element or data attribute\n      element.setAttribute('data-hypen-renders', `${renderCount}× ${patchType}`);\n\n      // Add CSS for the badge if not already added\n      if (!document.getElementById('hypen-debug-styles')) {\n        const style = document.createElement('style');\n        style.id = 'hypen-debug-styles';\n        style.textContent = `\n          [data-hypen-renders]::before {\n            content: attr(data-hypen-renders);\n            position: absolute;\n            top: -18px;\n            left: 0;\n            background: rgba(255, 0, 0, 0.9);\n            color: white;\n            padding: 2px 6px;\n            font-size: 10px;\n            font-family: 'Courier New', monospace;\n            font-weight: bold;\n            border-radius: 3px;\n            z-index: 999999;\n            pointer-events: none;\n            white-space: nowrap;\n            text-shadow: none;\n          }\n        `;\n        document.head.appendChild(style);\n      }\n\n      // Store in overlays map for cleanup\n      this.overlays.set(id, element as any);\n\n      // Fade out after duration if enabled\n      if (this.config.fadeOutDuration > 0) {\n        setTimeout(() => {\n          const originalBg = element.dataset.hypenDebugOriginalBg || '';\n          const originalOutline = element.dataset.hypenDebugOriginalOutline || '';\n          element.style.backgroundColor = originalBg;\n          element.style.outline = originalOutline;\n          element.style.opacity = '1';\n        }, this.config.fadeOutDuration);\n      }\n    } else {\n      // For block elements, use overlay approach\n      let overlay = this.overlays.get(id);\n\n      if (!overlay) {\n        overlay = document.createElement(\"div\");\n        overlay.className = \"hypen-debug-overlay\";\n        overlay.style.cssText = `\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          pointer-events: none;\n          z-index: 999999 !important;\n          transition: opacity ${this.config.fadeOutDuration}ms ease-out;\n          border: 2px solid rgba(255, 0, 0, 0.7) !important;\n          box-sizing: border-box;\n          font-size: 11px;\n          color: white;\n          text-shadow: 0 0 3px black, 0 0 5px black;\n          padding: 4px;\n          font-family: 'Courier New', monospace;\n          font-weight: bold;\n          display: block !important;\n          visibility: visible !important;\n        `;\n\n        const currentPosition = window.getComputedStyle(element).position;\n        if (currentPosition === 'static') {\n          element.style.position = 'relative';\n        }\n\n        element.appendChild(overlay);\n        this.overlays.set(id, overlay);\n      }\n\n      overlay.style.backgroundColor = `rgba(255, 0, 0, ${Math.max(opacity, 0.15)})`;\n      overlay.style.opacity = '1';\n      overlay.textContent = `${renderCount}× ${patchType}`;\n\n      if (this.config.fadeOutDuration > 0) {\n        setTimeout(() => {\n          if (overlay) {\n            overlay.style.opacity = '0.2';\n          }\n        }, this.config.fadeOutDuration);\n      }\n    }\n  }\n\n  /**\n   * Reset tracking for a specific element\n   */\n  reset(id: string): void {\n    this.renderCounts.delete(id);\n    const overlay = this.overlays.get(id);\n    if (overlay) {\n      overlay.remove();\n      this.overlays.delete(id);\n    }\n  }\n\n  /**\n   * Reset tracking for all elements\n   */\n  resetAll(): void {\n    this.renderCounts.clear();\n    for (const overlay of this.overlays.values()) {\n      overlay.remove();\n    }\n    this.overlays.clear();\n  }\n\n  /**\n   * Get render count for an element\n   */\n  getRenderCount(id: string): number {\n    return this.renderCounts.get(id) || 0;\n  }\n\n  /**\n   * Clean up all overlays (called when debug mode is disabled)\n   */\n  private cleanup(): void {\n    for (const overlay of this.overlays.values()) {\n      overlay.remove();\n    }\n    this.overlays.clear();\n  }\n\n  /**\n   * Get statistics about re-renders\n   */\n  getStats(): { totalRerenders: number; elementCount: number; avgRerenders: number } {\n    const totalRerenders = Array.from(this.renderCounts.values()).reduce((sum, count) => sum + count, 0);\n    const elementCount = this.renderCounts.size;\n    const avgRerenders = elementCount > 0 ? totalRerenders / elementCount : 0;\n\n    return {\n      totalRerenders,\n      elementCount,\n      avgRerenders: Math.round(avgRerenders * 100) / 100,\n    };\n  }\n}\n"
-  ],
-  "mappings": "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",
-  "debugId": "8C572E0EC0BBC39E64756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"debug.js","sourceRoot":"","sources":["../../src/dom/debug.ts"],"names":[],"mappings":"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"}