Feature request: Skip babel transpilation

Tell us how you think we can improve Sandpack

To give some context, I have additional library files in a public folder that is meant to be statically served. Currently, I am passing it to the Sandpack component via the files prop. However, these files have already been transpiled and passing them through the files prop seems to make the babel transpiler do it again. You would think that running it through would not have much impact but it turns out it just generates errors.

Packages affected

• sandpack-client
• sandpack-react

What is this feature?

I am proposing that a flag be added to the SandpackFile type to skip babel transpilation.

How would your idea work?

<Sandpack
  files={{
    '/public/jquery.min.js': {
      code: '/public/jquery.min.js',
      transpile: false,  // Default: true
    }
  }}
/>

[DeMoorJasper]

@danilowoz this is definitely doable and not a whole lot of work, was gonna work on related tasks anyway in a couple weeks. However this code would still be passed through our custom transformer that collects dependencies and rewrites import statements which uses acorn and it super-fast.

Or should it be more of an isolated module that can never have any dependencies?

Sounds very similar to #119 which we already support in the bundler

[amareshsm]

@danilowoz Is this issue still open?