From e7976178c1224df7a55f4243d29cce70a485fd1d Mon Sep 17 00:00:00 2001 From: Rahul Nailoo Date: Sun, 26 Oct 2025 22:23:12 +0530 Subject: [PATCH 1/2] Add isSolderMasked prop to CircuitPreview --- src/components/CircuitPreview.tsx | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/src/components/CircuitPreview.tsx b/src/components/CircuitPreview.tsx index 6b14a7d..7a9adc1 100644 --- a/src/components/CircuitPreview.tsx +++ b/src/components/CircuitPreview.tsx @@ -88,6 +88,7 @@ export default function CircuitPreview({ projectBaseUrl = "https://docs.tscircuit.com/", leftView, rightView, + isSolderMasked, }: { code?: string showTabs?: boolean @@ -106,6 +107,7 @@ export default function CircuitPreview({ leftView?: "code" | "pcb" | "schematic" | "3d" | "runframe" | "pinout" rightView?: "code" | "pcb" | "schematic" | "3d" | "runframe" | "pinout" projectBaseUrl?: string + isSolderMasked?: boolean }) { const { isDarkTheme } = useColorMode() const windowSize = useWindowSize() @@ -141,7 +143,15 @@ export default function CircuitPreview({ const fsMapOrCode = hasMultipleFiles ? fsMap || code : code || Object.values(fsMap ?? {})[0] - const pcbUrl = useMemo(() => createSvgUrl(fsMapOrCode, "pcb"), [fsMapOrCode]) + const createSvgUrlWithOptions = createSvgUrl as unknown as ( + source: typeof fsMapOrCode, + view: "pcb" | "schematic" | "pinout", + options?: { isSolderMasked?: boolean }, + ) => string + const pcbUrl = useMemo( + () => createSvgUrlWithOptions(fsMapOrCode, "pcb", { isSolderMasked }), + [fsMapOrCode, isSolderMasked], + ) const schUrl = useMemo( () => createSvgUrl(fsMapOrCode, "schematic"), [fsMapOrCode], From 46ed52cb5f122ae36f05dce58711d55d497c8f02 Mon Sep 17 00:00:00 2001 From: Rahul Nailoo Date: Mon, 27 Oct 2025 10:03:29 +0530 Subject: [PATCH 2/2] showSoldermask --- src/components/CircuitPreview.tsx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/components/CircuitPreview.tsx b/src/components/CircuitPreview.tsx index 7a9adc1..f3a323c 100644 --- a/src/components/CircuitPreview.tsx +++ b/src/components/CircuitPreview.tsx @@ -88,7 +88,7 @@ export default function CircuitPreview({ projectBaseUrl = "https://docs.tscircuit.com/", leftView, rightView, - isSolderMasked, + showSolderMask, }: { code?: string showTabs?: boolean @@ -107,7 +107,7 @@ export default function CircuitPreview({ leftView?: "code" | "pcb" | "schematic" | "3d" | "runframe" | "pinout" rightView?: "code" | "pcb" | "schematic" | "3d" | "runframe" | "pinout" projectBaseUrl?: string - isSolderMasked?: boolean + showSolderMask?: boolean }) { const { isDarkTheme } = useColorMode() const windowSize = useWindowSize() @@ -146,11 +146,11 @@ export default function CircuitPreview({ const createSvgUrlWithOptions = createSvgUrl as unknown as ( source: typeof fsMapOrCode, view: "pcb" | "schematic" | "pinout", - options?: { isSolderMasked?: boolean }, + options?: { showSolderMask?: boolean }, ) => string const pcbUrl = useMemo( - () => createSvgUrlWithOptions(fsMapOrCode, "pcb", { isSolderMasked }), - [fsMapOrCode, isSolderMasked], + () => createSvgUrlWithOptions(fsMapOrCode, "pcb", { showSolderMask }), + [fsMapOrCode, showSolderMask], ) const schUrl = useMemo( () => createSvgUrl(fsMapOrCode, "schematic"),