Skip to content

correct malformed template literals in FuzzyText #831

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
DavidHDev merged 3 commits into from
Jan 6, 2026
Merged

correct malformed template literals in FuzzyText #831

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
dd9fa5a
fix(FuzzyText): remove stray escaping from template literals to fix T…
houssamb4 Jan 5, 2026
e568aa1
fix(FuzzyText): remove escaped template literal artifacts
houssamb4 Jan 5, 2026
bedff8d
chore(FuzzyText): resolve merge conflict
houssamb4 Jan 5, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions src/ts-default/TextAnimations/FuzzyText/FuzzyText.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -61,8 +61,8 @@ const FuzzyText: React.FC<FuzzyTextProps> = ({
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);
Expand All @@ -89,7 +89,7 @@ const FuzzyText: React.FC<FuzzyTextProps> = ({
const offCtx = offscreen.getContext('2d');
if (!offCtx) return;

offCtx.font = \`\${fontWeight} \${fontSizeStr} \${computedFontFamily}\`;
offCtx.font = `${fontWeight} ${fontSizeStr} ${computedFontFamily}`;
offCtx.textBaseline = 'alphabetic';

let totalWidth = 0;
Expand Down Expand Up @@ -118,7 +118,7 @@ const FuzzyText: React.FC<FuzzyTextProps> = ({
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) {
Expand Down
8 changes: 4 additions & 4 deletions src/ts-tailwind/TextAnimations/FuzzyText/FuzzyText.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -61,8 +61,8 @@ const FuzzyText: React.FC<FuzzyTextProps> = ({
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);
Expand All @@ -89,7 +89,7 @@ const FuzzyText: React.FC<FuzzyTextProps> = ({
const offCtx = offscreen.getContext('2d');
if (!offCtx) return;

offCtx.font = \`\${fontWeight} \${fontSizeStr} \${computedFontFamily}\`;
offCtx.font = `${fontWeight} ${fontSizeStr} ${computedFontFamily}`;
offCtx.textBaseline = 'alphabetic';

let totalWidth = 0;
Expand Down Expand Up @@ -118,7 +118,7 @@ const FuzzyText: React.FC<FuzzyTextProps> = ({
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) {
Expand Down