lee/Recordly
1
0
Fork 0
mirror of https://github.com/webadderallorg/Recordly.git synced 2026-09-25 23:35:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(cursor): align Windows bundled cursor anchors

Browse Source
This commit is contained in:
webadderall
2026-03-23 19:22:40 +11:00
parent 64b136a111
commit 5523a7de4f
2 changed files with 1058 additions and 1129 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/video-editor/videoPlayback/cursorRenderer.ts
+984 -1068
View File
File diff suppressed because it is too large Load Diff
src/components/video-editor/videoPlayback/uploadedCursorAssets.ts
+74 -61
View File
@@ -1,70 +1,83 @@
import arrowUrl from '../../../assets/cursors/Cursor=Default.svg';
import closedHandUrl from '../../../assets/cursors/Cursor=Hand-(Grabbing).svg';
import crosshairUrl from '../../../assets/cursors/Cursor=Cross.svg';
import openHandUrl from '../../../assets/cursors/Cursor=Hand-(Open).svg';
import pointerUrl from '../../../assets/cursors/Cursor=Hand-(Pointing).svg';
import resizeEwUrl from '../../../assets/cursors/Cursor=Resize-West-East.svg';
import resizeNsUrl from '../../../assets/cursors/Cursor=Resize-North-South.svg';
import textUrl from '../../../assets/cursors/Cursor=Text-Cursor.svg';
import type { CursorTelemetryPoint } from '../types';
import crosshairUrl from "../../../assets/cursors/Cursor=Cross.svg";
import arrowUrl from "../../../assets/cursors/Cursor=Default.svg";
import closedHandUrl from "../../../assets/cursors/Cursor=Hand-(Grabbing).svg";
import openHandUrl from "../../../assets/cursors/Cursor=Hand-(Open).svg";
import pointerUrl from "../../../assets/cursors/Cursor=Hand-(Pointing).svg";
import resizeNsUrl from "../../../assets/cursors/Cursor=Resize-North-South.svg";
import resizeEwUrl from "../../../assets/cursors/Cursor=Resize-West-East.svg";
import textUrl from "../../../assets/cursors/Cursor=Text-Cursor.svg";
import type { CursorTelemetryPoint } from "../types";
type CursorAssetKey = NonNullable<CursorTelemetryPoint['cursorType']>;
type CursorAssetKey = NonNullable<CursorTelemetryPoint["cursorType"]>;
export type UploadedCursorAsset = {
url: string;
trim: {
x: number;
y: number;
width: number;
height: number;
};
fallbackAnchor: {
x: number;
y: number;
};
url: string;
trim: {
x: number;
y: number;
width: number;
height: number;
};
fallbackAnchor: {
x: number;
y: number;
};
platformAnchors?: Partial<Record<"darwin" | "win32" | "linux", { x: number; y: number }>>;
};
export const UPLOADED_CURSOR_SAMPLE_SIZE = 1024;
export const uploadedCursorAssets: Partial<Record<CursorAssetKey, UploadedCursorAsset>> = {
arrow: {
url: arrowUrl,
trim: { x: 480, y: 435, width: 333, height: 553 },
fallbackAnchor: { x: 0.18, y: 0.1 },
},
text: {
url: textUrl,
trim: { x: 404, y: 192, width: 247, height: 596 },
fallbackAnchor: { x: 0.5, y: 0.5 },
},
pointer: {
url: pointerUrl,
trim: { x: 352, y: 441, width: 466, height: 583 },
fallbackAnchor: { x: 0.37, y: 0.08 },
},
crosshair: {
url: crosshairUrl,
trim: { x: 288, y: 288, width: 480, height: 480 },
fallbackAnchor: { x: 0.5, y: 0.5 },
},
'open-hand': {
url: openHandUrl,
trim: { x: 288, y: 188, width: 512, height: 580 },
fallbackAnchor: { x: 0.5, y: 0.28 },
},
'closed-hand': {
url: closedHandUrl,
trim: { x: 344, y: 365, width: 432, height: 403 },
fallbackAnchor: { x: 0.5, y: 0.28 },
},
'resize-ew': {
url: resizeEwUrl,
trim: { x: 187, y: 384, width: 669, height: 270 },
fallbackAnchor: { x: 0.5, y: 0.5 },
},
'resize-ns': {
url: resizeNsUrl,
trim: { x: 376, y: 178, width: 271, height: 669 },
fallbackAnchor: { x: 0.5, y: 0.5 },
},
arrow: {
url: arrowUrl,
trim: { x: 480, y: 435, width: 333, height: 553 },
fallbackAnchor: { x: 0.18, y: 0.1 },
platformAnchors: {
win32: { x: 0.095, y: 0.056 },
},
},
text: {
url: textUrl,
trim: { x: 404, y: 192, width: 247, height: 596 },
fallbackAnchor: { x: 0.5, y: 0.5 },
},
pointer: {
url: pointerUrl,
trim: { x: 352, y: 441, width: 466, height: 583 },
fallbackAnchor: { x: 0.37, y: 0.08 },
platformAnchors: {
win32: { x: 0.29, y: 0.07 },
},
},
crosshair: {
url: crosshairUrl,
trim: { x: 288, y: 288, width: 480, height: 480 },
fallbackAnchor: { x: 0.5, y: 0.5 },
},
"open-hand": {
url: openHandUrl,
trim: { x: 288, y: 188, width: 512, height: 580 },
fallbackAnchor: { x: 0.5, y: 0.28 },
platformAnchors: {
win32: { x: 0.46, y: 0.2 },
},
},
"closed-hand": {
url: closedHandUrl,
trim: { x: 344, y: 365, width: 432, height: 403 },
fallbackAnchor: { x: 0.5, y: 0.28 },
platformAnchors: {
win32: { x: 0.47, y: 0.22 },
},
},
"resize-ew": {
url: resizeEwUrl,
trim: { x: 187, y: 384, width: 669, height: 270 },
fallbackAnchor: { x: 0.5, y: 0.5 },
},
"resize-ns": {
url: resizeNsUrl,
trim: { x: 376, y: 178, width: 271, height: 669 },
fallbackAnchor: { x: 0.5, y: 0.5 },
},
};