@genesislcap/foundation-workspace 15.19.0 → 15.19.1

package/src/workspace/layout-wrapper/layout-wrapper.ts

@@ -1,69 +0,0 @@
-import type { FoundationLayout } from '@genesislcap/foundation-layout';
-import { FoundationElement, attr, customElement } from '@genesislcap/web-core';
-import { LayoutRegistry } from '../layout-registry';
-import { LayoutWrapperTemplate as template } from './layout-wrapper.template';
-
-/**
- * Registers a layout instance so workspace state can apply/load it.
- * @alpha
- */
-@customElement({
-  name: 'layout-register',
-  template,
-})
-export class LayoutWrapper extends FoundationElement {
-  @attr({ attribute: 'layout-key' }) layoutKey: string;
-  @attr({ attribute: 'design-system-prefix' }) designSystemPrefix: string = 'rapid';
-
-  @LayoutRegistry layoutRegistry: LayoutRegistry;
-
-  private layoutElement: FoundationLayout | null = null;
-
-  connectedCallback(): void {
-    super.connectedCallback();
-    this.findAndRegisterLayout();
-  }
-
-  disconnectedCallback(): void {
-    super.disconnectedCallback();
-    const layoutKey =
-      this.layoutElement?.autoSaveKey ??
-      this.layoutElement?.getAttribute?.('auto-save-key') ??
-      this.layoutKey;
-
-    if (layoutKey) {
-      this.layoutRegistry.unregisterLayout(layoutKey);
-    }
-  }
-
-  private findAndRegisterLayout(): void {
-    const layoutTag = `${this.designSystemPrefix}-layout`;
-    let layoutElement = this.querySelector(layoutTag) as FoundationLayout;
-
-    const registerLayout = (layout: FoundationLayout | null) => {
-      if (!layout) {
-        console.warn(`layout-register: ${layoutTag} element not found`);
-        return;
-      }
-      this.layoutElement = layout;
-      const layoutKeyFromLayout =
-        layout.autoSaveKey ?? layout.getAttribute?.('auto-save-key') ?? this.layoutKey;
-
-      if (!layoutKeyFromLayout) {
-        console.warn('layout-register: missing layout key (auto-save-key/layout-key)');
-        return;
-      }
-
-      this.layoutRegistry.registerLayout(layoutKeyFromLayout, layout);
-    };
-
-    if (layoutElement) {
-      registerLayout(layoutElement);
-    } else {
-      setTimeout(() => {
-        layoutElement = this.querySelector(layoutTag) as FoundationLayout;
-        registerLayout(layoutElement);
-      }, 100);
-    }
-  }
-}

package/src/workspace/workspace-state.ts

@@ -1,235 +0,0 @@
-import {
-  Auth,
-  KVStorage,
-  type KVStorage as KVStorageType,
-  type Auth as AuthType,
-} from '@genesislcap/foundation-comms';
-import { DI } from '@genesislcap/web-core';
-import type { SavedWorkspace } from './workspace-state.types';
-import type { SavedFilterValue, SavedGridSettings, SavedLayout } from './workspace.types';
-
-/**
- * @alpha
- */
-export interface WorkspaceState {
-  saveWorkspace(
-    workspaceName: string,
-    layouts: SavedLayout[],
-    grids: SavedGridSettings[],
-    filters: SavedFilterValue[],
-    description?: string,
-  ): Promise<void>;
-  loadWorkspace(workspaceName: string): Promise<SavedWorkspace | null>;
-  getSavedWorkspaces(): Promise<SavedWorkspace[]>;
-  deleteWorkspace(workspaceName: string): Promise<void>;
-  getCurrentWorkspace(): SavedWorkspace | null;
-  setCurrentWorkspace(workspace: SavedWorkspace | null): void;
-}
-
-/**
- * Default workspace persistence implementation backed by KVStorage.
- *
- * @alpha
- */
-export class DefaultWorkspaceState implements WorkspaceState {
-  private readonly STORAGE_PREFIX = 'workspace_';
-  private readonly WORKSPACES_LIST_KEY = 'workspaces_list';
-
-  private currentWorkspace: SavedWorkspace | null = null;
-
-  constructor(
-    @KVStorage public kvStorage: KVStorageType,
-    @Auth public auth: AuthType,
-  ) {}
-
-  private getCurrentUsername(): string {
-    return this.auth?.loggedUserResult?.username || 'anonymous';
-  }
-
-  private getWorkspaceStorageKey(workspaceName: string): string {
-    const username = this.getCurrentUsername();
-    return `${this.STORAGE_PREFIX}${username}_${workspaceName}`;
-  }
-
-  private getWorkspacesListKey(): string {
-    const username = this.getCurrentUsername();
-    return `${this.STORAGE_PREFIX}${username}_${this.WORKSPACES_LIST_KEY}`;
-  }
-
-  async saveWorkspace(
-    workspaceName: string,
-    layouts: SavedLayout[],
-    grids: SavedGridSettings[],
-    filters: SavedFilterValue[],
-    description?: string,
-  ): Promise<void> {
-    const storageKey = this.getWorkspaceStorageKey(workspaceName);
-    const username = this.getCurrentUsername();
-
-    const workspace: SavedWorkspace = {
-      name: workspaceName,
-      username,
-      description: description?.trim() || undefined,
-      layouts,
-      grids,
-      filters,
-      savedAt: new Date().toISOString(),
-    };
-
-    await this.kvStorage.put([
-      {
-        key: storageKey,
-        value: JSON.stringify(workspace),
-      },
-    ]);
-
-    await this.updateWorkspacesList(workspaceName);
-  }
-
-  async loadWorkspace(workspaceName: string): Promise<SavedWorkspace | null> {
-    const workspace = await this.getWorkspace(workspaceName);
-    this.currentWorkspace = workspace ?? null;
-    return this.currentWorkspace;
-  }
-
-  private async getWorkspace(workspaceName: string): Promise<SavedWorkspace | null> {
-    const storageKey = this.getWorkspaceStorageKey(workspaceName);
-    const existing = await this.kvStorage.get(storageKey);
-
-    if (!existing?.kv?.value) {
-      return null;
-    }
-
-    try {
-      const workspace =
-        typeof existing.kv.value === 'string' ? JSON.parse(existing.kv.value) : existing.kv.value;
-
-      const currentUsername = this.getCurrentUsername();
-      if (workspace.username && workspace.username !== currentUsername) {
-        console.warn(`Workspace ${workspaceName} does not belong to current user`);
-        return null;
-      }
-
-      if (!workspace.username) {
-        workspace.username = currentUsername;
-      }
-
-      return workspace || null;
-    } catch (e) {
-      console.warn('Failed to parse saved workspace', e);
-      return null;
-    }
-  }
-
-  getCurrentWorkspace(): SavedWorkspace | null {
-    return this.currentWorkspace;
-  }
-
-  setCurrentWorkspace(workspace: SavedWorkspace | null): void {
-    this.currentWorkspace = workspace;
-  }
-
-  async getSavedWorkspaces(): Promise<SavedWorkspace[]> {
-    const listKey = this.getWorkspaceStorageKey(this.WORKSPACES_LIST_KEY);
-    const existing = await this.kvStorage.get(listKey);
-
-    if (!existing?.kv?.value) {
-      return [];
-    }
-
-    try {
-      const workspaceNames: string[] =
-        typeof existing.kv.value === 'string' ? JSON.parse(existing.kv.value) : existing.kv.value;
-
-      if (!Array.isArray(workspaceNames)) {
-        return [];
-      }
-
-      const workspaces: SavedWorkspace[] = [];
-      const currentUsername = this.getCurrentUsername();
-      /* oxlint-disable no-await-in-loop -- load each workspace from storage */
-      for (const name of workspaceNames) {
-        const workspace = await this.getWorkspace(name);
-        if (workspace && (!workspace.username || workspace.username === currentUsername)) {
-          workspaces.push(workspace);
-        }
-      }
-      /* oxlint-enable no-await-in-loop */
-
-      return workspaces;
-    } catch (e) {
-      console.warn('Failed to parse saved workspaces list', e);
-      return [];
-    }
-  }
-
-  async deleteWorkspace(workspaceName: string): Promise<void> {
-    const storageKey = this.getWorkspaceStorageKey(workspaceName);
-    await this.kvStorage.delete([storageKey]);
-    await this.removeFromWorkspacesList(workspaceName);
-  }
-
-  private async updateWorkspacesList(workspaceName: string): Promise<void> {
-    const listKey = this.getWorkspacesListKey();
-    const existing = await this.kvStorage.get(listKey);
-
-    let workspaceNames: string[] = [];
-    if (existing?.kv?.value) {
-      try {
-        workspaceNames =
-          typeof existing.kv.value === 'string' ? JSON.parse(existing.kv.value) : existing.kv.value;
-      } catch (e) {
-        console.warn('Failed to parse workspaces list', e);
-      }
-    }
-
-    workspaceNames = workspaceNames.filter((name) => name !== workspaceName);
-    workspaceNames.push(workspaceName);
-
-    await this.kvStorage.put([
-      {
-        key: listKey,
-        value: JSON.stringify(workspaceNames),
-      },
-    ]);
-  }
-
-  private async removeFromWorkspacesList(workspaceName: string): Promise<void> {
-    const listKey = this.getWorkspacesListKey();
-    const existing = await this.kvStorage.get(listKey);
-
-    if (!existing?.kv?.value) {
-      return;
-    }
-
-    let workspaceNames: string[] = [];
-    try {
-      workspaceNames =
-        typeof existing.kv.value === 'string' ? JSON.parse(existing.kv.value) : existing.kv.value;
-    } catch (e) {
-      console.warn('Failed to parse workspaces list for deletion', e);
-      return;
-    }
-
-    workspaceNames = workspaceNames.filter((name) => name !== workspaceName);
-
-    if (workspaceNames.length === 0) {
-      await this.kvStorage.delete([listKey]);
-    } else {
-      await this.kvStorage.put([
-        {
-          key: listKey,
-          value: JSON.stringify(workspaceNames),
-        },
-      ]);
-    }
-  }
-}
-
-/**
- * DI token for workspace state.
- * @alpha
- */
-export const WorkspaceState = DI.createInterface<WorkspaceState>((x) =>
-  x.singleton(DefaultWorkspaceState),
-);

package/src/workspace/workspace-state.types.ts

@@ -1,27 +0,0 @@
-import type { SavedFilterValue, SavedGridSettings, SavedLayout } from './workspace.types';
-
-/**
- * @alpha
- */
-export interface SavedWorkspace {
-  name: string;
-  username: string;
-  description?: string;
-  layouts: SavedLayout[];
-  grids: SavedGridSettings[];
-  filters: SavedFilterValue[];
-  savedAt: string;
-}
-
-/**
- * @alpha
- */
-export interface SharedWorkspace {
-  id: string;
-  name: string;
-  userName: string;
-  description?: string;
-  createdOn?: string | number;
-  modifiedOn?: string | number;
-  data: string;
-}

package/src/workspace/workspace.types.ts

@@ -1,28 +0,0 @@
-import type { SerialisedLayout } from '@genesislcap/foundation-layout';
-
-/**
- * Workspace persistence types.
- * Layout and column state use generic shapes so consumers can use foundation-layout and ag-grid types.
- * @alpha
- */
-export interface SavedGridSettings {
-  gridKey: string;
-  columnState: any[];
-  savedAt: string;
-}
-
-/**
- * @alpha
- */
-export interface SavedFilterValue {
-  filterKey: string;
-  value: string;
-}
-
-/**
- * @alpha
- */
-export interface SavedLayout {
-  layoutKey: string;
-  layout: SerialisedLayout;
-}

package/src/workspace-components.ts

@@ -1,50 +0,0 @@
-import type { Container } from '@genesislcap/web-core';
-// Import the custom elements so their `@customElement` decorators run and define tags.
-import { LayoutWrapper, GridRegister } from './workspace';
-import { WorkspaceManager } from './workspace-manager';
-
-/**
- * Registration object for workspace-related components.
- *
- * Mirrors the shape of `rapidGridComponents` so it can be passed into
- * `provideDesignSystem().register(...)` without additional glue code.
- *
- * @alpha
- */
-export const workspaceComponents = {
-  workspaceManager: () => ({
-    register(_container?: Container, ..._rest: any[]) {
-      // Custom elements are defined by decorators at module import time.
-      void WorkspaceManager;
-    },
-  }),
-
-  layoutWrapper: () => ({
-    register(_container?: Container, ..._rest: any[]) {
-      void LayoutWrapper;
-    },
-  }),
-
-  gridRegister: () => ({
-    register(_container?: Container, ..._rest: any[]) {
-      void GridRegister;
-    },
-  }),
-
-  register(container?: Container, ...rest: any[]) {
-    if (!container) {
-      // Preserve backward compatibility with callers that iterate keys.
-      return;
-    }
-
-    for (const key in this) {
-      if (key === 'register') {
-        continue;
-      }
-
-      // The values of this object are functions that return a component
-      // registration object with a `.register(...)` method.
-      (this as any)[key]().register(container, ...rest);
-    }
-  },
-};

package/src/workspace-manager/index.ts

@@ -1 +0,0 @@
-export * from './workspace-manager';

package/src/workspace-manager/workspace-manager.styles.ts

@@ -1,116 +0,0 @@
-import { css } from '@genesislcap/web-core';
-
-export const WorkspaceManagerStyles = css`
-  .workspace-manager {
-    display: flex;
-    gap: 10px;
-    align-items: center;
-  }
-
-  .dialog-content {
-    padding: 16px;
-    min-width: 400px;
-    max-width: 400px;
-    display: flex;
-    flex-direction: column;
-    max-height: 90vh;
-    overflow: hidden;
-  }
-
-  .button-group {
-    display: flex;
-    gap: 8px;
-    justify-content: flex-end;
-  }
-
-  .workspace-list {
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-    max-height: 400px;
-    overflow-y: auto;
-    margin: 10px 0;
-    align-items: unset;
-  }
-
-  rapid-label {
-    margin-bottom: 10px;
-    display: block;
-  }
-
-  .empty-state {
-    padding: 24px;
-    text-align: center;
-    color: var(--neutral-foreground-hint);
-  }
-
-  .save-mode-selector {
-    margin-bottom: 16px;
-  }
-
-  .warning-message {
-    margin: 12px 0;
-    padding: 12px;
-    border: 1px solid var(--warning-color);
-    border-radius: 4px;
-    font-size: 14px;
-  }
-
-  .workspace-item {
-    padding: 12px;
-    border: 1px solid var(--neutral-stroke-rest);
-    border-radius: 4px;
-    background: var(--neutral-fill-rest);
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    gap: 5px;
-  }
-
-  .workspace-item:hover {
-    background: var(--neutral-fill-hover);
-  }
-
-  .workspace-item::part(control) {
-    margin-top: 2px;
-  }
-
-  .workspace-info {
-    flex: 1;
-    margin-left: 8px;
-  }
-
-  .workspace-name {
-    font-weight: 600;
-    margin-bottom: 4px;
-    display: flex;
-    align-items: center;
-    gap: 8px;
-  }
-
-  .workspace-date {
-    font-size: 12px;
-    color: var(--neutral-foreground-hint);
-  }
-
-  .workspace-description {
-    font-size: 12px;
-    color: var(--neutral-foreground-hint);
-    margin-top: 4px;
-    white-space: pre-wrap;
-    word-break: break-word;
-    line-height: 1.4;
-  }
-
-  .loading-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    padding: 24px;
-  }
-
-  .save-field {
-    margin-bottom: 20px;
-  }
-`;