/// /// Copyright © 2016-2023 The Thingsboard Authors /// /// 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 { Injectable } from '@angular/core'; import { defaultHttpOptionsFromConfig, RequestConfig } from './http-utils'; import { Observable, of, ReplaySubject } from 'rxjs'; import { HttpClient } from '@angular/common/http'; import { PageLink } from '@shared/models/page/page-link'; import { PageData } from '@shared/models/page/page-data'; import { WidgetsBundle } from '@shared/models/widgets-bundle.model'; import { BaseWidgetType, fullWidgetTypeFqn, WidgetType, widgetType, WidgetTypeDetails, WidgetTypeInfo, widgetTypesData } from '@shared/models/widget.models'; import { TranslateService } from '@ngx-translate/core'; import { toWidgetInfo, toWidgetTypeDetails, WidgetInfo } from '@app/modules/home/models/widget-component.models'; import { filter, map, mergeMap, tap } from 'rxjs/operators'; import { WidgetTypeId } from '@shared/models/id/widget-type-id'; import { NULL_UUID } from '@shared/models/id/has-uuid'; import { ActivationEnd, Router } from '@angular/router'; @Injectable({ providedIn: 'root' }) export class WidgetService { private allWidgetsBundles: Array; private systemWidgetsBundles: Array; private tenantWidgetsBundles: Array; private widgetTypeInfosCache = new Map>(); private widgetsInfoInMemoryCache = new Map(); private loadWidgetsBundleCacheSubject: ReplaySubject; constructor( private http: HttpClient, private translate: TranslateService, private router: Router ) { this.router.events.pipe(filter(event => event instanceof ActivationEnd)).subscribe( () => { this.invalidateWidgetsBundleCache(); } ); } public getWidgetScopeVariables(): string[] { return ['tinycolor', 'cssjs', 'moment', '$', 'jQuery']; } public getAllWidgetsBundles(config?: RequestConfig): Observable> { return this.loadWidgetsBundleCache(config).pipe( map(() => this.allWidgetsBundles) ); } public getSystemWidgetsBundles(config?: RequestConfig): Observable> { return this.loadWidgetsBundleCache(config).pipe( map(() => this.systemWidgetsBundles) ); } public getTenantWidgetsBundles(config?: RequestConfig): Observable> { return this.loadWidgetsBundleCache(config).pipe( map(() => this.tenantWidgetsBundles) ); } public getWidgetBundles(pageLink: PageLink, config?: RequestConfig): Observable> { return this.http.get>(`/api/widgetsBundles${pageLink.toQuery()}`, defaultHttpOptionsFromConfig(config)); } public getWidgetsBundle(widgetsBundleId: string, config?: RequestConfig): Observable { return this.http.get(`/api/widgetsBundle/${widgetsBundleId}`, defaultHttpOptionsFromConfig(config)); } public saveWidgetsBundle(widgetsBundle: WidgetsBundle, config?: RequestConfig): Observable { return this.http.post('/api/widgetsBundle', widgetsBundle, defaultHttpOptionsFromConfig(config)).pipe( tap(() => { this.invalidateWidgetsBundleCache(); }) ); } public updateWidgetsBundleWidgetTypes(widgetsBundleId: string, widgetTypeIds: Array, config?: RequestConfig): Observable { return this.http.post(`/api/widgetsBundle/${widgetsBundleId}/widgetTypes`, widgetTypeIds, defaultHttpOptionsFromConfig(config)).pipe( tap(() => { this.widgetTypeInfosCache.delete(widgetsBundleId); }) ); } public updateWidgetsBundleWidgetFqns(widgetsBundleId: string, widgetTypeFqns: Array, config?: RequestConfig): Observable { return this.http.post(`/api/widgetsBundle/${widgetsBundleId}/widgetTypeFqns`, widgetTypeFqns, defaultHttpOptionsFromConfig(config)).pipe( tap(() => { this.widgetTypeInfosCache.delete(widgetsBundleId); }) ); } public deleteWidgetsBundle(widgetsBundleId: string, config?: RequestConfig) { return this.getWidgetsBundle(widgetsBundleId, config).pipe( mergeMap((widgetsBundle) => this.http.delete(`/api/widgetsBundle/${widgetsBundleId}`, defaultHttpOptionsFromConfig(config)).pipe( tap(() => { this.invalidateWidgetsBundleCache(); }) ) )); } public getBundleWidgetTypes(widgetsBundleId: string, config?: RequestConfig): Observable> { return this.http.get>(`/api/widgetTypes?widgetsBundleId=${widgetsBundleId}`, defaultHttpOptionsFromConfig(config)); } public getBundleWidgetTypesDetails(widgetsBundleId: string, config?: RequestConfig): Observable> { return this.http.get>(`/api/widgetTypesDetails?widgetsBundleId=${widgetsBundleId}`, defaultHttpOptionsFromConfig(config)); } public getBundleWidgetTypeFqns(widgetsBundleId: string, config?: RequestConfig): Observable> { return this.http.get>(`/api/widgetTypeFqns?widgetsBundleId=${widgetsBundleId}`, defaultHttpOptionsFromConfig(config)); } public getBundleWidgetTypeInfos(widgetsBundleId: string, config?: RequestConfig): Observable> { if (this.widgetTypeInfosCache.has(widgetsBundleId)) { return of(this.widgetTypeInfosCache.get(widgetsBundleId)); } else { return this.http.get>(`/api/widgetTypesInfos?widgetsBundleId=${widgetsBundleId}`, defaultHttpOptionsFromConfig(config)).pipe( tap((res) => this.widgetTypeInfosCache.set(widgetsBundleId, res) ) ); } } public getWidgetType(fullFqn: string, config?: RequestConfig): Observable { return this.http.get(`/api/widgetType?fqn=${fullFqn}`, defaultHttpOptionsFromConfig(config)); } public saveWidgetTypeDetails(widgetInfo: WidgetInfo, id: WidgetTypeId, createdTime: number, config?: RequestConfig): Observable { const widgetTypeDetails = toWidgetTypeDetails(widgetInfo, id, undefined, createdTime); return this.http.post('/api/widgetType', widgetTypeDetails, defaultHttpOptionsFromConfig(config)).pipe( tap((savedWidgetType) => { this.widgetTypeUpdated(savedWidgetType); })); } public saveImportedWidgetTypeDetails(widgetTypeDetails: WidgetTypeDetails, config?: RequestConfig): Observable { return this.http.post('/api/widgetType?updateExistingByFqn=true', widgetTypeDetails, defaultHttpOptionsFromConfig(config)).pipe( tap((savedWidgetType) => { this.widgetTypeUpdated(savedWidgetType); })); } public getWidgetTypeById(widgetTypeId: string, config?: RequestConfig): Observable { return this.http.get(`/api/widgetType/${widgetTypeId}`, defaultHttpOptionsFromConfig(config)); } public getWidgetTypeInfoById(widgetTypeId: string, config?: RequestConfig): Observable { return this.http.get(`/api/widgetTypeInfo/${widgetTypeId}`, defaultHttpOptionsFromConfig(config)); } public saveWidgetType(widgetTypeDetails: WidgetTypeDetails, config?: RequestConfig): Observable { return this.http.post(`/api/widgetType`, defaultHttpOptionsFromConfig(config)); } public deleteWidgetType(widgetTypeId: string, config?: RequestConfig) { return this.getWidgetTypeById(widgetTypeId, config).pipe( mergeMap((widgetTypeDetails) => this.http.delete(`/api/widgetType/${widgetTypeId}`, defaultHttpOptionsFromConfig(config)).pipe( tap(() => { this.widgetTypeUpdated(widgetTypeDetails); }) ) )); } public getWidgetTypes(pageLink: PageLink, tenantOnly = false, config?: RequestConfig): Observable> { return this.http.get>(`/api/widgetTypes${pageLink.toQuery()}&tenantOnly=${tenantOnly}`, defaultHttpOptionsFromConfig(config)); } public getWidgetTemplate(widgetTypeParam: widgetType, config?: RequestConfig): Observable { const templateWidgetType = widgetTypesData.get(widgetTypeParam); return this.getWidgetType(templateWidgetType.template.fullFqn, config).pipe( map((result) => { const widgetInfo = toWidgetInfo(result); widgetInfo.fullFqn = undefined; return widgetInfo; }) ); } public getWidgetInfoFromCache(fullFqn: string): WidgetInfo | undefined { return this.widgetsInfoInMemoryCache.get(fullFqn); } public putWidgetInfoToCache(widgetInfo: WidgetInfo) { this.widgetsInfoInMemoryCache.set(widgetInfo.fullFqn, widgetInfo); } private widgetTypeUpdated(updatedWidgetType: BaseWidgetType): void { this.deleteWidgetInfoFromCache(fullWidgetTypeFqn(updatedWidgetType)); } public deleteWidgetInfoFromCache(fullFqn: string) { this.widgetsInfoInMemoryCache.delete(fullFqn); } private loadWidgetsBundleCache(config?: RequestConfig): Observable { if (!this.allWidgetsBundles) { if (!this.loadWidgetsBundleCacheSubject) { this.loadWidgetsBundleCacheSubject = new ReplaySubject(); this.http.get>('/api/widgetsBundles', defaultHttpOptionsFromConfig(config)).subscribe( (allWidgetsBundles) => { this.allWidgetsBundles = allWidgetsBundles; this.systemWidgetsBundles = new Array(); this.tenantWidgetsBundles = new Array(); this.allWidgetsBundles = this.allWidgetsBundles.sort((wb1, wb2) => { let res = wb1.title.localeCompare(wb2.title); if (res === 0) { res = wb2.createdTime - wb1.createdTime; } return res; }); this.allWidgetsBundles.forEach((widgetsBundle) => { if (widgetsBundle.tenantId.id === NULL_UUID) { this.systemWidgetsBundles.push(widgetsBundle); } else { this.tenantWidgetsBundles.push(widgetsBundle); } }); this.loadWidgetsBundleCacheSubject.next(); this.loadWidgetsBundleCacheSubject.complete(); }, () => { this.loadWidgetsBundleCacheSubject.error(null); }); } return this.loadWidgetsBundleCacheSubject.asObservable(); } else { return of(null); } } private invalidateWidgetsBundleCache() { this.allWidgetsBundles = undefined; this.systemWidgetsBundles = undefined; this.tenantWidgetsBundles = undefined; this.loadWidgetsBundleCacheSubject = undefined; this.widgetTypeInfosCache.clear(); } }