add open telemetry

src/app/services/monitoring/capture-log/capture-log.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { CaptureLogService } from './capture-log.service';
+
+describe('CaptureLogService', () => {
+  let service: CaptureLogService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(CaptureLogService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

src/app/services/monitoring/capture-log/capture-log.service.ts

@@ -0,0 +1,122 @@
+import { Injectable } from '@angular/core';
+import { Device } from '@capacitor/device';
+import { SocketLog } from './worker.worker';
+import { FCM } from '@capacitor-community/fcm';
+import { ActionPerformed, PushNotificationSchema, PushNotifications, Token, } from '@capacitor/push-notifications';
+import { AlertController, Platform } from '@ionic/angular';
+import { AngularFireMessaging } from '@angular/fire/messaging';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class CaptureLogService {
+
+  deviceName = ''
+
+  constructor(
+    public socket: SocketLog,
+    private platform: Platform,
+    private afMessaging: AngularFireMessaging,
+  ) {
+
+    // this.interceptLogs()
+
+    Device.getInfo().then(e => {
+      this.deviceName = e.name
+    });
+
+  }
+
+  interceptLogs() {
+    (() => {
+      const originalConsoleLog = console.log;
+      const originalConsoleError = console.error;
+      const originalConsoleWarn = console.warn;
+      const originalConsoleInfo = console.info;
+
+      console.log = function(...args) {
+        //sendLogToServer(args.join(' '));
+        this.socket.sendMessage({
+          type:'sendLog',
+          payload: {
+            logType: 'log',
+            args
+          }
+        })
+        originalConsoleLog.apply(console, args);
+      };
+
+      console.error = function(...args) {
+       // sendLogToServer('ERROR: ' + args.join(' '));
+
+       this.socket.sendMessage({
+        type:'sendLog',
+        payload: {
+          logType: 'error',
+          args
+        }
+      })
+        originalConsoleError.apply(console, args);
+      };
+
+      console.warn = function(...args) {
+        this.socket.sendMessage({
+          type:'sendLog',
+          payload: {
+            logType: 'warn',
+            args
+          }
+        })
+        originalConsoleWarn.apply(console, args);
+      };
+
+      console.info = function(...args) {
+        this.socket.sendMessage({
+          type:'sendLog',
+          payload: {
+            logType: 'info',
+            args
+          }
+        })
+        originalConsoleInfo.apply(console, args);
+      };
+    })();
+  }
+
+
+  async getDeviceToken() {
+
+    return new Promise((resolve, reject) => {
+
+      if (this.platform.is('mobile')) {
+        if (this.platform.is('ios')) {
+          FCM.getToken()
+            .then(r => {
+              resolve(r.token)
+            })
+            .catch(err => console.log(err));
+        } else {
+
+          PushNotifications.addListener('registration',
+            (token: Token) => {
+              resolve(token.value)
+            }
+          );
+        }
+
+      } else {
+        this.afMessaging.requestToken.subscribe(
+          (token) => {
+            resolve(token)
+          },
+          (error) => {
+            console.error('Permission denied:', error);
+          }
+        );
+      }
+    })
+
+
+  }
+
+}

src/app/services/monitoring/capture-log/worker.worker.ts

@@ -0,0 +1,152 @@
+// src/app/worker.worker.ts
+// addEventListener('message', ({ data }) => {
+//   const response = `Worker response to ${data}`;
+//   postMessage(response);
+// });
+
+
+
+
+import { Injectable } from '@angular/core';
+import { Observable, Subject, BehaviorSubject } from 'rxjs';
+import { webSocket, WebSocketSubject } from 'rxjs/webSocket';
+import { catchError, retryWhen, tap, delay } from 'rxjs/operators';
+
+interface WebSocketMessage {
+  type: string;
+  payload: any;
+}
+
+interface WebSocketError {
+  type: string;
+  error: any;
+}
+
+@Injectable({
+  providedIn: 'root'
+})
+export class SocketLog {
+  private socket$: WebSocketSubject<WebSocketMessage>;
+  private messageSubject$: Subject<WebSocketMessage>;
+  private connectionStatus$: BehaviorSubject<boolean>;
+  private reconnectAttempts = 0;
+  private readonly maxReconnectAttempts = 5;
+
+  constructor() {
+    this.messageSubject$ = new Subject<WebSocketMessage>();
+    this.connectionStatus$ = new BehaviorSubject<boolean>(false);
+    this.setupVisibilityChangeHandler();
+  }
+
+  public connect(url: string) {
+    this.socket$ = webSocket<WebSocketMessage>(url);
+
+    this.socket$.pipe(
+      tap({
+        error: () => {
+          this.connectionStatus$.next(false);
+        }
+      }),
+      retryWhen(errors => errors.pipe(
+        tap(() => {
+          this.reconnectAttempts++;
+          if (this.reconnectAttempts >= this.maxReconnectAttempts) {
+            throw new Error('Max reconnect attempts reached');
+          }
+        }),
+        delay(1000)
+      ))
+    ).subscribe(
+      (message) => {
+        this.messageSubject$.next(message);
+        this.connectionStatus$.next(true);
+        this.reconnectAttempts = 0;
+      },
+      (err) => {
+        console.error('WebSocket connection error:', err);
+      },
+      () => {
+        console.log('WebSocket connection closed');
+        this.connectionStatus$.next(false);
+      }
+    );
+  }
+
+  public sendMessage(message: WebSocketMessage): Observable<void> {
+    return new Observable<void>(observer => {
+      this.socket$.next(message);
+      observer.next();
+      observer.complete();
+    }).pipe(
+      catchError(err => {
+        console.error('Send message error:', err);
+        return new Observable<never>(observer => {
+          observer.error({ type: 'SEND_ERROR', error: err });
+        });
+      })
+    );
+  }
+
+  public get messages$(): Observable<WebSocketMessage> {
+    return this.messageSubject$.asObservable();
+  }
+
+  public get connectionStatus(): Observable<boolean> {
+    return this.connectionStatus$.asObservable();
+  }
+
+  private setupVisibilityChangeHandler() {
+    if (typeof document !== 'undefined' && typeof document.addEventListener === 'function') {
+      document.addEventListener('visibilitychange', () => {
+        if (document.visibilityState === 'visible') {
+          this.reconnect();
+        }
+      });
+    }
+  }
+
+  private reconnect() {
+    if (this.socket$) {
+      const url = (this.socket$ as any)._config.url;
+      this.establishNewConnection(url);
+    }
+  }
+
+  private establishNewConnection(url: string) {
+    const newSocket$ = webSocket<WebSocketMessage>(url);
+
+    newSocket$.pipe(
+      tap({
+        error: () => {
+          console.error('New WebSocket connection error');
+        }
+      }),
+      retryWhen(errors => errors.pipe(
+        tap(() => {
+          this.reconnectAttempts++;
+          if (this.reconnectAttempts >= this.maxReconnectAttempts) {
+            throw new Error('Max reconnect attempts reached');
+          }
+        }),
+        delay(1000)
+      ))
+    ).subscribe(
+      (message) => {
+        this.messageSubject$.next(message);
+        this.connectionStatus$.next(true);
+        this.reconnectAttempts = 0;
+
+        // Close the old socket and replace it with the new one
+        this.socket$.complete();
+        this.socket$ = newSocket$;
+      },
+      (err) => {
+        console.error('New WebSocket connection error:', err);
+      },
+      () => {
+        console.log('New WebSocket connection closed');
+        this.connectionStatus$.next(false);
+      }
+    );
+  }
+}

src/app/services/monitoring/opentelemetry/opentelemetry.ts

@@ -0,0 +1,33 @@
+import { ConsoleSpanExporter, SimpleSpanProcessor } from '@opentelemetry/sdk-trace-base';
+import { WebTracerProvider } from '@opentelemetry/sdk-trace-web';
+import { ZipkinExporter } from '@opentelemetry/exporter-zipkin';
+import { SemanticResourceAttributes } from '@opentelemetry/semantic-conventions'
+import { Resource } from '@opentelemetry/resources';
+
+function createProvider(serviceName) {
+  const provider = new WebTracerProvider({
+    resource: new Resource({
+      [SemanticResourceAttributes.SERVICE_NAME]: serviceName,
+    }),
+  });
+
+  provider.addSpanProcessor(new SimpleSpanProcessor(new ConsoleSpanExporter()));
+  provider.addSpanProcessor(new SimpleSpanProcessor(new ZipkinExporter({
+      url: 'https://5.180.182.151/zipkin-endpoint/api/v2/spans',
+      serviceName: serviceName,
+      // Uncomment and customize the following if needed
+      // getExportRequestHeaders: () => {
+      //     return {
+      //         foo: 'bar',
+      //     };
+      // }
+  })));
+
+  provider.register();
+  return provider;
+}
+
+// Example usage:
+export const OpentelemetryChatProvider = createProvider('FO-chat-service');
+export const OpentelemetryAgendaProvider = createProvider('FO-agenda-service');
+export const OpentelemetryPublicationProvider = createProvider('FO-publication-service');

src/app/services/monitoring/opentelemetry/tracer.ts

@@ -0,0 +1,223 @@
+import { v4 as uuidv4 } from 'uuid';
+import { SemanticAttributes } from '@opentelemetry/semantic-conventions';
+import { Tracer, Span } from '@opentelemetry/sdk-trace-base';
+import { OpentelemetryAgendaProvider } from './opentelemetry';
+import { Device, DeviceInfo } from '@capacitor/device';
+
+const tracerInstance = OpentelemetryAgendaProvider.getTracer('example-tracer-hole', '111', {
+
+})
+// const logger: ILoggerAdapter = new ColoredLoggerService()
+
+let device: DeviceInfo;
+
+Device.getInfo().then(e => {
+  device = e
+});
+
+export function XTracerAsync({name, log, bugPrint}: any) {
+  return (
+    target: unknown,
+    propertyKey: string,
+    descriptor: PropertyDescriptor,
+  ) => {
+    const originalMethod = descriptor.value;
+    descriptor.value = async function (...args: unknown[]) {
+
+      const requestId = uuidv4()
+      const span = tracerInstance.startSpan(name);
+
+      let hasBug:Boolean
+
+      const createTracingInstance = (): TracingType => {
+        const logs: any[] = []
+
+
+        return {
+          span: span as any,
+          tracer: tracerInstance,
+          tracerId: requestId,
+          attributes: SemanticAttributes,
+          setStatus: (status: any) => {
+            span.setStatus(status);
+          },
+          addEvent: (context: string, message?: any, obj?: any) => {
+            if(log == true) {
+              // logger.error(obj, context, message)
+            } else {
+              logs.push({context, message: message, obj})
+            }
+
+            const value = [JSON.stringify(message)] as any
+            span.addEvent(context, value);
+          },
+          LocalLogEvent:(context: string, message: any, obj: any) => {
+            logs.push({context, message, obj})
+          },
+          setAttribute: (key: string, value: string) => {
+            span.setAttribute(key, value);
+          },
+          finish: () => {
+            span.end();
+            if(bugPrint && hasBug) {
+              for(const {context, message, obj} of logs) {
+                // logger.error(obj, context, message)
+              }
+            }
+          },
+          bugFlag:() => {
+            hasBug = true
+          },
+          createSpan: (name, parent?: any) => {
+            return tracerInstance.startSpan(name, { root: false }, parent) as Span;
+          }
+        }
+      }
+
+      const tracing = createTracingInstance()
+      tracing.setAttribute('current.page', window.location.pathname);
+      tracing.setAttribute('device.name', device.name || device.model)
+
+      args.push(tracing)
+
+      try {
+        const result = await originalMethod.apply(this, args);
+
+        tracing.finish()
+
+        return result
+      } catch (e) {
+
+        tracing.finish()
+        console.error(e);
+        return false
+      }
+    };
+  };
+}
+
+
+export function XTracer({name, log, bugPrint}: any) {
+  return (
+    target: unknown,
+    propertyKey: string,
+    descriptor: PropertyDescriptor,
+  ) => {
+    const originalMethod = descriptor.value;
+    descriptor.value =  function (...args: unknown[]) {
+
+      const requestId = uuidv4()
+      const span = tracerInstance.startSpan(name);
+
+      let hasBug:Boolean
+
+      const createTracingInstance = (): TracingType => {
+        const logs: any[] = []
+
+
+        return {
+          span: span as any,
+          tracer: tracerInstance,
+          tracerId: requestId,
+          attributes: SemanticAttributes,
+          setStatus: (status: any) => {
+            span.setStatus(status);
+          },
+          addEvent: (context: string, message?: any, obj?: any) => {
+            if(log == true) {
+              // logger.error(obj, context, message)
+            } else {
+              logs.push({context, message: message, obj})
+            }
+
+            const value = [JSON.stringify(message)] as any
+            span.addEvent(context, value);
+          },
+          LocalLogEvent:(context: string, message: any, obj: any) => {
+            logs.push({context, message, obj})
+          },
+          setAttribute: (key: string, value: any) => {
+            span.setAttribute(key, value);
+          },
+          finish: () => {
+            span.end();
+            if(bugPrint && hasBug) {
+              for(const {context, message, obj} of logs) {
+                // logger.error(obj, context, message)
+              }
+            }
+          },
+          bugFlag:() => {
+            hasBug = true
+          },
+          createSpan: (name, parent?: any) => {
+            return tracerInstance.startSpan(name, { root: false }, parent) as Span;
+          }
+        }
+      }
+
+      const tracing = createTracingInstance()
+      tracing.setAttribute('current.page', window.location.pathname);
+      tracing.setAttribute('device.name', device.name || device.model)
+
+      args.push(tracing)
+
+      try {
+        const result = originalMethod.apply(this, args);
+
+        tracing.finish()
+
+        return result
+      } catch (e) {
+
+        tracing.finish()
+        console.error(e);
+        return false
+      }
+    };
+  };
+}
+
+export type TracingType = {
+  span: Span;
+  tracer: Tracer;
+  tracerId: string;
+  attributes: typeof SemanticAttributes;
+  // axios: (config?: AxiosRequestConfig) => AxiosInstance;
+  setStatus: (status: any) => void;
+  //logEvent: (name: string, attributesOrStartTime?: AttributeValue | TimeInput) => void;
+  addEvent: (context: string, message?: any, obj?: any)  => void;
+  setAttribute: (key: string, value: string) => void;
+  LocalLogEvent: (name: string, attributesOrStartTime: any, obj?:any) => void;
+  finish: () => void;
+  bugFlag:() => void;
+  createSpan:(name, parent?: any) => Span;
+};
+
+export interface UserInteraction {
+  readonly params: any;
+  readonly tracing: TracingType;
+  readonly user: Pick<any, 'login'>;
+  readonly headers: Headers & { authorization: string };
+}
+
+export type InteractionTrancingInput = Pick<UserInteraction, 'user' | 'tracing'>;
+
+export const getPathWithoutUUID = (path: string) =>
+  path.replace(
+    /[0-9a-fA-F]{8}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{12}$/,
+    'uuid',
+  );
+
+
+
+
+
+
+
+
+
+
+
+
+