# Online editors

## CodeSandBox

## Features

Supports all platforms we need. API to create anonymous examples - yes

### Free plan

Only 20 SandBoxes can be public. For DevBoxes they have limited number of hours per month.
In DevBox hours will be charged from any public DevBox if someone visits it.

So the total number of public examples is very limited

### Paid plan

https://codesandbox.io/pricing limited by 100 SandBoxes. We'll need an individual offer even to show all our demos from a licensed account.

### Summary

Now they offer DevBoxes (online samples based on VM) and SandBoxes (old solution running fully in the browser)
You can create either SandBox or DevBox using their API

A CodeSandBox created in API (like in WG) is Anonymous by default. I didn't find any information that they plan to deprecate this API (there is still a chance though) .

However, all these examples are private by default. Our clients need to make an additional step to make them public if they wish to give a sample to Support. But Support Devs cannot fork\save examples if they exceeded limits (most of us have already exceeded them). The number of public examples is limited.

All in all CSB is good just for own demonstration only.

The "Download" \ "Export" from CSB doesn't work now because our sandbox projects are not based on Angular CLI\Vite

## Stackblitz

### Intro

Supports all minimal things and free of charge for sharing URLs.
Didn't notice advertisemnt of Telerik or Ag-grid like it was before.

### Free plan

All examples are public and free by default

### Paid plan

https://stackblitz.com/pricing
Some advances features that don't look relevant for us at the first glance (private NPM, proxy, etc.)

### Summary

API - Yes: https://developer.stackblitz.com/platform/api/javascript-sdk
Platforms with DevExtreme:
Vue TS: https://stackblitz.com/edit/vue3-script-setup-with-vite-mmdtmn
React TS: https://stackblitz.com/edit/vitejs-vite-7ar97c
Angular 17: https://stackblitz.com/edit/iw42wy

## Codepen

### Summary

API - yes
Modular platofms are not really supported.
They offer support via skypack which looks broken for our packages: https://www.skypack.dev/search?q=devextreme&p=1

## VS Code online

### Summary:

API - yes, you can load projects from Git reports via a link
Platforms : all
Free of charge

## Plunker

### Summary

Still exists but looks abandoned. Plus uses SystemJS and all templates look quite basic.

## Playcode

### Free plan

Has limited number of code (?) - https://playcode.io/pricing

### Features

React with DevExtreme: https://playcode.io/1760309
Vue with DevExtreme: https://playcode.io/1760318
Didn't find any evidence that Angular can be supported

API is not documented\doesn't exist -> we can write to support: https://help.playcode.io/en/category/build-code-d9bzzx/

Cannot parse `import 'devextreme/dist/css/dx.light.css'`

### Summary

Looks like it won't suite our needs.

## Replit

### Tarifs

https://replit.com/pricing

### Summary

Based on VMs\cloud resources.
During the free plan the editor warned me that I'm reaching limits in the Angular project. Quite slow on the free plan.
Supports all platforms but I didn't manage to run Angular with minimal effort.
All links are public by default.