@taskctrl/canvas-timeline 0.1.1 → 0.2.0

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export type { Group, Item, ItemBounds, ItemState, DrawHelpers, CanvasItemRenderer, CanvasGroupItemRenderer, DayStyle, RowStyle, Dependency, TimelineTheme, MarkerConfig, CanvasTimelineProps, CanvasTimelineRef, CaptureOptions, } from './types';
+export type { Group, Item, ItemBounds, ItemState, DrawHelpers, CanvasItemRenderer, CanvasGroupItemRenderer, DayStyle, RowStyle, Dependency, TimeRangeHighlight, TimelineTheme, MarkerConfig, CanvasTimelineProps, CanvasTimelineRef, CaptureOptions, } from './types';
 export { DEFAULT_THEME } from './types';
 export { CanvasTimeline } from './CanvasTimeline';
 export { TodayMarker } from './dom/TodayMarker';

package/dist/interaction/snapUtils.d.ts

@@ -0,0 +1,15 @@
+interface SnapItem {
+    id: number;
+    start_time: number;
+    end_time: number;
+}
+/**
+ * Collect start and end X positions from all items except the dragged item.
+ */
+export declare function collectItemEdges(items: SnapItem[], excludeItemId: number, timeToX: (time: number) => number): number[];
+/**
+ * Find the best snap target from a list of edge X positions.
+ * Returns the snapped X position if an edge is within threshold, or null to fall back to time-grid snap.
+ */
+export declare function findSnapTarget(currentX: number, edgeXPositions: number[], thresholdPx: number, _pixelsPerMs: number, _dragSnap: number): number | null;
+export {};

package/dist/types.d.ts

@@ -52,6 +52,13 @@ export interface Dependency {
     type?: 'finish-to-start' | 'start-to-start' | 'finish-to-finish';
     color?: string;
 }
+export interface TimeRangeHighlight {
+    start: number;
+    end: number;
+    color: string;
+    label?: string;
+    opacity?: number;
+}
 export interface TimelineTheme {
     primary: string;
     trainColors: Record<string, string>;
@@ -121,6 +128,7 @@ export interface CanvasTimelineProps {
     rightSidebarWidth?: number;
     rightSidebarGroupRenderer?: (group: Group) => React.ReactNode;
     dependencies?: Dependency[];
+    highlights?: TimeRangeHighlight[];
     onItemClick?: (itemId: number, e: PointerEvent) => void;
     onItemDoubleClick?: (itemId: number, e: PointerEvent) => void;
     onItemContextMenu?: (itemId: number, e: PointerEvent) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taskctrl/canvas-timeline",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "High-performance canvas-based timeline component for React",
   "scripts": {
     "build": "rimraf ./dist && tsc && vite build",
@@ -8,7 +8,12 @@
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
     "lint": "eslint --ext .ts --ext .tsx ./src",
-    "prepublishOnly": "yarn build"
+    "prepublishOnly": "yarn build",
+    "release": "yarn release:patch",
+    "release:patch": "npm version patch -m \"chore: release v%s\" && git push origin HEAD --follow-tags",
+    "release:minor": "npm version minor -m \"chore: release v%s\" && git push origin HEAD --follow-tags",
+    "release:major": "npm version major -m \"chore: release v%s\" && git push origin HEAD --follow-tags",
+    "release:beta": "npm version prerelease --preid=beta -m \"chore: release v%s\" && git push origin HEAD --follow-tags"
   },
   "main": "./dist/canvas-timeline.cjs.js",
   "module": "./dist/canvas-timeline.es.js",