This is a CEP extension for Adobe software to write ExtendScript code, run it, and log to a console inside the extension.

It features:

• Syntax highlighting
• Auto completion for the Adobe API's
• Type checking using TypeScript (this is opt-in)
• Modern JavaScript (ES6) / TypeScript to ExtendScript compiler

This code editor is built on top of monaco-editor, which is a code editor for the browser, based on Visual Studio Code's editor. It also comes with a TypeScript compiler and support for parsing TypeScript code and providing auto completion. To get the autocompletion we use the typings from types-for-adobe by @pravdovmil And this project itself is made using cep-bundler-webpack

Releases are here: https://github.com/adobe-extension-tools/adobe-ide/releases They are un-signed at the moment, so for now on macOS you have to right-click -> open the installer file.

git clone https://github.com/adobe-extension-tools/adobeide.git
cd adobeide
npm install
npm start

Open your CC app of choice, find your extension under Window > Extensions, and start developing.

To create a production build:

npm run build

To create a .zxp for deployment:

npm run build-zxp

(A versioned .zxp file will be placed inside archive.)

To create a installers for macOS and Windows:

npm run build-installers

(A versioned .pkg and .exe file will be placed inside archive.)