text-editor: adapt to latest upstream

Author: diocas

text-editor/package.json

@@ -61,8 +61,5 @@
     "vue-template-compiler": "^2.6.12",
     "vuex": "^3.6.2"
   },
-  "engines": {
-    "node": ">=14 <=16"
-  },
   "dependencies": {}
 }

text-editor/src/App.vue

@@ -9,15 +9,15 @@
         @close="clearLastError"
       />
     </oc-notifications>
-    <div class="uk-flex">
-      <div class="uk-container uk-width-1-1">
+    <div class="oc-flex">
+      <div class="oc-container oc-width-1-1">
         <oc-textarea
           id="text-editor-input"
           label=""
           name="input"
           full-width
           :value="currentContent"
-          class="uk-height-1-1"
+          class="oc-height-1-1"
           :rows="20"
           :disabled="isReadOnly"
           @input="onType"
@@ -68,14 +68,14 @@ export default {
     const filePath = `/${this.$route.params.filePath.split('/').filter(Boolean).join('/')}`
     if (filePath === '') {
       this.$router.push({
-        path: '/files'
+        path: '/'
       })
       return
     }
     this.loadFile({
       filePath: filePath,
       client: this.$client,
-      public: this.$route.name === 'text-editor-public',
+      public: this.$route.params.contextRouteName === 'files-public-files',
       publicLinkPassword: this.publicLinkPassword
 
     })

text-editor/src/TextEditorAppBar.vue

@@ -1,7 +1,7 @@
 <template>
-  <div id="text-editor-app-bar" class="uk-container oc-app-bar uk-width-1-1">
+  <div id="text-editor-app-bar" class="oc-container oc-app-bar oc-width-1-1">
     <oc-grid flex gutter="small">
-      <div class="uk-width-auto">
+      <div class="oc-width-auto">
         <oc-button
           id="text-editor-controls-save"
           :disabled="!isTouched || isReadOnly"
@@ -11,10 +11,10 @@
         </oc-button>
         <oc-spinner v-if="isLoading" :aria-label="$gettext('Loading editor content')" />
       </div>
-      <div class="uk-width-expand uk-text-center">
+      <div class="oc-width-expand oc-text-center">
         <span id="text-editor-file-path">{{ currentFile }}</span>
       </div>
-      <div class="uk-width-auto uk-text-right">
+      <div class="oc-width-auto oc-text-right">
         <oc-button id="text-editor-controls-close" @click="closeApp">
           <oc-icon name="close" />
         </oc-button>

text-editor/src/index.js

@@ -11,22 +11,11 @@ const name = 'Text Editor'
 
 const routes = [
   {
-    path: '/edit/:filePath*',
+    path: '/:contextRouteName/:filePath*',
     components: {
       app: App
     },
-    name: 'edit',
-    meta: {
-      title: name,
-      patchCleanPath: true
-    }
-  },
-  {
-    path: '/public/:filePath*',
-    components: {
-      app: App
-    },
-    name: 'public',
+    name: 'editor',
     meta: {
       title: name,
       patchCleanPath: true,
@@ -38,35 +27,19 @@ const routes = [
 const appInfo = {
   name: name,
   id: 'text-editor',
-  icon: 'text',
+  icon: 'file-text',
   isFileEditor: true,
   extensions: [
     {
       extension: 'txt',
-      routeName: 'text-editor-edit',
-      canBeDefault: true,
-      newFileMenu: {
-        menuTitle($gettext) {
-          return $gettext('New plain text file')
-        }
-      },
-      routes: [
-        'files-personal',
-        'files-favorites',
-        'files-shared-with-others',
-        'files-shared-with-me'
-      ]
-    },
-    {
-      extension: 'txt',
-      routeName: 'text-editor-public',
+      routeName: 'text-editor-editor',
       canBeDefault: true,
+      // newTab: true,
       newFileMenu: {
         menuTitle($gettext) {
-          return $gettext('New plain text file')
+          return $gettext('Plain text file')
         }
-      },
-      routes: ['files-public-list']
+      }
     }
   ]
 }

text-editor/src/store.js

@@ -93,6 +93,7 @@ const actions = {
     commit('CURRENT_ETAG', null)
     commit('UPDATE_TEXT', null)
     commit('CURRENT_FILE', '')
+    commit('ERROR', '')
   }
 }