From dd9fa5a7c60b37570288ef030057a8ed4a952a9c Mon Sep 17 00:00:00 2001 From: Houssam Date: Mon, 5 Jan 2026 18:32:37 +0100 Subject: [PATCH 1/2] fix(FuzzyText): remove stray escaping from template literals to fix TS parse errors --- src/ts-default/TextAnimations/FuzzyText/FuzzyText.tsx | 8 ++++---- src/ts-tailwind/TextAnimations/FuzzyText/FuzzyText.tsx | 9 +++++---- 2 files changed, 9 insertions(+), 8 deletions(-) diff --git a/src/ts-default/TextAnimations/FuzzyText/FuzzyText.tsx b/src/ts-default/TextAnimations/FuzzyText/FuzzyText.tsx index 6af17c23..fabeb010 100644 --- a/src/ts-default/TextAnimations/FuzzyText/FuzzyText.tsx +++ b/src/ts-default/TextAnimations/FuzzyText/FuzzyText.tsx @@ -61,8 +61,8 @@ const FuzzyText: React.FC = ({ const computedFontFamily = fontFamily === 'inherit' ? window.getComputedStyle(canvas).fontFamily || 'sans-serif' : fontFamily; - const fontSizeStr = typeof fontSize === 'number' ? \`\${fontSize}px\` : fontSize; - const fontString = \`\${fontWeight} \${fontSizeStr} \${computedFontFamily}\`; + const fontSizeStr = typeof fontSize === 'number' ? `${fontSize}px` : fontSize; + const fontString = `${fontWeight} ${fontSizeStr} ${computedFontFamily}`; try { await document.fonts.load(fontString); @@ -89,7 +89,7 @@ const FuzzyText: React.FC = ({ const offCtx = offscreen.getContext('2d'); if (!offCtx) return; - offCtx.font = \`\${fontWeight} \${fontSizeStr} \${computedFontFamily}\`; + offCtx.font = `${fontWeight} ${fontSizeStr} ${computedFontFamily}`; offCtx.textBaseline = 'alphabetic'; let totalWidth = 0; @@ -118,7 +118,7 @@ const FuzzyText: React.FC = ({ offscreen.height = tightHeight; const xOffset = extraWidthBuffer / 2; - offCtx.font = \`\${fontWeight} \${fontSizeStr} \${computedFontFamily}\`; + offCtx.font = `${fontWeight} ${fontSizeStr} ${computedFontFamily}`; offCtx.textBaseline = 'alphabetic'; if (gradient && Array.isArray(gradient) && gradient.length >= 2) { diff --git a/src/ts-tailwind/TextAnimations/FuzzyText/FuzzyText.tsx b/src/ts-tailwind/TextAnimations/FuzzyText/FuzzyText.tsx index 6af17c23..aabfdc02 100644 --- a/src/ts-tailwind/TextAnimations/FuzzyText/FuzzyText.tsx +++ b/src/ts-tailwind/TextAnimations/FuzzyText/FuzzyText.tsx @@ -61,8 +61,8 @@ const FuzzyText: React.FC = ({ const computedFontFamily = fontFamily === 'inherit' ? window.getComputedStyle(canvas).fontFamily || 'sans-serif' : fontFamily; - const fontSizeStr = typeof fontSize === 'number' ? \`\${fontSize}px\` : fontSize; - const fontString = \`\${fontWeight} \${fontSizeStr} \${computedFontFamily}\`; + const fontSizeStr = typeof fontSize === 'number' ? `${fontSize}px` : fontSize; + const fontString = `${fontWeight} ${fontSizeStr} ${computedFontFamily}`; try { await document.fonts.load(fontString); @@ -89,7 +89,8 @@ const FuzzyText: React.FC = ({ const offCtx = offscreen.getContext('2d'); if (!offCtx) return; - offCtx.font = \`\${fontWeight} \${fontSizeStr} \${computedFontFamily}\`; + + offCtx.font = `${fontWeight} ${fontSizeStr} ${computedFontFamily}`; offCtx.textBaseline = 'alphabetic'; let totalWidth = 0; @@ -118,7 +119,7 @@ const FuzzyText: React.FC = ({ offscreen.height = tightHeight; const xOffset = extraWidthBuffer / 2; - offCtx.font = \`\${fontWeight} \${fontSizeStr} \${computedFontFamily}\`; + offCtx.font = `${fontWeight} ${fontSizeStr} ${computedFontFamily}`; offCtx.textBaseline = 'alphabetic'; if (gradient && Array.isArray(gradient) && gradient.length >= 2) { From e568aa168ffb33753250f27f7a4abab5dd92871d Mon Sep 17 00:00:00 2001 From: Houssam Date: Mon, 5 Jan 2026 18:37:52 +0100 Subject: [PATCH 2/2] fix(FuzzyText): remove escaped template literal artifacts --- src/ts-default/TextAnimations/FuzzyText/FuzzyText.tsx | 8 ++++---- src/ts-tailwind/TextAnimations/FuzzyText/FuzzyText.tsx | 8 ++++---- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/src/ts-default/TextAnimations/FuzzyText/FuzzyText.tsx b/src/ts-default/TextAnimations/FuzzyText/FuzzyText.tsx index 6af17c23..fabeb010 100644 --- a/src/ts-default/TextAnimations/FuzzyText/FuzzyText.tsx +++ b/src/ts-default/TextAnimations/FuzzyText/FuzzyText.tsx @@ -61,8 +61,8 @@ const FuzzyText: React.FC = ({ const computedFontFamily = fontFamily === 'inherit' ? window.getComputedStyle(canvas).fontFamily || 'sans-serif' : fontFamily; - const fontSizeStr = typeof fontSize === 'number' ? \`\${fontSize}px\` : fontSize; - const fontString = \`\${fontWeight} \${fontSizeStr} \${computedFontFamily}\`; + const fontSizeStr = typeof fontSize === 'number' ? `${fontSize}px` : fontSize; + const fontString = `${fontWeight} ${fontSizeStr} ${computedFontFamily}`; try { await document.fonts.load(fontString); @@ -89,7 +89,7 @@ const FuzzyText: React.FC = ({ const offCtx = offscreen.getContext('2d'); if (!offCtx) return; - offCtx.font = \`\${fontWeight} \${fontSizeStr} \${computedFontFamily}\`; + offCtx.font = `${fontWeight} ${fontSizeStr} ${computedFontFamily}`; offCtx.textBaseline = 'alphabetic'; let totalWidth = 0; @@ -118,7 +118,7 @@ const FuzzyText: React.FC = ({ offscreen.height = tightHeight; const xOffset = extraWidthBuffer / 2; - offCtx.font = \`\${fontWeight} \${fontSizeStr} \${computedFontFamily}\`; + offCtx.font = `${fontWeight} ${fontSizeStr} ${computedFontFamily}`; offCtx.textBaseline = 'alphabetic'; if (gradient && Array.isArray(gradient) && gradient.length >= 2) { diff --git a/src/ts-tailwind/TextAnimations/FuzzyText/FuzzyText.tsx b/src/ts-tailwind/TextAnimations/FuzzyText/FuzzyText.tsx index 6af17c23..fabeb010 100644 --- a/src/ts-tailwind/TextAnimations/FuzzyText/FuzzyText.tsx +++ b/src/ts-tailwind/TextAnimations/FuzzyText/FuzzyText.tsx @@ -61,8 +61,8 @@ const FuzzyText: React.FC = ({ const computedFontFamily = fontFamily === 'inherit' ? window.getComputedStyle(canvas).fontFamily || 'sans-serif' : fontFamily; - const fontSizeStr = typeof fontSize === 'number' ? \`\${fontSize}px\` : fontSize; - const fontString = \`\${fontWeight} \${fontSizeStr} \${computedFontFamily}\`; + const fontSizeStr = typeof fontSize === 'number' ? `${fontSize}px` : fontSize; + const fontString = `${fontWeight} ${fontSizeStr} ${computedFontFamily}`; try { await document.fonts.load(fontString); @@ -89,7 +89,7 @@ const FuzzyText: React.FC = ({ const offCtx = offscreen.getContext('2d'); if (!offCtx) return; - offCtx.font = \`\${fontWeight} \${fontSizeStr} \${computedFontFamily}\`; + offCtx.font = `${fontWeight} ${fontSizeStr} ${computedFontFamily}`; offCtx.textBaseline = 'alphabetic'; let totalWidth = 0; @@ -118,7 +118,7 @@ const FuzzyText: React.FC = ({ offscreen.height = tightHeight; const xOffset = extraWidthBuffer / 2; - offCtx.font = \`\${fontWeight} \${fontSizeStr} \${computedFontFamily}\`; + offCtx.font = `${fontWeight} ${fontSizeStr} ${computedFontFamily}`; offCtx.textBaseline = 'alphabetic'; if (gradient && Array.isArray(gradient) && gradient.length >= 2) {