External/SnapOtter
1
0
Fork 0
mirror of https://github.com/snapotter-hq/SnapOtter.git synced 2026-08-03 07:46:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat(beautify): add frontend settings component with presets and live preview

Browse Source
This commit is contained in:
SnapOtter
2026-05-08 16:26:09 +08:00
parent 7650844c8f
commit 9497e0b7fc
2 changed files with 1100 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/tools/beautify-settings.tsx
+1093
View File
File diff suppressed because it is too large Load Diff
apps/web/src/lib/tool-registry.tsx
+7
View File
@@ -194,6 +194,9 @@ const SplitCanvas = lazy(() =>
const BorderSettings = lazy(() => const BorderSettings = lazy(() =>
import("@/components/tools/border-settings").then((m) => ({ default: m.BorderSettings })), import("@/components/tools/border-settings").then((m) => ({ default: m.BorderSettings })),
); );
const BeautifySettings = lazy(() =>
import("@/components/tools/beautify-settings").then((m) => ({ default: m.BeautifySettings })),
);
const SvgToRasterSettings = lazy(() => const SvgToRasterSettings = lazy(() =>
import("@/components/tools/svg-to-raster-settings").then((m) => ({ import("@/components/tools/svg-to-raster-settings").then((m) => ({
default: m.SvgToRasterSettings, default: m.SvgToRasterSettings,
@@ -413,6 +416,10 @@ export const toolRegistry = new Map<string, ToolRegistryEntry>([
{ displayMode: "interactive-split", Settings: SplitSettings, ResultsPanel: SplitCanvas }, { displayMode: "interactive-split", Settings: SplitSettings, ResultsPanel: SplitCanvas },
], ],
["border", { displayMode: "live-preview", livePreview: true, Settings: BorderSettings as never }], ["border", { displayMode: "live-preview", livePreview: true, Settings: BorderSettings as never }],
[
"beautify",
{ displayMode: "live-preview", livePreview: true, Settings: BeautifySettings as never },
],
// Format & Conversion // Format & Conversion
["svg-to-raster", { displayMode: "before-after", Settings: SvgToRasterSettings }], ["svg-to-raster", { displayMode: "before-after", Settings: SvgToRasterSettings }],