Styles and fonts in the head tag of index.html are not reflecting for react. about sandpack HOT 7 CLOSED

waiting for codesandbox/codesandbox-client#5723 to be merged

from sandpack.

I have to reopen this as I'm reverting a change in the bundler (conflict with some use cases in codesandbox)

from sandpack.

Hi @alexnm any update on this?

from sandpack.

unfortunately no, still waiting on codesandbox/codesandbox-client#5723 to be merged

from sandpack.

@danilowoz any update on this?

from sandpack.

Unfortunately, this is not something easy to fix. Jasper has tried many ways to collect and execute scripts into the Sandpack context, but with no success so far (#5723 and #5964). Plus, if we inject third scripts in the same Sandpack thread, it might create unexpected issues due to conflict javascript execution, so I'm afraid there is a way to go now.

Possible paths:

• Create another iframe inside Sandpack iframe (iframe isolation): we explored this option, but it turned out it didn't work due to the complexity of passing iframe messages (codesandbox/sandpack-bundler#19);
• Node emulation, which will be our next try: run a light node version on the browser, which would solve this and unblock many other possibilities. It looks promising;

So meanwhile, I'd recommend continuing using the externalResources API to load scripts and styles: https://sandpack.codesandbox.io/docs/getting-started/custom-content#static-external-resources

from sandpack.

It should no longer be an issue after Nodebox and static server template

from sandpack.