@myrmidon/gve-snapshot-rendition 0.0.4 → 0.0.6

package/README.md

@@ -102,7 +102,7 @@ This is only a reminder.
 
 ## Deployment
 
-You must be logged into NPM with your account (verify with `npm whoami`, login with `npm login` if required).
+🚀 You must be logged into NPM with your account (verify with `npm whoami`, login with `npm login` if required).
 
 1. ensure that tests pass (`pnpm test`) and be sure to build (`pnpm build`).
 2. publish via `pnpm run publish:public` or directly via `npm publish --access=public`.
@@ -159,4 +159,10 @@ Package structure:
 To deploy demo in surge:
 
 1. run the script for the demo you want to create (`deploy-demo.ps1` or `deploy-hint-demo.ps1`).
-2. in the created folder, run `surge`, enter your credentials, confirm the local source directory, and specify a URL to use (e.g. <http://gve-hint-designer.surge.sh/>).
+2. in the created folder, run `surge`, enter your credentials, confirm the local source directory, and specify a URL to use (e.g. <gve-rendition.surge.sh> or <gve-hint-designer.surge.sh/>).
+
+Demo links:
+
+- [rendition, mock text](http://gve-rendition.surge.sh)
+- [rendition, H5-48](http://gve-rendition.surge.sh?sample=h5-48)
+- [hint designer](http://gve-hint-designer.surge.sh)

package/dist/core/gve-snapshot-rendition.d.ts

@@ -30,6 +30,17 @@ export declare class GveSnapshotRendition extends HTMLElement {
     private _hilites?;
     private _panZoomInstance?;
     private _keyboardHandler?;
+    private _mainSplit?;
+    private _bottomSplit?;
+    private _verticalSplit?;
+    private static readonly LAYOUT_STORAGE_KEY;
+    /**
+     * Get the library version.
+     * This value is injected at build time via @rollup/plugin-replace
+     * from package.json. It allows consumers to verify which version
+     * of the web component is loaded.
+     */
+    static get version(): string;
     private _baseNodes;
     private _versionPalette;
     private _slideshowTimerId;
@@ -81,6 +92,22 @@ export declare class GveSnapshotRendition extends HTMLElement {
      * Render the component UI.
      */
     private render;
+    /**
+     * Initialize Split.js panes for resizable panels.
+     */
+    private initializeSplitPanes;
+    /**
+     * Load saved layout sizes from localStorage.
+     */
+    private loadLayoutSizes;
+    /**
+     * Save current layout sizes to localStorage.
+     */
+    private saveLayoutSizes;
+    /**
+     * Reset layout to default sizes.
+     */
+    resetLayout(): void;
     /**
      * Render content (base text only - starts at v0).
      * Use goToVersionIndex() to navigate to specific versions.
@@ -162,6 +189,11 @@ export declare class GveSnapshotRendition extends HTMLElement {
      * Set up hover listeners on all text elements to update details area.
      */
     private setupTextElementHoverListeners;
+    /**
+     * Attach features from featureSet to a node.
+     * Features are stored separately in the step's featureSet.nodeFeatures map.
+     */
+    private attachNodeFeatures;
     /**
      * Handle hover over a text element.
      */
@@ -170,6 +202,10 @@ export declare class GveSnapshotRendition extends HTMLElement {
      * Handle leaving a text element.
      */
     private handleTextElementLeave;
+    /**
+     * Handle click on a text element (for pinning).
+     */
+    private handleTextElementClick;
     /**
      * Navigate forward by processing operations one by one.
      * Each operation adds hints and/or text that persist for all future versions.