experimentalOpenCtx
See contextual info about code from your dev tools, in your editor and anywhere else you read code.
Editors & clients
- VS Code
- Browser ext
- GitHub
- Sourcegraph
- Cody
- CLI
- Monaco Editor
- CodeMirror
- More coming soon...
How it looks in your editor
import { SignInPage, type SignInPageProps } from './SignInPage.js'
const config: Meta = {
title: 'web/auth/SignInPage',
}
<WebStory>{() => <SignInPage context={context} authenticatedUser={null} />}</WebStory>
)
<WebStory initialEntries={[{ pathname: '/sign-in', search: '?showMore' }]}>
{() => <SignInPage context={{ ...context, primaryLoginProvidersCount: 1 }} authenticatedUser={null} />}
</WebStory>
)
<WebStory>
{() => <SignInPage context={{ ...context, sourcegraphDotComMode: true }} authenticatedUser={null} />}
</WebStory>
)
(Don't worry. It doesn't actually blink yellow in your editor, and you can easily hide the items when you don't want them.)