- deps: prism-react-renderer ^2.4.1 (#758)
- deps: remove unused dependency
remark-slug
(#742)
- Tweak
img
style (#737)
- CodeBlock: Enable
java
syntax highlighting (#669)
-
Scoobie no longer supports MDX rendering, and so many pieces of this library have been removed. (#732)
Updating SEEK-internal codebases to use MDX v2/v3 has turned out to be challenging, and made even more challenging with the abstraction of having to do it via Scoobie.
This change returns Scoobie to be a React component library only.
- CodeBlock: Update GraphQL playground links to work with multiple variables combinations (#729)
- mermaid: Handle optional
tspan
s in sequence diagrams (#724)
-
mermaid: Revise diagram styling (#715)
This is a broad design pass of our stylesheet as it pertains to diagrams currently available on
developer.seek.com
. More lines and text are now coloured correctly, and text shadows are more widely employed to improve readability on different backgrounds.
- mermaid: Fix flowchart labels being cut off in Chrome (#712)
- mermaid: Fix text rendering of edge labels (#710)
-
mermaid: Restore flowchart labels in Chrome (#707)
This fixes a regression in v17.1.2 where cut-off labels had a scrollbar rendered over them in Chrome.
- mermaid: Outline edge labels instead of drawing a translucent background box (#702)
- mermaid: Fix
ERR_REQUIRE_ESM
(#700)
- mermaid: Fix flowchart labels being cut off (#698)
- Lazy load mermaid-isomorphic to avoid import errors for non-mermaid projects (#696)
-
CodeBlock: Add
initialIndex
prop (#690) -
MdxProvider: Add
default
code block directive (#690)This supports use cases like providing successive GraphQL operation samples where argument differences are the focal point:
Permutation 1: ```graphql mutation ($input: Input!) { do(input: $input) } ``` ```json default { "input": 1 } ``` Permutation 2: ```graphql mutation ($input: Input!) { do(input: $input) } ``` ```json default { "input": 2 } ```
-
Add support for Mermaid overrides (#693)
Some Mermaid diagrams allow for YAML frontmatter. Scoobie has extended this by allowing a deep merge of the Mermaid configuration with a special
overrides
key in the frontmatter. This could be useful for diagram-specific configuration that is not otherwise easy to set.```mermaid --- overrides: gantt: useWidth: 500 --- gantt title A Gantt Diagram dateFormat YYYY-MM-DD section Section A task :a1, 2014-01-01, 30d ```
-
Replace Mermaid plugin to be backed by Playwright (#689)
Previously, the Mermaid plugin was backed by Puppeteer. This change replaces this via
mermaid-isomorphic
, in turn backed by Playwright.There are some consequences for Mermaid users:
- Output changes (you should review and tweak these)
- You'll no longer need to install puppeteer and manage it in e.g. your Dockerfiles
- Before running builds with this change, you'll need to install
mermaid-isomorphic
(which is now ascoobie
peer dependency), andplaywright
in order to run<packageManager> playwright install chromium
. This could form a postinstall script.
-
Bump minimum supported version of sku to 13.0.0 (#666)
-
deps: webpack-merge ^6.0.0 (#665)
This release bumps the minimum supported Node version to
18.18
.
- Add components override to MdxProvider (#617)
- MdxProvider: Set
Table
s tooverflowX="scroll" width="full"
(#605)
-
Table: Restore
type="stripe"
styling (#605) -
CodeBlock: Restore
bash
andshell
syntax highlighting (#605) -
mermaid: Colour flowchart circle nodes (#605)
-
Table: Add
overflowX
andwhiteSpace
props (#603)These allow you to control overflow and wrapping behaviour when width is constrained.
<> <Table /> <Table overflowX="scroll" /> <Table overflowX="scroll" whiteSpace="nowrap" /> </>