orcas-angular 1.0.4 → 1.0.6

package/navigation/navigation-stack.service.ts

@@ -1,33 +0,0 @@
-import {Injectable} from '@angular/core';
-import {Location} from '@angular/common';
-import {Router, NavigationEnd} from '@angular/router';
-
-@Injectable({
-    providedIn: 'root'
-})
-export class NavigationStackService {
-    private history: string[] = [];
-
-    constructor(private router: Router, private location: Location) {
-        this.router.events.subscribe((event: any) => {
-            if (event instanceof NavigationEnd)
-                this.history.push(event.urlAfterRedirects);
-        });
-    }
-
-    public goBack(): void {
-        this.history.pop();
-        if (this.history.length > 0)
-            this.location.back();
-        else
-            this.router.navigateByUrl("/").then();
-        this.history.pop();
-    }
-
-    public getBack(): string {
-        if (this.history.length > 1)
-            return this.history[this.history.length - 2];
-
-        return '';
-    }
-}

package/ng-package.json

@@ -1,7 +0,0 @@
-{
-    "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
-    "lib": {
-        "entryFile": "index.ts"
-    },
-    "dest": "dist"
-}

package/storage/capacitor-files.service.ts

@@ -1,38 +0,0 @@
-import { Injectable } from '@angular/core';
-import { FilesService } from './files';
-
-@Injectable()
-export class CapacitorFilesService extends FilesService {
-    static isSupported(): boolean {
-        // Capacitor is not yet implemented, so returning false
-        return false;
-    }
-
-    async init() {
-        throw new Error('CapacitorFilesService not implemented');
-    }
-
-    async joinStoragePath(filePath: string): Promise<string | null> {
-        return null;
-    }
-
-    async hasInStorage(filePath: string): Promise<boolean> {
-        throw new Error('Method not implemented.');
-    }
-
-    async readFromStorage(filePath: string): Promise<string> {
-        throw new Error('Method not implemented.');
-    }
-
-    async writeToStorage(filePath: string, data: string): Promise<void> {
-        throw new Error('Method not implemented.');
-    }
-
-    async hasInProject(filePath: string): Promise<boolean> {
-        throw new Error('Method not implemented.');
-    }
-
-    async readFromProject(filePath: string): Promise<string> {
-        throw new Error('Method not implemented.');
-    }
-}

package/storage/file-box.service.ts

@@ -1,112 +0,0 @@
-import { computed, inject, Injectable, signal } from '@angular/core';
-import { FilesService } from './files';
-import { Async } from "../async/async";
-
-enum Status {
-    NotInitialized,
-    Loading,
-    Idle,
-    Saving
-}
-
-interface BoxData {
-    [key: string]: any;
-}
-
-@Injectable({
-    providedIn: 'root'
-})
-export class FileBoxService {
-    private files: FilesService = inject(FilesService);
-    private status: Status = Status.NotInitialized;
-    private path: string = '';
-
-    private saveEnqueued: boolean = false;
-
-    private $dataWritable = signal<BoxData>({});
-    public $data = computed(() => {
-        if (this.status === Status.NotInitialized)
-            console.error('Service is not initialized.');
-        else if (this.status === Status.Loading)
-            console.error('Service is loading.');
-
-        return this.$dataWritable();
-    });
-
-    async init(path: string) {
-        if (this.status !== Status.NotInitialized) {
-            console.error('Service is already initialized.');
-            return;
-        }
-
-        this.path = path;
-
-        try {
-            this.status = Status.Loading;
-            if (await this.files.hasInStorage(this.path)) {
-                const fileContent = await this.files.readFromStorage(this.path);
-                this.$dataWritable.set(JSON.parse(fileContent));
-            }
-        }
-        catch (error) {
-            console.error('Failed to load file:', error);
-            this.$dataWritable.set({});
-        }
-        finally {
-            this.status = Status.Idle;
-        }
-    }
-
-    has(key: string): boolean {
-        return key in this.$data();
-    }
-
-    set(key: string, value: any): void {
-        this.checkType(value);
-        const newData = { ...this.$dataWritable() };
-        newData[key] = value;
-        this.$dataWritable.set(newData);
-    }
-
-    setAll(data: BoxData): void {
-        this.$dataWritable.set(data);
-    }
-
-    remove(key: string): void {
-        const newData = { ...this.$dataWritable() };
-        delete newData[key];
-        this.$dataWritable.set(newData);
-    }
-
-    private checkType(value: any) {
-        if (value instanceof Function)
-            throw new Error('Cannot save functions.');
-
-        if (value instanceof Promise)
-            throw new Error('Cannot save promises.');
-    }
-
-    async save() {
-        if (this.saveEnqueued)
-            return;
-
-        this.saveEnqueued = true;
-
-        while (this.status === Status.Saving)
-            await Async.delay(100);
-
-        this.saveEnqueued = false;
-
-        try {
-            this.status = Status.Saving;
-            const dataString = JSON.stringify(this.$data());
-            await this.files.writeToStorage(this.path, dataString);
-        }
-        catch (error) {
-            console.error('Failed to save file:', error);
-        }
-        finally {
-            this.status = Status.Idle;
-        }
-    }
-}

package/storage/files.ts

@@ -1,42 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable()
-export abstract class FilesService {
-    /**
-     * Initializes the service. 
-     * This should handle any setup required by the specific implementation.
-     */
-    abstract init(...args: any[]): Promise<void>;
-
-    /**
-     * Joins a filename with the storage base directory to get a full path.
-     * Returns a string or a Promise of a string depending on implementation.
-     * In some platforms, this may return null if paths are not supported.
-     */
-    abstract joinStoragePath(filePath: string): Promise<string | null>;
-
-    /**
-     * Checks if a file exists in the platform-specific storage.
-     */
-    abstract hasInStorage(filePath: string): Promise<boolean>;
-
-    /**
-     * Reads a file from the platform-specific storage.
-     */
-    abstract readFromStorage(filePath: string): Promise<string>;
-
-    /**
-     * Writes data to a file in the platform-specific storage.
-     */
-    abstract writeToStorage(filePath: string, data: string): Promise<void>;
-
-    /**
-     * Checks if a file exists in the project's assets/resources.
-     */
-    abstract hasInProject(filePath: string): Promise<boolean>;
-
-    /**
-     * Reads a file from the project's assets/resources.
-     */
-    abstract readFromProject(filePath: string): Promise<string>;
-}

package/storage/key-signals.ts

@@ -1,49 +0,0 @@
-import { computed, Signal } from '@angular/core';
-
-export abstract class KeySignals {
-    protected abstract $data(): Record<string, any>;
-    protected abstract setRawValue(key: string, value: any): Promise<void>;
-    protected abstract setMultipleRawValues(values: Record<string, any>): Promise<void>;
-
-    protected readonly SEPARATOR = '|';
-
-    public getCanonicalKey(path: string[]): string {
-        return path.join(this.SEPARATOR);
-    }
-
-    public getNewSignal<T>(defaultValue: T, ...path: string[]): Signal<T> {
-        return computed(() => this.getValue(defaultValue, ...path));
-    }
-
-    public getValue<T>(defaultValue: T, ...path: string[]): T {
-        const key = this.getCanonicalKey(path);
-        const data = this.$data();
-        return key in data ? data[key] : defaultValue;
-    }
-
-    public async set(value: any, ...path: string[]): Promise<void> {
-        const key = this.getCanonicalKey(path);
-        await this.setRawValue(key, value);
-    }
-
-    /**
-     * Clears all keys that start with the given prefix.
-     */
-    public async clearByPrefix(...pathPrefix: string[]): Promise<void> {
-        const prefix = this.getCanonicalKey(pathPrefix) + this.SEPARATOR;
-        const data = this.$data();
-        const updatedData = { ...data };
-        let changed = false;
-
-        for (const key in updatedData) {
-            if (key.startsWith(prefix)) {
-                delete updatedData[key];
-                changed = true;
-            }
-        }
-
-        if (changed) {
-            await this.setMultipleRawValues(updatedData);
-        }
-    }
-}

package/storage/local-storage-files.service.ts

@@ -1,49 +0,0 @@
-import { Injectable, inject } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-import { lastValueFrom } from 'rxjs';
-import { FilesService } from './files';
-
-@Injectable()
-export class LocalStorageFilesService extends FilesService {
-    private http = inject(HttpClient);
-
-    static isSupported(): boolean {
-        return typeof window !== 'undefined' && !!window.localStorage;
-    }
-
-    async init() {
-        // LocalStorage is ready immediately
-    }
-
-    async joinStoragePath(filePath: string): Promise<string | null> {
-        return null;
-    }
-
-    async hasInStorage(filePath: string): Promise<boolean> {
-        return localStorage.getItem(filePath) !== null;
-    }
-
-    async readFromStorage(filePath: string): Promise<string> {
-        const data = localStorage.getItem(filePath);
-        if (data === null) throw new Error(`File not found in localStorage: ${filePath}`);
-        return data;
-    }
-
-    async writeToStorage(filePath: string, data: string): Promise<void> {
-        localStorage.setItem(filePath, data);
-    }
-
-    async hasInProject(filePath: string): Promise<boolean> {
-        try {
-            // In a browser, we check if we can fetch it via HTTP
-            await lastValueFrom(this.http.head(filePath));
-            return true;
-        } catch {
-            return false;
-        }
-    }
-
-    async readFromProject(filePath: string): Promise<string> {
-        return await lastValueFrom(this.http.get(filePath, { responseType: 'text' }));
-    }
-}

package/storage/settings-signals.service.ts

@@ -1,24 +0,0 @@
-import { inject, Injectable } from '@angular/core';
-import { KeySignals } from './key-signals';
-import { FileBoxService } from './file-box.service';
-
-@Injectable({
-    providedIn: 'root'
-})
-export class SettingsSignalsService extends KeySignals {
-    private filebox = inject(FileBoxService);
-
-    protected override $data(): Record<string, any> {
-        return this.filebox.$data();
-    }
-
-    protected override async setRawValue(key: string, value: any): Promise<void> {
-        this.filebox.set(key, value);
-        await this.filebox.save();
-    }
-
-    protected override async setMultipleRawValues(values: Record<string, any>): Promise<void> {
-        this.filebox.setAll(values);
-        await this.filebox.save();
-    }
-}

package/storage/settings.service.ts

@@ -1,24 +0,0 @@
-import { inject, Injectable, Signal } from "@angular/core";
-import { FileBoxService } from "./file-box.service";
-import { SettingsSignalsService } from "./settings-signals.service";
-
-@Injectable({
-    providedIn: "root"
-})
-export class SettingsService {
-    private fileboxService = inject(FileBoxService);
-    private sss = inject(SettingsSignalsService);
-    private readonly SETTINGS_KEY = "app-settings";
-
-    public getNewSignal<T>(defaultValue: T, ...path: string[]): Signal<T> {
-        return this.sss.getNewSignal(defaultValue, this.SETTINGS_KEY, ...path);
-    }
-
-    public async set(value: any, ...path: string[]): Promise<void> {
-        await this.sss.set(value, this.SETTINGS_KEY, ...path);
-    }
-
-    public async save(): Promise<void> {
-        await this.fileboxService.save();
-    }
-}

package/storage/tauri-files.service.ts

@@ -1,69 +0,0 @@
-import { Injectable } from '@angular/core';
-import { FilesService } from './files';
-
-@Injectable()
-export class TauriFilesService extends FilesService {
-    private static _isTauri: boolean | null = null;
-
-    static isSupported(): boolean {
-        if (this._isTauri !== null) return this._isTauri;
-
-        try {
-            // Check for window.__TAURI_INTERNALS__ which is usually present in v2
-            this._isTauri = !!((window as any).__TAURI_INTERNALS__);
-        } catch {
-            this._isTauri = false;
-        }
-        return this._isTauri;
-    }
-
-    async init() {
-        // No special initialization needed for Tauri FS plugin beyond what is handled lazily
-    }
-
-    async joinStoragePath(filePath: string): Promise<string | null> {
-        const { appLocalDataDir, join } = await import('@tauri-apps/api/path');
-        const dataDir = await appLocalDataDir();
-        return await join(dataDir, filePath);
-    }
-
-    async hasInStorage(filePath: string): Promise<boolean> {
-        try {
-            const { exists } = await import('@tauri-apps/plugin-fs');
-            const { BaseDirectory } = await import('@tauri-apps/api/path');
-            return await exists(filePath, { baseDir: BaseDirectory.AppLocalData });
-        } catch (error) {
-            console.error('TauriFilesService.hasInStorage error:', error);
-            return false;
-        }
-    }
-
-    async readFromStorage(filePath: string): Promise<string> {
-        const { readTextFile } = await import('@tauri-apps/plugin-fs');
-        const { BaseDirectory } = await import('@tauri-apps/api/path');
-        return await readTextFile(filePath, { baseDir: BaseDirectory.AppLocalData });
-    }
-
-    async writeToStorage(filePath: string, data: string): Promise<void> {
-        const { writeTextFile } = await import('@tauri-apps/plugin-fs');
-        const { BaseDirectory } = await import('@tauri-apps/api/path');
-        await writeTextFile(filePath, data, { baseDir: BaseDirectory.AppLocalData });
-    }
-
-    async hasInProject(filePath: string): Promise<boolean> {
-        try {
-            const response = await fetch(filePath, { method: 'HEAD' });
-            return response.ok;
-        } catch {
-            return false;
-        }
-    }
-
-    async readFromProject(filePath: string): Promise<string> {
-        const response = await fetch(filePath);
-        if (!response.ok) {
-            throw new Error(`Failed to read project file: ${filePath} (${response.status})`);
-        }
-        return await response.text();
-    }
-}

package/theme/theme.service.ts

@@ -1,33 +0,0 @@
-import { computed, effect, inject, Injectable } from '@angular/core';
-import { SettingsService } from "../storage/settings.service";
-
-export enum ThemeType {
-  Unset = '',
-  Light = 'light',
-  Dark = 'dark',
-}
-
-@Injectable({
-  providedIn: 'root'
-})
-export class ThemeService {
-  private settings = inject(SettingsService);
-  public $theme = this.settings.getNewSignal<ThemeType>(ThemeType.Unset, 'theme');
-
-  public $darkMode = computed(() => {
-    const theme = this.$theme();
-    let isDarkMode: boolean = theme === ThemeType.Unset
-      ? window.matchMedia('(prefers-color-scheme: dark)').matches
-      : theme === ThemeType.Dark;
-
-    return isDarkMode;
-  });
-
-  private effectSetDarkMode = effect(async () => {
-    document.documentElement.classList.toggle('dark', this.$darkMode());
-  });
-
-  public async setTheme(theme: ThemeType) {
-    await this.settings.set(theme, 'theme');
-  }
-}

package/tsconfig.lib.json

@@ -1,11 +0,0 @@
-{
-    "extends": "./tsconfig.json",
-    "compilerOptions": {
-        "inlineSourceMap": true,
-        "inlineSources": true,
-        "declarationMap": true
-    },
-    "angularCompilerOptions": {
-        "compilationMode": "partial"
-    }
-}

package/ui/context-menu/context-button.component.ts

@@ -1,55 +0,0 @@
-import { Component, input, signal, booleanAttribute } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-@Component({
-  selector: 'context-button',
-  standalone: true,
-  imports: [CommonModule],
-  template: `
-    <div class="relative" (mouseenter)="onMouseEnter()" (mouseleave)="onMouseLeave()">
-      <button 
-        class="w-full text-left px-3 py-2 text-sm transition-colors duration-100 flex items-center justify-between gap-2"
-        [class.hover:bg-light-bg-secondary]="!disabled()"
-        [class.dark:hover:bg-[#383838]]="!disabled()"
-        [class.text-red-500]="danger() && !disabled()"
-        [class.hover:bg-red-500]="danger() && !disabled()"
-        [class.hover:text-white]="danger() && !disabled()"
-        [class.opacity-50]="disabled()"
-        [class.cursor-not-allowed]="disabled()"
-        [disabled]="disabled()">
-        <div class="flex items-center gap-2">
-          <ng-content select="[icon]"></ng-content>
-          <ng-content></ng-content>
-        </div>
-        @if (hasSubmenu()) {
-          <span class="text-[10px] text-light-text-secondary opacity-50">▶</span>
-        }
-      </button>
-
-      @if (hasSubmenu() && $showSubmenu() && !disabled()) {
-        <div class="absolute left-full top-0 ml-[-2px] z-[60]">
-          <ng-content select="context-menu"></ng-content>
-        </div>
-      }
-    </div>
-  `
-})
-export class ContextButtonComponent {
-  danger = input(false, { transform: booleanAttribute });
-  disabled = input(false, { transform: booleanAttribute });
-  hasSubmenu = input(false, { transform: booleanAttribute });
-
-  $showSubmenu = signal(false);
-
-  onMouseEnter() {
-    if (this.hasSubmenu() && !this.disabled()) {
-      this.$showSubmenu.set(true);
-    }
-  }
-
-  onMouseLeave() {
-    if (this.hasSubmenu() && !this.disabled()) {
-      this.$showSubmenu.set(false);
-    }
-  }
-}

package/ui/context-menu/context-header.component.ts

@@ -1,15 +0,0 @@
-import { Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'context-header',
-    standalone: true,
-    imports: [CommonModule],
-    template: `
-    <div 
-      class="px-3 py-1.5 text-xs font-semibold text-light-text-secondary dark:text-dark-text-secondary truncate border-b border-light-border dark:border-dark-border mb-1">
-      <ng-content></ng-content>
-    </div>
-  `
-})
-export class ContextHeaderComponent { }

package/ui/context-menu/context-menu-trigger.directive.ts

@@ -1,26 +0,0 @@
-import { Directive, input, output, HostListener, ElementRef } from '@angular/core';
-import { ContextMenuComponent } from './context-menu.component';
-
-@Directive({
-    selector: '[appContextMenu]',
-    standalone: true
-})
-export class ContextMenuTriggerDirective {
-    appContextMenu = input.required<ContextMenuComponent>();
-
-    beforeOpen = output<void>();
-
-    constructor(private elementRef: ElementRef) { }
-
-    @HostListener('contextmenu', ['$event'])
-    onContextMenu(event: MouseEvent) {
-        event.preventDefault();
-        event.stopPropagation();
-
-        // Notify parent to prepare data
-        this.beforeOpen.emit();
-
-        // Show menu at cursor position
-        this.appContextMenu().show(event.clientX, event.clientY);
-    }
-}