feat(editor): add self-hosted TinyMCE editor and remove API key

worklenz-frontend/angular.json

@@ -36,13 +36,20 @@
                 "glob": "**/*",
                 "input": "./node_modules/@ant-design/icons-angular/src/inline-svg/",
                 "output": "/assets/"
+              },
+              {
+                "glob": "**/*",
+                "input": "node_modules/tinymce",
+                "output": "/tinymce/"
               }
             ],
             "styles": [
               "src/theme.less",
               "src/styles.scss"
             ],
-            "scripts": [],
+            "scripts": [
+              "node_modules/tinymce/tinymce.min.js"
+            ],
             "serviceWorker": true,
             "ngswConfigPath": "ngsw-config.json",
             "allowedCommonJsDependencies": [
@@ -147,4 +154,4 @@
       "@angular-eslint/schematics"
     ]
   }
-}
+}

worklenz-frontend/package-lock.json

@@ -36,7 +36,7 @@
         "ngx-doc-viewer": "^15.0.1",
         "ngx-socket-io": "^4.5.1",
         "rxjs": "~7.4.0",
-        "tinymce": "^6.7.3",
+        "tinymce": "^6.8.3",
         "tslib": "^2.6.1",
         "zone.js": "^0.13.1"
       },
@@ -15327,9 +15327,9 @@
       "dev": true
     },
     "node_modules/tinymce": {
-      "version": "6.7.3",
+      "version": "6.8.3",
-      "resolved": "https://registry.npmjs.org/tinymce/-/tinymce-6.7.3.tgz",
+      "resolved": "https://registry.npmjs.org/tinymce/-/tinymce-6.8.3.tgz",
-      "integrity": "sha512-J7WmYIi/gt1RvZ6Ap2oQiUjzAoiS9pfV+d4GnKuZuPu8agmlAEAInNmMvMjfCNBzHv4JnZXY7qlHUAI0IuYQVA=="
+      "integrity": "sha512-3fCHKAeqT+xNwBVESf6iDbDV0VNwZNmfrkx9c/6Gz5iB8piMfaO6s7FvoiTrj1hf1gVbfyLTnz1DooI6DhgINQ=="
     },
     "node_modules/tmp": {
       "version": "0.2.1",

worklenz-frontend/package.json

@@ -45,7 +45,7 @@
     "ngx-doc-viewer": "^15.0.1",
     "ngx-socket-io": "^4.5.1",
     "rxjs": "~7.4.0",
-    "tinymce": "^6.7.3",
+    "tinymce": "^6.8.3",
     "tslib": "^2.6.1",
     "zone.js": "^0.13.1"
   },

worklenz-frontend/src/app/administrator/components/task-view/task-view-description/task-view-description.component.html

@@ -11,7 +11,6 @@
       class="description-editor"
       [class.editing]="isEditing"
       [init]="CONFIG"
-      [apiKey]="apiKey"
       [(ngModel)]="service.model.task.description"
       (onBlur)="onDescriptionInputBlur()"
       #descriptionEditor

worklenz-frontend/src/app/administrator/components/task-view/task-view-description/task-view-description.component.ts

@@ -25,8 +25,9 @@ export class TaskViewDescriptionComponent implements OnInit, OnDestroy {
   @ViewChild("descriptionInput", {static: false}) descriptionInput!: ElementRef;
   @ViewChild("descriptionEditor", {static: false}) descriptionEditor!: EditorComponent;
 
-  readonly apiKey = "4nquevykvy1i0q0v62ksxuu3nz1muy8i5fsqpj3wp9qm2mgp";
   readonly CONFIG = {
+    base_url: '/tinymce',
+    suffix: '.min',
     plugins: "lists link code wordcount",
     toolbar: 'blocks bold italic underline strikethrough | checklist numlist bullist link | alignleft aligncenter alignright alignjustify',
     menubar: false,

worklenz-frontend/src/app/administrator/components/task-view/task-view.module.ts

@@ -51,7 +51,7 @@ import {NzPopconfirmModule} from 'ng-zorro-antd/popconfirm';
 import {NzCardModule} from "ng-zorro-antd/card";
 import {NzTableModule} from "ng-zorro-antd/table";
 import {NzProgressModule} from "ng-zorro-antd/progress";
-import {EditorModule} from '@tinymce/tinymce-angular';
+import {EditorModule, TINYMCE_SCRIPT_SRC} from '@tinymce/tinymce-angular';
 import {TaskViewTimeLogComponent} from './task-view-time-log/task-view-time-log.component';
 import {NzListModule} from "ng-zorro-antd/list";
 import {NzEmptyModule} from "ng-zorro-antd/empty";
@@ -99,60 +99,61 @@ import {TaskCommentMentionPipe} from "@pipes/task-comment-mention.pipe";
     TaskViewComponent
   ],
   providers: [
-    SearchByNamePipe
+    SearchByNamePipe,
+    { provide: TINYMCE_SCRIPT_SRC, useValue: 'tinymce/tinymce.min.js' }
   ],
-    imports: [
+  imports: [
-        CommonModule,
+    CommonModule,
-        NzDrawerModule,
+    NzDrawerModule,
-        NzSkeletonModule,
+    NzSkeletonModule,
-        NzFormModule,
+    NzFormModule,
-        FormsModule,
+    FormsModule,
-        NzInputModule,
+    NzInputModule,
-        NzSelectModule,
+    NzSelectModule,
-        NzTabsModule,
+    NzTabsModule,
-        NzTagModule,
+    NzTagModule,
-        NzCollapseModule,
+    NzCollapseModule,
-        NzDropDownModule,
+    NzDropDownModule,
-        AvatarsComponent,
+    AvatarsComponent,
-        NzAvatarModule,
+    NzAvatarModule,
-        NzTypographyModule,
+    NzTypographyModule,
-        NzCheckboxModule,
+    NzCheckboxModule,
-        SearchByNamePipe,
+    SearchByNamePipe,
-        NzToolTipModule,
+    NzToolTipModule,
-        NzDatePickerModule,
+    NzDatePickerModule,
-        NzInputNumberModule,
+    NzInputNumberModule,
-        NzIconModule,
+    NzIconModule,
-        NzBadgeModule,
+    NzBadgeModule,
-        NzDividerModule,
+    NzDividerModule,
-        FromNowPipe,
+    FromNowPipe,
-        ReactiveFormsModule,
+    ReactiveFormsModule,
-        TaskPriorityLabelComponent,
+    TaskPriorityLabelComponent,
-        NzButtonModule,
+    NzButtonModule,
-        NzCommentModule,
+    NzCommentModule,
-        RouterLink,
+    RouterLink,
-        NzSpaceModule,
+    NzSpaceModule,
-        NzMentionModule,
+    NzMentionModule,
-        NzAffixModule,
+    NzAffixModule,
-        NzNoAnimationModule,
+    NzNoAnimationModule,
-        NzPopconfirmModule,
+    NzPopconfirmModule,
-        NzCardModule,
+    NzCardModule,
-        NzTableModule,
+    NzTableModule,
-        NzProgressModule,
+    NzProgressModule,
-        EditorModule,
+    EditorModule,
-        NzListModule,
+    NzListModule,
-        NzEmptyModule,
+    NzEmptyModule,
-        TaskTimerComponent,
+    TaskTimerComponent,
-        FirstCharUpperPipe,
+    FirstCharUpperPipe,
-        TaskListAddTaskInputComponent,
+    TaskListAddTaskInputComponent,
-        SafeStringPipe,
+    SafeStringPipe,
-        DateFormatterPipe,
+    DateFormatterPipe,
-        NgxDocViewerModule,
+    NgxDocViewerModule,
-        NzModalModule,
+    NzModalModule,
-        NzSpinModule,
+    NzSpinModule,
-        NzTimelineModule,
+    NzTimelineModule,
-        NzTimePickerModule,
+    NzTimePickerModule,
-        TaskCommentMentionPipe
+    TaskCommentMentionPipe
-    ]
+  ]
 })
 export class TaskViewModule {
 }

worklenz-frontend/src/app/administrator/settings/project-template-edit-view/components/phase-settings-drawer/phase-settings-drawer.component.ts

@@ -4,7 +4,6 @@ import {ProjectTemplateService} from "@services/project-template.service";
 import {PtTaskPhasesApiService} from "@api/pt-task-phases-api.service";
 import {ITaskPhase} from "@interfaces/api-models/task-phase";
 import {PhaseColorCodes} from "@shared/constants";
-import {load} from "@angular-devkit/build-angular/src/utils/server-rendering/esm-in-memory-file-loader";
 
 @Component({
   selector: 'worklenz-phase-settings-drawer',

worklenz-frontend/src/app/administrator/settings/project-template-edit-view/components/row/task-description/task-description.component.html

@@ -21,7 +21,6 @@
           class="description-editor-list"
           [class.editing]="isEditing"
           [init]="CONFIG"
-          [apiKey]="apiKey"
           [(ngModel)]="task.description"
           (onBlur)="submit()"
           #descriptionEditor

worklenz-frontend/src/app/administrator/settings/project-template-edit-view/components/row/task-description/task-description.component.ts

@@ -28,8 +28,9 @@ export class TaskDescriptionComponent implements OnInit, OnDestroy {
   show = false;
   loading = false;
 
-  readonly apiKey = "4nquevykvy1i0q0v62ksxuu3nz1muy8i5fsqpj3wp9qm2mgp";
   readonly CONFIG = {
+    base_url: '/tinymce',
+    suffix: '.min',
     plugins: "lists link code wordcount",
     toolbar: 'blocks bold italic underline strikethrough | checklist numlist bullist link | alignleft aligncenter alignright alignjustify',
     menubar: false,