chore: normalize line endings

1 files changed, 148 insertions, 148 deletions

diff --git a/apps/web/src/components/editor/panels/properties/hooks/use-keyframed-param-property.ts b/apps/web/src/components/editor/panels/properties/hooks/use-keyframed-param-property.ts
index 335e3fb6..92b5d634 100644
--- a/apps/web/src/components/editor/panels/properties/hooks/use-keyframed-param-property.ts
+++ b/apps/web/src/components/editor/panels/properties/hooks/use-keyframed-param-property.ts
@@ -1,148 +1,148 @@
-"use client";
-
-import { useEditor } from "@/hooks/use-editor";
-import {
-	buildGraphicParamPath,
-	getKeyframeAtTime,
-	getParamDefaultInterpolation,
-	getParamValueKind,
-	hasKeyframesForPath,
-	upsertPathKeyframe,
-} from "@/lib/animation";
-import type {
-	ElementAnimations,
-} from "@/lib/animation/types";
-import type { ParamDefinition } from "@/lib/params";
-import type { TimelineElement } from "@/lib/timeline";
-
-export interface KeyframedParamPropertyResult {
-	hasAnimatedKeyframes: boolean;
-	isKeyframedAtTime: boolean;
-	keyframeIdAtTime: string | null;
-	onPreview: (value: number | string | boolean) => void;
-	onCommit: () => void;
-	toggleKeyframe: () => void;
-}
-
-export function useKeyframedParamProperty({
-	param,
-	trackId,
-	elementId,
-	animations,
-	localTime,
-	isPlayheadWithinElementRange,
-	resolvedValue,
-	buildBaseUpdates,
-}: {
-	param: ParamDefinition;
-	trackId: string;
-	elementId: string;
-	animations: ElementAnimations | undefined;
-	localTime: number;
-	isPlayheadWithinElementRange: boolean;
-	resolvedValue: number | string | boolean;
-	buildBaseUpdates: ({
-		value,
-	}: {
-		value: number | string | boolean;
-	}) => Partial<TimelineElement>;
-}): KeyframedParamPropertyResult {
-	const editor = useEditor();
-	const propertyPath = buildGraphicParamPath({ paramKey: param.key });
-	const hasAnimatedKeyframes = hasKeyframesForPath({
-		animations,
-		propertyPath,
-	});
-	const keyframeAtTime = isPlayheadWithinElementRange
-		? getKeyframeAtTime({
-				animations,
-				propertyPath,
-				time: localTime,
-			})
-		: null;
-	const keyframeIdAtTime = keyframeAtTime?.id ?? null;
-	const isKeyframedAtTime = keyframeAtTime !== null;
-	const shouldUseAnimatedChannel =
-		hasAnimatedKeyframes && isPlayheadWithinElementRange;
-
-	const previewValue: KeyframedParamPropertyResult["onPreview"] = (value) => {
-		if (shouldUseAnimatedChannel) {
-			editor.timeline.previewElements({
-				updates: [
-					{
-						trackId,
-						elementId,
-						updates: {
-							animations: upsertPathKeyframe({
-								animations,
-								propertyPath,
-								time: localTime,
-								value,
-								valueKind: getParamValueKind({ param }),
-								defaultInterpolation: getParamDefaultInterpolation({
-									param,
-								}),
-								numericRange:
-									param.type === "number"
-										? { min: param.min, max: param.max, step: param.step }
-										: undefined,
-							}),
-						},
-					},
-				],
-			});
-			return;
-		}
-
-		editor.timeline.previewElements({
-			updates: [
-				{
-					trackId,
-					elementId,
-					updates: buildBaseUpdates({ value }),
-				},
-			],
-		});
-	};
-
-	const toggleKeyframe = () => {
-		if (!isPlayheadWithinElementRange) {
-			return;
-		}
-
-		if (keyframeIdAtTime) {
-			editor.timeline.removeKeyframes({
-				keyframes: [
-					{
-						trackId,
-						elementId,
-						propertyPath,
-						keyframeId: keyframeIdAtTime,
-					},
-				],
-			});
-			return;
-		}
-
-		editor.timeline.upsertKeyframes({
-			keyframes: [
-				{
-					trackId,
-					elementId,
-					propertyPath,
-					time: localTime,
-					value: resolvedValue,
-				},
-			],
-		});
-	};
-
-	return {
-		hasAnimatedKeyframes,
-		isKeyframedAtTime,
-		keyframeIdAtTime,
-		onPreview: previewValue,
-		onCommit: () => editor.timeline.commitPreview(),
-		toggleKeyframe,
-	};
-}
+"use client";

+

+import { useEditor } from "@/hooks/use-editor";

+import {

+	buildGraphicParamPath,

+	getKeyframeAtTime,

+	getParamDefaultInterpolation,

+	getParamValueKind,

+	hasKeyframesForPath,

+	upsertPathKeyframe,

+} from "@/lib/animation";

+import type {

+	ElementAnimations,

+} from "@/lib/animation/types";

+import type { ParamDefinition } from "@/lib/params";

+import type { TimelineElement } from "@/lib/timeline";

+

+export interface KeyframedParamPropertyResult {

+	hasAnimatedKeyframes: boolean;

+	isKeyframedAtTime: boolean;

+	keyframeIdAtTime: string | null;

+	onPreview: (value: number | string | boolean) => void;

+	onCommit: () => void;

+	toggleKeyframe: () => void;

+}

+

+export function useKeyframedParamProperty({

+	param,

+	trackId,

+	elementId,

+	animations,

+	localTime,

+	isPlayheadWithinElementRange,

+	resolvedValue,

+	buildBaseUpdates,

+}: {

+	param: ParamDefinition;

+	trackId: string;

+	elementId: string;

+	animations: ElementAnimations | undefined;

+	localTime: number;

+	isPlayheadWithinElementRange: boolean;

+	resolvedValue: number | string | boolean;

+	buildBaseUpdates: ({

+		value,

+	}: {

+		value: number | string | boolean;

+	}) => Partial<TimelineElement>;

+}): KeyframedParamPropertyResult {

+	const editor = useEditor();

+	const propertyPath = buildGraphicParamPath({ paramKey: param.key });

+	const hasAnimatedKeyframes = hasKeyframesForPath({

+		animations,

+		propertyPath,

+	});

+	const keyframeAtTime = isPlayheadWithinElementRange

+		? getKeyframeAtTime({

+				animations,

+				propertyPath,

+				time: localTime,

+			})

+		: null;

+	const keyframeIdAtTime = keyframeAtTime?.id ?? null;

+	const isKeyframedAtTime = keyframeAtTime !== null;

+	const shouldUseAnimatedChannel =

+		hasAnimatedKeyframes && isPlayheadWithinElementRange;

+

+	const previewValue: KeyframedParamPropertyResult["onPreview"] = (value) => {

+		if (shouldUseAnimatedChannel) {

+			editor.timeline.previewElements({

+				updates: [

+					{

+						trackId,

+						elementId,

+						updates: {

+							animations: upsertPathKeyframe({

+								animations,

+								propertyPath,

+								time: localTime,

+								value,

+								valueKind: getParamValueKind({ param }),

+								defaultInterpolation: getParamDefaultInterpolation({

+									param,

+								}),

+								numericRange:

+									param.type === "number"

+										? { min: param.min, max: param.max, step: param.step }

+										: undefined,

+							}),

+						},

+					},

+				],

+			});

+			return;

+		}

+

+		editor.timeline.previewElements({

+			updates: [

+				{

+					trackId,

+					elementId,

+					updates: buildBaseUpdates({ value }),

+				},

+			],

+		});

+	};

+

+	const toggleKeyframe = () => {

+		if (!isPlayheadWithinElementRange) {

+			return;

+		}

+

+		if (keyframeIdAtTime) {

+			editor.timeline.removeKeyframes({

+				keyframes: [

+					{

+						trackId,

+						elementId,

+						propertyPath,

+						keyframeId: keyframeIdAtTime,

+					},

+				],

+			});

+			return;

+		}

+

+		editor.timeline.upsertKeyframes({

+			keyframes: [

+				{

+					trackId,

+					elementId,

+					propertyPath,

+					time: localTime,

+					value: resolvedValue,

+				},

+			],

+		});

+	};

+

+	return {

+		hasAnimatedKeyframes,

+		isKeyframedAtTime,

+		keyframeIdAtTime,

+		onPreview: previewValue,

+		onCommit: () => editor.timeline.commitPreview(),

+		toggleKeyframe,

+	};

+}