Commit db86214e authored by James Ramsay's avatar James Ramsay

Update docs and compress images

parent 132f3545
...@@ -72,28 +72,30 @@ leaving the Web IDE. Click the dropdown in the top of the sidebar to open a list ...@@ -72,28 +72,30 @@ leaving the Web IDE. Click the dropdown in the top of the sidebar to open a list
of branches. You will need to commit or discard all your changes before of branches. You will need to commit or discard all your changes before
switching to a different branch. switching to a different branch.
## Clientside Evaluation ## Client Side Evaluation
> [Introduced in](https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/19764) [GitLab Core][ce] 11.2. > [Introduced in](https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/19764) [GitLab Core][ce] 11.2.
The Web IDE can be used to preview JavaScript projects right in the browser. This The Web IDE can be used to preview JavaScript projects right in the browser.
feature uses CodeSandbox to compile and bundle the JavaScript used to preview. This feature uses CodeSandbox to compile and bundle the JavaScript used to
On public projects, a `Open in CodeSandbox` button visible which will take preview the web application. On public projects, an `Open in CodeSandbox`
the files and contents of the project and load it into a CodeSandbox project. button is visible which will transfer the contents of the project into a
CodeSandbox project to share with others.
**Note** this button is not visible on private or internal projects. **Note** this button is not visible on private or internal projects.
![Web IDE Clientside Evaluation](img/clientside_evaluation.png) ![Web IDE Client Side Evaluation](img/clientside_evaluation.png)
### Enabling Clientside Evaluation ### Enabling Client Side Evaluation
The Clientside Evaluation feature needs to be enabled inside of the GitLab instances The Client Side Evaluation feature needs to be enabled in the GitLab instances
admin settings. admin settings. Client Side Evaluation is enabled for all projects on
GitLab.com
![Admin Clientside Evaluation setting](img/admin_clientside_evaluation.png) ![Admin Client Side Evaluation setting](img/admin_clientside_evaluation.png)
Once it has been enabled in application settings, projects with a `package.json` file Once it has been enabled in application settings, projects with a
and a `main` entry point can be previewed inside of the Web IDE. An example `package.json` `package.json` file and a `main` entry point can be previewed inside of the Web
is below. IDE. An example `package.json` is below.
```json ```json
{ {
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment