kotovalexarian-likes-gitlab/gitlab-org--gitlab-foss
1
0
Fork 0
Code Releases Activity

Update docs and compress images

Browse source
This commit is contained in:
James Ramsay 2018-08-13 10:58:53 -04:00
parent 132f3545ce
commit db86214e6a
3 changed files with 15 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
doc/user/project/web_ide/img/admin_clientside_evaluation.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.1 KiB

After

Width:  |  Height:  |  Size: 9.1 KiB

BIN
doc/user/project/web_ide/img/clientside_evaluation.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 83 KiB

After

Width:  |  Height:  |  Size: 59 KiB

28
doc/user/project/web_ide/index.md
View file

@ -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
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.
The Web IDE can be used to preview JavaScript projects right in the browser. This
feature uses CodeSandbox to compile and bundle the JavaScript used to preview.
On public projects, a `Open in CodeSandbox` button visible which will take
the files and contents of the project and load it into a CodeSandbox project.
The Web IDE can be used to preview JavaScript projects right in the browser.
This feature uses CodeSandbox to compile and bundle the JavaScript used to
preview the web application. On public projects, an `Open in CodeSandbox`
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.
![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
admin settings.
The Client Side Evaluation feature needs to be enabled in the GitLab instances
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
and a `main` entry point can be previewed inside of the Web IDE. An example `package.json`
is below.
Once it has been enabled in application settings, projects with a
`package.json` file and a `main` entry point can be previewed inside of the Web
IDE. An example `package.json` is below.
```json
{