### Changed

- Migrate from Vue 2 to Vue 3
- Refactor History View
- Refactor Workspace View
- Refactor Files and Editor components
- Refactor CSS
- Replace Bootstap Modals with Vue-universal-modal
- Replace Font Awesome with Material Icons

### Fix

- Raise the correct exception at file loading and show the error in the editor
- Fix exception related to axios/axios#811

.ignore

@@ -0,0 +1 @@
+airflow_code_editor/static/airflow_code_editor.js

.nvmrc

@@ -0,0 +1 @@
+v16.16.0

Makefile

@@ -61,4 +61,4 @@ npm-build:
 	@npm run build
 
 npm-watch:
-	@NODE_OPTIONS=--openssl-legacy-provider npm run watch
+	@npm run watch

README.md

@@ -171,6 +171,7 @@ Example:
 * Vue.js - https://github.com/vuejs/vue
 * Vue-good-table, data table for VueJS - https://github.com/xaksis/vue-good-table
 * Vue-tree, TreeView control for VueJS - https://github.com/grapoza/vue-tree
+* Vue-universal-modal Universal modal plugin for Vue@3 - https://github.com/hoiheart/vue-universal-modal
 * Splitpanes - https://github.com/antoniandre/splitpanes
 * Axios, Promise based HTTP client for the browser and node.js - https://github.com/axios/axios
 * PyFilesystem2, Python's Filesystem abstraction layer - https://github.com/PyFilesystem/pyfilesystem2

airflow_code_editor/VERSION

@@ -1 +1 @@
-6.0.0
+7.0.0

airflow_code_editor/code_editor_view.py

@@ -17,7 +17,7 @@
 
 import logging
 import mimetypes
-from flask import abort, request
+from flask import request, make_response
 from flask_wtf.csrf import generate_csrf
 from airflow.version import version
 from airflow_code_editor.commons import HTTP_404_NOT_FOUND
@@ -79,14 +79,14 @@ def _git_repo_get(self, path):
         try:
             # Download git blob - path = '<hash>/<name>'
             path, attachment_filename = path.split('/', 1)
-        except:
+        except Exception:
             # No attachment filename
             attachment_filename = None
         response = execute_git_command(["cat-file", "-p", path])
         if attachment_filename:
-            response.headers["Content-Disposition"] = (
-                'attachment; filename="{0}"'.format(attachment_filename)
-            )
+            response.headers[
+                "Content-Disposition"
+            ] = 'attachment; filename="{0}"'.format(attachment_filename)
             try:
                 content_type = mimetypes.guess_type(attachment_filename)[0]
                 if content_type:
@@ -114,7 +114,10 @@ def _load(self, path):
                 return root_fs.path(path).send_file(as_attachment=True)
         except Exception as ex:
             logging.error(ex)
-            abort(HTTP_404_NOT_FOUND)
+            strerror = getattr(ex, 'strerror', str(ex))
+            errno = getattr(ex, 'errno', 0)
+            message = prepare_api_response(error_message=strerror, errno=errno)
+            return make_response(message, HTTP_404_NOT_FOUND)
 
     def _format(self):
         "Format code"

airflow_code_editor/commons.py

@@ -32,6 +32,13 @@
     'PLUGIN_DEFAULT_CONFIG',
     'ROOT_MOUNTPOUNT',
     'JS_FILES',
+    'ICON_HOME',
+    'ICON_GIT',
+    'ICON_TAGS',
+    'FILE_ICON',
+    'FOLDER_ICON',
+    'ICON_LOCAL_BRANCHES',
+    'ICON_REMOTE_BRANCHES',
     'VERSION_FILE',
     'VERSION',
     'Args',
@@ -100,6 +107,14 @@
     'airflow_code_editor.js',
 ]
 
+ICON_HOME = 'home'
+ICON_GIT = 'work'
+ICON_TAGS = 'style'
+FILE_ICON = 'file'
+FOLDER_ICON = 'folder'
+ICON_LOCAL_BRANCHES = 'fork_right'
+ICON_REMOTE_BRANCHES = 'public'
+
 VERSION_FILE = Path(__file__).parent / "VERSION"
 VERSION = VERSION_FILE.read_text().strip()
 

airflow_code_editor/fs.py

@@ -15,14 +15,14 @@
 #   limitations under the Licens
 
 import os
+import errno
 import fs
 from fs.mountfs import MountFS, MountError
 from fs.multifs import MultiFS
 from fs.path import abspath, forcedir, normpath
 from typing import Any, List, Union
-from flask import abort, send_file, stream_with_context, Response
+from flask import send_file, stream_with_context, Response
 from airflow_code_editor.utils import read_mount_points_config
-from airflow_code_editor.commons import HTTP_404_NOT_FOUND
 
 __all__ = [
     'RootFS',
@@ -197,7 +197,7 @@ def read_file_chunks(self, chunk_size: int = SEND_FILE_CHUNK_SIZE):
     def send_file(self, as_attachment: bool):
         "Send the contents of a file to the client"
         if not self.exists():
-            abort(HTTP_404_NOT_FOUND)
+            raise FileNotFoundError(errno.ENOENT, 'File not found', self.path)
         elif self.root_fs.hassyspath(self.path):
             # Local filesystem
             return send_file(

airflow_code_editor/git.py

@@ -207,7 +207,9 @@ def git_call(
 
 
 def get_default_branch() -> str:
-    stdout = git_call(['config', '--global', 'init.defaultBranch'], capture_output=True)[1]
+    stdout = git_call(
+        ['config', '--global', 'init.defaultBranch'], capture_output=True
+    )[1]
     default_branch = stdout.decode('utf8').strip('\n')
     return default_branch or DEFAULT_GIT_BRANCH
 

airflow_code_editor/static/.gitignore

@@ -0,0 +1 @@
+index.html

airflow_code_editor/static/css/editor_v2.css

@@ -18,7 +18,7 @@ body {
 }
 .cm-footer {
   border-top: 1px solid #eee;
-  padding: 0.2em 1em;
+  padding: 0.5em 0.5em;
   background-color: #f5f5f5;
 }
 .CodeMirror {