@contember/echo 0.0.18 → 0.0.20

package/dist/features/drawing/components/Shape.d.ts

@@ -1,10 +1,8 @@
-import type { Component } from 'solid-js';
+import { Component } from 'solid-js';
 import type { Shape as ShapeType } from '~/types';
-interface ShapeProps {
-    shape: ShapeType;
+type ShapeProps = ShapeType & {
     selectedShapeId: string | null;
     onShapeClick?: (id: string) => void;
-    isMask?: boolean;
-}
+};
 export declare const Shape: Component<ShapeProps>;
 export {};

package/dist/features/drawing/index.d.ts

@@ -1,5 +1,2 @@
 export * from './components';
 export * from './styles';
-export * from './hooks';
-export * from './types';
-export * from './utils';

package/dist/features/launcher/components/EchoLauncherButton.d.ts

@@ -0,0 +1,2 @@
+import type { Component } from 'solid-js';
+export declare const EchoLauncherButton: Component;

package/dist/stores/drawingStore.d.ts

@@ -0,0 +1,40 @@
+import type { DrawingTool, Point, Shape } from '~/types';
+export interface DrawingState {
+    isDrawing: boolean;
+    selectedShapeId: string | null;
+    selectedTool: DrawingTool;
+    selectedColor: string;
+    shapes: Shape[];
+    currentPoints: Point[];
+    currentPath: string;
+    showTooltip: boolean;
+    mousePosition: Point;
+    hasDrawn: boolean;
+    isDragging: boolean;
+    dragStartPos: Point | null;
+    initialClickPos: Point | null;
+    dragOffset: Point | null;
+    cursor: string;
+}
+export interface DrawingStore {
+    state: DrawingState;
+    setState: (state: Partial<DrawingState>, isClearing?: boolean) => void;
+    methods: {
+        startDrawing: (initialPoint: Point) => void;
+        updateDrawing: (point: Point) => void;
+        finishDrawing: () => void;
+        handleShapeClick: (shapeId: string) => void;
+        handleStart: (e: MouseEvent | TouchEvent) => void;
+        handleMove: (e: MouseEvent | TouchEvent) => void;
+        handleEnd: (e: MouseEvent | TouchEvent) => void;
+        handleEnter: (e: MouseEvent | TouchEvent) => void;
+        handleLeave: (e: MouseEvent | TouchEvent) => void;
+        startDrag: (point: Point) => void;
+        stopDrag: () => void;
+        setInitialClick: (point: Point | null) => void;
+        updateDragOffset: (shape: {
+            points: Point[];
+        }, point: Point) => void;
+    };
+}
+export declare const createDrawingStore: (primaryColor: string, onStateChange?: (state: Partial<DrawingState>, isClearing?: boolean) => void) => DrawingStore;

package/dist/stores/echoStore.d.ts

@@ -1,55 +1,20 @@
-import type { DrawingTool, FeedbackData, Notification, Point, Screenshot, Shape, TextConfig } from '~/types';
-export interface FeedbackState {
-    comment: string;
-    screenshot?: Screenshot;
-    isCapturing: boolean;
-    isMinimized: boolean;
-}
-export interface DrawingState {
-    isDrawing: boolean;
-    selectedShapeId: string | null;
-    selectedTool: DrawingTool;
-    selectedColor: string;
-    shapes: Shape[];
-    currentPoints: Point[];
-    currentPath: string;
-    showTooltip: boolean;
-    mousePosition: Point;
-    hasDrawn: boolean;
-    isDragging: boolean;
-    dragStartPos: Point | null;
-    initialClickPos: Point | null;
-    dragOffset: Point | null;
-}
-export interface WidgetState {
-    isOpen: boolean;
-    primaryColor: string;
-    onSubmit: (data: FeedbackData) => void | Promise<void>;
-    notification: Notification;
-    dimensions: {
-        width: number;
-        height: number;
+import type { FeedbackData, TextConfig } from '~/types';
+import { type DrawingStore } from './drawingStore';
+import { type FeedbackStore } from './feedbackStore';
+import { type WidgetStore } from './widgetStore';
+export interface EchoStore {
+    feedback: FeedbackStore;
+    drawing: DrawingStore;
+    widget: WidgetStore;
+    text: TextConfig;
+    methods: {
+        reset: () => void;
     };
-    isPagesDropdownOpen: boolean;
-    pagesCount: number;
 }
 interface EchoStoreConfig {
     primaryColor: string;
     onSubmit: (data: FeedbackData) => Promise<void>;
     text: TextConfig;
 }
-export interface EchoStore {
-    feedback: FeedbackState;
-    setFeedback: (state: Partial<FeedbackState>, isClearing?: boolean) => void;
-    drawing: DrawingState;
-    setDrawing: (state: Partial<DrawingState>, isClearing?: boolean) => void;
-    widget: WidgetState;
-    setWidget: (state: Partial<WidgetState>) => void;
-    text: TextConfig;
-    methods: {
-        reset: () => void;
-        postSubmit: (result: Notification) => void;
-    };
-}
 export declare const createEchoStore: (config: EchoStoreConfig) => EchoStore;
 export {};

package/dist/stores/feedbackStore.d.ts

@@ -0,0 +1,12 @@
+import type { Screenshot } from '~/types';
+export interface FeedbackState {
+    comment: string;
+    screenshot?: Screenshot;
+    isCapturing: boolean;
+    isMinimized: boolean;
+}
+export interface FeedbackStore {
+    state: FeedbackState;
+    setState: (state: Partial<FeedbackState>, isClearing?: boolean) => void;
+}
+export declare const createFeedbackStore: (initialComment?: string, onStateChange?: (state: Partial<FeedbackState>, isClearing?: boolean) => void) => FeedbackStore;

package/dist/stores/index.d.ts

@@ -1,2 +1,4 @@
 export * from './echoStore';
-export * from './welcomeMessageStore';
+export * from './drawingStore';
+export * from './feedbackStore';
+export * from './widgetStore';

package/dist/stores/widgetStore.d.ts

@@ -0,0 +1,22 @@
+import type { FeedbackData, Notification } from '~/types';
+export interface WidgetState {
+    isOpen: boolean;
+    primaryColor: string;
+    notification: Notification;
+    dimensions: {
+        width: number;
+        height: number;
+    };
+    isPagesDropdownOpen: boolean;
+    pagesCount: number;
+    welcomeMessageIsClosing: boolean;
+}
+export interface WidgetStore {
+    state: WidgetState;
+    setState: (state: Partial<WidgetState>) => void;
+    methods: {
+        postSubmit: (result: Notification) => void;
+        onSubmit: (data: FeedbackData) => Promise<void>;
+    };
+}
+export declare const createWidgetStore: (primaryColor: string, onSubmit: (data: FeedbackData) => Promise<void>) => WidgetStore;

package/dist/types.d.ts

@@ -63,7 +63,7 @@ export interface Point {
     y: number;
 }
 export type ShapeType = 'rectangle' | 'path';
-export type DrawingTool = 'highlight' | 'pen';
+export type DrawingTool = 'rectangle' | 'path';
 export interface Shape {
     id: string;
     type: ShapeType;

package/dist/utils/geometry.d.ts

@@ -5,3 +5,4 @@ export declare const getRectFromPoints: (points: Point[]) => {
     width: number;
     height: number;
 } | null;
+export declare const getPathFromPoints: (points: Point[]) => string | null;

package/dist/utils/index.d.ts

@@ -1,5 +1,4 @@
 export * from './device';
 export * from './screenshot';
 export * from './geometry';
-export * from './shape';
 export * from './storage';

package/dist/utils/storage.d.ts

@@ -1,4 +1,4 @@
-import type { DrawingState, FeedbackState } from '~/stores/echoStore';
+import { DrawingState, FeedbackState } from '~/stores';
 import type { Shape } from '~/types';
 interface StoredPageState {
     feedback: {

package/dist/utils/svg.d.ts

@@ -0,0 +1,13 @@
+export declare const generateCutoutPath: (dimensions: {
+    width: number;
+    height: number;
+}, currentPoints: {
+    x: number;
+    y: number;
+}[], shapes: {
+    type: string;
+    points: {
+        x: number;
+        y: number;
+    }[];
+}[]) => string;

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@contember/echo",
-  "version": "0.0.18",
+  "license": "Apache-2.0",
+  "version": "0.0.20",
   "type": "module",
   "author": "neumie@neumie.dev",
   "keywords": [

package/dist/features/drawing/hooks/index.d.ts

@@ -1,3 +0,0 @@
-export * from './useDrawing';
-export * from './useDrag';
-export * from './useViewport';

package/dist/features/drawing/hooks/useDrag.d.ts

@@ -1,17 +0,0 @@
-import type { Point } from '~/types';
-export declare const useDrag: () => {
-    state: {
-        isDragging: import("solid-js").Accessor<boolean>;
-        dragStartPos: import("solid-js").Accessor<Point | null>;
-        initialClickPos: import("solid-js").Accessor<Point | null>;
-        dragOffset: import("solid-js").Accessor<Point | null>;
-    };
-    actions: {
-        startDrag: (point: Point) => void;
-        stopDrag: () => void;
-        setInitialClick: (point: Point | null) => void;
-        updateDragOffset: (shape: {
-            points: Point[];
-        }, point: Point) => void;
-    };
-};

package/dist/features/drawing/hooks/useDrawing.d.ts

@@ -1,11 +0,0 @@
-export declare const useDrawing: () => {
-    state: import("../../../stores").DrawingState;
-    actions: {
-        handleStart: (e: MouseEvent | TouchEvent) => void;
-        handleMove: (e: MouseEvent | TouchEvent) => void;
-        handleEnd: (e: MouseEvent | TouchEvent) => void;
-        handleEnter: (e: MouseEvent | TouchEvent) => void;
-        handleLeave: (e: MouseEvent | TouchEvent) => void;
-        handleShapeClick: (shapeId: string) => void;
-    };
-};

package/dist/features/drawing/hooks/useViewport.d.ts

@@ -1,4 +0,0 @@
-export declare const useViewport: () => {
-    width: import("solid-js").Accessor<number>;
-    height: import("solid-js").Accessor<number>;
-};

package/dist/features/drawing/types/index.d.ts

@@ -1,21 +0,0 @@
-import { Point, Shape } from '~/types';
-export interface DrawingState {
-    isDrawing: boolean;
-    currentPoints: Point[];
-    currentPath: string;
-    selectedShapeId: string | null;
-    mousePosition: Point | null;
-    showTooltip: boolean;
-    hasDrawn: boolean;
-    selectedTool: string;
-    selectedColor: string;
-    shapes: Shape[];
-    isDragging: boolean;
-    dragStartPos: Point | null;
-    initialClickPos: Point | null;
-    dragOffset: Point | null;
-}
-export interface ViewportState {
-    width: number;
-    height: number;
-}

package/dist/features/drawing/utils/index.d.ts

@@ -1,2 +0,0 @@
-export * from './events';
-export * from './svg';

package/dist/features/drawing/utils/svg.d.ts

@@ -1,12 +0,0 @@
-import type { ViewportState } from '../types';
-export declare const generateCutoutPath: (viewport: ViewportState, currentPoints: {
-    x: number;
-    y: number;
-}[], shapes: {
-    type: string;
-    points: {
-        x: number;
-        y: number;
-    }[];
-}[]) => string;
-export declare const getPenCursor: (color: string) => string;

package/dist/features/launcher/components/EchoButton.d.ts

@@ -1,2 +0,0 @@
-import type { Component } from 'solid-js';
-export declare const EchoButton: Component;

package/dist/stores/welcomeMessageStore.d.ts

@@ -1,4 +0,0 @@
-export declare const welcomeMessageStore: {
-    isClosing: import("solid-js").Accessor<boolean>;
-    setIsClosing: import("solid-js").Setter<boolean>;
-};

package/dist/utils/shape.d.ts

@@ -1,2 +0,0 @@
-import { Shape } from '~/types';
-export declare const renderShape: (shape: Shape, isMask?: boolean) => import("solid-js").JSX.Element;