@myrmidon/gve-snapshot-rendition 2.0.4 → 2.0.5

package/dist/rendering/feature-resolver.d.ts

@@ -41,7 +41,6 @@ export interface RenditionConfig {
         nodeId: number;
         count: number;
     };
-    textValue?: string;
     hints?: string[];
     hintOverrides?: Map<string, HintOverrides>;
     hintVars?: Map<string, string>;
@@ -73,11 +72,11 @@ export declare class FeatureResolver {
      * This is used for base text layout adjustments.
      *
      * @param features - Features from the first annotate operation (init features)
-     * @returns Map of node IDs to their offsets (values may be numbers or "Ntw"/"Nth" strings)
+     * @returns Map of node IDs to their offsets
      */
     extractCharOffsets(features: Feature[] | undefined): Map<number, {
-        x?: number | string;
-        y?: number | string;
+        x?: number;
+        y?: number;
     }>;
     /**
      * Check if features contain a specific rendition feature.

package/dist/rendering/svg-utils.d.ts

@@ -100,29 +100,8 @@ export declare function getRectCenter(rect: DOMRect | {
 /**
  * Get computed text width for a given text and style.
  * Creates a temporary SVG element to measure.
- *
- * IMPORTANT: The measurementRoot parameter is critical for correct measurements
- * when the component runs inside Angular or other frameworks that apply global
- * CSS styles (like font-family) to document.body. Without it, measurements
- * happen in document.body where inherited styles may affect font metrics,
- * but actual rendering happens inside Shadow DOM where styles are isolated.
- * This mismatch causes text positions and hint placements to be incorrect.
- *
- * When measurementRoot is provided (typically the component's root SVG element),
- * measurements happen in the same CSS context as the actual rendering,
- * ensuring consistent font metrics.
- *
- * @param text - The text to measure
- * @param fontFamily - Font family to use
- * @param fontSize - Font size in pixels
- * @param bold - Whether text is bold
- * @param italic - Whether text is italic
- * @param measurementRoot - Optional SVG element to use as measurement context.
- *                          If provided, a temporary text element is appended here
- *                          for measurement (same CSS context as rendering).
- *                          If not provided, falls back to document.body (legacy behavior).
- */
-export declare function getTextWidth(text: string, fontFamily: string, fontSize: number, bold?: boolean, italic?: boolean, measurementRoot?: SVGElement): number;
+ */
+export declare function getTextWidth(text: string, fontFamily: string, fontSize: number, bold?: boolean, italic?: boolean): number;
 /**
  * Move an element to the back (lowest z-index in SVG).
  */

package/dist/rendering/text-layout.d.ts

@@ -19,29 +19,7 @@ export declare class TextLayout {
     private _settings;
     private _logger;
     private _spaceWidth;
-    /**
-     * The SVG element used as the measurement context for text width calculations.
-     * This ensures measurements happen in the same CSS context as actual rendering,
-     * which is critical when the component runs inside frameworks like Angular
-     * that may apply global CSS styles affecting font metrics.
-     *
-     * When this is undefined, measurements fall back to document.body (legacy behavior)
-     * which can cause position mismatches if global styles differ from Shadow DOM styles.
-     */
-    private _measurementRoot?;
     constructor(settings: GveRenditionSettings, logger: Logger);
-    /**
-     * Set the measurement root for text width calculations.
-     * This should be called with the root SVG element after it's created,
-     * before any layout calculations are performed.
-     *
-     * IMPORTANT: This ensures text measurements happen in the same CSS context
-     * as actual rendering (inside Shadow DOM), avoiding position mismatches
-     * caused by different font metrics in document.body vs Shadow DOM.
-     *
-     * @param root - The SVG element to use as measurement context
-     */
-    setMeasurementRoot(root: SVGElement): void;
     /**
      * Calculate the width of a space character based on reference character.
      */
@@ -50,14 +28,12 @@ export declare class TextLayout {
      * Calculate positions for all base text nodes.
      *
      * @param nodes - The character nodes to position
-     * @param charOffsets - Map of node IDs to their offset overrides (from r_char-offsets feature).
-     *   Offset values may be plain numbers (px) or strings with units "tw"/"th"
-     *   (average character width / height of the current font).
+     * @param charOffsets - Map of node IDs to their offset overrides (from r_char-offsets feature)
      * @returns Array of character positions
      */
     calculateBaseTextPositions(nodes: CharNode[], charOffsets?: Map<number, {
-        x?: number | string;
-        y?: number | string;
+        x?: number;
+        y?: number;
     }>): CharPosition[];
     /**
      * Calculate position for a single additional text node.

package/dist/rendering/text-renderer.d.ts

@@ -16,13 +16,6 @@ export declare class TextRenderer {
     private _spreadingEngine;
     private _textLayout;
     private _featureResolver;
-    /**
-     * Reference to the root SVG element for text width measurements.
-     * This ensures measurements happen in the same CSS context as rendering,
-     * which is critical when running inside Angular or other frameworks
-     * that apply global CSS styles to document.body.
-     */
-    private _measurementRoot?;
     constructor(settings: GveRenditionSettings, logger: Logger, animationEngine: AnimationEngine, boundsCache: BoundsCache, spreadingEngine: SpreadingEngine);
     /**
      * Render base text (v0).
@@ -33,8 +26,8 @@ export declare class TextRenderer {
      * @returns Promise that resolves when rendering completes
      */
     renderBaseText(nodes: CharNode[], rootSvg: SVGElement, charOffsets?: Map<number, {
-        x?: number | string;
-        y?: number | string;
+        x?: number;
+        y?: number;
     }>): Promise<void>;
     /**
      * Render a single character node.

package/dist/ui/details-area.d.ts

@@ -11,7 +11,6 @@ export declare class DetailsArea {
     private hoveredElementsSection;
     private hiddenFeaturesCheckbox;
     private collapseBtn;
-    private resizeHandle;
     private _settings;
     private _logger;
     private _summaryService;
@@ -19,11 +18,6 @@ export declare class DetailsArea {
     private _showHiddenFeatures;
     private _data;
     private _currentVersionTag;
-    private _isResizing;
-    private _initialHeight;
-    private _initialMouseY;
-    private _isPinned;
-    private _pinnedElements;
     constructor(settings: GveRenditionSettings, logger: Logger);
     create(): HTMLElement;
     /**
@@ -34,18 +28,6 @@ export declare class DetailsArea {
      * Attach event listeners.
      */
     private attachEventListeners;
-    /**
-     * Start resizing the details area.
-     */
-    private startResize;
-    /**
-     * Handle resize drag.
-     */
-    private handleResize;
-    /**
-     * Stop resizing the details area.
-     */
-    private stopResize;
     /**
      * Toggle collapse/expand state.
      */
@@ -72,18 +54,6 @@ export declare class DetailsArea {
         element: SVGTextElement;
         node: CharNode;
     }>): void;
-    /**
-     * Render hovered elements with pin button.
-     */
-    private renderHoveredElements;
-    /**
-     * Toggle pin state.
-     */
-    private togglePin;
-    /**
-     * Pin a specific element (triggered by click).
-     */
-    pinElement(element: SVGTextElement, node: CharNode): void;
     /**
      * Filter features based on hidden features setting.
      */

package/dist/ui/toolbar.d.ts

@@ -13,7 +13,6 @@ export declare class Toolbar {
     private lastBtn;
     private versionLabel;
     private groupBadge;
-    private logDisplay;
     private slideshowStartBtn;
     private slideshowStopBtn;
     private slideshowReverseBtn;
@@ -22,7 +21,6 @@ export declare class Toolbar {
     private zoomOutBtn;
     private fitBtn;
     private downloadBtn;
-    private resetLayoutBtn;
     private _data;
     private _currentVersionIndex;
     private _customButtons;
@@ -58,10 +56,6 @@ export declare class Toolbar {
      * Update version label with current version information.
      */
     private updateVersionLabel;
-    /**
-     * Update the log display with the current operation's log feature.
-     */
-    private updateLogDisplay;
     /**
      * Get version information for current step.
      */
@@ -102,10 +96,6 @@ export declare class Toolbar {
      * Dispatch display event for parent component to handle.
      */
     private dispatchDisplayEvent;
-    /**
-     * Dispatch layout event for parent component to handle.
-     */
-    private dispatchLayoutEvent;
     /**
      * Update data reference (for staged version detection).
      */

package/dist/utils/feature-utils.d.ts

@@ -43,16 +43,12 @@ export declare function filterRenditionFeatures(features: Feature[] | undefined,
  * Parse char-offsets feature value.
  * Format: "ID:y=...,x=... ID:y=...,x=..." (multiple patterns separated by space)
  * Each pattern: ID:y=value,x=value (y and x are optional, can be in any order)
- * Values can be plain pixels (e.g. "10") or use font-relative units:
- *   tw = average character width of the base text font
- *   th = average character height of the base text font (≈ font size)
- * e.g. "0.5th" = half the average character height, "2tw" = twice the average width.
  *
- * @returns Map of node ID to {x?: number|string, y?: number|string}
+ * @returns Map of node ID to {x?: number, y?: number}
  */
 export declare function parseCharOffsets(value: string): Map<number, {
-    x?: number | string;
-    y?: number | string;
+    x?: number;
+    y?: number;
 }>;
 /**
  * Parse displaced span reference.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myrmidon/gve-snapshot-rendition",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "homepage": "https://github.com/vedph/gve-snapshot-rendition",
   "repository": {
     "type": "git",
@@ -42,23 +42,23 @@
     "typescript": "^6.0.3"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^29.0.2",
+    "@rollup/plugin-commonjs": "^29.0.3",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-replace": "^6.0.3",
     "@rollup/plugin-terser": "^1.0.0",
     "@rollup/plugin-typescript": "^12.3.0",
-    "@vitest/ui": "^4.1.6",
+    "@vitest/ui": "^4.1.9",
     "concurrency": "^0.1.4",
-    "concurrently": "^9.2.1",
+    "concurrently": "^10.0.3",
     "lite-server": "^2.6.1",
-    "rollup": "^4.60.3",
+    "rollup": "^4.62.2",
     "source-map-loader": "^5.0.0",
-    "ts-loader": "^9.5.7",
+    "ts-loader": "^9.6.2",
     "typescript": "^6.0.3",
-    "vitest": "^4.1.6"
+    "vitest": "^4.1.9"
   },
   "optionalDependencies": {
-    "@rollup/rollup-win32-arm64-msvc": "^4.60.3"
+    "@rollup/rollup-win32-arm64-msvc": "^4.62.2"
   },
   "scripts": {
     "build": "rollup -c",

package/dist/src/rendering/spreading-engine.d.ts

@@ -1,98 +0,0 @@
-import { BoundsCache, BoundingRect } from "./bounds-cache";
-import { Logger } from "../core/logger";
-/**
- * Result of spreading calculation.
- */
-export interface SpreadingResult {
-    /** Map of element ID to its horizontal shift amount */
-    horizontalShifts: Map<string, number>;
-    /** Map of element ID to its vertical shift amount */
-    verticalShifts: Map<string, number>;
-    /** Whether any spreading was needed */
-    hasShifts: boolean;
-}
-/**
- * Metadata about spreading applied to an element for a specific version.
- */
-export interface SpreadingMetadata {
-    /** Version index that caused this spreading */
-    versionIndex: number;
-    /** Horizontal shift applied (in pixels) */
-    horizontalShift: number;
-    /** Vertical shift applied (in pixels) */
-    verticalShift: number;
-}
-/**
- * Engine for calculating spreading (making room for new elements).
- * Implements the "stone in pond" ripple effect to preserve layout.
- */
-export declare class SpreadingEngine {
-    private _boundsCache;
-    private _logger;
-    /**
-     * Map of element ID to array of spreading metadata (one per version).
-     * Each element can be shifted multiple times by different versions.
-     */
-    private _spreadingHistory;
-    constructor(boundsCache: BoundsCache, logger: Logger);
-    /**
-     * Track spreading metadata for elements affected by a version.
-     * Called after spreading is applied to record what happened.
-     *
-     * @param versionIndex - Version index that caused the spreading
-     * @param horizontalShifts - Map of element IDs to horizontal shifts
-     * @param verticalShifts - Map of element IDs to vertical shifts
-     */
-    trackSpreading(versionIndex: number, horizontalShifts: Map<string, number>, verticalShifts: Map<string, number>): void;
-    /**
-     * Get spreading metadata for elements affected by a specific version.
-     * Used when reversing spreading during backward navigation.
-     *
-     * @param versionIndex - Version index to get spreading for
-     * @returns Map of element ID to spreading metadata
-     */
-    getSpreadingForVersion(versionIndex: number): Map<string, SpreadingMetadata>;
-    /**
-     * Remove spreading history for a specific version.
-     * Called after spreading is reversed during backward navigation.
-     *
-     * @param versionIndex - Version index to remove history for
-     */
-    clearSpreadingForVersion(versionIndex: number): void;
-    /**
-     * Calculate spreading required to make room for a new element.
-     *
-     * @param newElementBounds - Bounds of the element to be added
-     * @param excludeIds - Element IDs to exclude from shifting (e.g., the new element itself)
-     * @returns Spreading result with shift amounts for each affected element
-     */
-    calculateSpreading(newElementBounds: BoundingRect, excludeIds?: string[]): SpreadingResult;
-    /**
-     * Calculate horizontal spreading.
-     * Elements overlapping on the left are shifted left, those on the right are shifted right.
-     */
-    private calculateHorizontalSpreading;
-    /**
-     * Calculate vertical spreading.
-     * Elements overlapping from above are shifted up, those from below are shifted down.
-     */
-    private calculateVerticalSpreading;
-    /**
-     * Calculate the horizontal overlap between two bounding rectangles.
-     * Returns 0 if there is no overlap.
-     */
-    private calculateHorizontalOverlap;
-    /**
-     * Calculate the vertical overlap between two bounding rectangles.
-     * Returns 0 if there is no overlap.
-     */
-    private calculateVerticalOverlap;
-    /**
-     * Check if two bounding rectangles overlap.
-     */
-    checkOverlap(rect1: BoundingRect, rect2: BoundingRect): boolean;
-    /**
-     * Find all elements that overlap with given bounds.
-     */
-    findOverlappingElements(bounds: BoundingRect, excludeIds?: string[]): string[];
-}