[docs-infra] Support inject dynamic theme

[Vxee]

• I have followed (at least) the PR section of the contributing guide.

Closes #41391

[mui-bot]

Netlify deploy preview

https://deploy-preview-42879--material-ui.netlify.app/

Bundle size report

No bundle size changes (Toolpad)
No bundle size changes

Generated by 🚫 dangerJS against a69ab7f

[Vxee]

I aim to have the documentation site expose a function in the window, such as getInjectTheme. This function will merge with the current docs theme and can be mounted on the window by a Chrome extension. Upon execution, getInjectTheme will return my custom theme options. Additionally, it is necessary to expose the React and MUI instances, as my compiled custom-theme.js depends on them.

[DiegoAndai]

Replied here: #41391 (comment)

[alexfauquette]

For which part of your code needs to get access to react? When looking at the code sample you provide, I see no reference to it.

For material, I see classeNames, which I assume could be replaced by their values, and types which will disappear when transformed to a js code.

Do you already have an implementation of the extension to see how it would work, and to test if it behaves as expected

[Vxee]

@alexfauquette Yes, I have implemented this Chrome extension. After switching the toggle in the extension, will apply our custom theme to the doc site. Here are some examples I can provide.

After consideration, we can not depend on MUI, we can compile to js code just like you said. But we still need react & react-jsx, because we override some components' default icons, it is ReactNode type, and after compile will need jsx to do the creation. As for the React, we have some custom compennts, need use some hooks API from React, like useForwardRef

[alexfauquette]

Good for me @siriwatknp do you have an opinion about it?

[siriwatknp]

@Vxee Can you provide the extension for us to test it or may be a recording?

[siriwatknp]

@Vxee I changed the property to window.MaterialUI to match the branding.

[Vxee]

@siriwatknp Thanks a lot! Here is the demo.

MUI_extension_demo_2024-08-01_17.03.01.mp4

When will this function be available in MUI doc?