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 (“Console” button on the bottom of preview).

Another way is something like this:


Issue Analytics

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

github_iconTop GitHub Comments

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.

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?

Read more comments on GitHub >

github_iconTop 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...
Read more >
Console / Feature Requests - SourceForge
#. Sort A ‑> Z; Sort Z ‑> A Summary▾. Sort A ‑> Z; Sort Z ‑> A Milestone▾. Sort A... 403 Open current...
Read more >
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 ......
Read more >
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...
Read more >
Feature requests | Firebase - Google
Feature requests. bookmark_border. Stay organized with collections Save and categorize content based on your preferences. Dismiss
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found