• Phil Hughes's avatar
    Web IDE & CodeSandbox · 7b4b9e1c
    Phil Hughes authored
    This enables JavaScripts projects to have live previews straight in the
    browser without requiring any local configuration. This uses the
    CodeSandbox package `sandpack` to compile it all inside of an iframe.
    
    This feature is off by default and can be toggled on in the admin
    settings. Only projects with a `package.json` and a `main` key are
    supported.
    
    Updates happen in real-time with hot-reloading. We just watch for
    changes to files and then send them to `sandpack` to allow it to reload
    the iframe. The iframe includes a very simple navigation bar, the text
    bar is `readonly` to stop users navigating away from the preview and
    the back and forward buttons just pop/splice the navigation stack
    which is tracked by a listener on `sandpack`
    
    There is a button inside the iframe which allows the user to open the
    projects inside of CodeSandbox. This button is only visible on
    **public** projects. On private or internal projects this button
    get hidden to protect private code being leaked into an external
    public URL.
    
    Closes #47268
    7b4b9e1c
Name
Last commit
Last update
..
environments Loading commit data...
initializers Loading commit data...
locales Loading commit data...
prometheus Loading commit data...
routes Loading commit data...
README.md Loading commit data...
application.rb Loading commit data...
boot.rb Loading commit data...
database.yml.env Loading commit data...
database.yml.mysql Loading commit data...
database.yml.postgresql Loading commit data...
dependency_decisions.yml Loading commit data...
environment.rb Loading commit data...
gitlab.yml.example Loading commit data...
karma.config.js Loading commit data...
license_finder.yml Loading commit data...
mail_room.yml Loading commit data...
no_todos_messages.yml Loading commit data...
object_store_settings.rb Loading commit data...
redis.cache.yml.example Loading commit data...
redis.queues.yml.example Loading commit data...
redis.shared_state.yml.example Loading commit data...
resque.yml.example Loading commit data...
routes.rb Loading commit data...
secrets.yml.example Loading commit data...
settings.rb Loading commit data...
sidekiq.yml.example Loading commit data...
sidekiq_queues.yml Loading commit data...
spring.rb Loading commit data...
unicorn.rb.example Loading commit data...
unicorn.rb.example.development Loading commit data...
webpack.config.js Loading commit data...