airflow-code-editor

(★ 466)

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

파일 탐색기

최종 버전 다운로드 (.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

# 설치 가이드

1. 코드 내려받기

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

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd airflow-code-editor

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. 공식 설치 스크립트

쉬움 추천

사전 준비물

Python 3 pip 명령어를 쓰려면 Python이 필요합니다.

pip install airflow-code-editor

PyPI에 배포된 패키지를 바로 설치합니다. 소스 클론이 필요 없습니다.

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

PyPI에 배포된 패키지를 바로 설치합니다. 소스 클론이 필요 없습니다.

✅ 설치 후 새 터미널을 열고, 프로그램의 버전 확인 명령(예: --version)으로 정상 설치됐는지 확인하세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

3. Docker

쉬움

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.

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

compose 설정 파일에 정의된 서비스들을 대상으로 명령을 실행합니다.

✅ 터미널에 docker compose ps 를 입력해 컨테이너들이 Up 상태인지 확인하세요. README에 포트 번호가 적혀있다면 브라우저에서 http://localhost:포트번호 로 접속해보세요.

4. Node.js

쉬움

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

make npm-build

생성된 빌드 설정을 바탕으로 실제 컴파일을 진행해 실행 파일을 만듭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

5. Python

쉬움

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Python 3 설치 시 'Add Python to PATH' 옵션을 꼭 체크하세요 (Windows).

pip install airflow-code-editor

PyPI에 배포된 패키지를 바로 설치합니다. 소스 클론이 필요 없습니다.

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

PyPI에 배포된 패키지를 바로 설치합니다. 소스 클론이 필요 없습니다.

✅ 에러 메시지 없이 실행되고 터미널에 안내 문구가 출력되면 정상입니다.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

6. Make

보통

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Make Linux/macOS는 보통 기본 설치되어 있습니다. Windows는 별도 설치(예: MSYS2, WSL)가 필요합니다.

make dev-image

생성된 빌드 설정을 바탕으로 실제 컴파일을 진행해 실행 파일을 만듭니다.

make npm-build

생성된 빌드 설정을 바탕으로 실제 컴파일을 진행해 실행 파일을 만듭니다.

make api-server

생성된 빌드 설정을 바탕으로 실제 컴파일을 진행해 실행 파일을 만듭니다.

make test

생성된 빌드 설정을 바탕으로 실제 컴파일을 진행해 실행 파일을 만듭니다.

✅ 에러 없이 끝나면 성공입니다. 생성된 실행 파일을 직접 실행해보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.