feat: add new Signage Manager app

apps/signage-manager/.eslintrc.json

@@ -0,0 +1,36 @@
+{
+    "extends": ["../../.eslintrc.json"],
+    "ignorePatterns": ["!**/*"],
+    "overrides": [
+        {
+            "files": ["*.ts"],
+            "extends": [
+                "plugin:@nx/angular",
+                "plugin:@angular-eslint/template/process-inline-templates"
+            ],
+            "rules": {
+                "@angular-eslint/directive-selector": [
+                    "error",
+                    {
+                        "type": "attribute",
+                        "prefix": "app",
+                        "style": "camelCase"
+                    }
+                ],
+                "@angular-eslint/component-selector": [
+                    "error",
+                    {
+                        "type": "element",
+                        "prefix": "app",
+                        "style": "kebab-case"
+                    }
+                ]
+            }
+        },
+        {
+            "files": ["*.html"],
+            "extends": ["plugin:@nx/angular-template"],
+            "rules": {}
+        }
+    ]
+}

apps/signage-manager/jest.config.ts

@@ -0,0 +1,21 @@
+export default {
+    displayName: 'signage-manager',
+    preset: '../../jest.preset.js',
+    setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
+    coverageDirectory: '../../coverage/apps/signage-manager',
+    transform: {
+        '^.+\\.(ts|mjs|js|html)$': [
+            'jest-preset-angular',
+            {
+                tsconfig: '<rootDir>/tsconfig.spec.json',
+                stringifyContentPathRegex: '\\.(html|svg)$',
+            },
+        ],
+    },
+    transformIgnorePatterns: ['node_modules/(?!.*\\.mjs$)'],
+    snapshotSerializers: [
+        'jest-preset-angular/build/serializers/no-ng-attributes',
+        'jest-preset-angular/build/serializers/ng-snapshot',
+        'jest-preset-angular/build/serializers/html-comment',
+    ],
+};

apps/signage-manager/ngsw-config.json

@@ -0,0 +1,31 @@
+{
+    "$schema": "../../node_modules/@angular/service-worker/config/schema.json",
+    "index": "/index.html",
+    "assetGroups": [
+        {
+            "name": "app",
+            "installMode": "prefetch",
+            "resources": {
+                "files": [
+                    "/favicon.ico",
+                    "/index.html",
+                    "/manifest.webmanifest",
+                    "/*.css",
+                    "/*.js"
+                ]
+            }
+        },
+        {
+            "name": "assets",
+            "installMode": "lazy",
+            "updateMode": "prefetch",
+            "resources": {
+                "files": [
+                    "/assets/**",
+                    "/*.(eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)",
+                    "https://*.amazonaws.com/**/*.*"
+                ]
+            }
+        }
+    ]
+}

apps/signage-manager/project.json

@@ -0,0 +1,136 @@
+{
+    "name": "signage-manager",
+    "$schema": "../../node_modules/nx/schemas/project-schema.json",
+    "projectType": "application",
+    "sourceRoot": "apps/signage-manager/src",
+    "prefix": "placeos",
+    "tags": [],
+    "targets": {
+        "build": {
+            "executor": "@angular-devkit/build-angular:application",
+            "options": {
+                "baseHref": "./",
+                "outputPath": "dist/apps/signage-manager",
+                "index": "apps/signage-manager/src/index.html",
+                "polyfills": [],
+                "tsConfig": "apps/signage-manager/tsconfig.app.json",
+                "fileReplacements": [
+                    {
+                        "replace": "libs/common/src/lib/settings.ts",
+                        "with": "apps/signage-manager/src/environments/settings.ts"
+                    }
+                ],
+                "assets": [
+                    "apps/signage-manager/src/favicon.ico",
+                    "apps/signage-manager/src/assets",
+                    {
+                        "glob": "**",
+                        "input": "shared/assets",
+                        "output": "/assets/"
+                    },
+                    {
+                        "glob": "*.woff2",
+                        "input": "node_modules/material-symbols",
+                        "output": "/assets/"
+                    },
+                    {
+                        "glob": "oauth-resp.html",
+                        "input": "node_modules/@placeos/ts-client/dist/",
+                        "output": "/"
+                    },
+                    {
+                        "input": "node_modules/ts-md5/dist/",
+                        "output": "/assets",
+                        "glob": "*worker.js"
+                    },
+                    "apps/signage-manager/src/manifest.webmanifest"
+                ],
+                "styles": [
+                    "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
+                    "apps/signage-manager/src/styles.css",
+                    "shared/styles/application.css"
+                ],
+                "scripts": [],
+                "extractLicenses": false,
+                "sourceMap": true,
+                "optimization": false,
+                "namedChunks": true,
+                "browser": "apps/signage-manager/src/main.ts"
+            },
+            "configurations": {
+                "staging": {
+                    "optimization": true,
+                    "fileReplacements": [
+                        {
+                            "replace": "apps/signage-manager/src/environments/environment.ts",
+                            "with": "apps/signage-manager/src/environments/environment.prod.ts"
+                        },
+                        {
+                            "replace": "libs/common/src/lib/settings.ts",
+                            "with": "apps/signage-manager/src/environments/settings.ts"
+                        }
+                    ],
+                    "serviceWorker": "apps/signage-manager/ngsw-config.json"
+                },
+                "production": {
+                    "fileReplacements": [
+                        {
+                            "replace": "libs/mocks/src/index.ts",
+                            "with": "libs/mocks/src/empty.ts"
+                        },
+                        {
+                            "replace": "apps/signage-manager/src/environments/environment.ts",
+                            "with": "apps/signage-manager/src/environments/environment.prod.ts"
+                        },
+                        {
+                            "replace": "libs/common/src/lib/settings.ts",
+                            "with": "apps/signage-manager/src/environments/settings.ts"
+                        }
+                    ],
+                    "optimization": true,
+                    "outputHashing": "all",
+                    "sourceMap": false,
+                    "namedChunks": false,
+                    "extractLicenses": true,
+                    "budgets": [
+                        {
+                            "type": "initial",
+                            "maximumWarning": "1.5mb",
+                            "maximumError": "2mb"
+                        },
+                        {
+                            "type": "anyComponentStyle",
+                            "maximumWarning": "6kb",
+                            "maximumError": "10kb"
+                        }
+                    ],
+                    "serviceWorker": "apps/signage-manager/ngsw-config.json"
+                }
+            }
+        },
+        "serve": {
+            "executor": "@angular-devkit/build-angular:dev-server",
+            "options": {
+                "proxyConfig": "config/proxy.conf.js",
+                "buildTarget": "signage-manager:build"
+            },
+            "configurations": {
+                "production": {
+                    "buildTarget": "signage-manager:build:production"
+                }
+            },
+            "continuous": true
+        },
+        "lint": {
+            "executor": "@nx/eslint:lint",
+            "outputs": ["{options.outputFile}"]
+        },
+        "test": {
+            "executor": "@nx/jest:jest",
+            "outputs": ["{workspaceRoot}/coverage/apps/signage-manager"],
+            "options": {
+                "jestConfig": "apps/signage-manager/jest.config.ts"
+            }
+        }
+    }
+}

apps/signage-manager/src/app/app.component.ts

@@ -0,0 +1,42 @@
+import { Component, inject, OnInit } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+import { PlaceOS_Service, setMocks, UploadsService } from '@placeos/common';
+import {
+    GlobalBannerComponent,
+    GlobalLoadingComponent,
+} from '@placeos/components';
+import { mocksInit } from '@placeos/mocks';
+
+@Component({
+    selector: 'app-root',
+    template: `
+        <a class="skip-link" href="#main-content">Skip to main content</a>
+        <global-banner />
+        <main id="main-content" tabindex="-1" class="relative h-1/2 w-full flex-1">
+            <router-outlet></router-outlet>
+        </main>
+        <global-loading />
+        <!-- <debug-console *ngIf="debug"></debug-console> -->
+    `,
+    styles: [
+        `
+            :host {
+                display: flex;
+                flex-direction: column;
+                height: 100%;
+                width: 100%;
+            }
+        `,
+    ],
+    imports: [GlobalBannerComponent, RouterOutlet, GlobalLoadingComponent],
+})
+export class AppComponent implements OnInit {
+    private _placeos = inject(PlaceOS_Service);
+    private _uploads = inject(UploadsService);
+
+    public async ngOnInit() {
+        setMocks(mocksInit);
+        await this._placeos.init();
+        this._uploads.init();
+    }
+}

apps/signage-manager/src/app/app.config.ts

@@ -0,0 +1,103 @@
+import {
+    ApplicationConfig,
+    LOCALE_ID,
+    provideBrowserGlobalErrorListeners,
+    provideZonelessChangeDetection,
+} from '@angular/core';
+import { provideRouter, Routes, withHashLocation } from '@angular/router';
+import { provideServiceWorker } from '@angular/service-worker';
+import { LocaleService } from '@placeos/common';
+import { UnauthorisedComponent } from '@placeos/components';
+import { environment } from '../environments/environment';
+
+const APP_ROUTES: Routes = [
+    {
+        path: 'unauthorised',
+        component: UnauthorisedComponent,
+    },
+    {
+        path: 'media',
+        loadComponent: () =>
+            import('./media/media.component').then(
+                (m) => m.MediaSectionComponent,
+            ),
+    },
+    {
+        path: 'playlists/:id',
+        loadComponent: () =>
+            import('./playlists/playlists.component').then(
+                (m) => m.PlaylistsSectionComponent,
+            ),
+    },
+    {
+        path: 'playlists',
+        loadComponent: () =>
+            import('./playlists/playlists.component').then(
+                (m) => m.PlaylistsSectionComponent,
+            ),
+    },
+    {
+        path: 'schedules',
+        loadComponent: () =>
+            import('./schedules/schedules.component').then(
+                (m) => m.SchedulesSectionComponent,
+            ),
+    },
+    {
+        path: 'displays/:id',
+        loadComponent: () =>
+            import('./displays/displays.component').then(
+                (m) => m.DisplaysSectionComponent,
+            ),
+    },
+    {
+        path: 'displays',
+        loadComponent: () =>
+            import('./displays/displays.component').then(
+                (m) => m.DisplaysSectionComponent,
+            ),
+    },
+    {
+        path: 'zones/:id',
+        loadComponent: () =>
+            import('./zones/zones.component').then(
+                (m) => m.ZonesSectionComponent,
+            ),
+    },
+    {
+        path: 'zones',
+        loadComponent: () =>
+            import('./zones/zones.component').then(
+                (m) => m.ZonesSectionComponent,
+            ),
+    },
+
+    { path: '**', redirectTo: 'media' },
+];
+
+export const APP_CONFIG: ApplicationConfig = {
+    providers: [
+        provideBrowserGlobalErrorListeners(),
+        provideServiceWorker('ngsw-worker.js', {
+            enabled: environment.production,
+        }),
+        provideZonelessChangeDetection(),
+        provideRouter(APP_ROUTES, withHashLocation()),
+        // {
+        //     provide: ErrorHandler,
+        //     useValue: Sentry.createErrorHandler({
+        //         showDialog: false,
+        //     }),
+        // },
+        // {
+        //     provide: Sentry.TraceService,
+        //     deps: [Router],
+        // },
+
+        {
+            provide: LOCALE_ID,
+            deps: [LocaleService],
+            useFactory: (localeService: LocaleService) => localeService.locale,
+        },
+    ],
+};