refactor: cleanup shared code

.github/workflows/pull-request.yml

@@ -2,9 +2,9 @@ name: 'PR Flow'
 
 on:
     push:
-        branches: [feat/*, fix/*, custom/*]
+        branches: [feat/*, fix/*, custom/*, refactor/*]
     pull_request:
-        branches: [feat/*, fix/*, custom/*]
+        branches: [feat/*, fix/*, custom/*, refactor/*]
 
 # A workflow run is made up of one or more jobs that can run sequentially or in parallel
 jobs:

apps/assistant-panel/src/app/app.component.ts

@@ -0,0 +1,39 @@
+import { Component, inject, OnInit } from '@angular/core';
+import { PlaceOS_Service } from '@placeos/common';
+
+@Component({
+    selector: 'app-root',
+    template: `
+        <global-banner />
+        <div class="relative h-1/2 w-full flex-1">
+            <router-outlet></router-outlet>
+        </div>
+        @if (has_chat) {
+            <global-chat />
+        }
+        <global-loading />
+        <!-- <debug-console *ngIf="debug"></debug-console> -->
+    `,
+    styles: [
+        `
+            :host {
+                display: flex;
+                flex-direction: column;
+                height: 100%;
+                width: 100%;
+            }
+        `,
+    ],
+    standalone: false,
+})
+export class AppComponent implements OnInit {
+    private _placeos = inject(PlaceOS_Service);
+
+    public get has_chat(): boolean {
+        return this._placeos.has_chat;
+    }
+
+    public ngOnInit(): void {
+        this._placeos.init();
+    }
+}

apps/assistant-panel/src/app/app.module.ts

@@ -7,54 +7,35 @@ import {
     NgModule,
     provideZonelessChangeDetection,
 } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { Router, RouterModule } from '@angular/router';
 import { ServiceWorkerModule } from '@angular/service-worker';
 
-import { MatRippleModule } from '@angular/material/core';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-
 import * as Sentry from '@sentry/angular';
 
-import { AppComponent } from 'libs/components/src/lib/app.component';
+import {
+    GlobalBannerComponent,
+    GlobalLoadingComponent,
+} from '@placeos/components';
 import { environment } from '../environments/environment';
 import { routes } from './app.routes';
 
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { GlobalBannerComponent } from 'libs/components/src/lib/global-banner.component';
-import { GlobalLoadingComponent } from 'libs/components/src/lib/global-loading.component';
-import { IconComponent } from 'libs/components/src/lib/icon.component';
-import { TranslatePipe } from 'libs/components/src/lib/translate.pipe';
-
+import { AppComponent } from './app.component';
 import { BootstrapComponent } from './bootstrap.component';
 import { PanelViewComponent } from './panel-view.component';
 
-const MAT_MODULES: any[] = [
-    MatFormFieldModule,
-    MatInputModule,
-    MatSnackBarModule,
-    MatRippleModule,
-    MatAutocompleteModule,
-];
-
 @NgModule({
-    declarations: [AppComponent, BootstrapComponent, PanelViewComponent],
+    declarations: [AppComponent],
     bootstrap: [AppComponent],
     imports: [
         BrowserModule,
         BrowserAnimationsModule,
         RouterModule.forRoot(routes, { useHash: true }),
-        FormsModule,
-        ReactiveFormsModule,
-        ...MAT_MODULES,
         GlobalLoadingComponent,
         GlobalBannerComponent,
-        IconComponent,
-        TranslatePipe,
+        BootstrapComponent,
+        PanelViewComponent,
         ServiceWorkerModule.register('ngsw-worker.js', {
             enabled: environment.production,
         }),

apps/assistant-panel/src/app/bootstrap.component.ts

@@ -1,9 +1,14 @@
+import { CommonModule } from '@angular/common';
 import { Component, OnInit, inject } from '@angular/core';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import { MatRippleModule } from '@angular/material/core';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { ActivatedRoute, Router } from '@angular/router';
-import { AsyncHandler } from '@placeos/common';
-import { OrganisationService } from '@placeos/organisation';
+import { AsyncHandler, OrganisationService, Space } from '@placeos/common';
+import { TranslatePipe } from '@placeos/components';
 import { querySystems } from '@placeos/ts-client';
-import { Space } from 'libs/events/src/lib/space.class';
 import { BehaviorSubject, combineLatest, of } from 'rxjs';
 import { debounceTime, map, shareReplay, switchMap } from 'rxjs/operators';
 
@@ -116,7 +121,15 @@ const SYS_ID_KEY = 'PLACEOS.ASSISTANT.system';
         </div>
     `,
     styles: [],
-    standalone: false,
+    imports: [
+        MatAutocompleteModule,
+        MatFormFieldModule,
+        MatInputModule,
+        MatProgressSpinnerModule,
+        MatRippleModule,
+        CommonModule,
+        TranslatePipe,
+    ],
 })
 export class BootstrapComponent extends AsyncHandler implements OnInit {
     private _org = inject(OrganisationService);

apps/assistant-panel/src/app/panel-view.component.ts

@@ -1,10 +1,17 @@
 import { Component, ElementRef, inject, viewChild } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { AsyncHandler, currentUser } from '@placeos/common';
-import { ChatService } from 'libs/components/src/lib/chat/chat.service';
+import {
+    ChatService,
+    DateFromPipe,
+    IconComponent,
+    SanitizePipe,
+} from '@placeos/components';
 import { first, map, tap } from 'rxjs/operators';
 
-import { OrganisationService } from '@placeos/organisation';
+import { CommonModule } from '@angular/common';
+import { MatRippleModule } from '@angular/material/core';
+import { OrganisationService } from '@placeos/common';
 import * as tf from '@tensorflow/tfjs';
 
 declare let loadVosklet: any;
@@ -219,7 +226,13 @@ declare let loadVosklet: any;
             }
         `,
     ],
-    standalone: false,
+    imports: [
+        MatRippleModule,
+        CommonModule,
+        IconComponent,
+        SanitizePipe,
+        DateFromPipe,
+    ],
 })
 export class PanelViewComponent extends AsyncHandler {
     private _route = inject(ActivatedRoute);
@@ -480,7 +493,7 @@ export class PanelViewComponent extends AsyncHandler {
         this.interval('check_listening', () => this.startListening(), 500);
     }
 
-    public _last_text: string = '';
+    public _last_text = '';
 
     private _speakText(text: string) {
         if (this._last_text === text) return;

apps/assistant-panel/src/test-setup.ts

@@ -6,8 +6,8 @@ globalThis.ngJest = {
     },
 };
 import { defineGlobalsInjections } from '@ngneat/spectator';
+import { TranslatePipe } from '@placeos/components';
 import { setupZoneTestEnv } from 'jest-preset-angular/setup-env/zone';
-import { TranslatePipe } from 'libs/components/src/lib/translate.pipe';
 import { MockPipe } from 'ng-mocks';
 
 setupZoneTestEnv();

apps/booking-panel/src/app/app.component.ts

@@ -0,0 +1,41 @@
+import { Component, inject, OnInit } from '@angular/core';
+import { PlaceOS_Service, setMocks } from '@placeos/common';
+import { mocksInit } from '@placeos/mocks';
+
+@Component({
+    selector: 'app-root',
+    template: `
+        <global-banner />
+        <div class="relative h-1/2 w-full flex-1">
+            <router-outlet></router-outlet>
+        </div>
+        @if (has_chat) {
+            <global-chat />
+        }
+        <global-loading />
+        <!-- <debug-console *ngIf="debug"></debug-console> -->
+    `,
+    styles: [
+        `
+            :host {
+                display: flex;
+                flex-direction: column;
+                height: 100%;
+                width: 100%;
+            }
+        `,
+    ],
+    standalone: false,
+})
+export class AppComponent implements OnInit {
+    private _placeos = inject(PlaceOS_Service);
+
+    public get has_chat(): boolean {
+        return this._placeos.has_chat;
+    }
+
+    public ngOnInit(): void {
+        setMocks(mocksInit);
+        this._placeos.init();
+    }
+}

apps/booking-panel/src/app/app.module.ts

@@ -4,37 +4,24 @@ import {
     NgModule,
     provideZonelessChangeDetection,
 } from '@angular/core';
-import { FormsModule } from '@angular/forms';
 import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { Router } from '@angular/router';
 import { ServiceWorkerModule } from '@angular/service-worker';
 
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-
 import { AppRoutingModule } from './app-routing.module';
 
-import { AppComponent } from 'libs/components/src/lib/app.component';
 import { environment } from '../environments/environment';
-import { SharedOverlaysModule } from './overlays/overlays.module';
 
-import { MatRippleModule } from '@angular/material/core';
 import * as Sentry from '@sentry/angular';
 import { BootstrapComponent } from './bootstrap.component';
-import { AppCheckinModule } from './checkin/checkin.module';
 import { EventPanelComponent } from './event-panel.component';
-import { AppPanelViewModule } from './new-panel/panel-view.module';
 
-import { LocaleService } from 'libs/common/src/lib/locale.service';
-import { AuthenticatedImageDirective } from 'libs/components/src/lib/authenticated-image.directive';
-import { GlobalBannerComponent } from 'libs/components/src/lib/global-banner.component';
-import { GlobalLoadingComponent } from 'libs/components/src/lib/global-loading.component';
-import { IconComponent } from 'libs/components/src/lib/icon.component';
-import { SafePipe } from 'libs/components/src/lib/safe.pipe';
-import { TranslatePipe } from 'libs/components/src/lib/translate.pipe';
+import { LocaleService } from '@placeos/common';
+import {
+    GlobalBannerComponent,
+    GlobalLoadingComponent,
+} from '@placeos/components';
 
 import { registerLocaleData } from '@angular/common';
 import localeAr from '@angular/common/locales/ar';
@@ -43,41 +30,25 @@ import localeFr from '@angular/common/locales/fr';
 import localeIt from '@angular/common/locales/it';
 import localeJa from '@angular/common/locales/ja';
 import localeZh from '@angular/common/locales/zh';
-import { MatDialogModule } from '@angular/material/dialog';
-import { SanitizePipe } from 'libs/components/src/lib/sanitise.pipe';
-
-const MAT_MODULES: any[] = [
-    MatFormFieldModule,
-    MatInputModule,
-    MatAutocompleteModule,
-    MatSnackBarModule,
-    MatRippleModule,
-    MatDialogModule,
-];
-
-const STANDALONE_COMPONENTS = [
-    GlobalBannerComponent,
-    GlobalLoadingComponent,
-    IconComponent,
-    AuthenticatedImageDirective,
-    TranslatePipe,
-    SafePipe,
-    SanitizePipe,
-];
+import { AppComponent } from './app.component';
+import { CheckinViewComponent } from './checkin/checkin-view.component';
+import { PanelViewComponent } from './new-panel/panel-view.component';
 
 @NgModule({
-    declarations: [AppComponent, BootstrapComponent, EventPanelComponent],
+    declarations: [AppComponent],
     bootstrap: [AppComponent],
     imports: [
         BrowserModule,
         BrowserAnimationsModule,
         AppRoutingModule,
-        FormsModule,
-        SharedOverlaysModule,
-        AppPanelViewModule,
-        AppCheckinModule,
-        ...MAT_MODULES,
-        ...STANDALONE_COMPONENTS,
+        GlobalBannerComponent,
+        GlobalLoadingComponent,
+
+        BootstrapComponent,
+        EventPanelComponent,
+        CheckinViewComponent,
+        PanelViewComponent,
+
         ServiceWorkerModule.register('ngsw-worker.js', {
             enabled: environment.production,
         }),

apps/booking-panel/src/app/bootstrap.component.ts

@@ -4,10 +4,17 @@ import { querySystems } from '@placeos/ts-client';
 import { BehaviorSubject, combineLatest, of } from 'rxjs';
 import { debounceTime, map, shareReplay, switchMap, tap } from 'rxjs/operators';
 
-import { AsyncHandler } from 'libs/common/src/lib/async-handler.class';
-import { OrganisationService } from 'libs/organisation/src/lib/organisation.service';
+import { AsyncHandler, OrganisationService } from '@placeos/common';
 
-import { Space } from 'libs/events/src/lib/space.class';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import { MatRippleModule } from '@angular/material/core';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { Space } from '@placeos/common';
+import { TranslatePipe } from '@placeos/components';
 
 @Component({
     selector: '[app-bootstrap]',
@@ -121,7 +128,16 @@ import { Space } from 'libs/events/src/lib/space.class';
             }
         `,
     ],
-    standalone: false,
+    imports: [
+        CommonModule,
+        MatRippleModule,
+        TranslatePipe,
+        MatProgressSpinnerModule,
+        MatAutocompleteModule,
+        MatFormFieldModule,
+        MatInputModule,
+        FormsModule,
+    ],
 })
 export class BootstrapComponent extends AsyncHandler implements OnInit {
     private route = inject(ActivatedRoute);