@duplicati/ngclient 0.0.1 → 0.0.6

package/src/app/settings/settings.component.ts

@@ -1,475 +0,0 @@
-import { JsonPipe } from '@angular/common';
-import { ChangeDetectionStrategy, Component, computed, effect, inject, signal } from '@angular/core';
-import { toSignal } from '@angular/core/rxjs-interop';
-import { FormBuilder, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import {
-  SparkleButtonComponent,
-  SparkleButtonGroupComponent,
-  SparkleFormFieldComponent,
-  SparkleIconComponent,
-  SparkleRadioComponent,
-  SparkleSelectComponent,
-} from '@sparkle-ui/core';
-import { derivedFrom } from 'ngxtension/derived-from';
-import { map, pipe, startWith } from 'rxjs';
-import StatusBarComponent from '../core/components/status-bar/status-bar.component';
-import { DuplicatiServerService, RemoteControlStatusOutput } from '../core/openapi';
-import { SysinfoState } from '../core/states/sysinfo.state';
-import { LayoutState } from '../layout/layout.state';
-
-const fb = new FormBuilder();
-
-type UpdateChannel = '' | 'stable' | 'beta' | 'experimental' | 'canary';
-// type TimeTypes = 'Hours' | 'Minutes' | 'Seconds';
-
-// const TimeTypeMap: { [key: string]: TimeTypes } = {
-//   h: 'Hours',
-//   m: 'Minutes',
-//   s: 'Seconds',
-// };
-
-const TIME_OPTIONS = [
-  {
-    value: 's',
-    label: 'Seconds',
-  },
-  {
-    value: 'm',
-    label: 'Minutes',
-  },
-  {
-    value: 'h',
-    label: 'Hours',
-  },
-] as const;
-
-type TimeTypes = (typeof TIME_OPTIONS)[number]['value'];
-
-const LANGUAGES = [
-  {
-    value: 'en',
-    label: 'English',
-  },
-  {
-    value: 'fr',
-    label: 'French',
-  },
-  {
-    value: 'de',
-    label: 'German',
-  },
-  {
-    value: 'es',
-    label: 'Spanish',
-  },
-  {
-    value: 'it',
-    label: 'Italian',
-  },
-];
-
-type LangType = (typeof LANGUAGES)[number];
-
-const USAGE_STATISTICS_OPTIONS = [
-  {
-    value: '',
-    label: 'System default (information)',
-  },
-  {
-    value: 'information',
-    label: 'Usage statistics, warnings, errors, and crashes',
-  },
-  {
-    value: 'warning',
-    label: 'Warnings, errors and crashes',
-  },
-  {
-    value: 'error',
-    label: 'Errors and crashes',
-  },
-  {
-    value: 'crash',
-    label: 'Crashes only',
-  },
-  {
-    value: 'none',
-    label: 'None / disabled',
-  },
-];
-
-type UsageStatisticsType = (typeof USAGE_STATISTICS_OPTIONS)[number];
-type RemoteControlState =
-  | 'connected'
-  | 'registered'
-  | 'registering'
-  | 'registeringfaulted'
-  | 'enabled'
-  | 'disabled'
-  | 'inactive'
-  | 'unknown';
-
-type Timeout = ReturnType<typeof setTimeout>;
-
-@Component({
-  selector: 'app-settings',
-  standalone: true,
-  imports: [
-    FormsModule,
-    ReactiveFormsModule,
-
-    StatusBarComponent,
-    SparkleButtonComponent,
-    SparkleIconComponent,
-    SparkleRadioComponent,
-    SparkleFormFieldComponent,
-    SparkleButtonGroupComponent,
-    SparkleSelectComponent,
-
-    JsonPipe,
-  ],
-  templateUrl: './settings.component.html',
-  styleUrl: './settings.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export default class SettingsComponent {
-  #layoutState = inject(LayoutState);
-  #sysinfo = inject(SysinfoState);
-  #dupServer = inject(DuplicatiServerService);
-
-  sysinfo = this.#sysinfo.systemInfo;
-
-  isDarkMode = this.#layoutState.isDarkMode;
-  editAs = signal<'list' | 'text'>('list');
-  settingsForm = fb.group({
-    pauseSettings: fb.group({
-      time: fb.control<number>(0),
-      timeType: fb.control<TimeTypes>('s'),
-    }),
-    language: fb.control<string>('en'),
-    usageStatistics: fb.control<UsageStatisticsType['value']>(''),
-    updateChannel: fb.control<UpdateChannel>(''),
-    remoteControlRegisterUrl: fb.control<string>(''),
-  });
-  remoteControlState = signal<RemoteControlState>('unknown');
-  remoteControlClaimUrl = signal<string | null>(null);
-  // remoteControlRegisterUrl = signal<string>('');
-
-  sysInfoEffect = effect(
-    () => {
-      this.settingsForm.controls.remoteControlRegisterUrl.patchValue(
-        this.sysinfo()?.RemoteControlRegistrationUrl ?? ''
-      );
-    },
-    {
-      allowSignalWrites: true,
-    }
-  );
-
-  get pauseSettings() {
-    return this.settingsForm.controls.pauseSettings;
-  }
-
-  langSignal = toSignal(this.settingsForm.controls.language.valueChanges);
-  timeTypeOptions = signal(TIME_OPTIONS);
-  timeOptions = derivedFrom(
-    [
-      this.pauseSettings.controls.timeType.valueChanges.pipe(startWith('s')),
-      this.pauseSettings.controls.time.valueChanges.pipe(startWith(null)),
-    ],
-    pipe(
-      map(([timeType, time]) => {
-        const timeOptions = this.#createTimeOptions(timeType as TimeTypes);
-
-        return time !== null ? timeOptions.filter((x) => x.toString().includes(time.toString())) : timeOptions;
-      }),
-      startWith([])
-    )
-  );
-
-  languageOptions = computed(() =>
-    this.langSignal() ? LANGUAGES.filter((x) => x.value === this.langSignal()) : LANGUAGES
-  );
-
-  usageStatisticsOptions = signal(USAGE_STATISTICS_OPTIONS);
-
-  ngOnInit() {
-    this.refreshRemoteControlStatus();
-    this.getServerSettings();
-  }
-
-  submit() {
-    // var patchdata = {
-    //     'server-passphrase': $scope.changeServerPassword ? $scope.remotePassword : '',
-    //     'allowed-hostnames': $scope.remoteHostnames,
-    //     'server-listen-interface': $scope.allowRemoteAccess ? 'any' : 'loopback',
-    //     'startup-delay': $scope.startupDelayDurationValue + '' + $scope.startupDelayDurationMultiplier,
-    //     'update-channel': $scope.updateChannel,
-    //     'usage-reporter-level': $scope.usageReporterLevel,
-    //     'disable-tray-icon-login': $scope.disableTrayIconLogin
-    // };
-
-    const startupDelay = `${this.pauseSettings.controls.time.value}${this.pauseSettings.controls.timeType.value}`;
-
-    this.#dupServer
-      .patchApiV1Serversettings({
-        requestBody: {
-          'usage-reporter-level': this.settingsForm.controls.usageStatistics.value,
-          'startup-delay': startupDelay === '0s' ? '' : startupDelay,
-          'update-channel': this.settingsForm.controls.updateChannel.value,
-        },
-      })
-      .subscribe({
-        next: (res) => {
-          console.log('res', res);
-        },
-        error: (err) => {
-          console.error('err', err);
-        },
-      });
-  }
-
-  getServerSettings() {
-    return this.#dupServer.getApiV1Serversettings().subscribe({
-      next: (res) => {
-        const startupDelay = res['startup-delay'] as string;
-
-        this.settingsForm.patchValue({
-          pauseSettings: {
-            time: parseInt(
-              startupDelay.substring(0, startupDelay.length - 1) == ''
-                ? '0'
-                : startupDelay.substring(0, startupDelay.length - 1)
-            ),
-            timeType:
-              startupDelay.substring(-1) === '' ? ('s' as TimeTypes) : (startupDelay.substring(-1) as TimeTypes),
-          },
-          usageStatistics: res['usage-reporter-level'],
-          updateChannel: res['update-channel'] as UpdateChannel,
-        });
-      },
-    });
-  }
-
-  languageDisplay(x: LangType['value'] | null) {
-    if (!x) return null;
-    return LANGUAGES.find((y) => y.value === x)?.label ?? null;
-  }
-
-  typeDisplay(x: TimeTypes | null | undefined) {
-    if (x === null || x === undefined) return null;
-
-    return TIME_OPTIONS.find((y) => y.value === x)?.label ?? null;
-  }
-
-  usageDisplay(x: UsageStatisticsType['value'] | null) {
-    if (typeof x !== 'string') return null;
-    return USAGE_STATISTICS_OPTIONS.find((y) => y.value === x)?.label ?? null;
-  }
-
-  setDarkMode() {
-    this.#layoutState.setDarkMode();
-  }
-
-  setLightMode() {
-    this.#layoutState.setLightMode();
-  }
-
-  #createTimeOptions(type: TimeTypes) {
-    const typeLen = type === 'h' ? 25 : 61;
-
-    return new Array(typeLen).fill(0).map((_, i) => i);
-  }
-
-  repeatRegisterTimer: Timeout | null = null;
-
-  #mapRemoteControlStatus(data: RemoteControlStatusOutput) {
-    // remoteControlEnabled = data.IsEnabled;
-    // remoteControlCanEnable = data.CanEnable;
-    // remoteControlConnected = data.IsConnected;
-    // remoteControlIsRegistering = data.IsRegistering;
-    // remoteControlIsRegisteringFaulted = data.IsRegisteringFaulted;
-    // remoteControlIsRegisteringCompleted = data.IsRegisteringCompleted;
-
-    data.RegistrationUrl && this.remoteControlClaimUrl.set(data.RegistrationUrl);
-
-    console.log(data);
-
-    if (data.IsConnected) {
-      this.remoteControlState.set('connected');
-    } else if (data.IsEnabled) {
-      this.remoteControlState.set('enabled');
-    } else if (data.CanEnable) {
-      this.remoteControlState.set('disabled');
-    } else if (data.IsRegisteringFaulted) {
-      this.remoteControlState.set('registeringfaulted');
-    } else if (data.IsRegistering) {
-      if (data.RegistrationUrl != null && data.RegistrationUrl.trim().length > 0) {
-        this.remoteControlState.set('registered');
-      } else {
-        this.remoteControlState.set('registering');
-      }
-    } else {
-      this.remoteControlState.set('inactive');
-    }
-
-    const currentRemoteControlState = this.remoteControlState();
-
-    console.log(currentRemoteControlState);
-
-    // Stop any existing timer
-    if (this.repeatRegisterTimer !== null) {
-      clearTimeout(this.repeatRegisterTimer);
-      this.repeatRegisterTimer = null;
-    }
-
-    // If we are registering, we need to keep checking until the registration is claimed
-    if (currentRemoteControlState === 'registering') {
-      this.repeatRegisterTimer = setTimeout(() => {
-        this.#dupServer.postApiV1RemotecontrolRegister({ requestBody: { RegistrationUrl: '' } }).subscribe({
-          next: (res) => {
-            this.#mapRemoteControlStatus(res);
-          },
-          error: (err) => {
-            this.#mapRemoteControlError(err);
-          },
-        });
-
-        // AppService.post('/remotecontrol/register', { RegistrationUrl: '' }).then(
-        //   function (data) {
-        //     this.#mapRemoteControlStatus(data.data);
-        //   },
-        //   () => {
-        //     AppService.get('/remotecontrol/status').then(
-        //       function (data) {
-        //         this.#mapRemoteControlStatus(data.data);
-        //       },
-        //       () => {}
-        //     );
-        //   }
-        // );
-      }, 5000);
-    }
-
-    // If we are enabled, poll to see if we become connected
-    // If we are registered, poll to see if we become disabled
-    if (currentRemoteControlState === 'enabled' || currentRemoteControlState === 'registered') {
-      this.repeatRegisterTimer = setTimeout(() => {
-        this.#dupServer.getApiV1RemotecontrolStatus().subscribe({
-          next: (res) => {
-            this.#mapRemoteControlStatus(res);
-          },
-          error: (err) => {
-            this.#mapRemoteControlError(err);
-          },
-        });
-      }, 5000);
-    }
-
-    // If we can enable and are registering, there must be a lingering registration
-    if (data.IsRegistering && data.CanEnable) {
-      this.#dupServer.deleteApiV1RemotecontrolRegister().subscribe({
-        next: (res) => {
-          this.#mapRemoteControlStatus(res);
-        },
-      });
-    }
-  }
-
-  #mapRemoteControlError(data: any) {
-    // AppUtils.connectionError(data);
-
-    this.#dupServer.getApiV1RemotecontrolStatus().subscribe({
-      next: (res) => {
-        this.#mapRemoteControlStatus(res);
-      },
-    });
-  }
-
-  refreshRemoteControlStatus() {
-    this.#dupServer.getApiV1RemotecontrolStatus().subscribe({
-      next: (res) => {
-        this.#mapRemoteControlStatus(res);
-      },
-      error: (err) => {
-        this.#mapRemoteControlError(err);
-      },
-    });
-  }
-
-  beginRemoteRegistration() {
-    this.remoteControlState.set('registering');
-
-    const registrationUrl = this.settingsForm.controls.remoteControlRegisterUrl.value;
-
-    this.#dupServer.postApiV1RemotecontrolRegister({ requestBody: { RegistrationUrl: registrationUrl } }).subscribe({
-      next: (res) => {
-        this.#mapRemoteControlStatus(res);
-      },
-      error: (err) => {
-        this.#mapRemoteControlError(err);
-      },
-    });
-  }
-
-  cancelRemoteRegistration() {
-    this.#dupServer.deleteApiV1RemotecontrolRegister().subscribe({
-      next: (res) => {
-        this.#mapRemoteControlStatus(res);
-      },
-      error: (err) => {
-        this.#mapRemoteControlError(err);
-      },
-    });
-  }
-
-  enableRemoteControl() {
-    this.#dupServer.postApiV1RemotecontrolEnable().subscribe({
-      next: (res) => {
-        this.#mapRemoteControlStatus(res);
-      },
-      error: (err) => {
-        this.#mapRemoteControlError(err);
-      },
-    });
-  }
-
-  disableRemoteControl() {
-    this.#dupServer.postApiV1RemotecontrolDisable().subscribe({
-      next: (res) => {
-        this.#mapRemoteControlStatus(res);
-      },
-      error: (err) => {
-        this.#mapRemoteControlError(err);
-      },
-    });
-  }
-
-  deleteRemoteControl() {
-    const _self = this;
-
-    if (confirm('Are you sure you want to delete the remote control registration?')) {
-      _self.#dupServer.deleteApiV1RemotecontrolRegistration().subscribe({
-        next: (res) => {
-          _self.#mapRemoteControlStatus(res);
-        },
-        error: (err) => {
-          _self.#mapRemoteControlError(err);
-        },
-      });
-    }
-  }
-
-  getRemoteControlStatusText() {
-    const remoteControlState = this.remoteControlState();
-
-    if (remoteControlState === 'enabled') return 'Remote control is enabled but not connected';
-    if (remoteControlState === 'connected') return 'Remote control is connected';
-    if (remoteControlState === 'registering') return 'Registering machine...';
-    if (remoteControlState === 'registeringfaulted') return 'Registration failed';
-    if (remoteControlState === 'registered') return 'Registered, waiting for accept';
-    if (remoteControlState === 'disabled') return 'Remote control is configured but not enabled';
-    if (remoteControlState === 'unknown') return '...loading...';
-
-    return 'Remote control is not set up';
-  }
-}

package/src/environments/environment-token.ts

@@ -1,4 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { environment } from './environment';
-
-export const ENVIRONMENT_TOKEN = new InjectionToken<typeof environment>('ENVIRONMENT');

package/src/environments/environment.prod.ts

@@ -1,6 +0,0 @@
-export const environment = {
-  production: true,
-  baseUrl: 'http://localhost:8200',  
-  machineServerUrl: 'wss://gateway.api.duplicati.com/portal',
-  defaultTimeout: 30000,
-};

package/src/environments/environment.ts

@@ -1,6 +0,0 @@
-export const environment = {
-  production: false,
-  baseUrl: '/api',
-  machineServerUrl: 'wss://gateway.api.duplicati.com/portal',
-  defaultTimeout: 30000,
-};

package/src/index.html

@@ -1,15 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>Duplicati Client</title>
-    <base href="/" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <!-- <link rel="icon" type="image/x-icon" href="favicon.ico" /> -->
-    <link rel="icon" href="/assets/duplicati-logo.png" />
-    <link rel="stylesheet" href="/assets/spk.css" />
-  </head>
-  <body>
-    <app-root></app-root>
-  </body>
-</html>

package/src/main.ts

@@ -1,6 +0,0 @@
-import { bootstrapApplication } from '@angular/platform-browser';
-import { appConfig } from './app/app.config';
-import { AppComponent } from './app/app.component';
-
-bootstrapApplication(AppComponent, appConfig)
-  .catch((err) => console.error(err));

package/src/proxy.conf.mjs

@@ -1,6 +0,0 @@
-export default {
-  '/api': {
-    target: 'http://localhost:8200',
-    secure: false,
-  },
-};

package/src/styles.scss

@@ -1,41 +0,0 @@
-@use '@sparkle-ui/core/styles' as * with (
-  $initMaterial: false,
-  $sparkleButton: true,
-  $sparkleToggle: true,
-  $sparkleProgressBar: true,
-  $sparkleCheckbox: true,
-  $sparkleAlert: true,
-  $sparkleMenu: true,
-  $sparkleDivider: true,
-  $sparkleIcon: true,
-  $sparkleChip: true,
-  $sparkleFormField: true,
-  $sparkleRadio: true,
-  $sparkleList: true,
-  $sparkleSidenav: true,
-  $sparkleButtonGroup: true,
-  $sparkleRangeSlider: true,
-  $sparkleTooltip: true,
-  $sparkleSelect: true,
-  $sparkleCard: true,
-  $sparkleStepper: true,
-  // $sparkleTabs: true,
-  // $sparkleDialog: true,
-  // $sparkleDatepicker: true
-);
-
-body {
-  .spacer {
-    flex: 1 0;
-  }
-
-  h2 {
-    font: var(--title-30);
-    margin: 0;
-  }
-
-  h3 {
-    font: var(--paragraph-20);
-    margin: 0;
-  }
-}

package/tsconfig.app.json

@@ -1,15 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/app",
-    "types": []
-  },
-  "files": [
-    "src/main.ts"
-  ],
-  "include": [
-    "src/**/*.d.ts"
-  ]
-}

package/tsconfig.json

@@ -1,30 +0,0 @@
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "compileOnSave": false,
-  "compilerOptions": {
-    "outDir": "./dist/out-tsc",
-    "strict": true,
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "skipLibCheck": true,
-    "isolatedModules": true,
-    "esModuleInterop": true,
-    "sourceMap": true,
-    "declaration": false,
-    "experimentalDecorators": true,
-    "moduleResolution": "bundler",
-    "importHelpers": true,
-    "target": "ESNext",
-    "module": "ESNext",
-    "lib": ["ESNext", "dom"],
-    "typeRoots": ["node_modules/@types", "node_modules/ngxtension"]
-  },
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true
-  }
-}