@veloceapps/sdk 8.0.0-107 → 8.0.0-109

package/fesm2020/veloceapps-sdk-cms.mjs

@@ -5,7 +5,7 @@ import { __decorate, __param, __metadata } from 'tslib';
 import * as i0 from '@angular/core';
 import { InjectionToken, Component, ChangeDetectionStrategy, Inject, Injector, Injectable, ViewContainerRef, SkipSelf, ViewChild, Input, ViewEncapsulation, NgModule, inject, ElementRef, Directive, ApplicationRef, createComponent, EventEmitter, createNgModule } from '@angular/core';
 import * as rxjs from 'rxjs';
-import { BehaviorSubject, Subject, map, distinctUntilChanged, of, tap, switchMap, startWith, takeUntil, combineLatest, catchError, ReplaySubject, noop, filter, take, Observable } from 'rxjs';
+import { BehaviorSubject, Subject, map, distinctUntilChanged, of, tap, switchMap, startWith, takeUntil, combineLatest, catchError, ReplaySubject, noop, filter, take, Observable, from } from 'rxjs';
 import * as i3 from '@veloceapps/components';
 import { ToastType, LetDirectiveModule, LoaderModule, ToastService, HiddenTextTooltipModule, ErrorTooltipModule } from '@veloceapps/components';
 import lodash, { cloneDeep, compact, isArray, pull, merge, omit, flatten, kebabCase, set } from 'lodash';
@@ -22,8 +22,8 @@ import { ScrollingModule } from '@angular/cdk/scrolling';
 import * as angularForms from '@angular/forms';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as rxjsOperators from 'rxjs/operators';
-import { transform } from '@babel/standalone';
 import * as sass from 'sass';
+import { transform } from '@babel/standalone';
 import { loadRemoteModule } from '@angular-architects/module-federation';
 
 var FlowAction;
@@ -1019,7 +1019,9 @@ class PreviewComponent {
     ngOnDestroy() {
         this.destroy$.next();
         this.destroy$.complete();
-        this.configurationState.cleanup();
+        if (!this.config?.persistConfigurationState) {
+            this.configurationState.cleanup();
+        }
         this.runtimeService.clear();
     }
     trackBy(_, el) {
@@ -1973,6 +1975,35 @@ function getElementAngularIOs(names) {
     }, []);
 }
 
+class ElementMetadataWorker {
+    constructor(elements) {
+        this.elements = elements;
+    }
+    get$() {
+        return from((async () => this.processAsync(this.elements))());
+    }
+    async processAsync(elements) {
+        const result = [];
+        await this.processLevelAsync(elements, result);
+        return result;
+    }
+    async processLevelAsync(elements, metadata, parentPath) {
+        for (const el of elements) {
+            const elMetadata = await this.elementToMetadataAsync(el, parentPath);
+            metadata.push(elMetadata);
+            await this.processLevelAsync(el.children, elMetadata.children, elMetadata.path);
+        }
+    }
+    elementToMetadataAsync(el, parentPath) {
+        return new Promise(resolve => {
+            setTimeout(() => {
+                const metadata = elementToMetadata({ script: el.script, template: el.template, styles: el.styles, children: [] }, parentPath);
+                resolve(metadata);
+            });
+        });
+    }
+}
+
 class ConfigurationPlugin {
     constructor(host) {
         this.host = host;
@@ -2077,18 +2108,66 @@ const DEFAULT_PLUGINS = {
     DEFAULT: [],
 };
 
+class TranspilationWorker {
+    constructor(elements) {
+        this.elements = elements;
+    }
+    get$() {
+        return from((async () => this.transpileScriptsAsync(this.elements))());
+    }
+    get() {
+        return this.transpileScripts(this.elements);
+    }
+    transpileScripts(elements) {
+        return elements.map(el => ({
+            ...el,
+            script: this.transpile(el),
+            children: this.transpileScripts(el.children),
+        }));
+    }
+    async transpileScriptsAsync(elements) {
+        const result = [];
+        await this.processLevelAsync(elements, result);
+        return result;
+    }
+    async processLevelAsync(elements, result) {
+        for (const el of elements) {
+            const elMetadata = await this.transpileMetadataAsync(el);
+            result.push(elMetadata);
+            await this.processLevelAsync(el.children, elMetadata.children);
+        }
+    }
+    transpileMetadataAsync(el) {
+        return new Promise(resolve => {
+            setTimeout(() => {
+                const result = { ...el, script: this.transpile(el), children: [] };
+                resolve(result);
+            });
+        });
+    }
+    transpile(el) {
+        if (!el.script) {
+            return;
+        }
+        const transformed = transform(el.script, {
+            filename: el.name + '.ts',
+            presets: ['typescript'],
+            sourceMaps: 'inline',
+        });
+        return transformed.code ?? undefined;
+    }
+}
+
 class ElementsResolver {
     constructor(uiDef, elements, sharedElements = [], config) {
         this.uiDef = uiDef;
         this.config = config;
         this.renderableElements = [];
         this.sharedElements = [];
-        const transpiledElements = this.transpileScripts(elements);
-        const transpiledSharedElements = this.transpileScripts(sharedElements);
-        this.sharedElements = this.flattenElements(transpiledElements)
+        this.sharedElements = this.flattenElements(elements)
             .filter(el => this.isSharedElement(el))
-            .concat(transpiledSharedElements);
-        this.elements = transpiledElements.map(el => this.processElementMetadata(el)).filter(isDefined);
+            .concat(sharedElements);
+        this.elements = elements.map(el => this.processElementMetadata(el)).filter(isDefined);
         this.renderableElements = this.getRenderableElements(this.elements);
         this.uiDefMetadata = {
             ...this.uiDef,
@@ -2099,7 +2178,7 @@ class ElementsResolver {
         if (element.isShared) {
             return;
         }
-        const transpiledElements = this.transpileScripts([element]);
+        const transpiledElements = new TranspilationWorker([element]).get();
         this.elements = transpiledElements.map(el => this.processElementMetadata(el)).filter(isDefined);
         this.renderableElements = this.getRenderableElements(this.elements);
     }
@@ -2109,24 +2188,6 @@ class ElementsResolver {
             [el.path]: this.resolveElement(el),
         }), {});
     }
-    transpile(el) {
-        if (!el.script) {
-            return;
-        }
-        const transformed = transform(el.script, {
-            filename: el.name + '.ts',
-            presets: ['typescript'],
-            sourceMaps: 'inline',
-        });
-        return transformed.code ?? undefined;
-    }
-    transpileScripts(elements) {
-        return elements.map(el => ({
-            ...el,
-            script: this.transpile(el),
-            children: this.transpileScripts(el.children),
-        }));
-    }
     flattenElements(elements) {
         return flatten(elements.map(el => [el, ...this.flattenElements(el.children)]));
     }
@@ -2434,8 +2495,8 @@ class CompilationService {
             this.uiDefinitionMeta = uiDefinitionMeta;
             const elements = [...(children ?? []), ...(pages ?? [])];
             const sharedElements = components ?? [];
-            const metadata = elements.map(element => elementToMetadata(element));
-            const sharedMetadata = sharedElements.map(element => elementToMetadata(element));
+            return [elements, sharedElements];
+        }), switchMap(elementsChunks => combineLatest(elementsChunks.map(chunk => new ElementMetadataWorker(chunk).get$()))), switchMap(dataChunks => combineLatest(dataChunks.map(chunk => new TranspilationWorker(chunk).get$()))), map(([metadata, sharedMetadata]) => {
             this.elementsResolver = new ElementsResolver(uiDefinition, metadata, sharedMetadata, config);
             const componentTypes = this.elementsResolver.getNgComponents();
             const module = this.getModule(componentTypes);
@@ -2679,5 +2740,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ApplyProductConfigurationAction, CloseDocGenAction, CmsAction, ConfigureProductAction, DEFAULT_ELEMENT, DEFAULT_PLUGINS_TOKEN, ELEMENT_CONFIG, ELEMENT_METADATA, ElementComponent, ElementDefinition, ElementsResolver, FlowAction, LAYOUT, LauncherModule, MigrationsModule, MigrationsService, NavigateBackAction, NavigateToCatalogAction, OpenDocGenAction, PreviewComponent, PreviewModule, RemoteApplyAction, RemoteCancelAction, ResourcesService, RuntimeEditorService, RuntimeModule, RuntimeService, SHARED_ELEMENT_METADATA, STARTING_PAGE_LAYOUT, STARTING_PAGE_NAME, STARTING_PAGE_STYLES, STARTING_PAGE_TYPE, SwitchObjectAction, TemplatesService, UI_DEFINITION_METADATA, UiBuildError, atobSafe, btoaSafe, constructPage, constructPageChildren, constructRegion, doesElementSupportIO, elementToMetadata, extendElementMetadata, extractElementMetadata, findElementByModule, findElementByPath, flattenElements, getAbsolutePath, getElementAngularIOs, getElementConfig, insertElement, isElementAngularIO, isSharedElement, isValidScript, metadataToElement, normalizeElementMetadata, parseBoundPath, parsePath, removeElement, stringifyElementMetadata, toElementAngularIO };
+export { ApplyProductConfigurationAction, CloseDocGenAction, CmsAction, ConfigureProductAction, DEFAULT_ELEMENT, DEFAULT_PLUGINS_TOKEN, ELEMENT_CONFIG, ELEMENT_METADATA, ElementComponent, ElementDefinition, ElementMetadataWorker, ElementsResolver, FlowAction, LAYOUT, LauncherModule, MigrationsModule, MigrationsService, NavigateBackAction, NavigateToCatalogAction, OpenDocGenAction, PreviewComponent, PreviewModule, RemoteApplyAction, RemoteCancelAction, ResourcesService, RuntimeEditorService, RuntimeModule, RuntimeService, SHARED_ELEMENT_METADATA, STARTING_PAGE_LAYOUT, STARTING_PAGE_NAME, STARTING_PAGE_STYLES, STARTING_PAGE_TYPE, SwitchObjectAction, TemplatesService, TranspilationWorker, UI_DEFINITION_METADATA, UiBuildError, atobSafe, btoaSafe, constructPage, constructPageChildren, constructRegion, doesElementSupportIO, elementToMetadata, extendElementMetadata, extractElementMetadata, findElementByModule, findElementByPath, flattenElements, getAbsolutePath, getElementAngularIOs, getElementConfig, insertElement, isElementAngularIO, isSharedElement, isValidScript, metadataToElement, normalizeElementMetadata, parseBoundPath, parsePath, removeElement, stringifyElementMetadata, toElementAngularIO };
 //# sourceMappingURL=veloceapps-sdk-cms.mjs.map