airflow-code-editor

(★ 466)

A plugin for Apache Airflow that allows you to edit DAGs in browser

File Explorer

Download Latest Version (.zip)

- - bug_report.md
  - feature_request.md
- - release.yml
  - tests.yml
- - __init__.py
  - api.py
  - code_editor.yaml
  - fastapi_endpoints.py
  - flask_endpoints.py
- - .gitignore
  - airflow_code_editor.js
  - airflow_code_editor.js.map
  - icon.png
- - __init__.py
  - index.html
  - index_appbuilder.html
  - index_body.html
  - index_head.html
  - index_tail.html
- __init__.py
- airflow_code_editor.py
- app_builder_view.py
- commons.py
- fastapi_app.py
- fastapi_security.py
- fs.py
- git.py
- main.py
- presigned.py
- tree.py
- utils.py
- VERSION
- - .gitignore
  - Dockerfile.airflow2.dev
  - Makefile
- .gitignore
- docker-compose.yaml
- Dockerfile
- Dockerfile.dev
- Makefile
- .gitignore
- Makefile
- README.md
- values.yaml
- - git.py
- activate.sh
- airflow.sh
- airflow1.cfg.tmpl
- airflow2.cfg.tmpl
- config.sh
- coverage.sh
- create_test_virtualenv.sh
- destroy_test_virtualenv.sh
- install.sh
- mo.sh
- prepare.sh
- README.md
- tests.sh
- - App.vue
  - Breadcrumb.vue
  - Editor.vue
  - Files.vue
  - FilesEditorContainer.vue
  - HistoryView.vue
  - Icon.vue
  - LogView.vue
  - Search.vue
  - ShowCommit.vue
  - ShowDiff.vue
  - Sidebar.vue
  - Spinner.vue
  - Workspace.vue
  - WorkspaceFiles.vue
- - buttons.css
  - dark-theme.css
  - dialogs.css
  - material-icons.css
  - tabs.css
- bookmarks.js
- commons.js
- index.html
- log.js
- main.js
- stack.js
- tabs.js
- themes.js
- tree_entry.js
- - .hidden_file
  - 1
  - 2
  - 3
- __init__.py
- test_app_builder_view.py
- test_fs.py
- test_import.py
- test_presigned.py
- test_tree.py
- test_utils.py
.gitignore
.ignore
.nvmrc
changelog.txt
CODE_OF_CONDUCT.md
CONTRIBUTING.MD
LICENSE
Makefile
MANIFEST.in
package-lock.json
package.json
pyproject.toml
pytest.ini
README.md
requirements-dev.txt
requirements-optional.txt
requirements.txt
setup.cfg
setup.py
sh.py
uv.lock
vite.config.js

# Installation Guide

1. Get the code

git clone https://github.com/andreax79/airflow-code-editor

Downloads the entire project code from GitHub to your computer.

cd airflow-code-editor

Moves into the project folder you just downloaded.

2. Official Install Script

Easy Recommended

Prerequisites

Python 3 Python is required to use pip.

pip install airflow-code-editor

Installs the package published on PyPI directly — no need to clone the source.

pip install black isort fsspec[s3,gcp,sftp]

Installs the package published on PyPI directly — no need to clone the source.

✅ After installing, open a new terminal and run the program's version command (e.g. --version) to confirm it worked.

Pulled directly from this repo's README.

3. Docker

Easy

Prerequisites

Git Needed to download the project code from GitHub.
Docker Desktop Needed to build and run containers. Install it and keep it running in the background.

docker compose -f docker/docker-compose.yaml up -d --build

Runs the command against the services defined in the compose file.

✅ Run docker compose ps to check the containers are Up. If the README mentions a port, open http://localhost:PORT in your browser.

4. Node.js

Easy

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

make npm-build

Compiles the code based on the generated build configuration to produce an executable.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.

5. Python

Easy

Prerequisites

Git Needed to download the project code from GitHub.
Python 3 On Windows, be sure to check 'Add Python to PATH' during installation.

pip install airflow-code-editor

Installs the package published on PyPI directly — no need to clone the source.

pip install black isort fsspec[s3,gcp,sftp]

Installs the package published on PyPI directly — no need to clone the source.

✅ If it runs without errors and prints output in the terminal, it worked.

Pulled directly from this repo's README.

6. Make

Medium

Prerequisites

Git Needed to download the project code from GitHub.
Make Usually pre-installed on Linux/macOS. On Windows, install separately (e.g. via MSYS2 or WSL).

make dev-image

Compiles the code based on the generated build configuration to produce an executable.

make npm-build

Compiles the code based on the generated build configuration to produce an executable.

make api-server

Compiles the code based on the generated build configuration to produce an executable.

make test

Compiles the code based on the generated build configuration to produce an executable.

✅ If it finishes without errors, it worked. Try running the generated executable directly.

Pulled directly from this repo's README.