From 7568691feb30604371996eb82c959443f420db2b Mon Sep 17 00:00:00 2001
From: Diogo Castro <diogo.castro@cern.ch>
Date: Thu, 7 Apr 2022 15:48:11 +0200
Subject: [PATCH] [full-ci] Improvements to text/md editor (#6667)

Rename and improve markdown editor
* Support for read-only files
* Disable preview for non md files (configurable)
* Data integrity checks (prevent exiting with unsaved changes)
* Better error information to the user
* Keyboard shortcut to save
* Rename Markdown Editor to Simple Editor

Co-authored-by: Benedikt Kulmann <benedikt@kulmann.biz>
---
 .drone.star                                   |  12 +-
 .github/settings.yml                          |   2 +-
 .../unreleased/enhancement-simple-editor      |  13 +
 dev/docker/oc10.web.config.json               |   2 +-
 dev/docker/ocis.web.config.json               |   2 +-
 package.json                                  |   4 +-
 .../tests/__fixtures__/fileActions.js         |  20 +-
 .../components/AppBar/CreateAndUpload.spec.js |   4 +-
 .../FilesList/ContextActions.spec.js          |   4 +-
 .../__snapshots__/ContextActions.spec.js.snap |   4 +-
 .../SideBar/Actions/FileActions.spec.js       |   6 +-
 packages/web-app-markdown-editor/package.json |   6 -
 packages/web-app-markdown-editor/src/App.vue  | 137 ----------
 .../l10n/.tx/config                           |   2 +-
 .../l10n/translations.json                    |   0
 packages/web-app-simple-editor/package.json   |   6 +
 packages/web-app-simple-editor/src/App.vue    | 241 ++++++++++++++++++
 .../src/SimpleEditorAppBar.vue}               |  16 +-
 .../src/index.js                              |  15 +-
 .../fileFolderActionMenu.feature              |   2 +-
 .../markdownFile.feature                      |  52 ++--
 .../FilesPageElement/fileActionsMenu.js       |  12 +-
 tests/acceptance/pageObjects/personalPage.js  |   2 +-
 ...kdownEditorPage.js => simpleEditorPage.js} |  14 +-
 ...ditorContext.js => simpleEditorContext.js} |  50 ++--
 tests/drone/config-oc10-oauth.json            |   2 +-
 tests/drone/config-oc10-openid.json           |   2 +-
 tests/drone/config-ocis.json                  |   2 +-
 yarn.lock                                     |  12 +-
 29 files changed, 390 insertions(+), 256 deletions(-)
 create mode 100644 changelog/unreleased/enhancement-simple-editor
 delete mode 100644 packages/web-app-markdown-editor/package.json
 delete mode 100644 packages/web-app-markdown-editor/src/App.vue
 rename packages/{web-app-markdown-editor => web-app-simple-editor}/l10n/.tx/config (83%)
 rename packages/{web-app-markdown-editor => web-app-simple-editor}/l10n/translations.json (100%)
 create mode 100644 packages/web-app-simple-editor/package.json
 create mode 100644 packages/web-app-simple-editor/src/App.vue
 rename packages/{web-app-markdown-editor/src/MarkdownEditorAppBar.vue => web-app-simple-editor/src/SimpleEditorAppBar.vue} (68%)
 rename packages/{web-app-markdown-editor => web-app-simple-editor}/src/index.js (73%)
 rename tests/acceptance/features/{webUIMarkdownEditor => webUISimpleEditor}/markdownFile.feature (58%)
 rename tests/acceptance/pageObjects/{markdownEditorPage.js => simpleEditorPage.js} (88%)
 rename tests/acceptance/stepDefinitions/{markdownEditorContext.js => simpleEditorContext.js} (54%)

diff --git a/.drone.star b/.drone.star
index 41d6c3f698a..29c6776a570 100644
--- a/.drone.star
+++ b/.drone.star
@@ -78,7 +78,7 @@ config = {
                 "oC10Files1": [
                     "webUIFilesCopy",
                     "webUIFavorites",
-                    "webUIMarkdownEditor",
+                    "webUISimpleEditor",
                 ],
                 "oC10Files2": [
                     "webUIFilesList",
@@ -265,7 +265,7 @@ config = {
                 "oC10XGAPortrait2": [
                     "webUISharingAcceptShares",
                     "webUISharingAcceptSharesToRoot",
-                    "webUIMarkdownEditor",
+                    "webUISimpleEditor",
                     "webUIWebdavLockProtection",
                     "webUIWebdavLocks",
                     "webUIMoveFilesFolders",
@@ -358,7 +358,7 @@ config = {
                 "oC10iPhone2": [
                     "webUISharingAcceptShares",
                     "webUISharingAcceptSharesToRoot",
-                    "webUIMarkdownEditor",
+                    "webUISimpleEditor",
                     "webUISharingInternalUsersBlacklisted",
                     "webUIWebdavLockProtection",
                     "webUIWebdavLocks",
@@ -434,7 +434,7 @@ config = {
                     "webUICreateFilesFolders",
                     "webUIDeleteFilesFolders",
                     "webUIFilesCopy",
-                    "webUIMarkdownEditor",
+                    "webUISimpleEditor",
                 ],
                 "oCISFiles2": [
                     "webUIFilesList",
@@ -560,7 +560,7 @@ config = {
                     "webUIRestrictSharing",
                     "webUISharingAcceptShares",
                     "webUISharingAcceptSharesToRoot",
-                    "webUIMarkdownEditor",
+                    "webUISimpleEditor",
                     "webUISharingInternalUsersBlacklisted",
                     "webUIWebdavLockProtection",
                     "webUIWebdavLocks",
@@ -666,7 +666,7 @@ basicTestSuites = [
     "webUIFilesList",
     "webUIFilesSearch",
     "webUILogin",
-    "webUIMarkdownEditor",
+    "webUISimpleEditor",
     "webUIMoveFilesFolders",
     "webUIOperationsWithFolderShares",
     "webUIPreview",
diff --git a/.github/settings.yml b/.github/settings.yml
index f802dc816ae..dc9ca78ba75 100644
--- a/.github/settings.yml
+++ b/.github/settings.yml
@@ -16,7 +16,7 @@ labels:
     color: "#ccf4ff"
   - name: feature:files
     color: "#d4c5f9"
-  - name: feature:markdown-editor
+  - name: feature:simple-editor
     color: "#d4c5f9"
   - name: feature:pdf-viewer
     color: "#d4c5f9"
diff --git a/changelog/unreleased/enhancement-simple-editor b/changelog/unreleased/enhancement-simple-editor
new file mode 100644
index 00000000000..28ca8522780
--- /dev/null
+++ b/changelog/unreleased/enhancement-simple-editor
@@ -0,0 +1,13 @@
+Enhancement: Simple Editor
+
+Replace MarkdownEditor with SimpleEditor and add the following improvements:
+* Disable preview for non md files (configurable)
+* Data integrity checks (prevent exiting with unsaved changes)
+* Better error information to the user
+* Keyboard shortcut to save
+* Read-only mode
+* Fix to open on non-authenticated public links
+* Open other extensions (js, json, xml, py, php, yaml)
+* UI polish
+
+https://github.com/owncloud/web/pull/6667
diff --git a/dev/docker/oc10.web.config.json b/dev/docker/oc10.web.config.json
index 00f20f3c629..b8a8b4b728a 100644
--- a/dev/docker/oc10.web.config.json
+++ b/dev/docker/oc10.web.config.json
@@ -8,7 +8,7 @@
   "apps": [
     "files",
     "preview",
-    "markdown-editor",
+    "simple-editor",
     "pdf-viewer",
     "search"
   ],
diff --git a/dev/docker/ocis.web.config.json b/dev/docker/ocis.web.config.json
index a4952687ff9..cdf870cf4f9 100644
--- a/dev/docker/ocis.web.config.json
+++ b/dev/docker/ocis.web.config.json
@@ -16,7 +16,7 @@
   },
   "apps": [
     "files",
-    "markdown-editor",
+    "simple-editor",
     "preview",
     "pdf-viewer",
     "search",
diff --git a/package.json b/package.json
index 96825f7a050..e45e48cf57c 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,7 @@
     "packages/web-app-draw-io",
     "packages/web-app-external",
     "packages/web-app-files",
-    "packages/web-app-markdown-editor",
+    "packages/web-app-simple-editor",
     "packages/web-app-preview",
     "packages/web-app-user-management",
     "packages/web-app-pdf-viewer",
@@ -26,7 +26,7 @@
     "test:integration": "jest --config ./tests/integration/config/jest.config.js",
     "test:e2e:cucumber": "NODE_TLS_REJECT_UNAUTHORIZED=0 cucumber-js --profile=e2e -f json:tests/e2e/cucumber/report/cucumber_report.json",
     "test:unit": "NODE_OPTIONS=--unhandled-rejections=throw jest --coverage --config ./tests/unit/config/jest.config.js",
-    "licenses:check": "license-checker-rseidelsohn --summary --relativeLicensePath --onlyAllow 'Python-2.0;Apache*;Apache License, Version 2.0;Apache-2.0;Apache 2.0;Artistic-2.0;BSD;BSD-3-Clause;CC-BY-3.0;CC-BY-4.0;CC0-1.0;ISC;MIT;MPL-2.0;Public Domain;Unicode-TOU;Unlicense;WTFPL' --excludePackages 'draw-io;external;files;markdown-editor;preview;owncloud-design-system;pdf-viewer;search;user-management;web-client;web-pkg;web-runtime'",
+    "licenses:check": "license-checker-rseidelsohn --summary --relativeLicensePath --onlyAllow 'Python-2.0;Apache*;Apache License, Version 2.0;Apache-2.0;Apache 2.0;Artistic-2.0;BSD;BSD-3-Clause;CC-BY-3.0;CC-BY-4.0;CC0-1.0;ISC;MIT;MPL-2.0;Public Domain;Unicode-TOU;Unlicense;WTFPL' --excludePackages 'draw-io;external;files;simple-editor;preview;owncloud-design-system;pdf-viewer;search;user-management;web-client;web-pkg;web-runtime'",
     "licenses:csv": "license-checker-rseidelsohn --relativeLicensePath --csv --out ./third-party-licenses/third-party-licenses.csv",
     "licenses:save": "license-checker-rseidelsohn --relativeLicensePath --out /dev/null --files ./third-party-licenses/third-party-licenses"
   },
diff --git a/packages/web-app-files/tests/__fixtures__/fileActions.js b/packages/web-app-files/tests/__fixtures__/fileActions.js
index f94c21fc7c4..5b6b8a9321e 100644
--- a/packages/web-app-files/tests/__fixtures__/fileActions.js
+++ b/packages/web-app-files/tests/__fixtures__/fileActions.js
@@ -14,9 +14,9 @@ const meta = {
     id: 'draw-io',
     icon: 'grid'
   },
-  'markdown-editor': {
-    name: 'MarkdownEditor',
-    id: 'markdown-editor',
+  'simple-editor': {
+    name: 'SimpleEditor',
+    id: 'simple-editor',
     icon: 'file-text'
   }
 }
@@ -49,12 +49,12 @@ const editors = [
     routes
   },
   {
-    app: 'markdown-editor',
+    app: 'simple-editor',
     extension: 'md',
     handler: null,
     icon: null,
     newTab: false,
-    routeName: 'markdown-editor',
+    routeName: 'simple-editor',
     routes
   }
 ]
@@ -131,11 +131,11 @@ const fileActions = {
     selector: '.oc-files-actions-delete-trigger'
   },
 
-  'markdown-editor': {
+  'simple-editor': {
     handler: jest.fn(),
-    label: () => 'Open in Markdown Editor',
-    class: 'oc-files-actions-markdown-editor-trigger',
-    selector: '.oc-files-actions-markdown-editor-trigger',
+    label: () => 'Open in Simple Editor',
+    class: 'oc-files-actions-simple-editor-trigger',
+    selector: '.oc-files-actions-simple-editor-trigger',
     opensInNewWindow: true
   },
   'draw-io': {
@@ -165,7 +165,7 @@ const fileActions = {
 exports.fileActions = fileActions
 
 exports.getActions = function (actions = []) {
-  const defaultActions = ['download', 'markdown-editor', 'draw-io', 'preview', 'navigate']
+  const defaultActions = ['download', 'simple-editor', 'draw-io', 'preview', 'navigate']
 
   const res = []
   for (const key of actions) {
diff --git a/packages/web-app-files/tests/unit/components/AppBar/CreateAndUpload.spec.js b/packages/web-app-files/tests/unit/components/AppBar/CreateAndUpload.spec.js
index 959bd1a08b0..e312335e78d 100644
--- a/packages/web-app-files/tests/unit/components/AppBar/CreateAndUpload.spec.js
+++ b/packages/web-app-files/tests/unit/components/AppBar/CreateAndUpload.spec.js
@@ -36,7 +36,7 @@ const newFileHandlers = [
   {
     ext: 'txt',
     action: {
-      app: 'markdown-editor',
+      app: 'simple-editor',
       newTab: false,
       extension: 'txt'
     },
@@ -45,7 +45,7 @@ const newFileHandlers = [
   {
     ext: 'md',
     action: {
-      app: 'markdown-editor',
+      app: 'simple-editor',
       newTab: false,
       extension: 'md'
     },
diff --git a/packages/web-app-files/tests/unit/components/FilesList/ContextActions.spec.js b/packages/web-app-files/tests/unit/components/FilesList/ContextActions.spec.js
index 4b67b2aef6f..9eb906dd0f4 100644
--- a/packages/web-app-files/tests/unit/components/FilesList/ContextActions.spec.js
+++ b/packages/web-app-files/tests/unit/components/FilesList/ContextActions.spec.js
@@ -30,8 +30,8 @@ const mockMenuSections = [
         handler: jest.fn(),
         label: () => 'Open in editor',
         componentType: 'oc-button',
-        selector: '.oc-files-actions-markdown-editor-trigger',
-        class: 'oc-files-actions-markdown-editor-trigger'
+        selector: '.oc-files-actions-simple-editor-trigger',
+        class: 'oc-files-actions-simple-editor-trigger'
       },
       ...exampleApps.map((app) => {
         return {
diff --git a/packages/web-app-files/tests/unit/components/FilesList/__snapshots__/ContextActions.spec.js.snap b/packages/web-app-files/tests/unit/components/FilesList/__snapshots__/ContextActions.spec.js.snap
index 9849b9e62b2..b01c0f9fb63 100644
--- a/packages/web-app-files/tests/unit/components/FilesList/__snapshots__/ContextActions.spec.js.snap
+++ b/packages/web-app-files/tests/unit/components/FilesList/__snapshots__/ContextActions.spec.js.snap
@@ -3,7 +3,7 @@
 exports[`ContextActions menu items renders a list of actions for a file 1`] = `
 <div id="oc-files-context-menu">
   <oc-list-stub id="oc-files-context-actions-context" class="oc-files-context-actions oc-pb-s oc-files-context-actions-border">
-    <li class="oc-files-context-action oc-px-s oc-rounded"><button type="button" class="oc-button oc-rounded oc-button-s oc-button-justify-content-center oc-button-gap-m oc-button-passive oc-button-passive-raw oc-files-actions-markdown-editor-trigger action-menu-item" data-testid="action-handler">
+    <li class="oc-files-context-action oc-px-s oc-rounded"><button type="button" class="oc-button oc-rounded oc-button-s oc-button-justify-content-center oc-button-gap-m oc-button-passive oc-button-passive-raw oc-files-actions-simple-editor-trigger action-menu-item" data-testid="action-handler">
         <oc-icon-stub name="file-text" filltype="line" accessiblelabel="" type="span" size="medium" variation="passive" color="" data-testid="action-icon"></oc-icon-stub> <span data-testid="action-label" class="oc-files-context-action-label">Open in editor</span>
         <!---->
       </button></li>
@@ -66,7 +66,7 @@ exports[`ContextActions menu items renders a list of actions for a file 1`] = `
 exports[`ContextActions menu items renders a list of actions for a folder 1`] = `
 <div id="oc-files-context-menu">
   <oc-list-stub id="oc-files-context-actions-context" class="oc-files-context-actions oc-pb-s oc-files-context-actions-border">
-    <li class="oc-files-context-action oc-px-s oc-rounded"><button type="button" class="oc-button oc-rounded oc-button-s oc-button-justify-content-center oc-button-gap-m oc-button-passive oc-button-passive-raw oc-files-actions-markdown-editor-trigger action-menu-item" data-testid="action-handler">
+    <li class="oc-files-context-action oc-px-s oc-rounded"><button type="button" class="oc-button oc-rounded oc-button-s oc-button-justify-content-center oc-button-gap-m oc-button-passive oc-button-passive-raw oc-files-actions-simple-editor-trigger action-menu-item" data-testid="action-handler">
         <oc-icon-stub name="file-text" filltype="line" accessiblelabel="" type="span" size="medium" variation="passive" color="" data-testid="action-icon"></oc-icon-stub> <span data-testid="action-label" class="oc-files-context-action-label">Open in editor</span>
         <!---->
       </button></li>
diff --git a/packages/web-app-files/tests/unit/components/SideBar/Actions/FileActions.spec.js b/packages/web-app-files/tests/unit/components/SideBar/Actions/FileActions.spec.js
index dde47fe3c3b..c8f4d72b09d 100644
--- a/packages/web-app-files/tests/unit/components/SideBar/Actions/FileActions.spec.js
+++ b/packages/web-app-files/tests/unit/components/SideBar/Actions/FileActions.spec.js
@@ -21,8 +21,8 @@ const filesPersonalRoute = { name: 'files-personal' }
 const systemDefaultActions = [
   [['copy']],
   [['copy', 'move']],
-  [['copy', 'markdown-editor']],
-  [['copy', 'move', 'download', 'markdown-editor']]
+  [['copy', 'simple-editor']],
+  [['copy', 'move', 'download', 'simple-editor']]
 ]
 
 describe('FileActions', () => {
@@ -32,7 +32,7 @@ describe('FileActions', () => {
         jest.clearAllMocks()
       })
       it('renders action handlers as clickable elements', async () => {
-        const actions = ['copy', 'move', 'download', 'markdown-editor']
+        const actions = ['copy', 'move', 'download', 'simple-editor']
         const wrapper = getWrapper(filesPersonalRoute, actions)
 
         for (const button of actions) {
diff --git a/packages/web-app-markdown-editor/package.json b/packages/web-app-markdown-editor/package.json
deleted file mode 100644
index 03b7cb390f4..00000000000
--- a/packages/web-app-markdown-editor/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "name": "markdown-editor",
-  "version": "0.0.0",
-  "description": "ownCloud web markdown-editor",
-  "license": "AGPL-3.0"
-}
diff --git a/packages/web-app-markdown-editor/src/App.vue b/packages/web-app-markdown-editor/src/App.vue
deleted file mode 100644
index 1c6eee283f5..00000000000
--- a/packages/web-app-markdown-editor/src/App.vue
+++ /dev/null
@@ -1,137 +0,0 @@
-<template>
-  <main id="markdown-editor" class="oc-mx-s oc-my-s">
-    <markdown-editor-app-bar
-      :current-file-context="currentFileContext"
-      :is-loading="isLoading"
-      :is-dirty="isDirty"
-      @closeApp="closeApp"
-      @save="save"
-    />
-    <oc-notifications>
-      <oc-notification-message
-        v-if="lastError"
-        :message="lastError"
-        status="danger"
-        @close="clearLastError"
-      />
-    </oc-notifications>
-    <div class="oc-flex">
-      <div class="oc-container oc-width-1-2">
-        <oc-textarea
-          id="markdown-editor-input"
-          v-model="currentContent"
-          name="input"
-          full-width
-          :label="$gettext('Editor')"
-          class="oc-height-1-1"
-          :rows="20"
-        />
-      </div>
-      <div class="oc-container oc-width-1-2">
-        <!-- eslint-disable-next-line vue/no-v-html -->
-        <div id="markdown-editor-preview" v-html="renderedMarkdown" />
-      </div>
-    </div>
-  </main>
-</template>
-<script>
-import MarkdownEditorAppBar from './MarkdownEditorAppBar.vue'
-import { useAppDefaults } from 'web-pkg/src/composables'
-import { marked } from 'marked'
-import sanitizeHtml from 'sanitize-html'
-import { useTask } from 'vue-concurrency'
-import { computed, getCurrentInstance, onMounted, ref, unref } from '@vue/composition-api'
-
-export default {
-  name: 'MarkdownEditor',
-  components: {
-    MarkdownEditorAppBar
-  },
-  setup() {
-    const serverContent = ref()
-    const currentContent = ref()
-    const currentETag = ref()
-
-    const loadFileTask = useTask(function* (signal, that) {
-      const filePath = unref(that.currentFileContext).path
-      return yield that.getFileContents(filePath).then((response) => {
-        serverContent.value = currentContent.value = response.body
-        currentETag.value = response.headers.ETag
-        return response
-      })
-    }).restartable()
-
-    const saveFileTask = useTask(function* (signal, that) {
-      const filePath = unref(that.currentFileContext).path
-      const newContent = unref(currentContent)
-
-      return yield that
-        .putFileContents(filePath, newContent, {
-          previousEntityTag: unref(currentETag)
-        })
-        .then(
-          (response) => {
-            serverContent.value = newContent
-            // FIXME: above we need response.headers.ETag, here we need response ETag - feels inconsistent
-            currentETag.value = response.ETag
-          },
-          (error) => {
-            lastError.value = error.message
-          }
-        )
-    }).restartable()
-
-    const lastError = ref()
-    const clearLastError = () => {
-      lastError.value = null
-    }
-
-    const renderedMarkdown = computed(() => {
-      return unref(currentContent) ? sanitizeHtml(marked(unref(currentContent))) : null
-    })
-
-    const isDirty = computed(() => {
-      return unref(serverContent) !== unref(currentContent)
-    })
-
-    const isLoading = computed(() => {
-      return loadFileTask.isRunning || saveFileTask.isRunning
-    })
-
-    onMounted(() => {
-      loadFileTask.perform(getCurrentInstance().proxy)
-    })
-
-    const save = function () {
-      saveFileTask.perform(this)
-    }
-
-    return {
-      ...useAppDefaults({
-        applicationName: 'markdown-editor'
-      }),
-
-      // tasks
-      loadFileTask,
-      saveFileTask,
-
-      // data
-      isLoading,
-      isDirty,
-      currentContent,
-      lastError,
-      renderedMarkdown,
-
-      // methods
-      clearLastError,
-      save
-    }
-  }
-}
-</script>
-<style lang="scss" scoped>
-#markdown-editor-preview {
-  max-height: 80vh;
-  overflow-y: scroll;
-}
-</style>
diff --git a/packages/web-app-markdown-editor/l10n/.tx/config b/packages/web-app-simple-editor/l10n/.tx/config
similarity index 83%
rename from packages/web-app-markdown-editor/l10n/.tx/config
rename to packages/web-app-simple-editor/l10n/.tx/config
index e43731231aa..b388b1fc915 100644
--- a/packages/web-app-markdown-editor/l10n/.tx/config
+++ b/packages/web-app-simple-editor/l10n/.tx/config
@@ -1,7 +1,7 @@
 [main]
 host = https://www.transifex.com
 
-[owncloud-web.markdown-editor]
+[owncloud-web.simple-editor]
 file_filter = locale/<lang>/LC_MESSAGES/app.po
 minimum_perc = 0
 source_file = template.pot
diff --git a/packages/web-app-markdown-editor/l10n/translations.json b/packages/web-app-simple-editor/l10n/translations.json
similarity index 100%
rename from packages/web-app-markdown-editor/l10n/translations.json
rename to packages/web-app-simple-editor/l10n/translations.json
diff --git a/packages/web-app-simple-editor/package.json b/packages/web-app-simple-editor/package.json
new file mode 100644
index 00000000000..83747c692b5
--- /dev/null
+++ b/packages/web-app-simple-editor/package.json
@@ -0,0 +1,6 @@
+{
+  "name": "simple-editor",
+  "version": "0.0.0",
+  "description": "ownCloud web simple-editor",
+  "license": "AGPL-3.0"
+}
diff --git a/packages/web-app-simple-editor/src/App.vue b/packages/web-app-simple-editor/src/App.vue
new file mode 100644
index 00000000000..26741d9db24
--- /dev/null
+++ b/packages/web-app-simple-editor/src/App.vue
@@ -0,0 +1,241 @@
+<template>
+  <main id="simple-editor" class="oc-mx-l oc-my-m">
+    <simple-editor-app-bar
+      :current-file-context="currentFileContext"
+      :is-loading="isLoading"
+      :is-dirty="isDirty"
+      :is-read-only="isReadOnly"
+      @closeApp="closeApp"
+      @save="save"
+    />
+    <oc-notifications>
+      <oc-notification-message
+        v-if="lastError"
+        :message="lastError"
+        status="danger"
+        @close="clearLastError"
+      />
+    </oc-notifications>
+    <div class="oc-flex">
+      <div :class="showPreview ? 'oc-width-1-2' : 'oc-width-1-1'">
+        <oc-textarea
+          id="simple-editor-input"
+          v-model="currentContent"
+          name="input"
+          full-width
+          label=""
+          class="oc-height-1-1"
+          :rows="20"
+          :disabled="isReadOnly"
+        />
+      </div>
+      <div v-if="showPreview" class="oc-container oc-width-1-2">
+        <!-- eslint-disable-next-line vue/no-v-html -->
+        <div id="simple-editor-preview" v-html="renderedMarkdown" />
+      </div>
+    </div>
+  </main>
+</template>
+<script>
+import SimpleEditorAppBar from './SimpleEditorAppBar.vue'
+import { useAppDefaults } from 'web-pkg/src/composables'
+import { marked } from 'marked'
+import sanitizeHtml from 'sanitize-html'
+import { useTask } from 'vue-concurrency'
+import { computed, onMounted, onBeforeUnmount, ref, unref } from '@vue/composition-api'
+import { mapActions } from 'vuex'
+import { DavPermission, DavProperty } from 'web-pkg/src/constants'
+
+export default {
+  name: 'SimpleEditor',
+  components: {
+    SimpleEditorAppBar
+  },
+  beforeRouteLeave(_to, _from, next) {
+    if (this.isDirty) {
+      const modal = {
+        variation: 'danger',
+        icon: 'warning',
+        title: this.$gettext('Changes not saved'),
+        message: this.$gettext('Your changes were not saved. Do you want to save them?'),
+        cancelText: this.$gettext('Not Save'),
+        confirmText: this.$gettext('Save'),
+        onCancel: () => {
+          this.hideModal()
+          next()
+        },
+        onConfirm: () => {
+          this.save()
+          this.hideModal()
+          next()
+        }
+      }
+      this.createModal(modal)
+    } else {
+      next()
+    }
+  },
+  setup() {
+    const defaults = useAppDefaults({
+      applicationName: 'simple-editor'
+    })
+    const { applicationConfig, currentFileContext } = defaults
+    const serverContent = ref()
+    const currentContent = ref()
+    const currentETag = ref()
+    const isReadOnly = ref(true)
+
+    const loadFileTask = useTask(function* () {
+      const filePath = unref(currentFileContext).path
+
+      unref(defaults)
+        .getFileInfo(filePath, [DavProperty.Permissions])
+        .then((response) => {
+          isReadOnly.value =
+            response.fileInfo[DavProperty.Permissions].indexOf(DavPermission.Updateable) === -1
+        })
+
+      return yield unref(defaults)
+        .getFileContents(filePath)
+        .then((response) => {
+          serverContent.value = currentContent.value = response.body
+          currentETag.value = response.headers.ETag
+          return response
+        })
+    }).restartable()
+
+    const saveFileTask = useTask(function* () {
+      const filePath = unref(currentFileContext).path
+      const newContent = unref(currentContent)
+
+      return yield unref(defaults)
+        .putFileContents(filePath, newContent, {
+          previousEntityTag: unref(currentETag)
+        })
+        .then(
+          (response) => {
+            serverContent.value = newContent
+            // FIXME: above we need response.headers.ETag, here we need response ETag - feels inconsistent
+            currentETag.value = response.ETag
+          },
+          (error) => {
+            switch (error.statusCode) {
+              case 412:
+                lastError.value =
+                  'This file was updated outside this window. Please refresh the page (all changes will be lost).'
+                break
+              case 500:
+                lastError.value = 'Error when contacting the server'
+                break
+              case 401:
+                lastError.value = "You're not authorized to save this file"
+                break
+              default:
+                lastError.value = error.message || error
+            }
+          }
+        )
+    }).restartable()
+
+    const lastError = ref()
+    const clearLastError = () => {
+      lastError.value = null
+    }
+
+    const renderedMarkdown = computed(() => {
+      return unref(currentContent) && showPreview
+        ? sanitizeHtml(marked(unref(currentContent)))
+        : null
+    })
+
+    const isDirty = computed(() => {
+      return unref(serverContent) !== unref(currentContent)
+    })
+
+    const isLoading = computed(() => {
+      return loadFileTask.isRunning || saveFileTask.isRunning
+    })
+
+    const showPreview = computed(() => {
+      return unref(fileExtension) === 'md' || !unref(config).showPreviewOnlyMd
+    })
+
+    const fileExtension = computed(() => {
+      return unref(currentFileContext).path.split('.').pop()
+    })
+
+    const config = computed(() => {
+      const { showPreviewOnlyMd = true } = unref(applicationConfig)
+      return { showPreviewOnlyMd }
+    })
+
+    onMounted(() => {
+      loadFileTask.perform()
+
+      // Enable ctrl/cmd + s
+      document.addEventListener('keydown', handleSKey, false)
+      // Ensure reload is not possible if there are changes
+      window.addEventListener('beforeunload', handleUnload)
+    })
+
+    onBeforeUnmount(() => {
+      window.removeEventListener('beforeunload', handleUnload)
+      document.removeEventListener('keydown', handleSKey, false)
+    })
+
+    const save = function () {
+      saveFileTask.perform()
+    }
+
+    const handleSKey = function (e) {
+      if ((e.ctrlKey || e.metaKey) && e.code === 'KeyS') {
+        e.preventDefault()
+        save()
+      }
+    }
+
+    const handleUnload = function (e) {
+      if (unref(isDirty)) {
+        e.preventDefault()
+        e.returnValue = ''
+      }
+    }
+
+    return {
+      ...defaults,
+
+      // tasks
+      loadFileTask,
+      saveFileTask,
+
+      // data
+      isLoading,
+      showPreview,
+      isDirty,
+      isReadOnly,
+      currentContent,
+      lastError,
+      renderedMarkdown,
+      config,
+
+      // methods
+      clearLastError,
+      save,
+      handleSKey,
+      handleUnload
+    }
+  },
+  methods: {
+    ...mapActions(['createModal', 'hideModal'])
+  }
+}
+</script>
+<style lang="scss" scoped>
+#simple-editor-preview {
+  max-height: 80vh;
+  overflow-y: scroll;
+}
+#simple-editor-input {
+  resize: vertical;
+}
+</style>
diff --git a/packages/web-app-markdown-editor/src/MarkdownEditorAppBar.vue b/packages/web-app-simple-editor/src/SimpleEditorAppBar.vue
similarity index 68%
rename from packages/web-app-markdown-editor/src/MarkdownEditorAppBar.vue
rename to packages/web-app-simple-editor/src/SimpleEditorAppBar.vue
index d2e0d70aa1b..5f684112d73 100644
--- a/packages/web-app-markdown-editor/src/MarkdownEditorAppBar.vue
+++ b/packages/web-app-simple-editor/src/SimpleEditorAppBar.vue
@@ -1,17 +1,21 @@
 <template>
-  <div id="markdown-editor-app-bar" class="oc-app-bar">
+  <div id="simple-editor-app-bar" class="oc-app-bar oc-width-1-1 oc-my-s">
     <oc-grid flex gutter="small">
       <div class="oc-width-auto">
-        <oc-button id="markdown-editor-controls-save" :disabled="!isDirty" @click="$emit('save')">
+        <oc-button
+          id="simple-editor-controls-save"
+          :disabled="isReadOnly || !isDirty"
+          @click="$emit('save')"
+        >
           <oc-icon name="save" />
         </oc-button>
         <oc-spinner v-if="isLoading" :aria-label="$gettext('Loading editor content')" />
       </div>
       <div class="oc-width-expand oc-text-center">
-        <span id="markdown-editor-file-path">{{ activeFilePath }}</span>
+        <span id="simple-editor-file-path">{{ activeFilePath }}</span>
       </div>
       <div class="oc-width-auto oc-text-right">
-        <oc-button id="markdown-editor-controls-close" @click="$emit('closeApp')">
+        <oc-button id="simple-editor-controls-close" @click="$emit('closeApp')">
           <oc-icon name="close" />
         </oc-button>
       </div>
@@ -32,6 +36,10 @@ export default {
     isLoading: {
       type: Boolean,
       required: true
+    },
+    isReadOnly: {
+      type: Boolean,
+      required: true
     }
   },
   computed: {
diff --git a/packages/web-app-markdown-editor/src/index.js b/packages/web-app-simple-editor/src/index.js
similarity index 73%
rename from packages/web-app-markdown-editor/src/index.js
rename to packages/web-app-simple-editor/src/index.js
index 3fc81a5b369..f37f9cbe105 100644
--- a/packages/web-app-markdown-editor/src/index.js
+++ b/packages/web-app-simple-editor/src/index.js
@@ -5,8 +5,10 @@ const routes = [
   {
     path: '/:filePath*',
     component: App,
-    name: 'markdown-editor',
+    name: 'simple-editor',
     meta: {
+      title: 'SimpleEditor',
+      auth: false,
       patchCleanPath: true
     }
   }
@@ -17,8 +19,8 @@ const fileExtensionConfig = {
 }
 
 const appInfo = {
-  name: 'MarkdownEditor',
-  id: 'markdown-editor',
+  name: 'SimpleEditor',
+  id: 'simple-editor',
   icon: 'file-text',
   isFileEditor: true,
   extensions: [
@@ -43,6 +45,13 @@ const appInfo = {
   ]
 }
 
+for (const ext of ['js', 'json', 'xml', 'py', 'php', 'yaml']) {
+  appInfo.extensions.push({
+    extension: ext,
+    ...fileExtensionConfig
+  })
+}
+
 export default {
   appInfo,
   routes,
diff --git a/tests/acceptance/features/webUIFilesActionMenu/fileFolderActionMenu.feature b/tests/acceptance/features/webUIFilesActionMenu/fileFolderActionMenu.feature
index 754bc624600..44723e58684 100644
--- a/tests/acceptance/features/webUIFilesActionMenu/fileFolderActionMenu.feature
+++ b/tests/acceptance/features/webUIFilesActionMenu/fileFolderActionMenu.feature
@@ -18,7 +18,7 @@ Feature: User can see the file or folder actions menu options
     Then the app-sidebar for file "lorem.txt" should be visible on the webUI
     And only the following items with default items should be visible in the actions menu on the webUI
       | items                  |
-      | open in markdowneditor |
+      | open in simpleeditor |
       | download               |
     When the user opens the actions sidebar panel of file "lorem.pdf" on the webUI
     Then the app-sidebar for file "lorem.pdf" should be visible on the webUI
diff --git a/tests/acceptance/features/webUIMarkdownEditor/markdownFile.feature b/tests/acceptance/features/webUISimpleEditor/markdownFile.feature
similarity index 58%
rename from tests/acceptance/features/webUIMarkdownEditor/markdownFile.feature
rename to tests/acceptance/features/webUISimpleEditor/markdownFile.feature
index 209730c6cdd..c2e66f1f213 100644
--- a/tests/acceptance/features/webUIMarkdownEditor/markdownFile.feature
+++ b/tests/acceptance/features/webUISimpleEditor/markdownFile.feature
@@ -12,59 +12,59 @@ Feature: create markdown files
   @disablePreviews
   Scenario: create a new markdown file in the root directory
     When the user creates a markdown file with the name "simple_new.md" using the webUI
-    Then the file "simple_new.md" should be displayed in the markdown editor webUI
-    When the user closes the markdown editor using the webUI
+    Then the file "simple_new.md" should be displayed in the simple editor webUI
+    When the user closes the simple editor using the webUI
     Then as "Alice" file "simple_new.md" should exist in the server
     And file "simple_new.md" should be listed on the webUI
 
   @disablePreviews
   Scenario: update a markdown file with new content
-    Given the user has opened file "simple.md" in the markdown editor webUI
-    When the user inputs the content "updated content" in the markdown editor webUI
-    And the user saves the file in the markdown editor webUI
-    And the user closes the markdown editor using the webUI
+    Given the user has opened file "simple.md" in the simple editor webUI
+    When the user inputs the content "updated content" in the simple editor webUI
+    And the user saves the file in the simple editor webUI
+    And the user closes the simple editor using the webUI
     Then as "Alice" the file "simple.md" should have the content "updated content" in the server
 
   @disablePreviews
   Scenario: append new content in a markdown file
-    Given the user has opened file "simple.md" in the markdown editor webUI
-    When the user appends the content " new content added" in the markdown editor webUI
-    And the user saves the file in the markdown editor webUI
-    And the user closes the markdown editor using the webUI
+    Given the user has opened file "simple.md" in the simple editor webUI
+    When the user appends the content " new content added" in the simple editor webUI
+    And the user saves the file in the simple editor webUI
+    And the user closes the simple editor using the webUI
     Then as "Alice" the file "simple.md" should have the content "simple markdown file new content added" in the server
 
   @disablePreviews
-  Scenario: close the markdown editor without saving the updated content
-    Given the user has opened file "simple.md" in the markdown editor webUI
-    When the user inputs the content "updated content" in the markdown editor webUI
-    And the user closes the markdown editor using the webUI
+  Scenario: close the simple editor without saving the updated content
+    Given the user has opened file "simple.md" in the simple editor webUI
+    When the user inputs the content "updated content" in the simple editor webUI
+    And the user closes the simple editor using the webUI
     And as "Alice" the file "simple.md" should have the content "simple markdown file" in the server
 
   @disablePreviews
   Scenario: preview content of the file
-    When the user opens file "simple.md" in the markdown editor webUI
-    Then the file "simple.md" should be displayed in the markdown editor webUI
+    When the user opens file "simple.md" in the simple editor webUI
+    Then the file "simple.md" should be displayed in the simple editor webUI
     And the preview panel should have the content "simple markdown file" on the webUI
 
   @disablePreviews
   Scenario: preview content of the file while editing
-    Given the user has opened file "simple.md" in the markdown editor webUI
-    When the user inputs the content "updating the file with new content" in the markdown editor webUI
+    Given the user has opened file "simple.md" in the simple editor webUI
+    When the user inputs the content "updating the file with new content" in the simple editor webUI
     Then the preview panel should have the content "updating the file with new content" on the webUI
 
   @disablePreviews
-  Scenario: open text file in markdown editor
+  Scenario: open text file in simple editor
     Given user "Alice" has uploaded file with content "test" to "lorem.txt" in the server
     And the user has reloaded the current page of the webUI
-    When the user opens file "lorem.txt" in the markdown editor webUI
-    Then the file "lorem.txt" should be displayed in the markdown editor webUI
+    When the user opens file "lorem.txt" in the simple editor webUI
+    Then the file "lorem.txt" should be displayed in the simple editor webUI
 
   @disablePreviews
-  Scenario Outline: preview of files with markdown editor by clicking the action menu option
+  Scenario Outline: preview of files with simple editor by clicking the action menu option
     Given user "Alice" has uploaded file with content "test" to "lorem.txt" in the server
     And the user has reloaded the current page of the webUI
-    When the user opens file "<file>" in the markdown editor using the action menu option on the webUI
-    Then the file "<file>" should be displayed in the markdown editor webUI
+    When the user opens file "<file>" in the simple editor using the action menu option on the webUI
+    Then the file "<file>" should be displayed in the simple editor webUI
     Examples:
       | file      |
       | simple.md |
@@ -72,8 +72,8 @@ Feature: create markdown files
 
   @disablePreviews
   Scenario Outline: Previewing text writen in markdown format
-    Given the user has opened file "simple.md" in the markdown editor webUI
-    When the user inputs the content "<content>" in the markdown editor webUI
+    Given the user has opened file "simple.md" in the simple editor webUI
+    When the user inputs the content "<content>" in the simple editor webUI
     Then the preview panel should have "<tagname>" element with text "<innertext>"
     Examples:
       | content        | innertext | tagname  |
diff --git a/tests/acceptance/pageObjects/FilesPageElement/fileActionsMenu.js b/tests/acceptance/pageObjects/FilesPageElement/fileActionsMenu.js
index ac310478718..3c180c280f9 100644
--- a/tests/acceptance/pageObjects/FilesPageElement/fileActionsMenu.js
+++ b/tests/acceptance/pageObjects/FilesPageElement/fileActionsMenu.js
@@ -16,7 +16,7 @@ module.exports = {
       move: 'move',
       copy: 'copy',
       preview: 'preview',
-      markdownEditor: 'markdownEditor'
+      simpleEditor: 'simpleEditor'
     }),
 
     /**
@@ -167,10 +167,10 @@ module.exports = {
       return this.performFileAction(this.FileAction.preview)
     },
     /**
-     * Open a resource in the markdown editor via its file action
+     * Open a resource in the simple editor via its file action
      */
-    markdownEditor: function () {
-      return this.performFileAction(this.FileAction.markdownEditor)
+    simpleEditor: function () {
+      return this.performFileAction(this.FileAction.simpleEditor)
     }
   },
   elements: {
@@ -236,8 +236,8 @@ module.exports = {
       selector: '//button[normalize-space()="Preview"]',
       locateStrategy: 'xpath'
     },
-    markdownEditorButtonInAccordion: {
-      selector: '//button[normalize-space()="Open in MarkdownEditor"]',
+    simpleEditorButtonInAccordion: {
+      selector: '//button[normalize-space()="Open in SimpleEditor"]',
       locateStrategy: 'xpath'
     }
   }
diff --git a/tests/acceptance/pageObjects/personalPage.js b/tests/acceptance/pageObjects/personalPage.js
index 5559cd9918b..acd6543cec7 100644
--- a/tests/acceptance/pageObjects/personalPage.js
+++ b/tests/acceptance/pageObjects/personalPage.js
@@ -439,7 +439,7 @@ module.exports = {
       selector: '.oc-files-actions-copy-trigger'
     },
     editorCloseBtn: {
-      selector: '#markdown-editor-app-bar .oc-text-right .oc-button'
+      selector: '#simple-editor-app-bar .oc-text-right .oc-button'
     },
     clearSelectionBtn: {
       selector: '#files-clear-selection'
diff --git a/tests/acceptance/pageObjects/markdownEditorPage.js b/tests/acceptance/pageObjects/simpleEditorPage.js
similarity index 88%
rename from tests/acceptance/pageObjects/markdownEditorPage.js
rename to tests/acceptance/pageObjects/simpleEditorPage.js
index 7705d98f7e0..1e431261114 100644
--- a/tests/acceptance/pageObjects/markdownEditorPage.js
+++ b/tests/acceptance/pageObjects/simpleEditorPage.js
@@ -44,7 +44,7 @@ module.exports = {
     saveFileEdit: function () {
       return this.waitForElementVisible('@saveButton').click('@saveButton')
     },
-    closeMarkdownEditor: function () {
+    closeSimpleEditor: function () {
       return this.waitForElementVisible('@closeButton').click('@closeButton')
     },
     /**
@@ -72,25 +72,25 @@ module.exports = {
      */
     openMdEditorUsingActionMenu: async function (fileName) {
       await filesList.openFileActionsMenu(fileName)
-      await filesActionsMenu.markdownEditor()
+      await filesActionsMenu.simpleEditor()
       return this
     }
   },
   elements: {
     editorTextarea: {
-      selector: '#markdown-editor-input'
+      selector: '#simple-editor-input'
     },
     saveButton: {
-      selector: '#markdown-editor-controls-save'
+      selector: '#simple-editor-controls-save'
     },
     closeButton: {
-      selector: '#markdown-editor-controls-close'
+      selector: '#simple-editor-controls-close'
     },
     fileName: {
-      selector: '#markdown-editor-file-path'
+      selector: '#simple-editor-file-path'
     },
     previewPanel: {
-      selector: '#markdown-editor-preview'
+      selector: '#simple-editor-preview'
     }
   }
 }
diff --git a/tests/acceptance/stepDefinitions/markdownEditorContext.js b/tests/acceptance/stepDefinitions/simpleEditorContext.js
similarity index 54%
rename from tests/acceptance/stepDefinitions/markdownEditorContext.js
rename to tests/acceptance/stepDefinitions/simpleEditorContext.js
index a62d646b69e..44af9079dda 100644
--- a/tests/acceptance/stepDefinitions/markdownEditorContext.js
+++ b/tests/acceptance/stepDefinitions/simpleEditorContext.js
@@ -3,60 +3,60 @@ const assert = require('assert')
 const _ = require('lodash')
 const { Given, When, Then } = require('@cucumber/cucumber')
 
-const markdownEditor = client.page.markdownEditorPage()
+const simpleEditor = client.page.simpleEditorPage()
 const filesList = client.page.FilesPageElement.filesList()
 
-Given('the user has opened file {string} in the markdown editor webUI', async (fileName) => {
+Given('the user has opened file {string} in the simple editor webUI', async (fileName) => {
   await filesList.clickOnFileName(fileName)
-  await markdownEditor.waitForPageLoaded()
-  const actualFileName = await markdownEditor.getFileName()
+  await simpleEditor.waitForPageLoaded()
+  const actualFileName = await simpleEditor.getFileName()
   return assertEqualText(fileName, actualFileName)
 })
 
-When('the user opens file {string} in the markdown editor webUI', (fileName) => {
+When('the user opens file {string} in the simple editor webUI', (fileName) => {
   return filesList.clickOnFileName(fileName)
 })
 
-When('the user inputs the content {string} in the markdown editor webUI', async (content) => {
-  return await markdownEditor.updateFileContent(content)
+When('the user inputs the content {string} in the simple editor webUI', async (content) => {
+  return await simpleEditor.updateFileContent(content)
 })
 
-When('the user appends the content {string} in the markdown editor webUI', async (content) => {
-  return await markdownEditor.appendContentToFile(content)
+When('the user appends the content {string} in the simple editor webUI', async (content) => {
+  return await simpleEditor.appendContentToFile(content)
 })
 
-When('the user saves the file in the markdown editor webUI', async () => {
-  return await markdownEditor.saveFileEdit()
+When('the user saves the file in the simple editor webUI', async () => {
+  return await simpleEditor.saveFileEdit()
 })
 
-When('the user closes the markdown editor using the webUI', async () => {
-  return await markdownEditor.closeMarkdownEditor()
+When('the user closes the simple editor using the webUI', async () => {
+  return await simpleEditor.closeSimpleEditor()
 })
 
-Then('the file {string} should be displayed in the markdown editor webUI', async (fileName) => {
-  const actualFileName = await markdownEditor.getFileName()
+Then('the file {string} should be displayed in the simple editor webUI', async (fileName) => {
+  const actualFileName = await simpleEditor.getFileName()
   return assertEqualText(fileName, actualFileName)
 })
 
-Then('the file should have content {string} in the markdown editor webUI', async (content) => {
-  const contentInEditor = await markdownEditor.getContentFromEditor()
+Then('the file should have content {string} in the simple editor webUI', async (content) => {
+  const contentInEditor = await simpleEditor.getContentFromEditor()
   return assertEqualText(content, contentInEditor, 'content')
 })
 
-Then('the file should not have content {string} in the markdown editor webUI', async (content) => {
-  const contentInEditor = await markdownEditor.getContentFromEditor()
+Then('the file should not have content {string} in the simple editor webUI', async (content) => {
+  const contentInEditor = await simpleEditor.getContentFromEditor()
   return assertNotEqualText(content, contentInEditor, 'content')
 })
 
 Then('the preview panel should have the content {string} on the webUI', async (content) => {
-  const contentInPreview = await markdownEditor.getContentFromPanel()
+  const contentInPreview = await simpleEditor.getContentFromPanel()
   return assertEqualText(content, contentInPreview, 'content')
 })
 
 When(
-  'the user opens file {string} in the markdown editor using the action menu option on the webUI',
+  'the user opens file {string} in the simple editor using the action menu option on the webUI',
   async (fileName) => {
-    return await markdownEditor.openMdEditorUsingActionMenu(fileName)
+    return await simpleEditor.openMdEditorUsingActionMenu(fileName)
   }
 )
 
@@ -73,7 +73,7 @@ const assertEqualText = (expected, actual, type = 'file') => {
     error =
       'File "' +
       expected +
-      '" expected to be opened in the markdown editor but found "' +
+      '" expected to be opened in the simple editor but found "' +
       actual +
       '"'
   } else if (type === 'content') {
@@ -85,7 +85,7 @@ const assertEqualText = (expected, actual, type = 'file') => {
 const assertNotEqualText = (expected, actual, type = 'file') => {
   let error = ''
   if (type === 'file') {
-    error = 'File "' + expected + '" expected not to be opened in the markdown editor but found'
+    error = 'File "' + expected + '" expected not to be opened in the simple editor but found'
   } else if (type === 'content') {
     error = 'File expected not to have content "' + expected + '" but found.'
   }
@@ -93,7 +93,7 @@ const assertNotEqualText = (expected, actual, type = 'file') => {
 }
 
 const assertHasElementWithText = async (tagName, innerText) => {
-  const previewPanel = markdownEditor.getPreviewPanelElement()
+  const previewPanel = simpleEditor.getPreviewPanelElement()
   const searchElement = previewPanel + ' > ' + tagName
   let hasElement = false
 
diff --git a/tests/drone/config-oc10-oauth.json b/tests/drone/config-oc10-oauth.json
index 74b28880c38..26fc0fcccfe 100644
--- a/tests/drone/config-oc10-oauth.json
+++ b/tests/drone/config-oc10-oauth.json
@@ -13,7 +13,7 @@
   "apps": [
     "files",
     "draw-io",
-    "markdown-editor",
+    "simple-editor",
     "preview",
     "pdf-viewer",
     "search"
diff --git a/tests/drone/config-oc10-openid.json b/tests/drone/config-oc10-openid.json
index 96c76f78af1..6ca397358af 100644
--- a/tests/drone/config-oc10-openid.json
+++ b/tests/drone/config-oc10-openid.json
@@ -15,7 +15,7 @@
   "apps": [
     "files",
     "draw-io",
-    "markdown-editor",
+    "simple-editor",
     "preview",
     "pdf-viewer",
     "search"
diff --git a/tests/drone/config-ocis.json b/tests/drone/config-ocis.json
index 718bd22be40..89f05b83383 100644
--- a/tests/drone/config-ocis.json
+++ b/tests/drone/config-ocis.json
@@ -16,7 +16,7 @@
   "apps": [
     "files",
     "draw-io",
-    "markdown-editor",
+    "simple-editor",
     "preview",
     "pdf-viewer",
     "search"
diff --git a/yarn.lock b/yarn.lock
index f9e20891e64..6fec0fe1b4d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8951,12 +8951,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"markdown-editor@workspace:packages/web-app-markdown-editor":
-  version: 0.0.0-use.local
-  resolution: "markdown-editor@workspace:packages/web-app-markdown-editor"
-  languageName: unknown
-  linkType: soft
-
 "marked@npm:^4.0.12":
   version: 4.0.12
   resolution: "marked@npm:4.0.12"
@@ -12127,6 +12121,12 @@ __metadata:
   languageName: node
   linkType: hard
 
+"simple-editor@workspace:packages/web-app-simple-editor":
+  version: 0.0.0-use.local
+  resolution: "simple-editor@workspace:packages/web-app-simple-editor"
+  languageName: unknown
+  linkType: soft
+
 "simple-swizzle@npm:^0.2.2":
   version: 0.2.2
   resolution: "simple-swizzle@npm:0.2.2"