saccade 0.0.2 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/README.md +6 -6
  2. package/dist/core.cjs +288 -204
  3. package/dist/core.cjs.map +1 -1
  4. package/dist/core.d.cts +43 -13
  5. package/dist/core.d.ts +43 -13
  6. package/dist/core.mjs +287 -203
  7. package/dist/core.mjs.map +1 -1
  8. package/dist/index.cjs +334 -255
  9. package/dist/index.cjs.map +1 -1
  10. package/dist/index.d.cts +14 -12
  11. package/dist/index.d.ts +14 -12
  12. package/dist/index.mjs +330 -251
  13. package/dist/index.mjs.map +1 -1
  14. package/package.json +1 -1
package/dist/index.d.cts CHANGED
@@ -1,13 +1,13 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
1
  import * as react from 'react';
3
2
  import { ReactNode } from 'react';
3
+ import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
 
5
- type LapsePosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
6
- type LapseProps = {
5
+ type SaccadePosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
6
+ type SaccadeProps = {
7
7
  /** Panel position. Default: 'bottom-left' */
8
- position?: LapsePosition;
8
+ position?: SaccadePosition;
9
9
  };
10
- declare function Lapse({ position }: LapseProps): react_jsx_runtime.JSX.Element;
10
+ declare function Saccade({ position }: SaccadeProps): react.ReactPortal | null;
11
11
 
12
12
  type ExportFilter = 'active' | 'all-animations' | 'all-elements';
13
13
  type OutputDetailLevel = 'compact' | 'standard' | 'detailed' | 'forensic';
@@ -30,6 +30,8 @@ type AnimationInfo = {
30
30
  resolvedVars: Record<string, string> | null;
31
31
  conflicts: string[] | null;
32
32
  layoutAnimation?: boolean;
33
+ rawKeyframes?: Keyframe[];
34
+ rawTiming?: EffectTiming;
33
35
  };
34
36
  type PropertySnapshot = {
35
37
  property: string;
@@ -98,15 +100,15 @@ type TimelineExport = {
98
100
  }[];
99
101
  };
100
102
 
101
- type LapseState = 'idle' | 'recording' | 'scrubbing';
102
- declare class LapseEngine {
103
+ type SaccadeState = 'idle' | 'recording' | 'scrubbing';
104
+ declare class SaccadeEngine {
103
105
  private timing;
104
106
  private recorder;
105
107
  private scrubber;
106
108
  private capture;
107
109
  private _state;
108
110
  private listeners;
109
- get state(): LapseState;
111
+ get state(): SaccadeState;
110
112
  getCapture(): TimelineCapture | null;
111
113
  setSpeed(speed: number): void;
112
114
  getSpeed(): number;
@@ -121,13 +123,13 @@ declare class LapseEngine {
121
123
  destroy(): void;
122
124
  }
123
125
 
124
- declare function LapseProvider({ children }: {
126
+ declare function SaccadeProvider({ children }: {
125
127
  children: ReactNode;
126
128
  }): react_jsx_runtime.JSX.Element;
127
- declare function useLapseEngine(): LapseEngine;
129
+ declare function useSaccadeEngine(): SaccadeEngine;
128
130
 
129
131
  declare function useTimeline(): {
130
- state: LapseState;
132
+ state: SaccadeState;
131
133
  capture: TimelineCapture | null;
132
134
  scrubTime: number;
133
135
  copied: boolean;
@@ -149,4 +151,4 @@ declare function useSpeed(): {
149
151
  togglePause: () => void;
150
152
  };
151
153
 
152
- export { type AnimationInfo, type ExportFilter, type FrameSnapshot, Lapse, LapseEngine, type LapsePosition, type LapseProps, LapseProvider, type LapseState, type OutputDetailLevel, type Rect, type TimelineCapture, type TimelineExport, useLapseEngine, useSpeed, useTimeline };
154
+ export { type AnimationInfo, type ExportFilter, type FrameSnapshot, type OutputDetailLevel, type Rect, Saccade, SaccadeEngine, type SaccadePosition, type SaccadeProps, SaccadeProvider, type SaccadeState, type TimelineCapture, type TimelineExport, useSaccadeEngine, useSpeed, useTimeline };
package/dist/index.d.ts CHANGED
@@ -1,13 +1,13 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
1
  import * as react from 'react';
3
2
  import { ReactNode } from 'react';
3
+ import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
 
5
- type LapsePosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
6
- type LapseProps = {
5
+ type SaccadePosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
6
+ type SaccadeProps = {
7
7
  /** Panel position. Default: 'bottom-left' */
8
- position?: LapsePosition;
8
+ position?: SaccadePosition;
9
9
  };
10
- declare function Lapse({ position }: LapseProps): react_jsx_runtime.JSX.Element;
10
+ declare function Saccade({ position }: SaccadeProps): react.ReactPortal | null;
11
11
 
12
12
  type ExportFilter = 'active' | 'all-animations' | 'all-elements';
13
13
  type OutputDetailLevel = 'compact' | 'standard' | 'detailed' | 'forensic';
@@ -30,6 +30,8 @@ type AnimationInfo = {
30
30
  resolvedVars: Record<string, string> | null;
31
31
  conflicts: string[] | null;
32
32
  layoutAnimation?: boolean;
33
+ rawKeyframes?: Keyframe[];
34
+ rawTiming?: EffectTiming;
33
35
  };
34
36
  type PropertySnapshot = {
35
37
  property: string;
@@ -98,15 +100,15 @@ type TimelineExport = {
98
100
  }[];
99
101
  };
100
102
 
101
- type LapseState = 'idle' | 'recording' | 'scrubbing';
102
- declare class LapseEngine {
103
+ type SaccadeState = 'idle' | 'recording' | 'scrubbing';
104
+ declare class SaccadeEngine {
103
105
  private timing;
104
106
  private recorder;
105
107
  private scrubber;
106
108
  private capture;
107
109
  private _state;
108
110
  private listeners;
109
- get state(): LapseState;
111
+ get state(): SaccadeState;
110
112
  getCapture(): TimelineCapture | null;
111
113
  setSpeed(speed: number): void;
112
114
  getSpeed(): number;
@@ -121,13 +123,13 @@ declare class LapseEngine {
121
123
  destroy(): void;
122
124
  }
123
125
 
124
- declare function LapseProvider({ children }: {
126
+ declare function SaccadeProvider({ children }: {
125
127
  children: ReactNode;
126
128
  }): react_jsx_runtime.JSX.Element;
127
- declare function useLapseEngine(): LapseEngine;
129
+ declare function useSaccadeEngine(): SaccadeEngine;
128
130
 
129
131
  declare function useTimeline(): {
130
- state: LapseState;
132
+ state: SaccadeState;
131
133
  capture: TimelineCapture | null;
132
134
  scrubTime: number;
133
135
  copied: boolean;
@@ -149,4 +151,4 @@ declare function useSpeed(): {
149
151
  togglePause: () => void;
150
152
  };
151
153
 
152
- export { type AnimationInfo, type ExportFilter, type FrameSnapshot, Lapse, LapseEngine, type LapsePosition, type LapseProps, LapseProvider, type LapseState, type OutputDetailLevel, type Rect, type TimelineCapture, type TimelineExport, useLapseEngine, useSpeed, useTimeline };
154
+ export { type AnimationInfo, type ExportFilter, type FrameSnapshot, type OutputDetailLevel, type Rect, Saccade, SaccadeEngine, type SaccadePosition, type SaccadeProps, SaccadeProvider, type SaccadeState, type TimelineCapture, type TimelineExport, useSaccadeEngine, useSpeed, useTimeline };