Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Feature request: feature for view console

See original GitHub issue

Issue Description

Tell us how you think we can improve Sandpack

It would be useful to have component like <SandpackConsole> that renders… a sandpack’s console.

Packages affected

sandpack-client (probably)
sandpack-react

How would your idea work?

It might be a component that renders console or props like <SandpackPreview console> to include console into preview.

Do you have any examples of how you would like to see us implement it?

It depends on implementation way. The first example right on codesandbox.io (“Console” button on the bottom of preview).

Another way is something like this:

localhost_3000_read_html-and-css_tags

Issue Analytics

State:
Created a year ago
Reactions:5
Comments:12 (6 by maintainers)

Top GitHub Comments

14reactions

danilowozcommented, Dec 3, 2021

Hey @kuduzow, that would be great!

I have added your feature request to our internal backlog which we use to prioritize what to build next. We can’t make any promises about the timing, but it’s on the list!

If you’d like to work on this feature with us, please create a pull request and we’ll help you along the way.

For others landing on this issue, feel free to add more context or simply leave a thumbs up 👍 on this comment if you find this feature useful.

5reactions

joshwcomeaucommented, Mar 4, 2022

Hi @danilowoz!

Overall, I’m pretty happy with the CodeSandbox console. I like that it has a clear button, just like the browser console.

For Sandpack, I’m hoping that there will be a standalone component (SandpackConsole) so that I can build my own layouts with it. I’m less interested in a tab for the console. I’ll either want to always show the console, or never show it.

My usecase: occasionally, my sandpacks will be demonstrating console output rather than a live preview. Sometimes, I want to show a particular dev warning. In other cases, I have little JS-based exercises, and the goal is for the user to edit the code and then check the console to see the logged output (rather than checking the preview pane to see the UI).

It might also be good to include timestamps? It can be useful to know when an item was logged. Or, alternatively, maybe the console could be automatically cleared when the code re-runs?

Top Results From Across the Web

Feature Request: Set/View MediaPackage Tags in Console

Hi there,. Thanks for bringing up this topic. Tagging Mediapackage resources is available, but currently only through the API or SDK. More information...

Console / Feature Requests - SourceForge

#. Sort A ‑> Z; Sort Z ‑> A Summary▾. Sort A ‑> Z; Sort Z ‑> A Milestone▾. Sort A... 403 Open current...

Feature Request: SEE Management Console should have an ...

This Feature Request is to include the ability to have more granular control to delete machines in the SEE Management Server. Resolution. A ......

DevTools Feature Request - console.scope() - Brian Grinstead

Sometimes I just want to see all (or many) of the variables inside of the function, and it can be a bit of...

Feature requests | Firebase - Google

Feature requests. bookmark_border. Stay organized with collections Save and categorize content based on your preferences. Dismiss