Codesandbox-client: Using codesandbox as a local IDE

Created on 22 Feb 2018  路  14Comments  路  Source: codesandbox/codesandbox-client

I'm thinking of a way I can package a local version of codesandbox editor so that any developer can just add that to package to their project and then it would run a local version of codesandbox for the current project. That way even your job of getting/downloading an IDE for coding is removed and everything for you to get started on the project lies within the package.json.

Is this even feasible using codesandbox? Does the editor/previewer/explorer rely to much on the backend api? Any ideas on how to go about it?

Basically I want to build something like this,
https://github.com/alm-tools/alm
But using codesandbox.

stale 馃挰 Discussion

Most helpful comment

I find this idea really interesting, I also think it isn't too hard to do (don't mark my words!).

I'm working on moving all data of a sandbox to files, as soon as we completely moved over the the files as source of truth we can create multiple implementations of the CodeSandbox API. For example, we could swap it out with Dropbox API, or swap it out with S3 API. Or even swap it out with the local fs (which makes most sense for the local version). Another challenge is Web Worker support, is it possible to use web workers locally?

So the things we need to first is:

  • Move all data to files

    • Sandbox Name

    • Sandbox Description

    • Sandbox Tags

    • Sandbox Template Definition (just a string)

Ehh, I think that's all the data? Easier than I expected.

Next thing is bundling to make it work locally. I believe we should wrap it in Electron. Would be cool to know how that goes.

I'm still not sure if moving to Electron is a good idea, but if you're motivated I'd love to help you out with the efforts!

All 14 comments

I find this idea really interesting, I also think it isn't too hard to do (don't mark my words!).

I'm working on moving all data of a sandbox to files, as soon as we completely moved over the the files as source of truth we can create multiple implementations of the CodeSandbox API. For example, we could swap it out with Dropbox API, or swap it out with S3 API. Or even swap it out with the local fs (which makes most sense for the local version). Another challenge is Web Worker support, is it possible to use web workers locally?

So the things we need to first is:

  • Move all data to files

    • Sandbox Name

    • Sandbox Description

    • Sandbox Tags

    • Sandbox Template Definition (just a string)

Ehh, I think that's all the data? Easier than I expected.

Next thing is bundling to make it work locally. I believe we should wrap it in Electron. Would be cool to know how that goes.

I'm still not sure if moving to Electron is a good idea, but if you're motivated I'd love to help you out with the efforts!

+1, is it possible for me to run a local version, my company doesn't permit any data out of their servers, but I think that codesandbox is a good way to document react components?

I'd love to use code sandbox in a standalone app where the "back functionality" on scroll doesn't fuck with you so much.

Electron for the win!
defenitely +1!

Hi, recently i came up with sandbox, tried it, and it's great! looking forward to deploy locally~

Do you have any plans for making an app out of codesandbox, so it can be used for a regular development like any other IDE/editor? Is it (theoretically) possible to distribute codesandbox as a standalone app?

good job

a year passed and no official response. Can we do this?

+1

This would be one the best offering of codesandbox, rather bigger then the current one, using codesandbox as a local editor, which would remove the dependency on other IDE's

Of course keeping code sharing capability limited as we don't want to expose anything outside world, in a secure environment!

Just wanna chime in and say that if it's a standalone app, we can finally use Cmd + Number to switch code tabs instead of Chrome tabs!!

Hope this launh soon :D

@CompuIves - Are all the components open source? If so, I think this would be a fun undertaking.

If anyone wan't to know I found this,
https://www.theia-ide.org/

This issue is stale because it has been open many days with no activity. It will be closed soon unless the stale label is removed or a comment is made.

This issue has been automatically closed because there wasn't any activity after the previous notice or the stale label wasn't removed.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Haroenv picture Haroenv  路  3Comments

oliversturm picture oliversturm  路  3Comments

k15a picture k15a  路  3Comments

miukimiu picture miukimiu  路  3Comments

faceyspacey picture faceyspacey  路  3Comments