New moderator app WIP:

* #144: moderator notes WIP,
* plugin size: adding an API,
* refactoring the code from the task app, to create a new MUC App
  system.

conversejs/custom/plugins/tasks/components/muc-task-app-view.js

@@ -3,35 +3,19 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 
 import { api } from '@converse/headless'
-import { CustomElement } from 'shared/components/element.js'
+import { MUCApp } from '../../../shared/components/muc-app.js'
 import { tplMUCTaskApp } from '../templates/muc-task-app.js'
 
-import '../styles/muc-task-app.scss'
-
 /**
  * Custom Element to display the Task Application.
  */
-export default class MUCTaskApp extends CustomElement {
-  static get properties () {
-    return {
-      model: { type: Object, attribute: true }, // mucModel
-      show: { type: Boolean, attribute: false }
-    }
-  }
-
-  async initialize () {
-    this.show = api.settings.get('livechat_task_app_restore') &&
-      (window.sessionStorage?.getItem?.('livechat-converse-task-app-show') === '1')
-  }
+export default class MUCTaskApp extends MUCApp {
+  enableSettingName = 'livechat_task_app_restore'
+  sessionStorangeShowKey = 'livechat-converse-task-app-show'
 
   render () {
     return tplMUCTaskApp(this, this.model)
   }
-
-  toggleApp () {
-    this.show = !this.show
-    window.sessionStorage?.setItem?.('livechat-converse-task-app-show', this.show ? '1' : '')
-  }
 }
 
 api.elements.define('livechat-converse-muc-task-app', MUCTaskApp)