mirror of
https://github.com/langchain-ai/langgraph.git
synced 2026-08-17 21:25:46 +02:00
Eugene YurtsevandGitHub
f0f329d9e1
# Overview Adding conditional rendering logic to co-locate js and python documentation. * `:::` conditional syntax can be used to switch between python only or js only content. * Contains simple unit tests for `:::` * PR adds set up for a way to implement a context switch between languages, but it will not be enabled until JS content is merged in. * Contains a script that can add javascript documentation Implementation of: https://github.com/langchain-ai/langgraph/pull/5118 ## Example Example of conditional rendering / compilation. ```markdown ### Config (static context) Config is for immutable data like user metadata or API keys. Use when you have values that don't change mid-run. Specify configuration using a key called **"configurable"** which is reserved for this purpose: :::python This content will only be rendered for the python site. ::: :::js this content will only be rendered for the js / ts site. ::: ```
42 lines
979 B
CSS
42 lines
979 B
CSS
.lang-python,
|
|
.lang-javascript {
|
|
display: none;
|
|
}
|
|
|
|
.language-switcher-global {
|
|
display: flex;
|
|
align-items: center;
|
|
padding-left: 0.5rem;
|
|
margin-right: 0.5rem;
|
|
}
|
|
|
|
/* Style the select to match the header */
|
|
.language-switcher-global select {
|
|
appearance: none;
|
|
font: inherit;
|
|
border: none;
|
|
padding: 0.25rem 0.6rem;
|
|
cursor: pointer;
|
|
outline: none;
|
|
font-weight: bolder;
|
|
}
|
|
|
|
/* Hover/focus effect */
|
|
.language-switcher-global select:hover,
|
|
.language-switcher-global select:focus {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* Theme-specific overrides */
|
|
html[data-md-color-scheme="default"] .language-switcher-global select,
|
|
html[data-md-color-scheme="default"] .language-switcher-global option {
|
|
color: #333;
|
|
background-color: transparent;
|
|
}
|
|
|
|
html[data-md-color-scheme="slate"] .language-switcher-global select,
|
|
html[data-md-color-scheme="slate"] .language-switcher-global option {
|
|
color: #eee;
|
|
background-color: transparent;
|
|
}
|