@cccteam/ccc-lib 0.0.15 → 0.0.16

package/src/ccc-resource/resource-cache.service.ts

@@ -1,232 +0,0 @@
-import { HttpClient, HttpParams } from '@angular/common/http';
-import { inject, Injectable, Injector, ResourceRef, signal, Signal, untracked } from '@angular/core';
-import { rxResource } from '@angular/core/rxjs-interop';
-import { Router } from '@angular/router';
-import type { FieldSort, RecordData, Resource } from '@cccteam/ccc-lib/src/internal-types';
-import { AlertLevel, API_URL } from '@cccteam/ccc-lib/src/internal-types';
-import { CreateNotificationMessage } from '@cccteam/ccc-lib/src/types';
-import { NotificationService } from '@cccteam/ccc-lib/src/ui-notification-service';
-import { catchError, Observable, of, tap } from 'rxjs';
-import { Operation } from './operation-types';
-
-@Injectable()
-export class ResourceCacheService {
-  cache = new Map<string, ResourceRef<RecordData[] | RecordData>>();
-  http = inject(HttpClient);
-  notifications = inject(NotificationService);
-  injector = inject(Injector);
-  router = inject(Router);
-  apiUrl = inject(API_URL);
-
-  registerView(route: Signal<string>, resource: Signal<Resource>, uuid: Signal<string>): ResourceRef<RecordData> {
-    const cacheKey = this.createCacheKey(resource(), 'view', uuid(), []);
-    if (this.cache.has(cacheKey)) {
-      return this.cache.get(cacheKey) as ResourceRef<RecordData>;
-    }
-
-    return untracked(() => {
-      const resourceRef = rxResource({
-        injector: this.injector,
-        params: () => ({
-          route: route(),
-          uuid: uuid(),
-        }),
-        stream: ({ params }) => {
-          if (!params.route || !params.uuid || uuid() === 'undefined') return of({} as RecordData);
-          return this.http.get<RecordData>(this.routes.resource(this.apiUrl, String(params.route), uuid() || ''));
-        },
-      }) as ResourceRef<RecordData>;
-
-      this.cache.set(cacheKey, resourceRef);
-      return resourceRef;
-    });
-  }
-
-  registerList(
-    route: Signal<string>,
-    resource: Signal<Resource>,
-    filter: Signal<string> = signal(''),
-    columns: Signal<string[]> = signal([]),
-    searchTokens: Signal<string> = signal(''),
-    sorts: Signal<FieldSort[]> = signal([]),
-    defaultEmpty = false,
-  ): ResourceRef<RecordData[]> {
-    const cacheKey = this.createCacheKey(resource(), 'list', filter(), columns());
-    if (this.cache.has(cacheKey)) {
-      const resourceRef = this.cache.get(cacheKey) as ResourceRef<RecordData[]>;
-      return resourceRef as ResourceRef<RecordData[]>;
-    }
-
-    return untracked(() => {
-      const resourceRef = rxResource({
-        defaultValue: [] as RecordData[],
-        injector: this.injector,
-        params: () => ({
-          route: route(),
-          filter: filter(),
-          columns: columns(),
-          searchTokens: searchTokens(),
-          sorts: sorts(),
-        }),
-        stream: ({ params }) => {
-          if (!params.route) return of([] as RecordData[]);
-          if (defaultEmpty && (!params.searchTokens || params.searchTokens.trim() === '')) {
-            return of([] as RecordData[]);
-          }
-          return this.list<RecordData>(
-            String(params.route),
-            params.filter,
-            params.columns,
-            params.searchTokens,
-            params.sorts,
-          );
-        },
-      }) as ResourceRef<RecordData[]>;
-      this.cache.set(cacheKey, resourceRef);
-      return resourceRef;
-    });
-  }
-
-  createCacheKey(resource: Resource, type: 'view' | 'list', params: string, columns: string[] = []): string {
-    const normalizedColumns = columns.map((col) => col || '').sort((a, b) => a.localeCompare(b));
-    return `${resource}:${type}:${JSON.stringify(params)}:${JSON.stringify(normalizedColumns)}`;
-  }
-
-  /**
-   *
-   * @param resource
-   * @returns void
-   * @description This method tries to update the resource by exact name in the cache by calling the reload method on it.
-   */
-  updateResourceInCache(resource: Resource, type: 'view' | 'list'): void {
-    this.cache.forEach((resourceRef, key) => {
-      const [cachedResource, cachedType] = key.split(':');
-      if (cachedResource === resource && cachedType === type) {
-        resourceRef.reload();
-      }
-    });
-  }
-
-  /**
-   *
-   * @param resource
-   * @returns void
-   * @description This method tries to update any resource that includes the resource name in the cache by calling the reload method on it.
-   * For example, updating ResourceTest will update both ResourceTest and ResourceTestRelatedResourceFoobar.
-   */
-  updateResourceGroupInCache(resource: Resource): void {
-    this.cache.forEach((resourceRef, key) => {
-      const [cachedResource] = key.split(':');
-      if (cachedResource?.includes(resource)) {
-        resourceRef.reload();
-      }
-    });
-  }
-
-  routes = {
-    resources: (rootUrl: string, resources: string): string => `${rootUrl}/${resources}`,
-    resource: (rootUrl: string, resources: string, uuid: string): string => `${rootUrl}/${resources}/${uuid}`,
-    method: (rootUrl: string, method: string): string => `${rootUrl}/${method}`,
-  };
-
-  makePatches(operations: Operation[], route: string, resource: Resource): Observable<Record<string, unknown>> {
-    return this.patchMultiple(String(route), operations).pipe(
-      tap(() => {
-        this.notifications.addGlobalNotification({
-          message: `${resource} updated successfully`,
-          level: AlertLevel.SUCCESS,
-          duration: 5000,
-          link: '',
-        } satisfies CreateNotificationMessage);
-      }),
-      catchError((error) => {
-        this.notifications.addGlobalNotification({
-          message: `${resource} failed to update: ${error}`,
-          level: AlertLevel.ERROR,
-          duration: 5000,
-          link: '',
-        } satisfies CreateNotificationMessage);
-        return of({});
-      }),
-    );
-  }
-
-  createPatch(operation: Operation, route: string, resource: Resource): Observable<Record<string, unknown>> {
-    return this.patchMultiple(String(route), [operation]).pipe(
-      tap(() => {
-        this.notifications.addGlobalNotification({
-          message: `${resource} created successfully`,
-          level: AlertLevel.SUCCESS,
-          duration: 5000,
-          link: '',
-        } satisfies CreateNotificationMessage);
-      }),
-      catchError((error) => {
-        this.notifications.addGlobalNotification({
-          message: `${resource} failed to create: ${error}`,
-          level: AlertLevel.ERROR,
-          duration: 5000,
-          link: '',
-        } satisfies CreateNotificationMessage);
-        return of({});
-      }),
-    );
-  }
-
-  private patchMultiple(resourceRoute: string, data: Operation[]): Observable<Record<string, unknown>> {
-    return this.http.patch<Record<string, unknown>>(this.routes.resources(this.apiUrl, resourceRoute), data);
-  }
-
-  private list<T>(
-    resourceRoute: string,
-    filter?: string,
-    columns?: string[],
-    searchTokens?: string,
-    sort?: FieldSort[],
-  ): Observable<T[]> {
-    const paramsObj: Record<string, string> = {};
-    if (filter && filter.trim() !== '') paramsObj['filter'] = filter;
-    if (columns && columns.length > 0) paramsObj['columns'] = columns.join(',');
-    if (searchTokens && searchTokens.trim() !== '') paramsObj['SearchTokens'] = searchTokens;
-    if (sort && sort.length > 0) {
-      paramsObj['sort'] = sort.map((s) => `${s.field}:${s.direction}`).join(',');
-    }
-    const params = new HttpParams({ fromObject: paramsObj });
-    return this.http.get<T[]>(this.routes.resources(this.apiUrl, resourceRoute), { params });
-  }
-
-  // rpcCall<T>(rpcConfig: RPCConfig, body: T): Observable<T> {
-  //   const methodData = methodMeta(rpcConfig.method);
-  //   if (!methodData) {
-  //     console.error('Method not found in methodMap:', rpcConfig.method);
-  //     return of({} as T);
-  //   }
-
-  //   return this.http.post<T>(this.routes.method(this.apiUrl, methodData.route), body).pipe(
-  //     tap(() => {
-  //       this.notifications.addGlobalNotification({
-  //         message: rpcConfig.successMessage ? rpcConfig.successMessage : `${rpcConfig.method} called successfully`,
-  //         level: AlertLevel.SUCCESS,
-  //         duration: 5000,
-  //         link: '',
-  //       } satisfies CreateNotificationMessage);
-  //       if (rpcConfig.afterMethodRedirect) {
-  //         if (typeof rpcConfig.afterMethodRedirect === 'string') {
-  //           this.router.navigate([rpcConfig.afterMethodRedirect]);
-  //         } else {
-  //           this.router.navigate(rpcConfig.afterMethodRedirect);
-  //         }
-  //       }
-  //     }),
-  //     catchError((error) => {
-  //       this.notifications.addGlobalNotification({
-  //         message: error,
-  //         level: AlertLevel.ERROR,
-  //         duration: 5000,
-  //         link: '',
-  //       } satisfies CreateNotificationMessage);
-  //       return of();
-  //     }),
-  //   );
-  // }
-}

package/src/ccc-resource/resource-create/resource-create.component.html

@@ -1,31 +0,0 @@
-<div class="page-container">
-  <div class="header-container">
-    <div class="title" [class.indent]="indentTitle()">
-      <h1>{{ config().title }}</h1>
-    </div>
-
-    <div class="state-buttons">
-      @if (!form().valid && submitted()) {
-        <div class="invalid message">Please complete or fix required fields.</div>
-      }
-      <button mat-raised-button color="primary" (click)="cancelForm()">Cancel</button>
-      <button mat-raised-button color="accent" (click)="saveForm()" [disabled]="form().pristine">Save</button>
-    </div>
-  </div>
-
-  <div class="resource-container">
-    <form [formGroup]="form()">
-      <div class="resource row">
-        @for (element of config().elements; track element) {
-          <ccc-resource-layout-template
-            [element]="element"
-            [meta]="store.resourceMeta()"
-            [fieldClass]="config().fieldClass"
-            [relatedData]="parentData()"
-            editMode="edit"
-            [form]="form()"></ccc-resource-layout-template>
-        }
-      </div>
-    </form>
-  </div>
-</div>

package/src/ccc-resource/resource-create/resource-create.component.scss

@@ -1,130 +0,0 @@
-.container {
-  border: 1px solid #8e8e8e;
-  border-radius: 5px;
-  position: relative;
-  margin-bottom: 20px;
-  padding-top: 10px;
-}
-
-.label {
-  position: absolute;
-  top: -15px;
-  left: 20px;
-  height: 20px;
-  background-color: #ffffff;
-  margin: 0px 10px 0px 10px;
-  padding: 0px 10px 0px 10px;
-  text-align: center;
-  z-index: 10;
-  font-weight: 500;
-  font:
-    18px 'Roboto',
-    sans-serif;
-}
-
-.page-container {
-  position: relative;
-}
-
-.header-container {
-  margin: 20px 20px 0px 20px;
-  display: flex;
-  flex-direction: row;
-  top: 0;
-  z-index: 11;
-  background: transparent;
-}
-
-.title {
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-}
-
-.indent {
-  padding-left: 20px;
-}
-
-.message {
-  margin-top: auto;
-  margin-bottom: auto;
-}
-
-.state-buttons {
-  display: flex;
-  flex-direction: row;
-  margin-top: auto;
-  margin-bottom: auto;
-  justify-content: right;
-  flex-grow: 1;
-  gap: 20px;
-}
-
-.mode-text {
-  margin-top: auto;
-  margin-bottom: auto;
-}
-
-.resource {
-  margin: 10px;
-}
-.section h2 {
-  font-size: 1.5em;
-  border-bottom: 2px solid #ccc;
-  padding-bottom: 8px;
-
-  margin-bottom: 100px;
-}
-.section {
-  margin-top: 15px;
-}
-
-.divider {
-  margin: 16px 0;
-}
-
-.section-elements {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.mat-input-element:disabled[readonly] {
-  color: currentColor;
-}
-
-.unsaved {
-  color: #f44336;
-}
-
-.edit-button {
-  margin-top: auto;
-  margin-bottom: auto;
-  padding-left: 10px;
-}
-
-.button-text {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-
-  .edit {
-    color: #003b49;
-  }
-
-  .mat-icon {
-    margin-right: 8px;
-  }
-}
-
-.shaded {
-  background-color: #e9e9e9;
-}
-
-.rounded {
-  border-radius: 8px;
-}
-
-.dotted-outline {
-  border: 1px dotted #ccc;
-  padding: 8px;
-}

package/src/ccc-resource/resource-create/resource-create.component.spec.ts

@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ResourceCreateComponent } from './resource-create.component';
-
-xdescribe('ResourceCreateComponent', () => {
-  let component: ResourceCreateComponent;
-  let fixture: ComponentFixture<ResourceCreateComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [ResourceCreateComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(ResourceCreateComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});