🚇 nf-metro 1.0.0 is out, in its new home under the Seqera org! It's a whopper: github.com/seqeralabs/…/1.0.0 ✨ First thing you'll notice is a swanky new Astro website built by @Phil Ewels (and tinkered with further by me): seqeralabs.github.io/nf-metro What's new: • 🛠️ Lots of work to make the engine more robust • 🎮 An initial 'playground' for building maps interactively • 📊 The ability to layer live workflow progress over a metro map ⚠️ Layout is still harder than you might think, so if your specific mermaid produces mistakes, let me know via an issue: github.com/seqeralabs/nf-metro/issues. The playground also has a button to submit errors with the mermaid code inline.

very nice! tiniest nit-pick for the logo (might be a rendering issue because it looks like it is off by 1px, but the lines are not centered with respect to the node)

Ha! I refer you to Chief Designer @Phil Ewels

second thing, something seems to be off here with the tabs

That was to make sure Phil's site showed before release, I was debating whether to drop it back to prod or not

I think they look nicer together (and probably something the godfathers/-mothers of this design already though about and stuck with the combined mode, so I would trust them)

subjective I think. But I can definitely make it controllable

for the progress section, does the video have a too low frame-rate or is that a limitation of mermaid to not have a smooth bulb animation?

Just me being crappy getting the recording

(also the blurryness radius of the bulbs is too wide and too bright imo, makes the whole image look blurry)

I've also made the default version of that less kitch than the light bulbs

is it back compatible 😄 https://github.com/nf-core/variantbenchmarking/blob/dev/docs/images/variantbenchmarking.mmd I wonder if this will still work

Like this? seqeralabs.github.io/nf-metro/dev/pipelines/variantbenchmarking

yey! it looks even better

every time someone asks me about a pipeline render I add it to the corpus I check on every PR, so I can be sure things don't break

haha, the css-color-chip plugin is a bit too ambitious here

Haha, oh yes. Phil magic also, will try to resolve

time to write a follow up issue to https://github.com/delucis/expressive-code-color-chips/issues/150 😁

I have played extensively in https://github.com/nf-core/seqinspector/pull/225 And I am actually quite pleased with the result

It'd probably work better if section 2 went over section 3. Did you try that? Might just need to reorder the lines

I haven't tried that

Like this: seqeralabs.github.io/nf-metro/…/playground#mmd-gz=…

@mashehu helped me find a bug. The svg in light mode seem to have the legend box in light, but when converting to png it is dark.

will get that one too!

Interesting, the lines get a bit jumbled, but I will try to look into this

line order matters right now, this one is a little better: seqeralabs.github.io/nf-metro/…/playground#mmd-gz=…

getting there. but the boxes 1, 2 and 4 are not aligned anymore, and the lines in the box 2 are warped

yes. Fixing!

yeah no worries, I am logging out anyway

I'm sold