ext/hyperframes
2
0
Fork 0
mirror of https://github.com/heygen-com/hyperframes.git synced 2026-09-11 23:00:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: apply oxfmt baseline formatting across all source files (#25)

Browse Source 
## Summary
- Run `oxfmt .` across the entire codebase to establish formatted baseline
- 299 files changed — mechanical formatting only, no logic changes
- Double quotes, semicolons, 2-space indent, trailing commas, 100 print width

Part 3/4 of [VA-851](https://linear.app/heygen/issue/VA-851/pre-migration-configure-eslint-prettier-and-conventional-commits)

## Test plan
- [x] `pnpm format:check` — all 426 files pass
- [x] `pnpm -r typecheck` — all packages pass
- [x] `pnpm build` — all packages build
- [x] All 348 tests pass
This commit is contained in:
Vance Ingalls
2026-03-23 17:15:14 -07:00
committed by GitHub
parent 323ff8f860
commit 20be2ea1c2
299 changed files with 27750 additions and 16792 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/studio/src/components/editor/PropertyPanel.tsx
+81 -15
View File
@@ -14,7 +14,15 @@ interface PropertyPanelProps {
onSetText?: (text: string) => void;
}
function PropertyRow({ label, value, onChange }: { label: string; value: string; onChange: (v: string) => void }) {
function PropertyRow({
label,
value,
onChange,
}: {
label: string;
value: string;
onChange: (v: string) => void;
}) {
return (
<div className="flex items-center gap-2">
<span className="text-2xs text-neutral-600 w-16 flex-shrink-0 text-right">{label}</span>
@@ -28,12 +36,23 @@ function PropertyRow({ label, value, onChange }: { label: string; value: string;
);
}
function ColorRow({ label, value, onChange }: { label: string; value: string; onChange: (v: string) => void }) {
function ColorRow({
label,
value,
onChange,
}: {
label: string;
value: string;
onChange: (v: string) => void;
}) {
return (
<div className="flex items-center gap-2">
<span className="text-2xs text-neutral-600 w-16 flex-shrink-0 text-right">{label}</span>
<div className="flex items-center gap-1 flex-1">
<div className="w-5 h-5 rounded border border-neutral-700 flex-shrink-0" style={{ backgroundColor: value }} />
<div
className="w-5 h-5 rounded border border-neutral-700 flex-shrink-0"
style={{ backgroundColor: value }}
/>
<input
type="text"
value={value}
@@ -49,7 +68,9 @@ function SectionHeader({ icon: Icon, label }: { icon: typeof Move; label: string
return (
<div className="flex items-center gap-1.5 mt-2 mb-1">
<Icon size={10} className="text-neutral-600" />
<span className="text-2xs font-medium text-neutral-500 uppercase tracking-wider">{label}</span>
<span className="text-2xs font-medium text-neutral-500 uppercase tracking-wider">
{label}
</span>
</div>
);
}
@@ -98,7 +119,12 @@ export const PropertyPanel = memo(function PropertyPanel({
onClick={isPickMode ? onDisablePick : onEnablePick}
className={isPickMode ? "text-blue-400 bg-blue-500/10" : ""}
/>
<IconButton icon={<X size={11} />} aria-label="Clear selection" size="sm" onClick={onClearPick} />
<IconButton
icon={<X size={11} />}
aria-label="Clear selection"
size="sm"
onClick={onClearPick}
/>
</div>
</div>
@@ -113,10 +139,26 @@ export const PropertyPanel = memo(function PropertyPanel({
{/* Position & Size */}
<SectionHeader icon={Move} label="Position & Size" />
<div className="grid grid-cols-2 gap-1">
<PropertyRow label="X" value={s["left"] ?? "auto"} onChange={(v) => onSetStyle("left", v)} />
<PropertyRow label="Y" value={s["top"] ?? "auto"} onChange={(v) => onSetStyle("top", v)} />
<PropertyRow label="W" value={s["width"] ?? "auto"} onChange={(v) => onSetStyle("width", v)} />
<PropertyRow label="H" value={s["height"] ?? "auto"} onChange={(v) => onSetStyle("height", v)} />
<PropertyRow
label="X"
value={s["left"] ?? "auto"}
onChange={(v) => onSetStyle("left", v)}
/>
<PropertyRow
label="Y"
value={s["top"] ?? "auto"}
onChange={(v) => onSetStyle("top", v)}
/>
<PropertyRow
label="W"
value={s["width"] ?? "auto"}
onChange={(v) => onSetStyle("width", v)}
/>
<PropertyRow
label="H"
value={s["height"] ?? "auto"}
onChange={(v) => onSetStyle("height", v)}
/>
</div>
{/* Typography */}
@@ -127,8 +169,16 @@ export const PropertyPanel = memo(function PropertyPanel({
element.tagName === "h2") && (
<>
<SectionHeader icon={Type} label="Typography" />
<PropertyRow label="Size" value={s["font-size"] ?? ""} onChange={(v) => onSetStyle("font-size", v)} />
<PropertyRow label="Weight" value={s["font-weight"] ?? ""} onChange={(v) => onSetStyle("font-weight", v)} />
<PropertyRow
label="Size"
value={s["font-size"] ?? ""}
onChange={(v) => onSetStyle("font-size", v)}
/>
<PropertyRow
label="Weight"
value={s["font-weight"] ?? ""}
onChange={(v) => onSetStyle("font-weight", v)}
/>
<PropertyRow
label="Family"
value={s["font-family"]?.split(",")[0] ?? ""}
@@ -139,7 +189,11 @@ export const PropertyPanel = memo(function PropertyPanel({
{/* Colors */}
<SectionHeader icon={Palette} label="Colors" />
<ColorRow label="Color" value={s["color"] ?? "#fff"} onChange={(v) => onSetStyle("color", v)} />
<ColorRow
label="Color"
value={s["color"] ?? "#fff"}
onChange={(v) => onSetStyle("color", v)}
/>
<ColorRow
label="Background"
value={s["background-color"] ?? "transparent"}
@@ -148,14 +202,26 @@ export const PropertyPanel = memo(function PropertyPanel({
{/* Appearance */}
<SectionHeader icon={Eye} label="Appearance" />
<PropertyRow label="Opacity" value={s["opacity"] ?? "1"} onChange={(v) => onSetStyle("opacity", v)} />
<PropertyRow
label="Opacity"
value={s["opacity"] ?? "1"}
onChange={(v) => onSetStyle("opacity", v)}
/>
<PropertyRow
label="Radius"
value={s["border-radius"] ?? "0"}
onChange={(v) => onSetStyle("border-radius", v)}
/>
<PropertyRow label="Z-index" value={s["z-index"] ?? "auto"} onChange={(v) => onSetStyle("z-index", v)} />
<PropertyRow label="Transform" value={s["transform"] ?? "none"} onChange={(v) => onSetStyle("transform", v)} />
<PropertyRow
label="Z-index"
value={s["z-index"] ?? "auto"}
onChange={(v) => onSetStyle("z-index", v)}
/>
<PropertyRow
label="Transform"
value={s["transform"] ?? "none"}
onChange={(v) => onSetStyle("transform", v)}
/>
{/* Timing */}
{(element.dataAttributes["start"] || element.dataAttributes["duration"]) && (
packages/studio/src/components/editor/SourceEditor.tsx
+8 -7
View File
@@ -1,5 +1,11 @@
import { useRef, useCallback, memo } from "react";
import { EditorView, keymap, lineNumbers, highlightActiveLine, highlightActiveLineGutter } from "@codemirror/view";
import {
EditorView,
keymap,
lineNumbers,
highlightActiveLine,
highlightActiveLineGutter,
} from "@codemirror/view";
import { EditorState } from "@codemirror/state";
import { defaultKeymap, history, historyKeymap } from "@codemirror/commands";
import { bracketMatching, foldGutter, indentOnInput } from "@codemirror/language";
@@ -90,12 +96,7 @@ export const SourceEditor = memo(function SourceEditor({
bracketMatching(),
closeBrackets(),
highlightSelectionMatches(),
keymap.of([
...closeBracketsKeymap,
...defaultKeymap,
...searchKeymap,
...historyKeymap,
]),
keymap.of([...closeBracketsKeymap, ...defaultKeymap, ...searchKeymap, ...historyKeymap]),
getLanguageExtension(lang),
oneDark,
updateListener,