@c8y/ngx-components 1021.25.5 → 1021.29.0

package/fesm2022/c8y-ngx-components-device-map.mjs

@@ -0,0 +1,106 @@
+import * as i0 from '@angular/core';
+import { Injectable, Component, makeEnvironmentProviders } from '@angular/core';
+import * as i3 from '@c8y/ngx-components/map';
+import { MapModule, defaultMapConfig } from '@c8y/ngx-components/map';
+import * as i2 from '@c8y/ngx-components';
+import { NavigatorNode, gettext, CommonModule, CoreModule, hookRoute, hookNavigator } from '@c8y/ngx-components';
+import * as i1 from '@angular/router';
+import { TrackingMarkerPopupComponent } from '@c8y/ngx-components/tracking';
+
+class BoundsResolverService {
+    constructor(mapService) {
+        this.mapService = mapService;
+    }
+    resolve() {
+        return this.mapService.getAllDevicesBounds();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BoundsResolverService, deps: [{ token: i3.MapService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BoundsResolverService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BoundsResolverService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i3.MapService }] });
+
+class DeviceMapNavigationFactory {
+    constructor() {
+        this.nav = new NavigatorNode({
+            label: gettext('Map'),
+            path: 'devicemap',
+            icon: 'c8y-location',
+            parent: {
+                label: gettext('Devices')
+            },
+            priority: 1900
+        });
+    }
+    async get() {
+        return this.nav;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DeviceMapNavigationFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DeviceMapNavigationFactory }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DeviceMapNavigationFactory, decorators: [{
+            type: Injectable
+        }] });
+
+class DeviceMapComponent {
+    constructor(route) {
+        const { location, bounds } = route.snapshot.data;
+        this.config = {
+            center: bounds?.isValid() ? bounds.getCenter() : location,
+            zoomLevel: 3,
+            refreshInterval: 30000,
+            bounds,
+            fitBoundsOptions: {
+                padding: [50, 50]
+            }
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DeviceMapComponent, deps: [{ token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: DeviceMapComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<c8y-title>{{ 'Device map' | translate }}</c8y-title>\n\n<c8y-breadcrumb>\n  <c8y-breadcrumb-item\n    icon=\"exchange\"\n    [label]=\"'Devices' | translate\"\n  ></c8y-breadcrumb-item>\n  <c8y-breadcrumb-item\n    icon=\"c8y-location\"\n    [label]=\"'Map' | translate\"\n  ></c8y-breadcrumb-item>\n</c8y-breadcrumb>\n\n<div class=\"card card--grid content-fullpage\">\n  <div\n    class=\"bg-white p-relative\"\n    style=\"min-height: 30vh\"\n  >\n    <c8y-map-status\n      [clusterMap]=\"map\"\n      [(config)]=\"config\"\n    ></c8y-map-status>\n    <c8y-cluster-map\n      #map\n      [config]=\"config\"\n    >\n      <div *c8yMapPopup=\"let context\">\n        <c8y-tracking-marker-popup\n          [showTrackingLink]=\"true\"\n          [context]=\"context\"\n        ></c8y-tracking-marker-popup>\n      </div>\n    </c8y-cluster-map>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2.C8yTranslatePipe, name: "translate" }, { kind: "ngmodule", type: CoreModule }, { kind: "component", type: i2.BreadcrumbComponent, selector: "c8y-breadcrumb" }, { kind: "component", type: i2.BreadcrumbItemComponent, selector: "c8y-breadcrumb-item", inputs: ["icon", "translate", "label", "path", "injector"] }, { kind: "component", type: i2.TitleComponent, selector: "c8y-title", inputs: ["pageTitleUpdate"] }, { kind: "ngmodule", type: MapModule }, { kind: "component", type: i3.MapStatusComponent, selector: "c8y-map-status", inputs: ["config", "clusterMap", "buttonsConfig"], outputs: ["configChange", "onUnfollow"] }, { kind: "component", type: i3.ClusterMapComponent, selector: "c8y-cluster-map", inputs: ["config", "rootNode", "asset", "showClusterColor"], outputs: ["mapChange"] }, { kind: "directive", type: i3.MapPopupDirective, selector: "[c8yMapPopup]" }, { kind: "component", type: TrackingMarkerPopupComponent, selector: "c8y-tracking-marker-popup", inputs: ["context", "showTrackingLink"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DeviceMapComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [CommonModule, CoreModule, MapModule, TrackingMarkerPopupComponent], template: "<c8y-title>{{ 'Device map' | translate }}</c8y-title>\n\n<c8y-breadcrumb>\n  <c8y-breadcrumb-item\n    icon=\"exchange\"\n    [label]=\"'Devices' | translate\"\n  ></c8y-breadcrumb-item>\n  <c8y-breadcrumb-item\n    icon=\"c8y-location\"\n    [label]=\"'Map' | translate\"\n  ></c8y-breadcrumb-item>\n</c8y-breadcrumb>\n\n<div class=\"card card--grid content-fullpage\">\n  <div\n    class=\"bg-white p-relative\"\n    style=\"min-height: 30vh\"\n  >\n    <c8y-map-status\n      [clusterMap]=\"map\"\n      [(config)]=\"config\"\n    ></c8y-map-status>\n    <c8y-cluster-map\n      #map\n      [config]=\"config\"\n    >\n      <div *c8yMapPopup=\"let context\">\n        <c8y-tracking-marker-popup\n          [showTrackingLink]=\"true\"\n          [context]=\"context\"\n        ></c8y-tracking-marker-popup>\n      </div>\n    </c8y-cluster-map>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1.ActivatedRoute }] });
+
+class LocationResolverService {
+    resolve() {
+        return new Promise((resolve, _) => {
+            if (navigator.geolocation) {
+                navigator.geolocation.getCurrentPosition(gp => {
+                    resolve([gp?.coords?.latitude, gp?.coords?.longitude]);
+                }, () => {
+                    resolve(defaultMapConfig.center);
+                });
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: LocationResolverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: LocationResolverService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: LocationResolverService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+const deviceMapFeatureProvider = makeEnvironmentProviders([
+    hookRoute({
+        path: 'devicemap',
+        component: DeviceMapComponent,
+        resolve: { location: LocationResolverService, bounds: BoundsResolverService }
+    }),
+    hookNavigator(DeviceMapNavigationFactory)
+]);
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BoundsResolverService, DeviceMapComponent, DeviceMapNavigationFactory, LocationResolverService, deviceMapFeatureProvider };
+//# sourceMappingURL=c8y-ngx-components-device-map.mjs.map

package/fesm2022/c8y-ngx-components-device-map.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"c8y-ngx-components-device-map.mjs","sources":["../../device-map/bounds-resolver.service.ts","../../device-map/device-map-navigation.factory.ts","../../device-map/device-map.component.ts","../../device-map/device-map.component.html","../../device-map/location-resolver.service.ts","../../device-map/device-map.feature.ts","../../device-map/c8y-ngx-components-device-map.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { MaybeAsync, Resolve } from '@angular/router';\nimport { MapService } from '@c8y/ngx-components/map';\nimport type * as L from 'leaflet';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class BoundsResolverService implements Resolve<L.LatLngBounds> {\n  constructor(private mapService: MapService) {}\n\n  resolve(): MaybeAsync<L.LatLngBounds> {\n    return this.mapService.getAllDevicesBounds();\n  }\n}\n","import { Injectable } from '@angular/core';\nimport { gettext, NavigatorNode, NavigatorNodeFactory } from '@c8y/ngx-components';\n\n@Injectable()\nexport class DeviceMapNavigationFactory implements NavigatorNodeFactory {\n  nav = new NavigatorNode({\n    label: gettext('Map'),\n    path: 'devicemap',\n    icon: 'c8y-location',\n    parent: {\n      label: gettext('Devices')\n    },\n    priority: 1900\n  });\n\n  async get() {\n    return this.nav;\n  }\n}\n","import { Component } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { CommonModule, CoreModule } from '@c8y/ngx-components';\nimport { ClusterMapConfig, MapModule } from '@c8y/ngx-components/map';\nimport { TrackingMarkerPopupComponent } from '@c8y/ngx-components/tracking';\n\n@Component({\n  standalone: true,\n  templateUrl: './device-map.component.html',\n  imports: [CommonModule, CoreModule, MapModule, TrackingMarkerPopupComponent]\n})\nexport class DeviceMapComponent {\n  config: ClusterMapConfig;\n\n  constructor(route: ActivatedRoute) {\n    const { location, bounds } = route.snapshot.data;\n    this.config = {\n      center: bounds?.isValid() ? bounds.getCenter() : location,\n      zoomLevel: 3,\n      refreshInterval: 30000,\n      bounds,\n      fitBoundsOptions: {\n        padding: [50, 50]\n      }\n    };\n  }\n}\n","<c8y-title>{{ 'Device map' | translate }}</c8y-title>\n\n<c8y-breadcrumb>\n  <c8y-breadcrumb-item\n    icon=\"exchange\"\n    [label]=\"'Devices' | translate\"\n  ></c8y-breadcrumb-item>\n  <c8y-breadcrumb-item\n    icon=\"c8y-location\"\n    [label]=\"'Map' | translate\"\n  ></c8y-breadcrumb-item>\n</c8y-breadcrumb>\n\n<div class=\"card card--grid content-fullpage\">\n  <div\n    class=\"bg-white p-relative\"\n    style=\"min-height: 30vh\"\n  >\n    <c8y-map-status\n      [clusterMap]=\"map\"\n      [(config)]=\"config\"\n    ></c8y-map-status>\n    <c8y-cluster-map\n      #map\n      [config]=\"config\"\n    >\n      <div *c8yMapPopup=\"let context\">\n        <c8y-tracking-marker-popup\n          [showTrackingLink]=\"true\"\n          [context]=\"context\"\n        ></c8y-tracking-marker-popup>\n      </div>\n    </c8y-cluster-map>\n  </div>\n</div>\n","import { Injectable } from '@angular/core';\nimport { MaybeAsync, Resolve } from '@angular/router';\nimport { defaultMapConfig } from '@c8y/ngx-components/map';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class LocationResolverService implements Resolve<[number, number]> {\n  resolve(): MaybeAsync<[number, number]> {\n    return new Promise((resolve, _) => {\n      if (navigator.geolocation) {\n        navigator.geolocation.getCurrentPosition(\n          gp => {\n            resolve([gp?.coords?.latitude, gp?.coords?.longitude]);\n          },\n          () => {\n            resolve(defaultMapConfig.center);\n          }\n        );\n      }\n    });\n  }\n}\n","import { EnvironmentProviders, makeEnvironmentProviders } from '@angular/core';\nimport { hookNavigator, hookRoute } from '@c8y/ngx-components';\nimport { BoundsResolverService } from './bounds-resolver.service';\nimport { DeviceMapNavigationFactory } from './device-map-navigation.factory';\nimport { DeviceMapComponent } from './device-map.component';\nimport { LocationResolverService } from './location-resolver.service';\n\nexport const deviceMapFeatureProvider: EnvironmentProviders = makeEnvironmentProviders([\n  hookRoute({\n    path: 'devicemap',\n    component: DeviceMapComponent,\n    resolve: { location: LocationResolverService, bounds: BoundsResolverService }\n  }),\n  hookNavigator(DeviceMapNavigationFactory)\n]);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

package/fesm2022/c8y-ngx-components-ecosystem-application-plugins.mjs

@@ -463,6 +463,12 @@ class OrphanedStatusCellRendererComponent {
                     text: gettext('LATEST`plugin status`'),
                     class: 'label-success'
                 };
+            case ApplicationPluginStatus.AUTO:
+                return {
+                    value: statusValue,
+                    text: gettext('AUTO`plugin status`'),
+                    class: 'label-success'
+                };
             default:
                 return null;
         }
@@ -587,8 +593,25 @@ class ApplicationPluginsComponent {
             this.allAvailablePlugins$
         ]).pipe(map(([remotePlugins, allPlugins]) => this.getInstalledPlugins(allPlugins, remotePlugins)), shareReplay(1));
         this.orphanedPlugins$ = this.installedPlugins$.pipe(map(plugins => plugins.filter(p => p.status === ApplicationPluginStatus.ORPHANED)));
-        this.isStandard$ = combineLatest([this.installedPlugins$, this.selfPlugins$]).pipe(map(([installedPlugins, selfPlugins]) => installedPlugins.filter(p => selfPlugins.some(selfPlugin => selfPlugin.id === p.id))
-            .length === selfPlugins.length && installedPlugins.length === selfPlugins.length));
+        this.isStandard$ = combineLatest([this.installedPlugins$, this.selfPlugins$]).pipe(map(([installedPlugins, selfPlugins]) => {
+            const manifestRemotes = this.app?.manifest?.remotes || {};
+            // ensure that every installed plugin is a self plugin or a plugin from the manifest
+            const allInstalledPluginsAreSelf = installedPlugins.every(p => selfPlugins.some(selfPlugin => selfPlugin.id === p.id) ||
+                (Array.isArray(manifestRemotes[p.contextPath]) &&
+                    manifestRemotes[p.contextPath].includes(p.module)));
+            // ensure that every self plugin is installed
+            const allSelfPluginsAreInstalled = selfPlugins.every(selfPlugin => installedPlugins.some(p => p.id === selfPlugin.id));
+            const configRemotes = this.app?.config?.remotes || {};
+            // ensure that every remote from the manifest is in the config
+            // if no config exists we are also all good
+            const everyRemoteFromManifestIsInConfig = !this.app?.config?.remotes ||
+                Object.keys(manifestRemotes).every(contextPath => Array.isArray(configRemotes[contextPath]) &&
+                    Array.isArray(manifestRemotes[contextPath]) &&
+                    manifestRemotes[contextPath].every(module => configRemotes[contextPath].includes(module)));
+            return (allInstalledPluginsAreSelf &&
+                allSelfPluginsAreInstalled &&
+                everyRemoteFromManifestIsInConfig);
+        }));
         this.title = gettext('Installed plugins');
         this.loadMoreItemsLabel = gettext('Load more packages');
         this.loadingItemsLabel = gettext('Loading packages…');
@@ -620,9 +643,16 @@ class ApplicationPluginsComponent {
             {
                 name: 'Version',
                 header: gettext('Version'),
-                path: 'displayVersion',
+                path: 'version',
                 filterable: false
             },
+            {
+                name: 'Tag',
+                header: gettext('Tag`noun`'),
+                path: 'installedViaTag',
+                filterable: false,
+                cellRendererComponent: LabelCellRendererComponent
+            },
             {
                 name: 'description',
                 header: gettext('Description'),
@@ -894,29 +924,46 @@ class ApplicationPluginsComponent {
     }
     getInstallModalInitState() {
         return {
-            plugins$: combineLatest([
-                this.allAvailablePlugins$,
-                this.installedPlugins$.pipe(map(plugins => plugins.map(p => p.id)))
-            ]).pipe(map(([allPlugins, installedPlugins]) => {
-                const plugins = [];
-                allPlugins.map(p => plugins.push({
-                    ...p,
-                    installed: !!installedPlugins.includes(p.id)
-                }));
-                return plugins;
+            plugins$: combineLatest([this.allAvailablePlugins$, this.installedPlugins$]).pipe(map(([allPlugins, installedPlugins]) => {
+                // to not mutate the original array and objects contained in it
+                const allPluginsAsNewObjects = allPlugins.map(p => ({ ...p }));
+                for (const plugin of installedPlugins) {
+                    let installedPlugin = allPluginsAsNewObjects.find(p => p.id === plugin.id);
+                    if (!installedPlugin && plugin.installedViaTag) {
+                        installedPlugin = allPluginsAsNewObjects.find(p => p.contextPath === plugin.contextPath &&
+                            p.module === plugin.module &&
+                            p.tags?.includes(plugin.installedViaTag));
+                    }
+                    if (installedPlugin) {
+                        installedPlugin.installed = true;
+                        continue;
+                    }
+                }
+                return allPluginsAsNewObjects.map(p => ({ ...p, installed: !!p.installed }));
             }), shareReplay(1))
         };
     }
     getOrphanedPlugins(orphanedPluginIds, allPlugins) {
         const orphanedPlugins = orphanedPluginIds.map(p => this.extractDetails(p));
         const orphanedPluginsUpdated = orphanedPlugins.map(p => {
+            const pluginWithMatchingTag = allPlugins.find(tmp => tmp.contextPath === p.contextPath &&
+                tmp.module === p.module &&
+                tmp.tags?.includes(p.version || 'latest'));
+            if (pluginWithMatchingTag) {
+                return {
+                    ...pluginWithMatchingTag,
+                    id: p.id,
+                    status: ApplicationPluginStatus.AUTO,
+                    installedViaTag: p.version || 'latest'
+                };
+            }
             const pluginInDifferentVersion = allPlugins.find(tmp => tmp.contextPath === p.contextPath && tmp.module === p.module);
             if (pluginInDifferentVersion) {
                 return {
                     ...pluginInDifferentVersion,
-                    version: p.version || pluginInDifferentVersion.version,
+                    version: p.version,
                     id: p.id,
-                    status: p.version ? ApplicationPluginStatus.OUTDATED : ApplicationPluginStatus.LATEST
+                    status: ApplicationPluginStatus.OUTDATED
                 };
             }
             return p;
@@ -949,12 +996,15 @@ class ApplicationPluginsComponent {
         }));
         const orphanedPluginIds = remotePlugins.filter(r => !availablePlugins.find(plugin => plugin.id === r));
         const orphanedPlugins = this.getOrphanedPlugins(orphanedPluginIds, allPlugins);
-        const { actuallyOrphanedPlugins, revokedPlugins } = this.splitOrphanedPluginsIntoOrphanedAndRevokedPlugins(allPlugins, orphanedPlugins);
-        return [...availablePlugins, ...revokedPlugins, ...actuallyOrphanedPlugins].map(plugin => ({
-            ...plugin,
-            // adding 'v' prefix so version string is not treated as date in data grid
-            displayVersion: 'v' + plugin.version
-        }));
+        const notActuallyOrphanedPlugins = orphanedPlugins.filter(p => p.status === ApplicationPluginStatus.AUTO);
+        const orphanedOrRevokedPlugins = orphanedPlugins.filter(p => p.status !== ApplicationPluginStatus.AUTO);
+        const { actuallyOrphanedPlugins, revokedPlugins } = this.splitOrphanedPluginsIntoOrphanedAndRevokedPlugins(allPlugins, orphanedOrRevokedPlugins);
+        return [
+            ...availablePlugins,
+            ...notActuallyOrphanedPlugins,
+            ...revokedPlugins,
+            ...actuallyOrphanedPlugins
+        ];
     }
     extractDetails(pluginId) {
         const contextPath = this.getStringMatchingRegex(pluginId, /^[^@]*(@|\/)/);