http-request-manager 18.7.21 → 18.7.24

package/src/lib/http-request-services-demo/request-manager-state-demo/request-manager-state-demo.component.ts

@@ -1,421 +0,0 @@
-import { Component, Input, OnInit, ViewChild, inject } from '@angular/core';
-
-import { StateManagerDemoService } from './services/state-manager-demo.service';
-import { FormBuilder, Validators, FormArray } from '@angular/forms';
-
-import { Observable, BehaviorSubject, EMPTY, map, tap, catchError, throwError } from 'rxjs';
-
-import { ClientInfo } from '../request-manager-demo/models/sample-client-info';
-import { ClientInfoMapper } from '../request-manager-demo/models/sample-mapper-client-info';
-import { AIPrompt } from '../request-manager-demo/models/sample-ai-prompt';
-
-import { DataType } from '../../models';
-import { DatabaseStorage } from '../../models/database-storage.model';
-import { HTTPManagerService, ApiRequest, StreamType } from '../../services';
-
-
-@Component({
-    selector: 'app-request-manager-state-demo',
-    templateUrl: './request-manager-state-demo.component.html',
-    styleUrls: ['./request-manager-state-demo.component.scss'],
-    providers: [StateManagerDemoService, HTTPManagerService],
-    standalone: false
-})
-export class RequestManagerStateDemoComponent implements OnInit {
-
-  @Input() server = 'http://localhost:8080'
-  @Input() adapter?: Function
-  @Input() mapper?: Function
-
-  stateManagerDemoService = inject(StateManagerDemoService)
-
-  displayedColumns: string[] = []
-  
-  // Dynamic columns based on data structure
-  getColumnsFromData(data: any[]): string[] {
-    if (!data || data.length === 0) {
-      return []
-    }
-    
-    const firstRecord = data[0]
-    if (!firstRecord || typeof firstRecord !== 'object') {
-      return []
-    }
-    
-    // Extract all keys from the first record, excluding null/undefined
-    return Object.keys(firstRecord).filter(key => 
-      firstRecord[key] !== null && firstRecord[key] !== undefined
-    )
-  }
-
-  // Update displayed columns when data changes
-  updateDisplayedColumns(data: any[]): void {
-    this.displayedColumns = this.getColumnsFromData(data)
-    console.log('[STATE DEMO] Updated columns:', this.displayedColumns)
-  }
-
-  // Helper to check if value is an object
-  isObject(value: any): boolean {
-    return value !== null && typeof value === 'object' && !Array.isArray(value)
-  }
-
-  // Helper to safely get data length
-  getDataLength(data: any): number {
-    if (Array.isArray(data)) {
-      return data.length
-    }
-    return 0
-  }
-
-  selectedRecord$?: Observable<ClientInfo|null>
-
-  fb = inject(FormBuilder)
-
-  streamTypes = [
-    { id: 'JSON', value: 'json' },
-    { id: 'NDJSON', value: 'ndjson' },
-    { id: 'AI Streaming', value: 'ai_streaming' },
-    { id: 'Event Stream', value: 'event_stream' },
-    { id: 'Auto', value: 'auto' },
-  ]
-
-  streamType = 'Auto'
-
-  httpManagerService = inject(HTTPManagerService)
-
-  isPending$ = this.stateManagerDemoService.isPending$
-  error$ = this.stateManagerDemoService.error$
-
-  countdown$ = this.httpManagerService.countdown$
-
-  GET_error$ = new BehaviorSubject<string>('')
-  POST_error$ = new BehaviorSubject<string>('')
-  PUT_error$ = new BehaviorSubject<string>('')
-  DELETE_error$ = new BehaviorSubject<string>('')
-
-  STREAM_error$ = new BehaviorSubject<string>('')
-  STREAM_AI_error$ = new BehaviorSubject<string>('')
-
-  GET$ = new BehaviorSubject<any>(null)
-  POST$ = new BehaviorSubject(null)
-  PUT$ = new BehaviorSubject(null)
-  DELETE$ = new BehaviorSubject(null)
-
-  STREAM = new BehaviorSubject(null)
-  STREAM$ = this.STREAM.asObservable()
-
-  STREAM_AI = new BehaviorSubject<{response: string}[]>([])
-  STREAM_AI$ = this.STREAM_AI.asObservable()
-  .pipe(
-    map((items: any) => (items) ? items.map((item: any) => item.response) : []),
-    map((items: any) => items.join('\n').trim()),
-  )
-
-  @ViewChild("failedState", { static: true }) failedState: any
-  @ViewChild("pollingState", { static: true }) pollingState: any
-
-  questionControl = this.fb.control("", [Validators.required])
-
-  requestType = ''
-
-  prompts: string[] = []
-
-  AIType = 0
-
-  get dataObservable$() {
-
-    switch (this.requestType) {
-      case 'GET':
-        return this.GET$
-
-      case 'PUT':
-        return this.PUT$
-
-      case 'POST':
-        return this.POST$
-
-      case 'DELETE':
-        return this.DELETE$
-
-      case 'STREAM':
-        return this.STREAM
-
-      case 'STREAM_AI':
-        return this.STREAM_AI
-
-      default:
-        return this.GET$
-        break;
-    }
-
-  }
-
-  sampleClientData = {
-      id: 0,
-      name: "Old School Dates",
-      domain: "osd.com",
-      service: "osd",
-      spiffe: "osd.com/osd",
-      secret: "SMOPECXP-OS4P-USOG-X2II-3XMD1FQDR3IJX",
-      created: 1693003138,
-      modified: 1693003138,
-      icon: "",
-      imageFile: "",
-  }
-
-  selectedRecord = this.fb.control(null)
-
-  requestForm = this.fb.group({
-    datatype: this.fb.control('ARRAY'),
-    path: this.fb.control<string>("ai/"),
-    headers: this.fb.array([]),
-    adapter: [null],
-    mapper: [null],
-    retry: this.fb.group({
-    times: [3],
-    delay: [3],
-    }),
-    polling: [3],
-    database: this.fb.group({
-      table: [''],
-      expiresIn: ['1m'],
-    })
-  })
-
-  get hasChanged() {
-    return this.requestForm.dirty || this.requestForm.untouched
-  }
-
-  get dataType() {
-    return this.requestForm.get("datatype")?.value
-  }
-
-  get database() {
-    return this.requestForm.get("database")?.value
-  }
-
-  get retry() {
-    return this.requestForm.get("retry")?.value
-  }
-
-  sampleAdaptors = [
-    { label: "ClientInfo Basic", value: ClientInfo.adapt },
-    { label: "AI Prompt", value: AIPrompt.adapt },
-  ]
-
-  sampleMappers = [
-    { label: "Mapper Basic", value: ClientInfoMapper.adapt },
-    { label: "AI Prompt", value: AIPrompt.adapt },
-  ]
-
-  get headers(): FormArray {
-    return this.requestForm.get('headers') as FormArray
-  }
-
-  get isValid() {
-    this.requestForm.markAllAsTouched()
-    return this.requestForm.valid
-  }
-
-  // server = `http://sample-endpoint/as/authorization.oauth2`
-
-  arrayObjectsToObjects = (arr: any[]) => {
-    return Array.isArray(arr) ? arr.reduce((obj, item) => Object.assign(obj, { [item.key]: item.value }), {}) : {}
-  }
-
-  props = (adapter: any) => {
-    return (adapter) ? adapter() : null
-  }
-
-  constructor() { }
-
-  ngOnInit() {
-
-    this.stateManagerDemoService.data$.pipe(
-      tap((data) => console.log("API STREAM_AI response", data)),
-    )
-
-    this.error$.pipe(
-      tap((data) => {
-        debugger
-        console.log("API STREAM response", data)
-      }),
-      catchError(error => {
-        return throwError(() => this.errorHandling(error, 'STREAM'))
-      })
-    )
-
-    this.selectedRecord.valueChanges
-    .subscribe((data: ClientInfo|null) => {
-      this.selectedRecord$ = (data) ? this.stateManagerDemoService.selectRecord$(data.id) : EMPTY
-    })
-
-    this.stateManagerDemoService.data$
-    .pipe(
-      tap((data: any) => {
-        console.log('[COMPONENT] State data received:', data)
-
-        switch (this.requestType) {
-          case 'GET':
-            console.log('[COMPONENT] Updating GET$ with data:', data)
-            this.GET$.next(data)
-            break;
-
-          case 'PUT':
-            console.log('[COMPONENT] Updating PUT$ with data:', data)
-            this.PUT$.next(data)
-            break;
-
-          case 'POST':
-            console.log('[COMPONENT] Updating POST$ with data:', data)
-            this.POST$.next(data)
-            break;
-
-          case 'DELETE':
-            console.log('[COMPONENT] Updating DELETE$ with data:', data)
-            this.DELETE$.next(data)
-            break;
-
-          case 'STREAM':
-            console.log('[COMPONENT] Updating STREAM$ with data:', data)
-            this.STREAM.next(data)
-            // Update table columns dynamically based on streaming data
-            if (data && Array.isArray(data) && data.length > 0) {
-              this.updateDisplayedColumns(data)
-            }
-            break;
-
-          case 'STREAM_AI':
-            console.log('[COMPONENT] Updating STREAM_AI$ with data:', data)
-            this.STREAM_AI.next(data)
-            break;
-
-          default:
-            console.log('[COMPONENT] No requestType set, ignoring data')
-            break;
-        }
-
-      })
-    ).subscribe()
-
-  }
-
-  onStreamType(type: string) {
-    this.streamType = type
-  }
-
-  addHeader() {
-    const header = this.fb.group({
-      key: ['', Validators.required],
-      value: ['']
-    });
-    this.headers.push(header)
-  }
-
-  removeHeader(index: number) {
-    this.headers.removeAt(index)
-  }
-
-  compileRequest() {
-
-    const requestParams = this.requestForm.value
-
-    requestParams.headers = this.arrayObjectsToObjects(
-      requestParams.headers || []
-    )
-
-    const pathReq = (requestParams.path === "") ? [] : (requestParams.path || "").split("/")
-
-    if (!this.pollingState.checked) requestParams.polling = 0
-
-    if (!this.failedState.checked) {
-      requestParams.retry = { times: 0,delay: 0 }
-    }
-
-    const currentOptions = ApiRequest.adapt(requestParams)
-    currentOptions.path = []
-    currentOptions.server = this.server
-    currentOptions.adapter = this.adapter
-    currentOptions.mapper = this.mapper
-    const apiOptions = ApiRequest.adapt({ ...currentOptions, path: pathReq })
-
-    return { apiOptions: apiOptions, path: pathReq }
-
-  }
-
-  onSetStateOptions() {
-
-    if(!this.isValid) return
-
-    const reqParams = this.compileRequest()
-
-    const db = DatabaseStorage.adapt(this.database)
-    const type = this.dataType === "ARRAY" ? DataType.ARRAY : DataType.OBJECT
-    this.stateManagerDemoService.setAPIOptions(reqParams.apiOptions, type, db)
-
-    this.requestForm.markAsPristine()
-  }
-
-  onClearRecords() {
-    this.stateManagerDemoService.clearRecords()
-  }
-
-  onGetRequest() {
-    this.requestType = 'GET'
-    this.stateManagerDemoService.getClients()
-  }
-
-  onCreateRequest() {
-    this.requestType = 'POST'
-    this.stateManagerDemoService.createClient(this.sampleClientData)
-  }
-
-  onUpdateRequest() {
-    this.requestType = 'PUT'
-    this.stateManagerDemoService.updateClient(this.sampleClientData)
-  }
-
-  onDeleteRequest() {
-    this.requestType = 'DELETE'
-    this.stateManagerDemoService.deleteClient(this.sampleClientData)
-  }
-
-  onStreamRequest() {
-    console.log('[COMPONENT] onStreamRequest called')
-
-    if(!this.isValid) {
-      console.log('[COMPONENT] Form invalid, aborting')
-      return
-    }
-
-    console.log('[COMPONENT] Compiling request...')
-    const reqParams = this.compileRequest()
-
-    console.log('[COMPONENT] Setting stream options:', reqParams.apiOptions)
-    reqParams.apiOptions.stream = true
-    reqParams.apiOptions.streamType = this.streamType as StreamType
-    this.requestType = 'STREAM'
-
-    console.log('[COMPONENT] Calling streamRequest...')
-    this.stateManagerDemoService.streamRequest()
-
-  }
-
-  errorHandling(err: any, type: string) { console.log(err, type)
-    if(type === 'GET') this.GET_error$.next(err.message)
-    if(type === 'POST') this.POST_error$.next(err.message)
-    if(type === 'PUT') this.PUT_error$.next(err.message)
-    if(type === 'DELETE') this.DELETE_error$.next(err.message)
-    if(type === 'STREAM') this.STREAM_error$.next(err.message)
-    if(type === 'STREAM_AI') this.STREAM_AI_error$.next(err.message)
-  }
-
-  onSelectAIType(type: number) {
-    this.AIType = type
-  }
-
-  onClearHistory() {
-    this.prompts = []
-  }
-
-}

package/src/lib/http-request-services-demo/request-manager-state-demo/services/state-manager-demo.service.ts

@@ -1,87 +0,0 @@
-import { Injectable } from '@angular/core';
-
-import { DataType, DatabaseStorage } from '../../../models';
-import { HTTPManagerStateService, ApiRequest, RequestOptions } from '../../../services';
-
-import { ClientInfo } from '../../request-manager-demo/models/sample-client-info';
-import { ClientInfoMapper } from '../../request-manager-demo/models/sample-mapper-client-info';
-
-@Injectable()
-export class StateManagerDemoService extends HTTPManagerStateService<any> {
-
-  constructor() {
-    super(
-      ApiRequest.adapt({
-        server: "",
-        path: [],
-        headers: {},
-        adapter: ClientInfo.adapt,
-        mapper: ClientInfoMapper.adapt,
-        stream: false,
-      }),
-      DataType.ARRAY,
-      DatabaseStorage.adapt()
-    )
-  }
-
-  setAPIOptions(apiOptions: ApiRequest, dataType: DataType, database?: DatabaseStorage) {
-    this.setApiRequestOptions(apiOptions, dataType, database)
-  }
-
-  getClients() {
-
-    // const headers = {
-    //   auth: "sample-auth-token"
-    // }
-    // const sampleOptions = RequestOptions.adapt({ path: ["id", 12], headers, sample: true })
-    this.fetchRecords()
-
-  }
-
-  createClient(data: any) {
-
-    // const headers = {
-    //   auth: "sample-auth-token"
-    // }
-
-    // const sampleOptions = RequestOptions.adapt({ path: ["id", 12], headers, sample: true })
-    this.createRecord(data)
-
-  }
-
-  updateClient(data: ClientInfo) {
-
-    // const headers = {
-    //   auth: "sample-auth-token"
-    // }
-    data.id = 1031
-    const sampleOptions = RequestOptions.adapt({ path: [data.id] })
-    this.updateRecord(data, sampleOptions)
-
-  }
-
-  deleteClient(data: ClientInfo) {
-
-    // const headers = {
-    //   auth: "sample-auth-token"
-    // }
-
-    data.id = 1031
-    const sampleOptions = RequestOptions.adapt({ path: [data.id] })
-    this.deleteRecord(sampleOptions)
-
-  }
-
-  streamRequest() {
-    console.log('[DEMO SERVICE] streamRequest called')
-    
-    const headers = {
-      auth: "sample-auth-token"
-    }
-
-    console.log('[DEMO SERVICE] Calling fetchStream with headers:', headers)
-    this.fetchStream()
-
-  }
-
-}

package/src/lib/http-request-services-demo/request-manager-ws-demo/components/services/state-data-request.service.ts

@@ -1,120 +0,0 @@
-import { Injectable } from '@angular/core';
-import { RandomNumber } from '../../../../services/utils/encryption/random';
-import { RetryOptions, DataType, DatabaseStorage } from '../../../../models';
-
-import { HTTPManagerStateService, ApiRequest, RequestOptions } from '../../../../services';
-
-import { OIDCClient } from '../../models/oidc-client.model';
-import { UserData } from '../../models/user-data.model';
-import { ChannelMessage } from '../../../../services/ws-manager-service/models/channel-message.model';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class StateDataRequestService extends HTTPManagerStateService<any> {
-
-  attempts$ = this.wsRetryAttempts$
-  nextRetry$ = this.wsNextRetry$
-
-  path = ['ai','tests']
-
-  constructor() {
-    super(
-        ApiRequest.adapt({
-          server: '',
-          retry: RetryOptions.adapt({
-            times: 3,
-            delay: 1,
-          }),
-          adapter: OIDCClient.adapt,
-          ws: {
-            id: ``,
-            // wsChannels: ['allChannels'],
-            // access: ['read,write,delete,update'],
-            wsServer: '',
-            jwtToken: '',
-            user: UserData.adapt(),
-            retry: RetryOptions.adapt({
-              times: 3,
-              delay: 10,
-            }),
-          }
-        }),
-        DataType.ARRAY,
-        DatabaseStorage.adapt({
-          table: 'ws_demo_data',
-          expiresIn: '5mn',
-        })
-      )
-    }
-
-    updateConnection(
-      server: string,
-      wsServer: string,
-      jwtToken: string,
-      user: any,
-      path: string[] = [],
-      wsChannel: string = ''
-    ) {
-
-      this.path = path
-
-      this.setApiRequestOptions({
-          server,
-          retry: RetryOptions.adapt({
-            times: 3,
-            delay: 1,
-          }),
-          adapter: OIDCClient.adapt,
-          ws: {
-            id: wsChannel,
-            wsServer,
-            jwtToken,
-            user, // general info about user
-            retry: RetryOptions.adapt({
-              times: 3,
-              delay: 10,
-            }),
-          }
-        })
-
-    }
-
-    addData() {
-
-      const num = RandomNumber(1000, 9999)
-
-      const newData =     {
-          "spiffe": `sample.com/developer/${num}`,
-          "last_name": "boni",
-          "email": "mikeboni@hotmail.com",
-          "first_name": "mike"
-      }
-
-      this.createRecord(newData, RequestOptions.adapt({ path: this.path }) )
-
-    }
-
-    sendMessage(data: ChannelMessage) {
-      console.log('sendMessage', data)
-      this.wsMessaging(data)
-    }
-
-    getData() {
-      this.fetchRecords(RequestOptions.adapt({ path: this.path }) )
-    }
-
-    updateData(data: any) {
-      const sampleOptions = RequestOptions.adapt({ path: [...this.path, data.id] })
-      console.log('updateData', sampleOptions)
-      this.updateRecord(data, sampleOptions)
-
-    }
-
-    deleteData(data: any) {
-      const sampleOptions = RequestOptions.adapt({ path: [...this.path, data.id] })
-      console.log('deleteData', sampleOptions)
-      this.deleteRecord(sampleOptions)
-    }
-
-}

package/src/lib/http-request-services-demo/request-manager-ws-demo/components/ws-ai-messaging/ws-ai-messaging.component.html

@@ -1,3 +0,0 @@
-<p>
-  ws-ai-messaging coming soon!
-</p>

package/src/lib/http-request-services-demo/request-manager-ws-demo/components/ws-ai-messaging/ws-ai-messaging.component.ts

@@ -1,16 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-    selector: 'app-ws-ai-messaging',
-    templateUrl: './ws-ai-messaging.component.html',
-    styleUrls: ['./ws-ai-messaging.component.css'],
-    standalone: false
-})
-export class WsAiMessagingComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-
-}

package/src/lib/http-request-services-demo/request-manager-ws-demo/components/ws-chats/ws-chats.component.html

@@ -1,3 +0,0 @@
-<p>
-  ws-chats coming soon!
-</p>

package/src/lib/http-request-services-demo/request-manager-ws-demo/components/ws-chats/ws-chats.component.ts

@@ -1,16 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-    selector: 'app-ws-chats',
-    templateUrl: './ws-chats.component.html',
-    styleUrls: ['./ws-chats.component.css'],
-    standalone: false
-})
-export class WsChatsComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-
-}

package/src/lib/http-request-services-demo/request-manager-ws-demo/components/ws-data-control/ws-data-control.component.css

@@ -1,31 +0,0 @@
-/* Highlight the current user chip with the theme primary color */
-.user-chip--primary {
-  /* Prefer MDC/Material tokens; fall back to a safe primary */
-  background-color: var(--mdc-theme-primary, var(--md-sys-color-primary, #3f51b5)) !important;
-  /* Ensure foreground text renders white */
-  color: #fff !important;
-  /* Also set MDC chip variables where applicable */
-  --mdc-evolution-chip-container-color: var(--mdc-theme-primary, var(--md-sys-color-primary, #3f51b5));
-  --mdc-evolution-chip-label-text-color: #fff;
-}
-
-/* Force inner MDC chip parts to inherit white foreground */
-.user-chip--primary :is(
-  .mdc-evolution-chip__text-label,
-  .mdc-evolution-chip__action,
-  .mdc-evolution-chip__cell,
-  .mat-mdc-chip-action-label
-) {
-  color: #fff !important;
-}
-
-/* Strong fallback: ensure all descendants render white */
-.user-chip--primary,
-.user-chip--primary * {
-  color: #fff !important;
-}
-.box {
-  padding: .5rem;
-  border: 1px solid rgb(174, 174, 13);
-  background-color: rgb(236, 236, 175);
-}