@duplicati/ngclient 0.0.1

package/.dockerignore

@@ -0,0 +1,13 @@
+node_modules
+npm-debug.log
+Dockerfile*
+docker-compose*
+.dockerignore
+.git
+.gitignore
+README.md
+LICENSE
+.vscode
+
+dist/node_modules
+dist/npm-debug.log

package/.github/workflows/npm-publish.yml

@@ -0,0 +1,59 @@
+name: Build and Deploy Angular Library
+
+on:
+  push:
+    branches:
+      - main # Or your main branch name
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout Code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 1 # shallow clone
+
+      - name: Setup Bun
+        uses: oven-sh/setup-bun@v2
+
+      - name: Deepen Clone
+        run: git fetch --unshallow
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+
+      - name: Install Dependencies
+        run: npm ci
+
+      - name: Check if package.json was modified
+        id: check_package_json_change
+        run: |
+          if git rev-list --count HEAD > 1; then 
+            changed=$(if git diff --name-only HEAD^ HEAD | grep 'package.json' >/dev/null; then echo 'true'; else echo 'false'; fi)
+          else
+            changed="false"
+          fi
+
+          # Write the output to the environment file
+          echo "changed=$changed" >> $GITHUB_ENV
+
+      - name: Build Library
+        if: env.changed == 'true' && github.ref == 'refs/heads/main'
+        run: npm run build:prod
+
+      - name: Create package.json
+        run: npm run gen:package-json
+
+      - name: Publish (if package.json changed)
+        if: env.changed == 'true' && github.ref == 'refs/heads/main'
+        working-directory: ./dist/ngclient/browser
+        run: |
+          echo "//registry.npmjs.org/:_authToken=${NPM_TOKEN}" > .npmrc
+          npm publish --access public
+        env:
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }} # Your NPM token from secrets

package/.prettierignore

@@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock

package/.prettierrc

@@ -0,0 +1,12 @@
+{
+  "tabWidth": 2,
+  "useTabs": false,
+  "singleQuote": true,
+  "semi": true,
+  "bracketSpacing": true,
+  "arrowParens": "always",
+  "trailingComma": "es5",
+  "bracketSameLine": true,
+  "printWidth": 120,
+  "htmlWhitespaceSensitivity": "ignore"
+}

package/.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
+  "recommendations": ["angular.ng-template"]
+}

package/.vscode/launch.json

@@ -0,0 +1,13 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "ng serve",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: start",
+      "url": "http://localhost:4200/"
+    }
+  ]
+}

package/.vscode/settings.json

@@ -0,0 +1,8 @@
+{
+  "angular-schematics.schematicsDefaultOptions": {
+    "angular-*": {
+      "style": "scss",
+      "externalTemplate": true
+    }
+  }
+}

package/.vscode/tasks.json

@@ -0,0 +1,24 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "npm",
+      "script": "start",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    }
+  ]
+}

package/Dockerfile

@@ -0,0 +1,38 @@
+FROM node:20-bullseye-slim as base
+
+# Create app directory
+WORKDIR /app
+
+RUN apt-get update && \
+    apt-get install -y curl unzip && \
+    rm -rf /var/lib/apt/lists/*
+
+RUN npm install -g @angular/cli@18
+# RUN npm install -g bun@canary
+RUN curl -fsSL https://bun.sh/install | bash
+ENV PATH="/root/.bun/bin:${PATH}"
+
+RUN bun --version
+RUN ng version
+
+# Copy lock files
+COPY package.json package-lock.json bun.lockb ./
+
+# Define the build-time variable with a default value
+ARG BUILD_ENV=dev
+
+# Set the build-time variable as an environment variable
+ENV BUILD_ENV=${BUILD_ENV}
+
+# Install app dependencies
+RUN bun i
+
+# Bundle app source
+COPY . /app
+
+# Use the environment variable to conditionally run the build command
+RUN if [ "$BUILD_ENV" = "prod" ]; then \
+      bun run build:prod; \
+    else \
+      bun run build:dev; \
+    fi

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Duplicati
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,27 @@
+# DuplicatiClient
+
+This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.2.0.
+
+## Development server
+
+Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.
+
+## Code scaffolding
+
+Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
+
+## Build
+
+Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Running unit tests
+
+Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Running end-to-end tests
+
+Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/angular.json

@@ -0,0 +1,98 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "ngclient": {
+      "projectType": "application",
+      "schematics": {
+        "@schematics/angular:component": {
+          "inlineTemplate": true,
+          "inlineStyle": true,
+          "style": "scss",
+          "skipTests": true
+        },
+        "@schematics/angular:class": {
+          "skipTests": true
+        },
+        "@schematics/angular:directive": {
+          "skipTests": true
+        },
+        "@schematics/angular:guard": {
+          "skipTests": true
+        },
+        "@schematics/angular:interceptor": {
+          "skipTests": true
+        },
+        "@schematics/angular:pipe": {
+          "skipTests": true
+        },
+        "@schematics/angular:resolver": {
+          "skipTests": true
+        },
+        "@schematics/angular:service": {
+          "skipTests": true
+        }
+      },
+      "root": "",
+      "sourceRoot": "src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:application",
+          "options": {
+            "outputPath": "dist/ngclient",
+            "index": "src/index.html",
+            "browser": "src/main.ts",
+            "polyfills": [],
+            "tsConfig": "tsconfig.app.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              "src/assets",
+              {
+                "glob": "**/*",
+                "input": "./node_modules/@sparkle-ui/core/assets",
+                "output": "./sparkle-ui-assets/"
+              }
+            ],
+            "styles": ["src/styles.scss"],
+            "scripts": []
+          },
+          "configurations": {
+            "production": {
+              "outputHashing": "all",
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.prod.ts"
+                }
+              ]
+            },
+            "development": {
+              "optimization": false,
+              "extractLicenses": false,
+              "sourceMap": true
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "configurations": {
+            "production": {
+              "buildTarget": "ngclient:build:production"
+            },
+            "development": {
+              "buildTarget": "ngclient:build:development",
+              "proxyConfig": "src/proxy.conf.mjs"
+            }
+          },
+          "defaultConfiguration": "development"
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n"
+        }
+      }
+    }
+  }
+}

package/openapi-ts.config.ts

@@ -0,0 +1,13 @@
+import { defineConfig } from '@hey-api/openapi-ts';
+
+const localFile = false; // && './swagger-orgid-tokens.json';
+const apiInput = 'http://localhost:8200/swagger/v1/swagger.json';
+export default defineConfig({
+  client: 'angular',
+  input: localFile || apiInput,
+  output: 'src/app/core/openapi',
+  schemas: true,
+  services: {
+    asClass: true,
+  },
+});

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@duplicati/ngclient",
+  "version": "0.0.1",
+  "license": "MIT",
+  "contributors": [
+    "sp90",
+    "kenkendk"
+  ],
+  "scripts": {
+    "gen:package-json": "bun scripts/generate-package-json.ts",
+    "gen:font": "bunx sparkle-fg --src='./src' --out='./src/assets' --rootPath='/assets/'",
+    "watch:font": "bunx sparkle-fg --src='./src' --out='./src/assets' --rootPath='/assets/' --watch",
+    "ng": "ng",
+    "start": "bun run watch:font & ng serve",
+    "build": "bun run gen:font & ng build",
+    "build:dev": "bun run gen:font && ng build --configuration development",
+    "build:prod": "bun run gen:font & ng build --configuration production",
+    "watch": "bun run watch:font & ng build --watch --configuration development",
+    "gen:openapi": "openapi-ts"
+  },
+  "dependencies": {
+    "@angular/animations": "^18.2.0",
+    "@angular/cdk": "^18.2.0",
+    "@angular/common": "^18.2.0",
+    "@angular/compiler": "^18.2.0",
+    "@angular/core": "^18.2.0",
+    "@angular/forms": "^18.2.0",
+    "@angular/material": "^18.2.0",
+    "@angular/platform-browser": "^18.2.0",
+    "@angular/platform-browser-dynamic": "^18.2.0",
+    "@angular/router": "^18.2.0",
+    "@sparkle-ui/core": "^0.1.103",
+    "dayjs": "^1.11.13",
+    "ngxtension": "^4.0.0",
+    "rxjs": "~7.8.0",
+    "tslib": "^2.3.0"
+  },
+  "devDependencies": {
+    "@angular-devkit/build-angular": "^18.2.0",
+    "@angular/cli": "^18.2.0",
+    "@angular/compiler-cli": "^18.2.0",
+    "@hey-api/openapi-ts": "^0.52.9",
+    "prettier": "^3.3.3",
+    "typescript": "~5.5.2"
+  }
+}

package/scripts/generate-package-json.ts

@@ -0,0 +1,15 @@
+import packageJson from '../package.json';
+
+// @ts-ignore
+import { write } from 'bun';
+
+const newPackageJson = {
+  version: packageJson.version,
+  name: packageJson.name,
+  license: packageJson.license,
+  contributors: packageJson.contributors,
+};
+
+await write('./dist/ngclient/browser/package.json', JSON.stringify(newPackageJson, null, 2));
+
+console.log('package.json generated');

package/src/app/about/about.component.html

@@ -0,0 +1,15 @@
+<div class="nav">
+  <button spk-button class="raised" routerLink="/about/general" routerLinkActive="primary">General</button>
+
+  <button spk-button class="raised" routerLink="/about/changelog" routerLinkActive="primary">Changelog</button>
+
+  <button spk-button class="raised" routerLink="/about/libraries" routerLinkActive="primary">Libraries</button>
+
+  <button spk-button class="raised" routerLink="/about/system-info" routerLinkActive="primary">System info</button>
+
+  <button spk-button class="raised" routerLink="/about/logs" routerLinkActive="primary">Logs</button>
+</div>
+
+<section>
+  <router-outlet />
+</section>

package/src/app/about/about.component.scss

@@ -0,0 +1,19 @@
+@use '@sparkle-ui/core/styles/helpers' as *;
+
+:host {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  padding: p2r(40);
+}
+
+.nav {
+  display: flex;
+  gap: p2r(8);
+}
+
+section {
+  display: flex;
+  flex-direction: column;
+  padding: p2r(32 0);
+}

package/src/app/about/about.component.ts

@@ -0,0 +1,13 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';
+import { SparkleButtonComponent } from '@sparkle-ui/core';
+
+@Component({
+  selector: 'app-about',
+  standalone: true,
+  imports: [SparkleButtonComponent, RouterOutlet, RouterLink, RouterLinkActive],
+  templateUrl: './about.component.html',
+  styleUrl: './about.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export default class AboutComponent {}

package/src/app/about/changelog/changelog.component.html

@@ -0,0 +1,3 @@
+<h3>Changelog</h3>
+
+<pre>{{ changelog()?.Changelog }}</pre>

package/src/app/about/changelog/changelog.component.scss

@@ -0,0 +1,7 @@
+:host {
+  display: block;
+}
+
+h3 {
+  font: var(--title-30);
+}

package/src/app/about/changelog/changelog.component.ts

@@ -0,0 +1,18 @@
+import { JsonPipe } from '@angular/common';
+import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { DuplicatiServerService } from '../../core/openapi';
+
+@Component({
+  selector: 'app-changelog',
+  standalone: true,
+  imports: [JsonPipe],
+  templateUrl: './changelog.component.html',
+  styleUrl: './changelog.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export default class ChangelogComponent {
+  #dupServer = inject(DuplicatiServerService);
+
+  changelog = toSignal(this.#dupServer.getApiV1Changelog());
+}

package/src/app/about/general/general.component.html

@@ -0,0 +1,9 @@
+@if (isLoading()) {
+  <spk-progress-bar class="indeterminate primary" />
+}
+
+<section>
+  <h3>General</h3>
+
+  <div [innerHTML]="generalInfo()"></div>
+</section>

package/src/app/about/general/general.component.scss

@@ -0,0 +1,23 @@
+@use '@sparkle-ui/core/styles/helpers' as *;
+
+:host {
+  display: block;
+  position: relative;
+}
+
+h3 {
+  font: var(--title-30);
+}
+
+section {
+  display: flex;
+  flex-direction: column;
+  gap: p2r(16);
+}
+
+spk-progress-bar {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+}

package/src/app/about/general/general.component.ts

@@ -0,0 +1,30 @@
+import { JsonPipe } from '@angular/common';
+import { ChangeDetectionStrategy, Component, inject, signal } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { DomSanitizer } from '@angular/platform-browser';
+import { SparkleProgressBarComponent } from '@sparkle-ui/core';
+import { finalize, map } from 'rxjs';
+import { DuplicatiServerService } from '../../core/openapi';
+
+@Component({
+  selector: 'app-general',
+  standalone: true,
+  imports: [JsonPipe, SparkleProgressBarComponent],
+  templateUrl: './general.component.html',
+  styleUrl: './general.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export default class GeneralComponent {
+  #sanitizer = inject(DomSanitizer);
+  #dupServer = inject(DuplicatiServerService);
+
+  isLoading = signal(true);
+  generalInfo = toSignal(
+    this.#dupServer.getApiV1Acknowledgements().pipe(
+      map((x) =>
+        x.Acknowledgements ? this.#sanitizer.bypassSecurityTrustHtml(x.Acknowledgements.replace(/\r/g, '\n')) : ''
+      ),
+      finalize(() => this.isLoading.set(false))
+    )
+  );
+}

package/src/app/about/libraries/libraries.component.html

@@ -0,0 +1,3 @@
+<h3>Libraries</h3>
+
+<pre>{{ licenses() | json }}</pre>

package/src/app/about/libraries/libraries.component.scss

@@ -0,0 +1,7 @@
+:host {
+  display: block;
+}
+
+h3 {
+  font: var(--title-30);
+}

package/src/app/about/libraries/libraries.component.ts

@@ -0,0 +1,18 @@
+import { JsonPipe } from '@angular/common';
+import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { DuplicatiServerService } from '../../core/openapi';
+
+@Component({
+  selector: 'app-libraries',
+  standalone: true,
+  imports: [JsonPipe],
+  templateUrl: './libraries.component.html',
+  styleUrl: './libraries.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export default class LibrariesComponent {
+  #dupServer = inject(DuplicatiServerService);
+
+  licenses = toSignal(this.#dupServer.getApiV1Licenses());
+}

package/src/app/about/logs/logs.component.html

@@ -0,0 +1,5 @@
+<h3>Logs</h3>
+
+@for (log of logs(); track $index) {
+  <pre style="white-space: wrap">{{ log | json }}</pre>
+}

package/src/app/about/logs/logs.component.scss

@@ -0,0 +1,7 @@
+:host {
+  display: block;
+}
+
+h3 {
+  font: var(--title-30);
+}

package/src/app/about/logs/logs.component.ts

@@ -0,0 +1,18 @@
+import { JsonPipe } from '@angular/common';
+import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { DuplicatiServerService } from '../../core/openapi';
+
+@Component({
+  selector: 'app-logs',
+  standalone: true,
+  imports: [JsonPipe],
+  templateUrl: './logs.component.html',
+  styleUrl: './logs.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export default class LogsComponent {
+  #dupServer = inject(DuplicatiServerService);
+
+  logs = toSignal(this.#dupServer.getApiV1LogdataLog());
+}

package/src/app/about/system-info/system-info.component.html

@@ -0,0 +1,3 @@
+<h3>System info</h3>
+
+<pre>{{ systemInfo() | json }}</pre>

package/src/app/about/system-info/system-info.component.scss

@@ -0,0 +1,7 @@
+:host {
+  display: block;
+}
+
+h3 {
+  font: var(--title-30);
+}