@veltdev/sdk-dev 4.5.6-beta.9 → 4.5.7-beta.1

package/app/client/snippyly.model.d.ts

@@ -3,7 +3,7 @@ import { Observable } from "rxjs";
 import { Config, DisableLogsConfig } from "../models/data/config.data.model";
 import { DocumentUser } from "../models/data/document-user.data.model";
 import { Location } from "../models/data/location.model";
-import { User, UserOptions, VeltAuthProvider } from "../models/data/user.data.model";
+import { User, UserOptions, VeltAuthProvider, VeltPermissionProvider } from "../models/data/user.data.model";
 import { CustomCss } from "../models/data/custom-css.data.model";
 import { AreaElement } from "../models/element/area-element.model";
 import { ArrowElement } from "../models/element/arrow-element.model";
@@ -100,6 +100,9 @@ export declare class Snippyly {
     * To set the data provider.
     */
    setDataProviders: (dataProvider: VeltDataProvider) => void;
+
+   setPermissionProvider: (permissionProvider: VeltPermissionProvider) => void;
+
    /**
     * To set the encryption provider.
     */

package/app/models/data/anchor-record.data.model.d.ts

@@ -0,0 +1,109 @@
+/**
+ * Content hash for secure, privacy-preserving element validation.
+ */
+export interface ContentHash {
+    /** MD5 hash value (base36 encoded, ~12 characters) */
+    value: string;
+    /** Hashing algorithm (always 'md5') */
+    algorithm: 'md5';
+    /** Source of hash (always 'textContent') */
+    source: 'textContent';
+}
+/**
+ * Robust anchor record for reliable DOM element re-location.
+ *
+ * Survives:
+ * - Page reloads
+ * - Framework re-renders (React, Vue, Angular)
+ * - Dynamic ID changes
+ * - Minor DOM restructuring
+ *
+ * Does not survive:
+ * - Major redesigns
+ * - Content reordering (sort, filter)
+ * - Element removal
+ *
+ * **Resolution Strategy (priority order):**
+ * 1. id (90) - Stable, non-dynamic ID
+ * 2. css (80/60) - Attribute selector
+ * 3. robustXPath (50) - Attribute-based path
+ * 4. containerHints (40) - Scoped search
+ * 5. xPath variants (32-28) - Structural fallback
+ * 6. contentHash (15) - Hash-based scan
+ *
+ * **Validation boosts:** tagName (+10), contentHash (+30)
+ *
+ * **Security:** No plaintext storage, MD5 hash only.
+ */
+export interface AnchorRecord {
+    /** Schema version (current: "1.0") */
+    version: '1.0';
+    /**
+     * Stable element ID (non-dynamic only).
+     *
+     * Excluded patterns:
+     * - yui_* (YUI framework)
+     */
+    id?: string;
+    /** Tag name (uppercase, e.g., 'DIV', 'BUTTON') */
+    tagName: string;
+    /**
+     * CSS selector from stable attributes.
+     *
+     * Example: `[data-testid='submit-btn'][role='button']`
+     */
+    elementSelector?: string;
+    /**
+     * XPath variants (in order of stability):
+     *
+     * 1. robustXPath - Attribute-based (MOST STABLE)
+     *    - Prioritizes: data-* > role > stable ID > aria-* > position
+     *    - Example: `//div[@role='main']/.../li[5]/span`
+     *    - Ignores dynamic IDs
+     *    - Stops at landmarks (main, nav, etc.)
+     *
+     * 2. xPath - Basic XPath (uses IDs when available)
+     * 3. cfXPath - Positional with class hints
+     * 4. fXPath - Pure positional (most fragile)
+     */
+    robustXPath?: string;
+    xPath?: string;
+    fXPath?: string;
+    cfXPath?: string;
+    /**
+     * Content hash for secure validation.
+     */
+    contentHash?: ContentHash;
+    /** Creation timestamp (milliseconds since epoch) */
+    createdAt?: number;
+    /** Parent element anchor record */
+    parent?: AnchorRecord;
+}
+/**
+ * Result of anchor resolution.
+ */
+export interface AnchorResolution {
+    /** Resolved element (null if not found) */
+    element: Element | null;
+    /**
+     * Resolution method used.
+     * Values: 'id', 'css', 'robustXPath', 'xPath', 'cfXPath', 'fXPath', 'contentHash', 'ancestor+tag'
+     */
+    matchedBy?: string;
+    /**
+     * Confidence score (0-120+).
+     *
+     * - 90+: High (unique ID)
+     * - 80-89: Good (unique CSS, stable attributes)
+     * - 40-79: Moderate (scoped search, multiple candidates)
+     * - 15-39: Low (XPath, hash-based fallback)
+     */
+    score?: number;
+    /**
+     * Score breakdown.
+     */
+    scoreBreakdown?: {
+        method: string;
+        score: number;
+    }[];
+}

package/app/models/data/comment-annotation.data.model.d.ts

@@ -189,6 +189,7 @@ export declare class CommentAnnotation {
     sourceId?: string;
     views?: CommentAnnotationViews;
     viewedByUserIds?: string[];
+    viewedBy?: User[];
 }
 export declare class GhostComment {
     targetElement?: TargetElement | null;

package/app/models/data/comment.data.model.d.ts

@@ -1,5 +1,6 @@
 import { Attachment } from "./attachment.model";
 import { AutocompleteGroupReplaceData, AutocompleteReplaceData, AutocompleteUserContactReplaceData } from "./autocomplete.data.model";
+import { ReactionAnnotation } from "./reaction-annotation.data.model";
 import { RecordedData } from "./recorder.model";
 import { User } from "./user.data.model";
 export declare class Comment {
@@ -86,4 +87,5 @@ export declare class Comment {
      *
      */
     isEdited?: boolean;
+    reactionAnnotations?: ReactionAnnotation[];
 }

package/app/models/data/live-state-data.data.model.d.ts

@@ -90,3 +90,9 @@ export interface LiveStateSingleEditorExternalUserPresence {
      */
     userIds?: string[];
 }
+export interface FetchLiveStateDataRequest {
+    /**
+     * Unique identifier to identify the state data you are syncing.
+     */
+    liveStateDataId?: string;
+}

package/app/models/data/target-element.data.model.d.ts

@@ -1,3 +1,4 @@
+import { AnchorRecord } from './anchor-record.data.model';
 export declare class TargetElement {
     /**
      * Xpath of target element
@@ -19,4 +20,8 @@ export declare class TargetElement {
      * Relative left position of cursor on target element
      */
     leftPercentage: number;
+    /**
+     * Robust anchor descriptor for the element
+     */
+    anchor?: AnchorRecord | null;
 }

package/app/models/data/target-text-range.data.model.d.ts

@@ -1,3 +1,4 @@
+import { AnchorRecord } from "./anchor-record.data.model";
 export declare class TargetTextRange {
     /**
      * Xpath of common Ancestor Container
@@ -11,6 +12,10 @@ export declare class TargetTextRange {
      * Full xpath of common Ancestor Container with class names
      */
     commonAncestorContainerCFXpath?: string;
+    /**
+     * Anchor of common Ancestor Container
+     */
+    commonAncestorContainerAnchor?: AnchorRecord;
     /**
      * Selected text
      */

package/app/models/data/user.data.model.d.ts

@@ -121,6 +121,7 @@ export interface PermissionQuery {
     resource: {
         id: string;
         type: 'folder' | 'document' | 'organization';
+        source: 'setDocuments' | 'identify' | 'getNotifications' | 'setNotifications';
     };
 }
 export interface PermissionResult {

package/app/models/element/comment-element.model.d.ts

@@ -1249,6 +1249,16 @@ export declare class CommentElement {
    */
   public disableForceCloseAllOnEsc: () => void;
 
+  /**
+   * To mark comment annotation as read
+   */
+  public markAsRead: (annotationId: string) => Promise<void>;
+
+  /**
+   * To mark comment annotation as unread
+   */
+  public markAsUnread: (annotationId: string) => Promise<void>;
+
   constructor();
   /**
    * Subscribe to comments on the current document.
@@ -2476,4 +2486,14 @@ export declare class CommentElement {
    * To disable force close all on esc
    */
   private _disableForceCloseAllOnEsc;
+
+  /**
+   * To mark comment annotation as read
+   */
+  private _markAsRead;
+
+  /**
+   * To mark comment annotation as unread
+   */
+  private _markAsUnread;
 }

package/app/models/element/live-state-sync-element.model.d.ts

@@ -1,6 +1,6 @@
 // @ts-nocheck
 import { ServerConnectionState } from '../../utils/enums';
-import { EditorAccessTimer, LiveStateDataConfig, LiveStateSingleEditorExternalUserPresence, SetLiveStateDataConfig, SetUserAsEditorResponse, SingleEditorConfig, UserEditorAccess } from '../data/live-state-data.data.model';
+import { EditorAccessTimer, FetchLiveStateDataRequest, LiveStateDataConfig, LiveStateSingleEditorExternalUserPresence, SetLiveStateDataConfig, SetUserAsEditorResponse, SingleEditorConfig, UserEditorAccess } from '../data/live-state-data.data.model';
 import { LiveStateEventTypesMap } from '../data/live-state-events.data.model';
 import { User } from '../data/user.data.model';
 
@@ -20,6 +20,11 @@ export declare class LiveStateSyncElement {
      */
     getLiveStateData$: <T = unknown>(liveStateDataId?: string, liveStateDataConfig?: LiveStateDataConfig) => Observable<T>;
 
+    /**
+     * Fetches live state data.
+     */
+    fetchLiveStateData: <T = unknown>(request?: FetchLiveStateDataRequest) => Promise<T>;
+
     /**
      * Sets live state data for the provided ID and data.
      */
@@ -178,6 +183,11 @@ export declare class LiveStateSyncElement {
      */
     private _getLiveStateData$;
 
+    /**
+     * Private method for fetching live state data.
+     */
+    private _fetchLiveStateData;
+
     /**
      * Private method for setting live state data.
      */

package/app/utils/enums.d.ts

@@ -72,6 +72,7 @@ export declare const RecorderEventTypes: {
     readonly RECORDING_STOPPED: "recordingStopped";
 };
 export declare const CoreEventTypes: {
+    readonly PERMISSION_PROVIDER: "permissionProvider";
     readonly VELT_BUTTON_CLICK: "veltButtonClick";
     readonly USER_UPDATE: "userUpdate";
     readonly INIT_UPDATE: "initUpdate";

package/models.d.ts

@@ -1,4 +1,5 @@
 export * from './app/utils/enums';
+export * from './app/models/data/anchor-record.data.model';
 export * from './app/models/data/attachment.model';
 export * from './app/models/data/area-annotation.data.model';
 export * from './app/models/data/arrow-annotation.data.model';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@veltdev/sdk-dev",
-    "version": "4.5.6-beta.9",
+    "version": "4.5.7-beta.1",
     "description": "Velt is an SDK to add collaborative features to your product within minutes. Example: Comments like Figma, Frame.io, Google docs or sheets, Recording like Loom, Huddles like Slack and much more.",
     "homepage": "https://velt.dev",
     "keywords": [