Skip to content

Tooltip Flickering & EDGE_CONFIG Handling #22

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

Open
wants to merge 5 commits into
base: main
Choose a base branch
from
Open

Tooltip Flickering & EDGE_CONFIG Handling #22

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
184e7fa
Tooltip Flickering & EDGE_CONFIG Handling
cyberkunju Oct 8, 2025
c4157b1
fixed
cyberkunju Oct 8, 2025
16a0ffc
removed the redundant comments
cyberkunju Oct 9, 2025
06be9e1
Merge branch 'browserbase:main' into main
cyberkunju Oct 9, 2025
0b4d5ed
Merge branch 'browserbase:main' into main
cyberkunju Oct 9, 2025
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
16 changes: 14 additions & 2 deletions app/api/session/route.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -131,13 +131,25 @@ async function createSession(timezone?: string) {
apiKey: process.env.BROWSERBASE_API_KEY!,
});

const config = await getAll<EdgeConfig>();
let config: EdgeConfig | undefined;
try {
// Attempt to get the Edge Config
config = await getAll<EdgeConfig>();
} catch (error) {
// If Edge Config is not available, fall back to default values
console.error("Could not get Edge Config, falling back to defaults", error);
config = {
advancedStealth: undefined,
proxies: undefined,
regionDistribution: undefined,
};
}

const {
advancedStealth: advancedStealthConfig,
proxies: proxiesConfig,
regionDistribution: distributionsConfig,
} = config;
} = config || {};

const advancedStealth: boolean = advancedStealthConfig ?? true;
const proxies: boolean = proxiesConfig ?? true;
Expand Down
21 changes: 19 additions & 2 deletions app/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,17 +16,34 @@ const Tooltip = ({
text: string;
}) => {
const [isHovered, setIsHovered] = useState(false);
const timeoutRef = useRef<NodeJS.Timeout | null>(null);

const showTooltip = useCallback(() => {
if (timeoutRef.current) {
clearTimeout(timeoutRef.current);
timeoutRef.current = null;
}
setIsHovered(true);
}, []);

const hideTooltip = useCallback(() => {
timeoutRef.current = setTimeout(() => {
setIsHovered(false);
}, 200);
}, []);

return (
<div
className="relative"
onMouseEnter={() => setIsHovered(true)}
onMouseLeave={() => setIsHovered(false)}
onMouseEnter={showTooltip}
onMouseLeave={hideTooltip}
>
{children}
<AnimatePresence>
{isHovered && (
<motion.span
onMouseEnter={showTooltip}
onMouseLeave={hideTooltip}
initial={{ opacity: 0, y: 10, scale: 0.9 }}
animate={{ opacity: 1, y: 3, scale: 1 }}
exit={{ opacity: 0, y: 10, scale: 0.9 }}
Expand Down