Skip to content

[docs-infra] Remove codesandbox - #47046

Draft
Janpot wants to merge 14 commits into
mui:masterfrom
Janpot:remove-codesandbox
Draft

Janpot wants to merge 14 commits into
mui:masterfrom
Janpot:remove-codesandbox

Conversation

@Janpot

@Janpot Janpot commented Oct 7, 2025 •

Copy link
Copy Markdown
Member

@Janpot Janpot added the scope: docs-infra Involves the docs-infra product (https://www.notion.so/mui-org/b9f676062eb94747b6768209f7751305). label Oct 7, 2025
@mui-bot

mui-bot commented Oct 7, 2025 •

Copy link
Copy Markdown

Netlify deploy preview

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

Bundle size report

Bundle Parsed size Gzip size
@mui/material 0B(0.00%) 0B(0.00%)
@mui/lab 0B(0.00%) 0B(0.00%)
@mui/system 0B(0.00%) 0B(0.00%)
@mui/utils 0B(0.00%) 0B(0.00%)

Details of bundle changes

Generated by 🚫 dangerJS against b9d226c

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The dashboard template is broken because this file was missing

commitRef === undefined ||
process.env.SOURCE_CODE_REPO !== 'https://github.com/mui/material-ui'
) {
if (['joy', 'base'].includes(packageName)) {

@Janpot Janpot Oct 7, 2025 •

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this broke the templates for deploy previews. We're not generating pkg.pr.new packages for base/joy anymore

@Janpot
Janpot marked this pull request as ready for review October 8, 2025 08:57
@Janpot
Janpot requested a review from a team October 8, 2025 08:57
import Visibility from '@mui/icons-material/Visibility';
import CodeRoundedIcon from '@mui/icons-material/CodeRounded';
import codeSandbox from 'docs/src/modules/sandbox/CodeSandbox';
import Edit from '@mui/icons-material/Edit';

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think a different icon would be better suited for this. The pencil makes me think it would start editing inline (like how GitHub works)

What do you think of Terminal, Code, Biotech, PrecisionManufacturing, Construction, DisplaySettings, or OpenInBrowser

@Janpot Janpot Oct 8, 2025 •

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What do you think of Terminal, Code, Biotech, PrecisionManufacturing, Construction, DisplaySettings, or OpenInBrowser

Sure, terminal could also make sense. In the templates page Code is already used for linking to the code on github.

Screenshot 2025-10-08 at 17 50 31

The other options

  • Screenshot 2025-10-08 at 17 48 26
  • Screenshot 2025-10-08 at 17 45 18
  • Screenshot 2025-10-08 at 17 47 17
  • Screenshot 2025-10-08 at 17 47 32
  • Screenshot 2025-10-08 at 17 47 45
  • Screenshot 2025-10-08 at 17 48 00
  • Screenshot 2025-10-08 at 17 48 16
  • ViewInAr: Screenshot 2025-10-09 at 11 13 31

Personally I still find the pencil most intuitive, but I don't have a strong opinion on this. Which do you think is best?

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I like Terminal the most since seeing the logs is the most noticeable difference between inline live-edit and StackBlitz. Another reason I dislike the pencil is that if we add live editing to Base UI, I think it would make sense to need to press the pencil to start live editing within the page. It would be interesting to hear what others think too.

@Janpot Janpot Oct 9, 2025 •

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Another option Launch:

Screenshot 2025-10-09 at 10 56 28

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I also prefer Launch

In isolation, I like ViewInAr, but I find it too similar to the focus icon, which is two places to the side.

import Visibility from '@mui/icons-material/Visibility';
import CodeRoundedIcon from '@mui/icons-material/CodeRounded';
import codeSandbox from 'docs/src/modules/sandbox/CodeSandbox';
import Edit from '@mui/icons-material/Edit';

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

import SandboxIcon from ...

@Janpot
Janpot requested a review from a team October 10, 2025 11:57
@Janpot Janpot added the on hold There is a blocker, we need to wait. label Nov 14, 2025
@Janpot

Janpot commented Nov 14, 2025

Copy link
Copy Markdown
Member Author

Putting on hold due to insufficient support on Safari

@Janpot
Janpot marked this pull request as draft December 2, 2025 07:06
@github-actions github-actions Bot added the PR: out-of-date The pull request has merge conflicts and can't be merged. label Feb 10, 2026

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

on hold There is a blocker, we need to wait. PR: out-of-date The pull request has merge conflicts and can't be merged. scope: docs-infra Involves the docs-infra product (https://www.notion.so/mui-org/b9f676062eb94747b6768209f7751305).

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[docs-infra] Remove Codesandbox in favor for Stackblitz

5 participants