mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-09-10 00:05:27 +00:00
GuilhemandRuben Fiszel
cfeb294308
* Add note component
* save note size and position
* move add note button up
* nit
* Add markdown support
* wip
* fix add sticky note button
* fix text update
* Add sticky note to saved flow data
* add note color picker
* Introduce node multiselect
* Add group notes
* Adapt layout to group node
* create a note manager class
* clean reactivity
* clean
* improve adaptive layout to group note
* modify layout based on cached text height
* fined grained graph rendering for notes
* separate noteManager into editor and render
* separate noteManager into editor and render
* create a note change observer
* render note node from context
* simplify note state managment
* show note in flow viewer
* clean dirty changes
* clean selection manager
* fix layout check
* improve bg surface select
* Handle z-index for stacked group notes
* clean selection manager
* exclude notes from rect select
* Allow switch between selection modes with keyboard keys
* improve selection box styling
* prevent dragging note when editing
* nit
* Simplify selection using svelte flow built in feature
* handle note selection separately
* Add min size for notes
* improve selection toggle
* improve mode switch
* make size and position optional for group notes
* Improve initial viewport position
* Add context menu for the canevas
* nit
* Add node context menu
* improve note select
* use clickoutside for note deselect
* use pointerdown outside to close context menu
* nit
* fix selection issues
* make edges non selectable
* improve color palette
* fix backend
* fix backend check
* cargo lock restore
* Add toggle to display notes
* fix note selection
* nit
* account for css offset in for loop
* fix multiple selection pannel styling
* clear flow selection when creating note
* Improve placeholder and note default text
* Escape note edit mode when pressing Esc
* Allow note edition in local dev
* clean
* Handle subflow selection
* prevent group note resizing
* nit
* allow notes in flow expand
* Improve multi select panel
* Allow context menu in note mode
* Add event listenner to fix pane click deselect
* prevent zoom in text area in notes
* improve bounding box styling
* Use control for box selection for non mac users
* nit
* clean notes groups
* nit
* use portal for note actions
* handle assets node when computing note layout
* Simplify layout compute for notes
* use smart color choice for notes
* Switch display note when adding a new note
* clean code
* improve group note bound size calculation
* simplify AI tool nodes and asset handling
* nit
* nit
* improve flow centering
* create group note button
* Improve selection of nodes
* Revert "Improve selection of nodes"
This reverts commit d2c40d82b1.
* refert backend changes
* nit
* improve graph selection
* clean
* make backend work except job runs
* fix notSelectable
---------
Co-authored-by: Ruben Fiszel <ruben@windmill.dev>
113 lines
2.5 KiB
Svelte
113 lines
2.5 KiB
Svelte
<script lang="ts">
|
|
import { Markdown, type Plugin } from 'svelte-exmarkdown'
|
|
import { gfmPlugin } from 'svelte-exmarkdown/gfm'
|
|
import rehypeRaw from 'rehype-raw'
|
|
import { rehypeGithubAlerts } from 'rehype-github-alerts'
|
|
interface Props {
|
|
md: string
|
|
noPadding?: boolean
|
|
}
|
|
|
|
let { md, noPadding }: Props = $props()
|
|
const plugins: Plugin[] = [
|
|
gfmPlugin(),
|
|
{ rehypePlugin: [rehypeRaw] },
|
|
{ rehypePlugin: [rehypeGithubAlerts] }
|
|
]
|
|
</script>
|
|
|
|
<div class="!prose-xs {noPadding ? '' : 'pgap'}">
|
|
<Markdown {md} {plugins} />
|
|
</div>
|
|
|
|
<style global>
|
|
.pgap > p {
|
|
margin-top: 0.5rem;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
:root {
|
|
--github-alert-default-color: rgb(208, 215, 222);
|
|
--github-alert-note-color: rgb(9, 105, 218);
|
|
--github-alert-tip-color: rgb(26, 127, 55);
|
|
--github-alert-important-color: rgb(130, 80, 223);
|
|
--github-alert-warning-color: rgb(191, 135, 0);
|
|
--github-alert-caution-color: rgb(207, 34, 46);
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--github-alert-default-color: rgb(48, 54, 61);
|
|
--github-alert-note-color: rgb(31, 111, 235);
|
|
--github-alert-tip-color: rgb(35, 134, 54);
|
|
--github-alert-important-color: rgb(137, 87, 229);
|
|
--github-alert-warning-color: rgb(158, 106, 3);
|
|
--github-alert-caution-color: rgb(248, 81, 73);
|
|
}
|
|
}
|
|
|
|
.markdown-alert {
|
|
padding: 0.5rem 1rem;
|
|
margin-bottom: 16px;
|
|
border-left: 0.25em solid var(--github-alert-default-color);
|
|
}
|
|
|
|
.markdown-alert > :first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.markdown-alert > :last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.markdown-alert-note {
|
|
border-left-color: var(--github-alert-note-color);
|
|
}
|
|
|
|
.markdown-alert-tip {
|
|
border-left-color: var(--github-alert-tip-color);
|
|
}
|
|
|
|
.markdown-alert-important {
|
|
border-left-color: var(--github-alert-important-color);
|
|
}
|
|
|
|
.markdown-alert-warning {
|
|
border-left-color: var(--github-alert-warning-color);
|
|
}
|
|
|
|
.markdown-alert-caution {
|
|
border-left-color: var(--github-alert-caution-color);
|
|
}
|
|
|
|
.markdown-alert-title {
|
|
display: flex;
|
|
margin-bottom: 4px;
|
|
align-items: center;
|
|
}
|
|
|
|
.markdown-alert-title > svg {
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.markdown-alert-note .markdown-alert-title {
|
|
color: var(--github-alert-note-color);
|
|
}
|
|
|
|
.markdown-alert-tip .markdown-alert-title {
|
|
color: var(--github-alert-tip-color);
|
|
}
|
|
|
|
.markdown-alert-important .markdown-alert-title {
|
|
color: var(--github-alert-important-color);
|
|
}
|
|
|
|
.markdown-alert-warning .markdown-alert-title {
|
|
color: var(--github-alert-warning-color);
|
|
}
|
|
|
|
.markdown-alert-caution .markdown-alert-title {
|
|
color: var(--github-alert-caution-color);
|
|
}
|
|
</style>
|