WebIDE

A new editor/IDE developed from scratch in "vanilla" JavaScript

Runs everywhere

You can run the back-end on any platform or device that supports Node.JS. And you can connect to it on any device that has a browser.

The editor can run both in the cloud (on a server) as well as on your local machine.

JavaScript IntelliSense

The editor has smart auto-complete with type inference, locally in the browser. The code is parsed at every key stroke using an incremental parser implemented in JavaScript.

Semantic structuring

The editor has semantic coloring, and automatic code indentation.

Feels like a native app

When launched from desktop it starts your browser in "chromeless" mode. eg. without the browser bar.

When running as a cloud IDE (PWA) users get the option to add to home screen

Many users

You can setup the editor as a cloud IDE and let others connect to it. Where users share the same developer environment, but get their own isolated workspace.

Collaborate editing

You can invite others to your coding session, where you will see each other type.
And if you login to the editor on another device the editor automatically activates "collaboration mode".

Mobile support

The editor has support for small screens and touch devices.

Live preview

You can see changes while you are coding, when for example editing a .css file the editor will automatically refresh the stylesheets in the preview.
And the preview will automatically refresh when you save a .js file.

During live preview editing the editor also gives IntelliSense/auto-complete for third party scripts! As well as dynamically generated code.

console.log

Do you debug using console.log ? You are not alone. When running node.js scripts, or developing web apps with live preview, the console.log messages will show up inside the editor! So you might not even need to open the browser dev tools.

Version control

Commit and manage source control from within the editor.

Static site generator

Speed up web development using the built-in static site generator which also supports live/preview and WYSIWYG editing.

WYSIWYG editing

"What you see is what you get" allows editing web pages in a sanitized "contenteditable" mode which allows people to edit web sites without knowing HTML.
You can see HTML source code and the live page side by side and can make changes in either the code or the page itself, and it will automatically sync.

Native apps in the browser

Maybe you have a proprietary application that run natively? Users can run these apps from their browser using a "remote desktop" (VNC) view built into the editor.

Terminal emulator

One of the goals of the editor is that you should not need to use a terminal. But it has one built in just in case.
If the editor is missing some feature you can type in the commands manually in the terminal.

Edit files remotely

It's possible to edit files on FTP and SFTP servers. Or mount a Google Drive or Dropbox account.

It's also possible to open up files in the editor when SSH:ed into another machine, so that you don't have to rely on whatever editor is installed on the machine you SSH into.

Modal

The editor has different modes. The default mode is the CUA/Window's standard GUI key-bindings (Ctrl+C to copy), but you can also use "vi/vim" command and insert mode. Or add your own modes.

Shared source

You can access the source code of the editor and make modifications. It's built in vanilla JavaScript! With a plugin architecture which makes it easy to extend with new features.

Goals

The goal with WebIDE is to be the best editor for developing progressive web apps (PWA) and web sites using vanilla JavaScript. An being the goto editor when developing for the JavaScript ecosystem.
This will be achieved by having: