@popmelt.com/core 0.12.1 → 0.13.0

package/dist/index.d.mts

@@ -8,6 +8,13 @@ type BridgeEvent = {
     timestamp: number;
 };
 
+declare global {
+    interface Window {
+        __POPMELT_BRIDGE_URL__?: string;
+        __POPMELT_PROJECT_ID__?: string;
+    }
+}
+
 type PopmeltContextValue = {
     isEnabled: boolean;
 };
@@ -31,7 +38,9 @@ type StickerColorStep = (typeof STICKER_COLOR_STEPS)[number];
 declare const STICKER_FAMILIES: readonly ["padding", "margin", "border", "radius", "stack", "grid", "text", "color", "transform", "opacity"];
 type StickerFamily = (typeof STICKER_FAMILIES)[number];
 declare const SPACING_STEPS: readonly [0, 1, 2, 3, 4, 6, 8, 10, 12, 16];
+declare const TRANSLATE_STEPS: readonly [-16, -12, -10, -8, -6, -4, -3, -2, -1, 0, 1, 2, 3, 4, 6, 8, 10, 12, 16];
 declare const BORDER_STEPS: readonly [0, 1, 2, 4, 8];
+declare const DIRECTION_STEPS: readonly ["vertical", "horizontal"];
 declare const ALIGN_STEPS: readonly ["stretch", "start", "center", "end", "baseline"];
 declare const JUSTIFY_STEPS: readonly ["start", "center", "end", "between", "around", "evenly"];
 declare const GRID_COUNT_STEPS: readonly [1, 2, 3, 4, 5, 6];
@@ -40,12 +49,12 @@ declare const FONT_WEIGHT_STEPS: readonly [300, 400, 500, 600, 700, 800];
 declare const LINE_HEIGHT_STEPS: readonly ["none", "tight", "snug", "normal", "relaxed", "loose"];
 declare const LETTER_SPACING_STEPS: readonly ["tighter", "tight", "normal", "wide", "wider", "widest"];
 declare const TEXT_ALIGN_STEPS: readonly ["left", "center", "right", "justify"];
-declare const SCALE_STEPS: readonly [0, 50, 75, 90, 95, 100, 105, 110, 125, 150];
-declare const ROTATE_STEPS: readonly [0, 1, 2, 3, 6, 12, 45, 90, 180];
+declare const SCALE_STEPS: readonly [25, 50, 75, 90, 95, 100, 105, 110, 125, 150];
+declare const ROTATE_STEPS: readonly [-180, -90, -45, -25, -12, -6, -3, -2, -1, 0, 1, 2, 3, 6, 12, 25, 45, 90, 180];
 declare const OPACITY_STEPS: readonly [0, 5, 10, 20, 25, 30, 40, 50, 60, 70, 75, 80, 90, 95, 100];
 declare const MIX_BLEND_STEPS: readonly ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"];
-type StickerStep = (typeof SPACING_STEPS)[number] | (typeof BORDER_STEPS)[number] | (typeof ALIGN_STEPS)[number] | (typeof JUSTIFY_STEPS)[number] | (typeof GRID_COUNT_STEPS)[number] | (typeof FONT_SIZE_STEPS)[number] | (typeof FONT_WEIGHT_STEPS)[number] | (typeof LINE_HEIGHT_STEPS)[number] | (typeof LETTER_SPACING_STEPS)[number] | (typeof TEXT_ALIGN_STEPS)[number] | (typeof SCALE_STEPS)[number] | (typeof ROTATE_STEPS)[number] | (typeof OPACITY_STEPS)[number] | (typeof MIX_BLEND_STEPS)[number] | StickerColorStep;
-type StickerSubproperty = 'all' | 'x' | 'y' | 'top' | 'right' | 'bottom' | 'left' | 'top-left' | 'top-right' | 'bottom-right' | 'bottom-left' | 'vertical' | 'horizontal' | 'gap' | 'align' | 'justify' | 'rows' | 'columns' | 'size' | 'weight' | 'line-height' | 'letter-spacing' | 'text-align' | 'color' | 'translate' | 'scale' | 'rotate' | 'opacity' | 'mix-blend' | StickerColorName;
+type StickerStep = (typeof SPACING_STEPS)[number] | (typeof BORDER_STEPS)[number] | (typeof DIRECTION_STEPS)[number] | (typeof ALIGN_STEPS)[number] | (typeof JUSTIFY_STEPS)[number] | (typeof GRID_COUNT_STEPS)[number] | (typeof FONT_SIZE_STEPS)[number] | (typeof FONT_WEIGHT_STEPS)[number] | (typeof LINE_HEIGHT_STEPS)[number] | (typeof LETTER_SPACING_STEPS)[number] | (typeof TEXT_ALIGN_STEPS)[number] | (typeof TRANSLATE_STEPS)[number] | (typeof SCALE_STEPS)[number] | (typeof ROTATE_STEPS)[number] | (typeof OPACITY_STEPS)[number] | (typeof MIX_BLEND_STEPS)[number] | StickerColorStep;
+type StickerSubproperty = 'all' | 'x' | 'y' | 'top' | 'right' | 'bottom' | 'left' | 'top-left' | 'top-right' | 'bottom-right' | 'bottom-left' | 'vertical' | 'horizontal' | 'direction' | 'gap' | 'align' | 'justify' | 'rows' | 'columns' | 'size' | 'weight' | 'line-height' | 'letter-spacing' | 'text-align' | 'color' | 'translate' | 'scale' | 'rotate' | 'opacity' | 'mix-blend' | StickerColorName;
 
 type AnnotationLifecycleStatus = 'pending' | 'sending' | 'in_flight' | 'resolved' | 'needs_review' | 'dismissed' | 'waiting_input' | 'failed';
 type ScopeBreadth = 'instance' | 'pattern';
@@ -54,9 +63,11 @@ type Scope = {
     breadth: ScopeBreadth;
     target: ScopeTarget;
 };
-declare const TOOL_TYPES: readonly ["freehand", "line", "rectangle", "circle", "inspector", "sticker", "hand", "model"];
+declare const TOOL_TYPES: readonly ["inspector", "sticker", "model"];
 type ToolType = (typeof TOOL_TYPES)[number];
-type AnnotationType = ToolType | 'text';
+declare const LEGACY_ANNOTATION_TYPES: readonly ["freehand", "line", "rectangle", "circle"];
+type LegacyAnnotationType = (typeof LEGACY_ANNOTATION_TYPES)[number];
+type AnnotationType = LegacyAnnotationType | 'text';
 type Point = {
     x: number;
     y: number;
@@ -90,6 +101,10 @@ type StyleChange = {
         family: StickerFamily;
         subproperty: StickerSubproperty;
         step: StickerStep;
+        axisSteps?: {
+            x: StickerStep;
+            y: StickerStep;
+        };
     };
 };
 type StyleModification = {
@@ -97,6 +112,7 @@ type StyleModification = {
     durableSelector?: string;
     element: ElementInfo;
     changes: StyleChange[];
+    createdAt?: number;
     captured?: boolean;
     pathname?: string;
 };
@@ -107,6 +123,7 @@ type TextModification = {
     textNodePath: number[];
     original: string;
     modified: string;
+    createdAt?: number;
     captured?: boolean;
     pathname?: string;
 };