Skip to content

Commit 0f6c059

Browse files
filiptronicekAndrea Falzetti
authored andcommitted
code web server initial commit
1 parent 3b889b0 commit 0f6c059

File tree

12 files changed

+1161
-73
lines changed

12 files changed

+1161
-73
lines changed

.gitpod.Dockerfile

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
FROM gitpod/workspace-full:latest
2+
3+
USER gitpod
4+
5+
# We use latest major version of Node.js distributed VS Code. (see about dialog in your local VS Code)
6+
RUN bash -c ". .nvm/nvm.sh \
7+
&& nvm install 16 \
8+
&& nvm use 16 \
9+
&& nvm alias default 16"
10+
11+
RUN echo "nvm use default &>/dev/null" >> ~/.bashrc.d/51-nvm-fix
12+
13+
# Install dependencies
14+
RUN sudo apt-get update \
15+
&& sudo apt-get install -y --no-install-recommends \
16+
xvfb x11vnc fluxbox dbus-x11 x11-utils x11-xserver-utils xdg-utils \
17+
fbautostart xterm eterm gnome-terminal gnome-keyring seahorse nautilus \
18+
libx11-dev libxkbfile-dev libsecret-1-dev libnotify4 libnss3 libxss1 \
19+
libasound2 libgbm1 xfonts-base xfonts-terminus fonts-noto fonts-wqy-microhei \
20+
fonts-droid-fallback vim-tiny nano libgconf2-dev libgtk-3-dev twm \
21+
&& sudo apt-get clean && sudo rm -rf /var/cache/apt/* && sudo rm -rf /var/lib/apt/lists/* && sudo rm -rf /tmp/*

.gitpod.yml

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
image:
2+
file: .gitpod.Dockerfile
3+
ports:
4+
- port: 9888
5+
onOpen: open-browser
6+
tasks:
7+
- init: |
8+
yarn
9+
yarn server:init
10+
command: |
11+
gp sync-done init
12+
export NODE_ENV=development
13+
export VSCODE_DEV=1
14+
yarn gulp watch-init
15+
name: watch app
16+
- command: |
17+
export NODE_ENV=development
18+
export VSCODE_DEV=1
19+
gp sync-await init
20+
./scripts/code-server.sh --without-connection-token
21+
name: run app
22+
openMode: split-right
23+
github:
24+
prebuilds:
25+
pullRequestsFromForks: true
26+
vscode:
27+
extensions:
28+
- dbaeumer.vscode-eslint

README.md

Lines changed: 78 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -1,76 +1,106 @@
1-
# Visual Studio Code - Open Source ("Code - OSS")
2-
[![Feature Requests](https://img.shields.io/github/issues/microsoft/vscode/feature-request.svg)](https://github.com/microsoft/vscode/issues?q=is%3Aopen+is%3Aissue+label%3Afeature-request+sort%3Areactions-%2B1-desc)
3-
[![Bugs](https://img.shields.io/github/issues/microsoft/vscode/bug.svg)](https://github.com/microsoft/vscode/issues?utf8=✓&q=is%3Aissue+is%3Aopen+label%3Abug)
4-
[![Gitter](https://img.shields.io/badge/chat-on%20gitter-yellow.svg)](https://gitter.im/Microsoft/vscode)
1+
# OpenVSCode Server
52

6-
## The Repository
3+
[![Gitpod ready-to-code](https://img.shields.io/badge/Gitpod-ready--to--code-908a85?logo=gitpod)](https://gitpod.io/from-referrer)
4+
[![GitHub](https://img.shields.io/github/license/gitpod-io/openvscode-server)](https://github.com/gitpod-io/openvscode-server/blob/main/LICENSE.txt)
5+
[![Discord](https://img.shields.io/discord/816244985187008514)](https://www.gitpod.io/chat)
76

8-
This repository ("`Code - OSS`") is where we (Microsoft) develop the [Visual Studio Code](https://code.visualstudio.com) product together with the community. Not only do we work on code and issues here, we also publish our [roadmap](https://github.com/microsoft/vscode/wiki/Roadmap), [monthly iteration plans](https://github.com/microsoft/vscode/wiki/Iteration-Plans), and our [endgame plans](https://github.com/microsoft/vscode/wiki/Running-the-Endgame). This source code is available to everyone under the standard [MIT license](https://github.com/microsoft/vscode/blob/main/LICENSE.txt).
7+
## What is this?
98

10-
## Visual Studio Code
9+
This project provides a version of VS Code that runs a server on a remote machine and allows access through a modern web browser. It's based on the very same architecture used by [Gitpod](https://www.gitpod.io) or [GitHub Codespaces](https://github.com/features/codespaces) at scale.
1110

12-
<p align="center">
13-
<img alt="VS Code in action" src="https://user-images.githubusercontent.com/35271042/118224532-3842c400-b438-11eb-923d-a5f66fa6785a.png">
14-
</p>
11+
<img width="1624" alt="Screenshot 2021-09-02 at 08 39 26" src="https://user-images.githubusercontent.com/372735/131794918-d6602646-4d67-435b-88fe-620a3cc0a3aa.png">
1512

16-
[Visual Studio Code](https://code.visualstudio.com) is a distribution of the `Code - OSS` repository with Microsoft-specific customizations released under a traditional [Microsoft product license](https://code.visualstudio.com/License/).
13+
## Why?
1714

18-
[Visual Studio Code](https://code.visualstudio.com) combines the simplicity of a code editor with what developers need for their core edit-build-debug cycle. It provides comprehensive code editing, navigation, and understanding support along with lightweight debugging, a rich extensibility model, and lightweight integration with existing tools.
15+
VS Code has traditionally been a desktop IDE built with web technologies. A few years back, people started patching it in order to run it in a remote context and to make it accessible through web browsers. These efforts have been complex and error prone, because many changes had to be made across the large code base of VS Code.
1916

20-
Visual Studio Code is updated monthly with new features and bug fixes. You can download it for Windows, macOS, and Linux on [Visual Studio Code's website](https://code.visualstudio.com/Download). To get the latest releases every day, install the [Insiders build](https://code.visualstudio.com/insiders).
17+
Luckily, in 2019 the VS Code team started to refactor its architecture to support a browser-based working mode. While this architecture has been adopted by Gitpod and GitHub, the important bits have not been open-sourced, until now. As a result, many people in the community still use the old, hard to maintain and error-prone approach.
2118

22-
## Contributing
19+
At Gitpod, we've been asked a lot about how we do it. So we thought we might as well share the minimal set of changes needed so people can rely on the latest version of VS Code, have a straightforward upgrade path and low maintenance effort.
20+
21+
## Getting started
22+
23+
### Docker
24+
25+
- Start the server:
26+
```bash
27+
docker run -it --init -p 3000:3000 -v "$(pwd):/home/workspace:cached" gitpod/openvscode-server
28+
```
29+
- Visit the URL printed in your terminal.
30+
31+
32+
_Note_: Feel free to use the `nightly` tag to test the latest version, i.e. `gitpod/openvscode-server:nightly`.
33+
34+
#### Custom Environment
35+
- If you want to add dependencies to this Docker image, here is a template to help:
36+
```Dockerfile
37+
38+
FROM gitpod/openvscode-server:latest
2339

24-
There are many ways in which you can participate in this project, for example:
40+
USER root # to get permissions to install packages and such
41+
RUN # the installation process for software needed
42+
USER openvscode-server # to restore permissions for the web interface
2543

26-
* [Submit bugs and feature requests](https://github.com/microsoft/vscode/issues), and help us verify as they are checked in
27-
* Review [source code changes](https://github.com/microsoft/vscode/pulls)
28-
* Review the [documentation](https://github.com/microsoft/vscode-docs) and make pull requests for anything from typos to additional and new content
44+
```
45+
- For additional possibilities, please consult the `Dockerfile` for OpenVSCode Server at https://github.com/gitpod-io/openvscode-releases/
2946

30-
If you are interested in fixing issues and contributing directly to the code base,
31-
please see the document [How to Contribute](https://github.com/microsoft/vscode/wiki/How-to-Contribute), which covers the following:
47+
### Linux
3248

33-
* [How to build and run from source](https://github.com/microsoft/vscode/wiki/How-to-Contribute)
34-
* [The development workflow, including debugging and running tests](https://github.com/microsoft/vscode/wiki/How-to-Contribute#debugging)
35-
* [Coding guidelines](https://github.com/microsoft/vscode/wiki/Coding-Guidelines)
36-
* [Submitting pull requests](https://github.com/microsoft/vscode/wiki/How-to-Contribute#pull-requests)
37-
* [Finding an issue to work on](https://github.com/microsoft/vscode/wiki/How-to-Contribute#where-to-contribute)
38-
* [Contributing to translations](https://aka.ms/vscodeloc)
49+
- [Download the latest release](https://github.com/gitpod-io/openvscode-server/releases/latest)
50+
- Untar and run the server
51+
```bash
52+
tar -xzf openvscode-server-v${OPENVSCODE_SERVER_VERSION}.tar.gz
53+
cd openvscode-server-v${OPENVSCODE_SERVER_VERSION}
54+
./bin/openvscode-server # you can add arguments here, use --help to list all of the possible options
55+
```
3956

40-
## Feedback
57+
From the possible entrypoint arguments, the most notable ones are
58+
- `--port` - the port number to start the server on, this is 3000 by default
59+
- `--without-connection-token` - used by default in the docker image
60+
- `--connection-token` & `--connection-secret` for securing access to the IDE, you can read more about it in [Securing access to your IDE](#securing-access-to-your-ide).
61+
- `--host` - determines the host the server is listening on. It defaults to `localhost`, so for accessing remotely it's a good idea to add `--host 0.0.0.0` to your launch arguments.
4162

42-
* Ask a question on [Stack Overflow](https://stackoverflow.com/questions/tagged/vscode)
43-
* [Request a new feature](CONTRIBUTING.md)
44-
* Upvote [popular feature requests](https://github.com/microsoft/vscode/issues?q=is%3Aopen+is%3Aissue+label%3Afeature-request+sort%3Areactions-%2B1-desc)
45-
* [File an issue](https://github.com/microsoft/vscode/issues)
46-
* Follow [@code](https://twitter.com/code) and let us know what you think!
63+
- Visit the URL printed in your terminal.
4764

48-
See our [wiki](https://github.com/microsoft/vscode/wiki/Feedback-Channels) for a description of each of these channels and information on some other available community-driven channels.
65+
_Note_: You can use [pre-releases](https://github.com/gitpod-io/openvscode-server/releases) to test nightly changes.
4966

50-
## Related Projects
67+
### Securing access to your IDE
5168

52-
Many of the core components and extensions to VS Code live in their own repositories on GitHub. For example, the [node debug adapter](https://github.com/microsoft/vscode-node-debug) and the [mono debug adapter](https://github.com/microsoft/vscode-mono-debug) repositories are separate from each other. For a complete list, please visit the [Related Projects](https://github.com/microsoft/vscode/wiki/Related-Projects) page on our [wiki](https://github.com/microsoft/vscode/wiki).
69+
Since OpenVSCode Server v1.64, you can access the Web UI without authentication (anyone can access the IDE using just the hostname and port), if you need some kind of basic authentication then you can start the server with `--connection-token YOUR_TOKEN`, the provided `YOUR_TOKEN` will be used and the authenticated URL will be displayed in your terminal once you start the server. You can also create a plaintext file with the desired token as its contents and provide it to the server with `--connection-secret YOUR_SECRET_FILE`.
5370

54-
## Bundled Extensions
71+
If you want to use a connection token and are working with OpenVSCode Server via [the Docker image](https://hub.docker.com/r/gitpod/openvscode-server), you will have to edit the `ENTRYPOINT` in [the Dockerfile](https://github.com/gitpod-io/openvscode-releases/blob/eb59ab37e23f8d17532b4af4de37eafaf48037a5/Dockerfile#L64) or modify it with the [`entrypoint` option](https://docs.docker.com/compose/compose-file/compose-file-v3/#entrypoint) when working with `docker-compose`.
5572

56-
VS Code includes a set of built-in extensions located in the [extensions](extensions) folder, including grammars and snippets for many languages. Extensions that provide rich language support (code completion, Go to Definition) for a language have the suffix `language-features`. For example, the `json` extension provides coloring for `JSON` and the `json-language-features` extension provides rich language support for `JSON`.
73+
### Deployment guides
5774

58-
## Development Container
75+
Please refer to [Guides](https://github.com/gitpod-io/openvscode-server/tree/docs/guides) to learn how to deploy OpenVSCode Server to your cloud provider of choice.
5976

60-
This repository includes a Visual Studio Code Remote - Containers / GitHub Codespaces development container.
77+
## The scope of this project
78+
79+
This project only adds minimal bits required to run VS Code in a server scenario. We have no intention of changing VS Code in any way or to add additional features to VS Code itself. Please report feature requests, bug fixes, etc. in the upstream repository.
80+
81+
> **For any feature requests, bug reports, or contributions that are not specific to running VS Code in a server context, please go to [Visual Studio Code - Open Source "OSS"](https://github.com/microsoft/vscode)**
82+
83+
## Documentation
84+
85+
All documentation is available in [the `docs` branch](https://github.com/gitpod-io/openvscode-server/tree/docs) of this project.
86+
87+
## Supporters
88+
89+
The project is supported by companies such as [GitLab](https://gitlab.com/), [VMware](https://www.vmware.com/), [Uber](https://www.uber.com/), [SAP](https://www.sap.com/), [Sourcegraph](https://sourcegraph.com/), [RStudio](https://www.rstudio.com/), [SUSE](https://rancher.com/), [Tabnine](https://www.tabnine.com/), [Render](https://render.com/) and [TypeFox](https://www.typefox.io/).
90+
91+
## Contributing
6192

62-
- For [Remote - Containers](https://aka.ms/vscode-remote/download/containers), use the **Remote-Containers: Clone Repository in Container Volume...** command which creates a Docker volume for better disk I/O on macOS and Windows.
63-
- If you already have VS Code and Docker installed, you can also click [here](https://vscode.dev/redirect?url=vscode://ms-vscode-remote.remote-containers/cloneInVolume?url=https://github.com/microsoft/vscode) to get started. This will cause VS Code to automatically install the Remote - Containers extension if needed, clone the source code into a container volume, and spin up a dev container for use.
64-
- For Codespaces, install the [GitHub Codespaces](https://marketplace.visualstudio.com/items?itemName=GitHub.codespaces) extension in VS Code, and use the **Codespaces: Create New Codespace** command.
93+
Thanks for your interest in contributing to the project 🙏. You can start a development environment with the following button:
6594

66-
Docker / the Codespace should have at least **4 Cores and 6 GB of RAM (8 GB recommended)** to run full build. See the [development container README](.devcontainer/README.md) for more information.
95+
[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/from-referrer)
6796

68-
## Code of Conduct
97+
To learn about the code structure and other topics related to contributing, please refer to the [development docs](https://github.com/gitpod-io/openvscode-server/blob/docs/development.md).
6998

70-
This project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/). For more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or contact [[email protected]](mailto:[email protected]) with any additional questions or comments.
99+
## Community & Feedback
71100

72-
## License
101+
To learn what others are up to and to provide feedback, please head over to the [Discussions](https://github.com/gitpod-io/openvscode-server/discussions).
73102

74-
Copyright (c) Microsoft Corporation. All rights reserved.
103+
You can also follow us on Twitter [@gitpod](https://twitter.com/gitpod) or come [chat with us](https://www.gitpod.io/chat).
75104

76-
Licensed under the [MIT](LICENSE.txt) license.
105+
## Legal
106+
This project is not affiliated with Microsoft Corporation.

build/gulpfile.js

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,8 @@ gulp.task(compileClientTask);
3030
const watchClientTask = task.define('watch-client', task.series(util.rimraf('out'), util.buildWebNodePaths('out'), task.parallel(watchTask('out', false), watchApiProposalNamesTask)));
3131
gulp.task(watchClientTask);
3232

33+
gulp.task(task.define('watch-init', require('./lib/compilation').watchTask('out', false)));
34+
3335
// All
3436
const _compileTask = task.define('compile', task.parallel(monacoTypecheckTask, compileClientTask, compileExtensionsTask, compileExtensionMediaTask));
3537
gulp.task(_compileTask);

build/lib/compilation.js

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,9 @@ const os = require("os");
1919
const File = require("vinyl");
2020
const task = require("./task");
2121
const watch = require('./watch');
22+
const packageJson = require('../../package.json');
23+
const productJson = require('../../product.json');
24+
const replace = require('gulp-replace');
2225
const reporter = (0, reporter_1.createReporter)();
2326
function getTypeScriptCompilerOptions(src) {
2427
const rootDir = path.join(__dirname, `../../${src}`);
@@ -48,8 +51,19 @@ function createCompile(src, build, emitError, transpileOnly) {
4851
const utf8Filter = util.filter(data => /(\/|\\)test(\/|\\).*utf8/.test(data.path));
4952
const tsFilter = util.filter(data => /\.ts$/.test(data.path));
5053
const noDeclarationsFilter = util.filter(data => !(/\.d\.ts$/.test(data.path)));
54+
const productJsFilter = util.filter(data => !build && data.path.endsWith('vs/platform/product/common/product.ts'));
55+
const productConfiguration = JSON.stringify({
56+
...productJson,
57+
version: `${packageJson.version}-dev`,
58+
nameShort: `${productJson.nameShort} Dev`,
59+
nameLong: `${productJson.nameLong} Dev`,
60+
dataFolderName: `${productJson.dataFolderName}-dev`
61+
});
5162
const input = es.through();
5263
const output = input
64+
.pipe(productJsFilter)
65+
.pipe(replace(/{\s*\/\*BUILD->INSERT_PRODUCT_CONFIGURATION\*\/\s*}/, productConfiguration, { skipBinary: true }))
66+
.pipe(productJsFilter.restore)
5367
.pipe(utf8Filter)
5468
.pipe(bom()) // this is required to preserve BOM in test files that loose it otherwise
5569
.pipe(utf8Filter.restore)

build/lib/compilation.ts

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,10 @@ import * as task from './task';
2020

2121
const watch = require('./watch');
2222

23+
const packageJson = require('../../package.json');
24+
const productJson = require('../../product.json');
25+
const replace = require('gulp-replace');
26+
2327
const reporter = createReporter();
2428

2529
function getTypeScriptCompilerOptions(src: string): ts.CompilerOptions {
@@ -57,8 +61,20 @@ function createCompile(src: string, build: boolean, emitError: boolean, transpil
5761
const tsFilter = util.filter(data => /\.ts$/.test(data.path));
5862
const noDeclarationsFilter = util.filter(data => !(/\.d\.ts$/.test(data.path)));
5963

64+
const productJsFilter = util.filter(data => !build && data.path.endsWith('vs/platform/product/common/product.ts'));
65+
const productConfiguration = JSON.stringify({
66+
...productJson,
67+
version: `${packageJson.version}-dev`,
68+
nameShort: `${productJson.nameShort} Dev`,
69+
nameLong: `${productJson.nameLong} Dev`,
70+
dataFolderName: `${productJson.dataFolderName}-dev`
71+
});
72+
6073
const input = es.through();
6174
const output = input
75+
.pipe(productJsFilter)
76+
.pipe(replace(/{\s*\/\*BUILD->INSERT_PRODUCT_CONFIGURATION\*\/\s*}/, productConfiguration, { skipBinary: true }))
77+
.pipe(productJsFilter.restore)
6278
.pipe(utf8Filter)
6379
.pipe(bom()) // this is required to preserve BOM in test files that loose it otherwise
6480
.pipe(utf8Filter.restore)

package.json

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,9 @@
5656
"minify-vscode-reh-web": "node --max_old_space_size=4095 ./node_modules/gulp/bin/gulp.js minify-vscode-reh-web",
5757
"hygiene": "node --max_old_space_size=4095 ./node_modules/gulp/bin/gulp.js hygiene",
5858
"core-ci": "node --max_old_space_size=4095 ./node_modules/gulp/bin/gulp.js core-ci",
59-
"extensions-ci": "node --max_old_space_size=4095 ./node_modules/gulp/bin/gulp.js extensions-ci"
59+
"extensions-ci": "node --max_old_space_size=4095 ./node_modules/gulp/bin/gulp.js extensions-ci",
60+
"server:init": "yarn --cwd ./build compile && yarn compile && yarn download-builtin-extensions",
61+
"server:smoketest": "yarn --cwd ./test/smoke compile && yarn smoketest-no-compile --web --verbose --headless --electronArgs=\"--disable-dev-shm-usage --use-gl=swiftshader\""
6062
},
6163
"dependencies": {
6264
"@microsoft/1ds-core-js": "^3.2.2",

0 commit comments

Comments
 (0)