diff --git a/apps/web/src/lib/tool-registry.tsx b/apps/web/src/lib/tool-registry.tsx index 25225257..0d3734e0 100644 --- a/apps/web/src/lib/tool-registry.tsx +++ b/apps/web/src/lib/tool-registry.tsx @@ -170,6 +170,16 @@ const QrGeneratePreview = lazy(() => default: m.QrGeneratePreview, })), ); +const HtmlToImageSettings = lazy(() => + import("@/components/tools/html-to-image-settings").then((m) => ({ + default: m.HtmlToImageSettings, + })), +); +const HtmlToImageResults = lazy(() => + import("@/components/tools/html-to-image-results").then((m) => ({ + default: m.HtmlToImageResults, + })), +); const BarcodeReadSettings = lazy(() => import("@/components/tools/barcode-read-settings").then((m) => ({ default: m.BarcodeReadSettings, @@ -422,6 +432,14 @@ export const toolRegistry = new Map([ "qr-generate", { displayMode: "no-dropzone", Settings: QrGenerateSettings, ResultsPanel: QrGeneratePreview }, ], + [ + "html-to-image", + { + displayMode: "no-dropzone", + Settings: HtmlToImageSettings, + ResultsPanel: HtmlToImageResults, + }, + ], ["barcode-read", { displayMode: "before-after", Settings: BarcodeReadSettings }], [ "image-to-base64", diff --git a/apps/web/src/pages/tool-page.tsx b/apps/web/src/pages/tool-page.tsx index 0e830950..2e2498c6 100644 --- a/apps/web/src/pages/tool-page.tsx +++ b/apps/web/src/pages/tool-page.tsx @@ -35,6 +35,7 @@ import { useCollageStore } from "@/stores/collage-store"; import { useDuplicateStore } from "@/stores/duplicate-store"; import { useFeaturesStore } from "@/stores/features-store"; import { useFileStore } from "@/stores/file-store"; +import { useHtmlToImageStore } from "@/stores/html-to-image-store"; import { usePdfToImageStore } from "@/stores/pdf-to-image-store"; import { useQrStore } from "@/stores/qr-store"; import { useSplitStore } from "@/stores/split-store"; @@ -263,6 +264,7 @@ export function ToolPage() { usePdfToImageStore.getState().reset(); useQrStore.getState().reset(); useSplitStore.getState().reset(); + useHtmlToImageStore.getState().reset(); setPreviewTransform(null); setPreviewFilter("");