[docs-infra] Add More Highlighting Extensions by dav-is · Pull Request #1373 · mui/mui-public

dav-is · 2026-05-04T21:14:49Z

Add support for --color-docs-infra-syntax-punctuation, --color-docs-infra-syntax-jsx-variable, and --color-docs-infra-syntax-property-string, --color-docs-infra-syntax-object-property, --color-docs-infra-syntax-template-expression, --color-docs-infra-syntax-template-delimiter

Preview Deploy

…nfra-syntax-jsx-variable, and --color-docs-infra-syntax-property-string Co-authored-by: Copilot <copilot@github.com>

code-infra-dashboard · 2026-05-04T21:14:50Z

Deploy preview

docs/app/docs-infra/pipeline/parse-source/page.mdx

Bundle size

Total Size Change: 🔺+3.53KB^(+0.14%) - Total Gzip Change: 🔺+1.05KB^(+0.15%)
Files: 63 total (0 added, 0 removed, 2 changed)

Show details for 63 more bundles

@mui/internal-docs-infra/CodeProvider parsed: 🔺+3.53KB^(+2.35%) gzip: 🔺+1.04KB^(+2.34%)
@mui/internal-docs-infra/abstractCreateDemo parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/abstractCreateDemoClient parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/abstractCreateStream parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/abstractCreateTypes parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/ChunkProvider parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/cli parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/CodeControllerContext parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/CodeExternalsContext parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/CodeHighlighter parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/CodeHighlighter/errors parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/CodeHighlighter/types parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/CoordinatedLazy parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/CoordinatedLazy/types parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/createDemoData parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/createDemoData/types parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/createSitemap parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/createSitemap/types parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/useCode parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/useCodeWindow parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/useCoordinated parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/useCopier parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/useDemo parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/useErrors parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/useLocalStorageState parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/usePreference parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/useScrollAnchor parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/useSearch parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/useSearch/types parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/useStream parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/useStream/types parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/useType parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/useTypes parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/useUrlHashState parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/internal-docs-infra/withDocsInfra parsed: 0B^(0.00%) gzip: 0B^(0.00%)
addLineGutters parsed: 0B^(0.00%) gzip: 0B^(0.00%)
CodeHighlighterChunk parsed: 0B^(0.00%) gzip: 0B^(0.00%)
CodeHighlighterClient parsed: 0B^(0.00%) gzip: 0B^(0.00%)
CodeInitialSourceLoader parsed: 0B^(0.00%) gzip: 0B^(0.00%)
CodeSourceLoader parsed: 0B^(0.00%) gzip: 0B^(0.00%)
createFrame parsed: 0B^(0.00%) gzip: 0B^(0.00%)
createParseSourceWorkerClient parsed: 0B^(0.00%) gzip: 🔺+7B^(+0.91%)
EditingEngine parsed: 0B^(0.00%) gzip: 0B^(0.00%)
embedTransforms parsed: 0B^(0.00%) gzip: 0B^(0.00%)
enhanceCodeEmphasis parsed: 0B^(0.00%) gzip: 0B^(0.00%)
findExpandingRanges parsed: 0B^(0.00%) gzip: 0B^(0.00%)
getHastTextContent parsed: 0B^(0.00%) gzip: 0B^(0.00%)
grammarLoaders parsed: 0B^(0.00%) gzip: 0B^(0.00%)
grammarMaps parsed: 0B^(0.00%) gzip: 0B^(0.00%)
grammars parsed: 0B^(0.00%) gzip: 0B^(0.00%)
loadIsomorphicCodeVariant parsed: 0B^(0.00%) gzip: 0B^(0.00%)
parseSource parsed: 0B^(0.00%) gzip: 0B^(0.00%)
source.css parsed: 0B^(0.00%) gzip: 0B^(0.00%)
source.js parsed: 0B^(0.00%) gzip: 0B^(0.00%)
source.json parsed: 0B^(0.00%) gzip: 0B^(0.00%)
source.mdx parsed: 0B^(0.00%) gzip: 0B^(0.00%)
source.shell parsed: 0B^(0.00%) gzip: 0B^(0.00%)
source.ts parsed: 0B^(0.00%) gzip: 0B^(0.00%)
source.tsx parsed: 0B^(0.00%) gzip: 0B^(0.00%)
source.yaml parsed: 0B^(0.00%) gzip: 0B^(0.00%)
text.html.basic parsed: 0B^(0.00%) gzip: 0B^(0.00%)
text.md parsed: 0B^(0.00%) gzip: 0B^(0.00%)
TransformEngine parsed: 0B^(0.00%) gzip: 0B^(0.00%)

Details of bundle changes

Performance

Total duration: 19.71 ms -0.40 ms^(-2.0%) | Renders: 4 ⁽⁺⁰⁾ | Paint: 81.27 ms -1.03 ms^(-1.2%)

No significant changes — details

Check out the code infra dashboard for more information about this PR.

Co-authored-by: Copilot <copilot@github.com>

…-public into docs-infra/further-extend-syntax

This reverts commit 7dad6b8.

This reverts commit 910966d.

Copilot

Pull request overview

Adds additional docs-infra syntax token classes to improve fine-grained theming of highlighted code, particularly for punctuation/operators, JSX expression variables, object-literal keys, and template-literal interpolations (including inline code snippets).

Changes:

Extend extendSyntaxTokens with new additive classes (di-pu, di-jv, di-op, di-ps, di-te, di-td) and supporting parsing/state tracking.
Improve inline highlighting for “bare object literal” snippets by temporarily wrapping in parentheses and stripping the wrapper post-highlight.
Update docs, demos, snapshots, and tests to reflect the new token classes and styling variables.

Reviewed changes

Copilot reviewed 11 out of 11 changed files in this pull request and generated no comments.

Show a summary per file

File	Description
packages/docs-infra/src/pipeline/transformHtmlCodeInline/user.spec.ts	Adds coverage for inline TSX bare-object-literal highlighting behavior.
packages/docs-infra/src/pipeline/transformHtmlCodeInline/transformHtmlCodeInline.ts	Wraps bare object-literal inline snippets for correct expression tokenization; strips wrapper after highlighting.
packages/docs-infra/src/pipeline/transformHtmlCodeInline/removeSuffixFromHighlightedNodes.ts	Adds suffix-stripping helper for post-highlight wrapper removal.
packages/docs-infra/src/pipeline/parseSource/parseSource.test.ts	Updates expectations to assert new `di-op` extraction behavior for object keys.
packages/docs-infra/src/pipeline/parseSource/extendSyntaxTokens.ts	Implements new token extensions (punctuation, JSX vars, object keys, template interpolation regions/delimiters) and improves JSX-vs-generics handling.
packages/docs-infra/src/pipeline/parseSource/extendSyntaxTokens.test.ts	Adds/adjusts tests for new token classes and JSX generic edge cases.
packages/docs-infra/src/pipeline/loadServerTypes/snapshots/highlightTypes.test.ts.snap	Updates snapshot output to include new additive classes (notably `di-pu` / `di-jv`).
packages/docs-infra/src/pipeline/enhanceCodeEmphasis/enhanceCodeEmphasis.test.ts	Updates snapshots to reflect new additive classes in rendered emphasized output.
docs/app/docs-infra/pipeline/parse-source/page.mdx	Documents the new `di-*` token classes and their intended semantics/scope.
docs/app/docs-infra/hooks/use-code-window/demos/CollapsibleDemoContent.tsx	Switches demo styling import to the local syntax stylesheet.
docs/app/docs-infra/components/code-highlighter/demos/syntax.css	Adds CSS variables + rules for the new `di-*` classes (and centralizes starry-night style import).

Add support for --color-docs-infra-syntax-punctuation, --color-docs-i…

170be97

…nfra-syntax-jsx-variable, and --color-docs-infra-syntax-property-string Co-authored-by: Copilot <copilot@github.com>

dav-is added type: enhancement It’s an improvement, but we can’t make up our mind whether it's a bug fix or a new feature. scope: docs-infra Involves the docs-infra product (https://www.notion.so/mui-org/b9f676062eb94747b6768209f7751305). labels May 4, 2026

dav-is mentioned this pull request May 4, 2026

[docs-infra] Feature Parity with Material UI Demos #1145

Open

20 tasks

dav-is changed the title ~~[docs-infra] Add more highlighting extensions~~ [docs-infra] Add More Highlighting Extensions May 4, 2026

dav-is and others added 4 commits May 4, 2026 17:20

Fix tests

87f61f0

Add --color-docs-infra-syntax-object-property

3e70419

Co-authored-by: Copilot <copilot@github.com>

Highlight raw objects inline

2494e4f

Merge branch 'master' into docs-infra/further-extend-syntax

faf0796

dav-is self-assigned this May 6, 2026

dav-is added this to the docs-infra v0.11 milestone May 7, 2026

github-actions Bot added the PR: out-of-date The pull request has merge conflicts and can't be merged. label May 8, 2026

Merge branch 'master' into docs-infra/further-extend-syntax

a57681c

github-actions Bot removed the PR: out-of-date The pull request has merge conflicts and can't be merged. label May 8, 2026

dav-is added 10 commits May 11, 2026 10:27

Merge branch 'master' into docs-infra/further-extend-syntax

055df84

Merge branch 'master' into docs-infra/further-extend-syntax

311f72e

Fix JSX expressions

047066e

Fix import of syntax theme

bc2bbe2

Fix snapshots

f0a2bc5

Merge branch 'master' into docs-infra/further-extend-syntax

52dc6db

Ignore generics instead of marking them .di-jv

fc0d6e4

Merge branch 'docs-infra/further-extend-syntax' of github.com:mui/mui…

8dbdaf8

…-public into docs-infra/further-extend-syntax

Fix loading webpack config in pnpm docs:validate

910966d

Update .ts next config support

7dad6b8

oliviertassinari deployed to docs-infra/further-extend-syntax - mui-tools-public PR #1373 May 13, 2026 02:34 — with Render View deployment

oliviertassinari deployed to docs-infra/further-extend-syntax - code-infra-dashboard PR #1373 May 13, 2026 02:34 — with Render View deployment

github-actions Bot added the PR: out-of-date The pull request has merge conflicts and can't be merged. label May 13, 2026

dav-is added 2 commits May 13, 2026 15:51

Revert "Update .ts next config support"

081c402

This reverts commit 7dad6b8.

Revert "Fix loading webpack config in pnpm docs:validate"

d481f0a

This reverts commit 910966d.

oliviertassinari requested a deployment to docs-infra/further-extend-syntax - mui-tools-public PR #1373 May 13, 2026 19:52 — with Render In progress

github-actions Bot removed the PR: out-of-date The pull request has merge conflicts and can't be merged. label May 13, 2026

Merge branch 'master' into docs-infra/further-extend-syntax

c11b567

oliviertassinari temporarily deployed to docs-infra/further-extend-syntax - mui-tools-public PR #1373 May 13, 2026 19:53 — with Render Destroyed

oliviertassinari temporarily deployed to docs-infra/further-extend-syntax - code-infra-dashboard PR #1373 May 13, 2026 19:53 — with Render Destroyed

dav-is added 5 commits May 13, 2026 17:11

Merge branch 'master' into docs-infra/further-extend-syntax

cc45299

Merge branch 'master' into docs-infra/further-extend-syntax

ded626d

Merge branch 'master' into docs-infra/further-extend-syntax

295f371

Merge branch 'master' into docs-infra/further-extend-syntax

0361b5d

Handle template literals

086692d

dav-is requested a review from Copilot June 3, 2026 00:54

Copilot started reviewing on behalf of dav-is June 3, 2026 00:54 View session

Copilot AI reviewed Jun 3, 2026

View reviewed changes

dav-is marked this pull request as ready for review June 3, 2026 01:03

dav-is merged commit 4c7e314 into master Jun 3, 2026
15 checks passed

dav-is deleted the docs-infra/further-extend-syntax branch June 3, 2026 01:03

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[docs-infra] Add More Highlighting Extensions#1373

[docs-infra] Add More Highlighting Extensions#1373
dav-is merged 24 commits into
masterfrom
docs-infra/further-extend-syntax

dav-is commented May 4, 2026 •

edited

Loading

Uh oh!

code-infra-dashboard Bot commented May 4, 2026 •

edited

Loading

Uh oh!

Copilot AI left a comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Conversation

dav-is commented May 4, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

code-infra-dashboard Bot commented May 4, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Deploy preview

Bundle size

Performance

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

dav-is commented May 4, 2026 •

edited

Loading

code-infra-dashboard Bot commented May 4, 2026 •

edited

Loading