[ADF-4125] simplify extension load in extension module (#4214)

* add extension load in extension module * add viewer extensions * fix license header * fix node passed in the viewer extension * fix node passed in the viewer extension * startup factory extension * startup factory extension * fix script * fix beta tag build * fix build * fix build * refactoring configuration files * extension using map * fix build * fix config * fix test * fix test
2025-07-24 17:32:15 +00:00 · 2019-02-22 14:19:41 +00:00
parent bf4d1a2806
commit bda7e07b52
92 changed files with 1035 additions and 785 deletions
--- a/lib/extensions/src/lib/components/viewer/preview-extension.component.ts
+++ b/lib/extensions/src/lib/components/viewer/preview-extension.component.ts
@@ -0,0 +1,99 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import {
+    Component,
+    Input,
+    ComponentRef,
+    OnInit,
+    ComponentFactoryResolver,
+    ViewChild,
+    ViewContainerRef,
+    OnDestroy,
+    OnChanges
+} from '@angular/core';
+import { ExtensionService } from '../../services/extension.service';
+import { Node } from '@alfresco/js-api';
+
+@Component({
+    selector: 'adf-preview-extension',
+    template: `
+    <div #content></div>
+  `
+})
+export class PreviewExtensionComponent implements OnInit, OnChanges, OnDestroy {
+    @ViewChild('content', { read: ViewContainerRef })
+    content: ViewContainerRef;
+
+    @Input()
+    id: string;
+
+    @Input()
+    url: string;
+
+    @Input()
+    extension: string;
+
+    @Input()
+    node: Node;
+
+    private componentRef: ComponentRef<any>;
+
+    constructor(
+        private extensionService: ExtensionService,
+        private componentFactoryResolver: ComponentFactoryResolver
+    ) {}
+
+    ngOnInit() {
+        if (!this.id) {
+            return;
+        }
+
+        const componentType = this.extensionService.getComponentById(this.id);
+        if (componentType) {
+            const factory = this.componentFactoryResolver.resolveComponentFactory(
+                componentType
+            );
+            if (factory) {
+                this.content.clear();
+                this.componentRef = this.content.createComponent(factory, 0);
+                this.updateInstance();
+            }
+        }
+    }
+
+    ngOnChanges() {
+        this.updateInstance();
+    }
+
+    ngOnDestroy() {
+        if (this.componentRef) {
+            this.componentRef.destroy();
+            this.componentRef = null;
+        }
+    }
+
+    private updateInstance() {
+        if (this.componentRef && this.componentRef.instance) {
+            const instance = this.componentRef.instance;
+
+            instance.node = this.node;
+            instance.url = this.url;
+            instance.extension = this.extension;
+        }
+    }
+}