Migrate Angular UI from portmaster-ui to desktop/angular. Update Earthfile to build libs, UI and tauri-builtin

2024-03-20 10:43:29 +01:00
parent 66381baa1a
commit 4b77945517
922 changed files with 84071 additions and 26 deletions
--- a/desktop/angular/src/main.ts
+++ b/desktop/angular/src/main.ts
@@ -0,0 +1,94 @@
+import { enableProdMode, importProvidersFrom } from '@angular/core';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppModule } from './app/app.module';
+import { environment } from './environments/environment';
+import { INTEGRATION_SERVICE, integrationServiceFactory } from './app/integration';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { PromptWidgetComponent } from './app/shared/prompt-list';
+import { PromptEntryPointComponent } from './app/prompt-entrypoint/prompt-entrypoint';
+import { provideHttpClient } from '@angular/common/http';
+import { provideRouter } from '@angular/router';
+import { PortmasterAPIModule } from '@safing/portmaster-api';
+import { NotificationsService } from './app/services';
+import { TauriIntegrationService } from './app/integration/taur-app';
+
+if (environment.production) {
+  enableProdMode();
+}
+
+if (typeof (CSS as any)['registerProperty'] === 'function') {
+  (CSS as any).registerProperty({
+    name: '--lock-color',
+    syntax: '*',
+    inherits: true,
+    initialValue: '10, 10, 10'
+  })
+}
+
+function handleExternalResources(e: Event) {
+  // get click target
+  let target: HTMLElement | null = e.target as HTMLElement;
+  // traverse until we reach an a tag
+  while (!!target && target.tagName !== "A") {
+    target = target.parentElement;
+  }
+
+  if (!!target) {
+    let href = target.getAttribute("href");
+    if (href?.startsWith("blob")) {
+      return
+    }
+
+    if (!!href && !href.includes(location.hostname)) {
+      e.preventDefault();
+
+      integrationServiceFactory().openExternal(href);
+    }
+  }
+}
+
+if (document.addEventListener) {
+  document.addEventListener("click", handleExternalResources);
+}
+
+// load the font file but make sure to use the slimfix version
+// windows.
+{
+  // we cannot use document.writeXX here as it's not allowed to
+  // write to Document from an async loaded script.
+
+  let linkTag = document.createElement("link");
+  linkTag.rel = "stylesheet";
+  linkTag.href = "/assets/vendor/fonts/roboto.css";
+  if (navigator.platform.startsWith("Win")) {
+    linkTag.href = "/assets/vendor/fonts/roboto-slimfix.css"
+  }
+
+  document.head.appendChild(linkTag);
+}
+
+
+if (location.pathname !== "/prompt") {
+  // bootstrap our normal application
+  platformBrowserDynamic().bootstrapModule(AppModule)
+    .catch(err => console.error(err));
+
+} else {
+  // bootstrap the prompt interface
+  bootstrapApplication(PromptEntryPointComponent, {
+    providers: [
+      provideHttpClient(),
+      importProvidersFrom(PortmasterAPIModule.forRoot({
+        websocketAPI: "ws://localhost:817/api/database/v1",
+        httpAPI: "http://localhost:817/api"
+      })),
+      NotificationsService,
+      {
+        provide: INTEGRATION_SERVICE,
+        useClass: TauriIntegrationService
+      }
+    ],
+  })
+}
+