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.
Static template for pure HTML/CSS/JS
See original GitHub issueIssue Description
Tell us how you think we can improve Sandpack
It would be wonderful to have a “static” template that skips all bundling, and renders the HTML/CSS/JS provided.
My usecase: some of my sandpacks are meant to show CSS things. I want to have an HTML file with a <style> tag, so that the user can see the result and poke at the CSS.
I tried to do something similar using the vanilla template, but it seems as though anything added to the <head> of the HTML doc is blown away by the bundler.
Here’s a codesandbox demonstrating the issue: https://codesandbox.io/s/vigorous-williams-fol3rg?file=/src/App.js
Packages affected
- sandpack-client
- sandpack-react
How would your idea work?
I imagine it could work like the “static” template on CodeSandbox.
Though, one issue: the “static” template on CodeSandbox doesn’t have any sort of hot reloading. You have to save the file to see the results. Sandpack doesn’t have a “save” mechanism, so maybe it could trigger the reload when the user stops typing, with a debounce?
Alternatively: maybe the vanilla template could be updated so that stuff in the <head> is preserved? I don’t mind using a more-sophisticated template, but right now it doesn’t seem possible.
Thanks y’all!
Issue Analytics
- State:
- Created a year ago
- Reactions:28
- Comments:6 (1 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
Hey there! I just wanted to jump on the back of this discussion and see if @joshwcomeau or others have found a workaround for the time being? It would be pretty amazing to have this feature.
Keep up the amazing work on sandpack y’all, it’s great stuff!
Thanks!
HII! Is there any update in this matter?? I would love to use Sandpack also for teach some CSS to my students and as @joshwcomeau said,
Looking forward to it!
¡Thanks a lot!
Ivan