Adding new file functionality in Web Playground.

[vasucp1207]

Hey, I am working on a web playground using sandpack, how can I create add new file functionality in my web playground from the browser?

In this case, a new file is created named new.js but how can I give a custom name to a file, because the new.js file can only be created once what if I have to add more files to the playground?

[danilowoz]

Hey, you can add multiples files using the useSandpack hook:

const { sandpack } = useSandpack();

sandpack.addFile({
  "/foo.js": "",
  "/src/foo.js": ""
});

Hope it helps