Welcome to Browser.
[ enter flow state ]
Context now includes Browser
This is your shared sandbox. Cascade will have awareness of what pages you're visiting and elements on your screen to help inform your code changes.
Send Content to Cascade
Text Content
Try to some part of this text and send it to Cascade to use as context:
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam voluptatibus, quod, quia, quae quos quibusdam quas quidem quia voluptates, quos quibusdam quas quidem quia voluptates, quos quibusdam quas quidem quia.
Image Content
Hover over the image to send it to Cascade as context.
Log Viewer
Hover over the log viewer to send it to Cascade as context.
Chart Viewer
Hover over the chart viewer to send it to Cascade as context.
Code Block
You can highlight sections of the code or send whole code blocks to Cascade.
1export const interpolate = (
2 start: number,
3 end: number,
4 progress: number,
5 easing: EasingFunctionPreset = "linear",
6) => {
7 switch (easing) {
8 case "linear":
9 return start + (end - start) * progress;
10 case "easeIn":
11 return start + (end - start) * progress * progress;
12 case "easeOut":
13 return start + (end - start) * (1 - (1 - progress) * (1 - progress));
14 case "easeInOut":
15 return (
16 start +
17 (end - start) *
18 (progress < 0.5
19 ? 2 * progress * progress
20 : -1 + (4 - 2 * progress) * progress)
21 );
22 default:
23 throw new Error(`Unsupported easing type: ${easing}`);
24 }
25};