CodeCow/stack
1
0
Fork 0
mirror of https://github.com/stack-auth/stack.git synced 2026-06-04 21:04:37 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Resolve error handling, and SSR issues

Browse Source
This commit is contained in:
Madison 2025-09-04 05:44:42 -05:00
parent 4a16735d50
commit 4ef6c67bd8
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
docs/src/components/mdx/dynamic-code-block.tsx
View File

@ -1,5 +1,6 @@
'use client';
import { runAsynchronously } from "@stackframe/stack-shared/dist/utils/promises";
import { useEffect, useState } from "react";
import { codeToHtml } from "shiki";
import { useCodeOverlay } from "../../hooks/use-code-overlay";
@ -24,7 +25,9 @@ export function DynamicCodeblock({ code, language = 'tsx', title, useOverlay = t
// Handle window resize for responsive positioning
useEffect(() => {
const updateWindowWidth = () => {
setWindowWidth(window.innerWidth);
if (typeof window !== 'undefined') {
setWindowWidth(window.innerWidth);
}
};
// Set initial width
@ -39,7 +42,9 @@ export function DynamicCodeblock({ code, language = 'tsx', title, useOverlay = t
// Handle scroll to fade button when near bottom
useEffect(() => {
const handleScroll = () => {
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
if (typeof window === 'undefined') return;
const scrollTop = window.scrollY || document.documentElement.scrollTop;
const windowHeight = window.innerHeight;
const documentHeight = document.documentElement.scrollHeight;
@ -110,10 +115,8 @@ export function DynamicCodeblock({ code, language = 'tsx', title, useOverlay = t
// Only highlight code if not using overlay (for fallback)
if (!useOverlay) {
// eslint-disable-next-line no-restricted-syntax
updateHighlightedCode().catch(error => {
console.error('Error updating highlighted code:', error);
});
// Run async function - all errors are handled within the function
runAsynchronously(updateHighlightedCode());
}
}, [code, language, useOverlay]);