@addev-be/ui 0.2.13 → 0.2.15

package/src/providers/ThemeProvider/types.ts

@@ -1,123 +0,0 @@
-import { DeepPartial } from '../../typings';
-
-export type ThemeColorIntensity =
-  | 0
-  | 50
-  | 100
-  | 200
-  | 300
-  | 400
-  | 500
-  | 600
-  | 700
-  | 800
-  | 900
-  | 950
-  | 1000;
-export type ThemeColorDefinition = Record<ThemeColorIntensity, string>;
-export type ThemeRawColor =
-  | 'slate'
-  | 'gray'
-  | 'zinc'
-  | 'neutral'
-  | 'stone'
-  | 'red'
-  | 'orange'
-  | 'amber'
-  | 'yellow'
-  | 'lime'
-  | 'green'
-  | 'emerald'
-  | 'teal'
-  | 'cyan'
-  | 'sky'
-  | 'blue'
-  | 'indigo'
-  | 'violet'
-  | 'purple'
-  | 'fuchsia'
-  | 'pink'
-  | 'rose';
-export type ThemePredefinedColor =
-  | 'primary'
-  | 'secondary'
-  | 'neutral'
-  | 'success'
-  | 'warning'
-  | 'danger'
-  | 'info';
-export type ThemeColor = ThemeRawColor | ThemePredefinedColor;
-export type ThemeColorReference = ThemeColor | ThemeColorDefinition;
-
-export type ThemeTextSize =
-  | 'xs'
-  | 'sm'
-  | 'base'
-  | 'lg'
-  | 'xl'
-  | '2xl'
-  | '3xl'
-  | '4xl'
-  | '5xl'
-  | '6xl';
-export type ThemeFontFamily = 'sans' | 'serif' | 'mono';
-export type ThemeFontWeight = 'light' | 'normal' | 'bold';
-export type ThemeSpace =
-  | '0'
-  | '0_5'
-  | '1'
-  | '1_5'
-  | '2'
-  | '3'
-  | '4'
-  | '5'
-  | '6'
-  | '8'
-  | '10'
-  | '12'
-  | '16'
-  | '20'
-  | '24'
-  | '32'
-  | '40'
-  | '48';
-export type ThemeSize =
-  | '0'
-  | '0_5'
-  | '1'
-  | '1_5'
-  | '2'
-  | '3'
-  | '4'
-  | '5'
-  | '6'
-  | '8'
-  | '10'
-  | '12'
-  | '16'
-  | '20'
-  | '24'
-  | '32'
-  | '40'
-  | '48';
-export type ThemeRounded =
-  | 'none'
-  | 'sm'
-  | 'md'
-  | 'lg'
-  | 'xl'
-  | '2xl'
-  | '3xl'
-  | 'full';
-export type ThemeShadow = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
-
-export type Theme = DeepPartial<{
-  colors: Record<ThemeColor, ThemeColorReference>;
-  texts: Record<ThemeTextSize, string>;
-  fonts: Record<ThemeFontFamily, string>;
-  weights: Record<ThemeFontWeight, string>;
-  spaces: Record<ThemeSpace, string>;
-  sizes: Record<ThemeSpace, string>;
-  rounded: Record<ThemeRounded, string>;
-  shadows: Record<ThemeShadow, string>;
-}>;

package/src/providers/UiProviders/index.tsx

@@ -1,65 +0,0 @@
-import '../../styles/index.scss';
-import '../../styles/animations.scss';
-
-import * as styles from './styles';
-
-import {
-  FC,
-  PropsWithChildren,
-  createContext,
-  useCallback,
-  useMemo,
-  useRef,
-} from 'react';
-
-import { PortalsProvider } from '../PortalsProvider';
-import { SettingsProvider } from '../SettingsProvider';
-import { ThemeProvider } from '../ThemeProvider/ThemeProvider';
-import { defaultTheme } from '../ThemeProvider/defaultTheme';
-
-export type UiProvidersProps = PropsWithChildren<{
-  $darkMode?: boolean;
-}>;
-
-export type UiContextType = {
-  rootRect: DOMRect;
-  getElementScreenRect: (element: HTMLElement) => DOMRect;
-};
-
-export const UiContext = createContext<UiContextType>({
-  rootRect: new DOMRect(),
-  getElementScreenRect: () => new DOMRect(),
-});
-
-export const UiProviders: FC<UiProvidersProps> = ({ $darkMode, children }) => {
-  const rootRef = useRef<HTMLDivElement | null>(null);
-
-  const getElementScreenRect = useCallback((element: HTMLElement) => {
-    const rootRect = rootRef.current?.getBoundingClientRect();
-    const rect = element.getBoundingClientRect();
-    rect.x -= (rootRect?.x ?? 0) + window.scrollX;
-    rect.y -= (rootRect?.y ?? 0) + window.scrollY;
-    return rect;
-  }, []);
-
-  const value = useMemo(
-    () => ({
-      rootRect: rootRef.current?.getBoundingClientRect() ?? new DOMRect(),
-      getElementScreenRect,
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [rootRef.current]
-  );
-
-  return (
-    <ThemeProvider $theme={defaultTheme} $darkMode={$darkMode}>
-      <UiContext.Provider value={value}>
-        <styles.Root ref={rootRef}>
-          <SettingsProvider>
-            <PortalsProvider>{children}</PortalsProvider>
-          </SettingsProvider>
-        </styles.Root>
-      </UiContext.Provider>
-    </ThemeProvider>
-  );
-};

package/src/providers/UiProviders/styles.ts

@@ -1,10 +0,0 @@
-import styled from 'styled-components';
-
-export const Root = styled.div.attrs({ className: 'Root' })`
-  position: relative;
-  font-family: var(--font-sans);
-  font-size: var(--text-base);
-  color: var(--color-neutral-900);
-  width: 100%;
-  height: 100%;
-`;

package/src/providers/hooks.ts

@@ -1,8 +0,0 @@
-import { PortalsContext } from './PortalsProvider';
-import { SettingsContext } from './SettingsProvider';
-import { UiContext } from './UiProviders';
-import { useContext } from 'react';
-
-export const usePortals = () => useContext(PortalsContext);
-export const useUi = () => useContext(UiContext);
-export const useSettings = () => useContext(SettingsContext);

package/src/providers/index.ts

@@ -1,5 +0,0 @@
-export * from './UiProviders';
-export * from './PortalsProvider';
-export * from './ThemeProvider';
-
-export * from './hooks';

package/src/services/HttpService.ts

@@ -1,80 +0,0 @@
-import { Config } from '../config';
-import { Request } from './base';
-import { trimEnd } from 'lodash';
-import { v4 } from 'uuid';
-
-export class HttpService {
-  private static instance: HttpService;
-  private config: Config;
-  private promises: {
-    [id: string]: {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      resolve: (value: any) => void;
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      reject: (reason?: any) => void;
-    };
-  } = {};
-
-  constructor(config: Config) {
-    HttpService.instance = this;
-    this.config = config;
-  }
-
-  public static getInstance() {
-    return HttpService.instance;
-  }
-
-  public sendRequest<TReq, TRes>(name: string, data: TReq) {
-    const id = v4();
-    const promise = new Promise<TRes>((resolve, reject) => {
-      const request: Request = { id, name, data };
-      this.promises[id] = { resolve, reject };
-      console.log('[HTTP] Sending request:', request);
-      fetch(`${trimEnd(this.config.httpServerUrl, '/')}/${name}`, {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify(request),
-      })
-        .then(async (response) => {
-          if (!response.ok) {
-            throw new Error('HTTP request failed');
-          }
-          const body = await response.text();
-          this.parseMessage(body);
-        })
-        .catch((error) => {
-          reject(error);
-        });
-    });
-    return promise;
-  }
-
-  private parseMessage(message: string) {
-    try {
-      const response = JSON.parse(message);
-      if (!response.id) {
-        throw new Error('Received message is not valid');
-      }
-      if (this.promises[response.id]) {
-        console.log('[HTTP] Received response:', response);
-        if (
-          typeof response.data?.status === 'number' &&
-          response.data.status < 0
-        ) {
-          this.promises[response.id].reject(new Error(response.data.message));
-        } else {
-          this.promises[response.id].resolve(response.data);
-        }
-        delete this.promises[response.id];
-      } else {
-        console.log('[HTTP] Received request:', response);
-        // TODO : Implement request handling
-        throw new Error('Not yet implemented');
-      }
-    } catch (error) {
-      console.error('[HTTP] Error parsing message:', error);
-    }
-  }
-}

package/src/services/WebSocketService.ts

@@ -1,147 +0,0 @@
-import { Config } from '../config';
-import { Request } from './base';
-import { v4 } from 'uuid';
-
-export class WebSocketService {
-  private static instance: WebSocketService;
-  private config: Config;
-  private socket: WebSocket | null = null;
-  public status: boolean | undefined = false;
-  private listeners: ((status: boolean | undefined) => void)[] = [];
-  private queue: Request[] = [];
-  private promises: {
-    [id: string]: {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      resolve: (value: any) => void;
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      reject: (reason?: any) => void;
-    };
-  } = {};
-
-  public onOpen?: () => void = () => {};
-  public onClose?: () => void = () => {};
-  public onMessage?: (message: string) => void = () => {};
-  public onError?: (error: unknown) => void = () => {};
-
-  constructor(config: Config) {
-    WebSocketService.instance = this;
-    this.config = config;
-  }
-
-  public static getInstance() {
-    return WebSocketService.instance;
-  }
-
-  private resetConnection() {
-    this.setStatus(undefined);
-    this.socket = new WebSocket(this.config.webSocketUrl);
-
-    this.socket.onopen = () => {
-      console.log('[WS] Connected');
-      const interval = setInterval(() => {
-        if (this.socket && this.socket.readyState === 1) {
-          clearInterval(interval);
-          this.setStatus(true);
-          this.onOpen?.();
-        }
-      }, 100);
-    };
-
-    this.socket.onclose = () => {
-      console.log('[WS] Disconnected');
-      setTimeout(() => this.connect(), this.status === true ? 500 : 5000);
-      this.onClose?.();
-      this.setStatus(false);
-    };
-
-    this.socket.onmessage = (event) => {
-      this.onMessage?.(event.data);
-      this.parseMessage(event.data);
-    };
-
-    this.socket.onerror = (error) => {
-      this.onError?.(error);
-      console.error('[WS] Error:', error);
-    };
-  }
-
-  public connect(force = false) {
-    if (this.status === false || force) {
-      this.resetConnection();
-    }
-  }
-
-  public subscribe(listener: (status: boolean | undefined) => void) {
-    this.listeners.push(listener);
-    listener(this.status);
-    return () => this.listeners.splice(this.listeners.indexOf(listener), 1);
-  }
-
-  public unsubscribe(listener: (status: boolean | undefined) => void) {
-    this.listeners.splice(this.listeners.indexOf(listener), 1);
-  }
-
-  private setStatus(status: boolean | undefined) {
-    const previousStatus = this.status;
-    this.status = status;
-    this.listeners.forEach((listener) => listener(status));
-    if (this.socket && !previousStatus && status) {
-      this.sendQueue();
-    }
-  }
-
-  private sendQueue() {
-    if (this.socket && this.status) {
-      let request: Request | undefined;
-      while ((request = this.queue.shift())) {
-        console.log('[WS] Sending queued request:', request);
-        this.socket?.send(JSON.stringify(request));
-      }
-      this.queue.forEach((request) =>
-        this.socket?.send(JSON.stringify(request))
-      );
-    }
-  }
-
-  public sendRequest<TReq, TRes>(name: string, data: TReq) {
-    const id = v4();
-    const promise = new Promise<TRes>((resolve, reject) => {
-      const request: Request = { id, name, data };
-      this.promises[id] = { resolve, reject };
-      if (!this.socket || !this.status) {
-        this.queue.push(request);
-        return;
-      }
-      console.log('[WS] Sending request:', request);
-      this.socket?.send(JSON.stringify(request));
-    });
-    return promise;
-  }
-
-  private parseMessage(message: string) {
-    try {
-      const response = JSON.parse(message);
-      if (!response.id) {
-        throw new Error('Received message is not valid');
-      }
-      if (this.promises[response.id]) {
-        console.log('[WS] Received response:', response);
-        if (
-          typeof response.data?.status === 'number' &&
-          response.data.status < 0
-        ) {
-          this.promises[response.id].reject(new Error(response.data.message));
-        } else {
-          this.promises[response.id].resolve(response.data);
-        }
-        delete this.promises[response.id];
-      } else {
-        console.log('[WS] Received request:', response);
-        // TODO : Implement request handling
-        throw new Error('Not yet implemented');
-      }
-    } catch (error) {
-      console.error('[WS] Error parsing message:', error);
-    }
-  }
-}

package/src/services/advancedRequests.ts

@@ -1,101 +0,0 @@
-import { useWebSocketRequestHandler } from './hooks';
-
-export type FieldDTO<T extends string = string> = {
-  fieldName?: T;
-  fieldAlias?: string;
-  operator?:
-    | 'add'
-    | 'concat'
-    | 'divide'
-    | 'groupConcat'
-    | 'if'
-    | 'ifNull'
-    | 'jsonObject'
-    | 'length'
-    | 'modulo'
-    | 'multiply'
-    | 'subtract'
-    | 'sum'
-    | 'trim';
-  operands?: FieldDTO[];
-  constantValue?: string | number | boolean | null;
-  groupBy?: boolean;
-};
-
-export type ConditionDTO = {
-  field: string;
-  operator:
-    | 'lessThan'
-    | 'lessThanOrEqual'
-    | 'lessThanOrEquals'
-    | 'equals'
-    | 'notEquals'
-    | 'greaterThanOrEqual'
-    | 'greaterThanOrEquals'
-    | 'greaterThan'
-    | 'like'
-    | 'contains'
-    | 'notContains'
-    | 'startsWith'
-    | 'endsWith'
-    | 'notLike'
-    | 'inRange'
-    | 'between'
-    | 'isNull'
-    | 'inArray'
-    | 'in'
-    | 'not'
-    | 'and'
-    | 'or';
-  value?:
-    | string
-    | number
-    | boolean
-    | null
-    | (string | number | boolean | null)[];
-  children?: boolean;
-};
-
-export type OrderByDTO = {
-  field: string;
-  direction?: 'ASC' | 'DESC';
-};
-
-export type AdvancedRequestDTO = {
-  type: string;
-  fields: FieldDTO[];
-  conditions: ConditionDTO[];
-  orderBy?: OrderByDTO[];
-  start?: number;
-  length?: number;
-  getTotal?: boolean;
-  unique?: boolean;
-};
-
-export type AdvancedRequestRow<R> = {
-  [K in keyof R]: R[K] extends string | number | null
-    ? R[K]
-    : string | number | null;
-};
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export type AdvancedResponseDTO<T = any> = {
-  data: AdvancedRequestRow<T>[];
-  count?: number;
-};
-
-export type AdvancedRequestFieldDTO =
-  | string
-  | {
-      name: string;
-      fields: AdvancedRequestFieldDTO[];
-    };
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const useAdvancedRequestHandler = <T = any>() =>
-  useWebSocketRequestHandler<AdvancedRequestDTO, AdvancedResponseDTO<T>>(
-    'AdvancedRequest'
-  );
-
-export const useRawAdvancedRequestHandler = () =>
-  useWebSocketRequestHandler<AdvancedRequestDTO, string>('RawAdvancedRequest');

package/src/services/base.ts

@@ -1,31 +0,0 @@
-export type BaseModelDTO = {
-  id: string;
-  dateAdd: string;
-  dateUpd: string;
-  dateDel: string | null;
-};
-
-export const emptyBaseModel: BaseModelDTO = {
-  id: '',
-  dateAdd: new Date().toISOString(),
-  dateUpd: new Date().toISOString(),
-  dateDel: null,
-};
-
-export type ArchivableModelDTO = BaseModelDTO & {
-  archived: boolean | null;
-};
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export type Request<T = any> = {
-  id: string;
-  name: string;
-  data: T;
-};
-
-export const UUID_REGEX =
-  /^[0-9a-f]{8}-[0-9a-f]{4}-[0-5][0-9a-f]{3}-[089ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
-
-export type GetObjectRequestDTO = {
-  id: string;
-};

package/src/services/globalSearch.ts

@@ -1,27 +0,0 @@
-import { SqlRequestRow } from './sqlRequests';
-import { useWebSocketRequestHandler } from './hooks';
-
-export type GlobalSearchRequestDTO = {
-  types: string[];
-  searchTerm: string;
-  limit?: number;
-};
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export type GlobalSearchResponseDTO<T = any> = {
-  data: Record<string, SqlRequestRow<T>[]>;
-  count?: number;
-};
-
-type GlobalSearchRequestHandler<T> = (
-  request: GlobalSearchRequestDTO
-) => Promise<GlobalSearchResponseDTO<T>>;
-
-export const useGlobalSearchRequestHandler = <
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  T = any
->(): GlobalSearchRequestHandler<T> =>
-  useWebSocketRequestHandler<
-    GlobalSearchRequestDTO,
-    GlobalSearchResponseDTO<T>
-  >('GlobalSearch');

package/src/services/hooks.ts

@@ -1,23 +0,0 @@
-import { HttpService } from './HttpService';
-import { WebSocketService } from './WebSocketService';
-import { useCallback } from 'react';
-
-export const useWebSocketRequestHandler = <TReq, TRes>(
-  name: string
-): ((data: TReq) => Promise<TRes>) =>
-  useCallback(
-    (data: TReq) => {
-      return WebSocketService.getInstance().sendRequest<TReq, TRes>(name, data);
-    },
-    [name]
-  );
-
-export const useHttpRequestHandler = <TReq, TRes>(
-  name: string
-): ((data: TReq) => Promise<TRes>) =>
-  useCallback(
-    (data: TReq) => {
-      return HttpService.getInstance().sendRequest<TReq, TRes>(name, data);
-    },
-    [name]
-  );

package/src/services/index.ts

@@ -1,2 +0,0 @@
-export * from './WebSocketService';
-export * from './hooks';