@qoretechnologies/reqraft 0.2.2 → 0.2.4

package/src/providers/FetchProvider.tsx

@@ -1,62 +0,0 @@
-import { useQueryClient } from '@tanstack/react-query';
-import { useState } from 'react';
-import { useEffectOnce } from 'react-use';
-import { FetchContext, TReqraftContextQueryConfig } from '../contexts/FetchContext';
-import { useReqraftProperty } from '../hooks/useReqraftProperty';
-import { query, setupFetch } from '../utils/fetch';
-
-export interface IReqraftFetchProviderProps {
-  children: React.ReactNode;
-}
-
-export const ReqraftFetchProvider = ({ children }: IReqraftFetchProviderProps) => {
-  const queryClient = useQueryClient();
-  const instance = useReqraftProperty('instance');
-  const instanceToken = useReqraftProperty('instanceToken');
-  const instanceUnauthorizedRedirect = useReqraftProperty('instanceUnauthorizedRedirect');
-
-  const [ready, setReady] = useState(false);
-
-  useEffectOnce(() => {
-    setupFetch({
-      instance,
-      instanceToken,
-      unauthorizedRedirect: instanceUnauthorizedRedirect,
-    });
-
-    setReady(true);
-  });
-
-  if (!ready) {
-    return null;
-  }
-
-  async function get<T>(config: TReqraftContextQueryConfig) {
-    return query<T>({ queryClient, ...config, method: 'GET' });
-  }
-
-  async function post<T>(config: TReqraftContextQueryConfig) {
-    return query<T>({ queryClient, ...config, method: 'POST' });
-  }
-
-  async function put<T>(config: TReqraftContextQueryConfig) {
-    return query<T>({ queryClient, ...config, method: 'PUT' });
-  }
-
-  async function del<T>(config: TReqraftContextQueryConfig) {
-    return query<T>({ queryClient, ...config, method: 'DELETE' });
-  }
-
-  return (
-    <FetchContext.Provider
-      value={{
-        get,
-        post,
-        put,
-        del,
-      }}
-    >
-      {children}
-    </FetchContext.Provider>
-  );
-};

package/src/providers/ReqraftProvider.tsx

@@ -1,33 +0,0 @@
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { ReactNode } from 'react';
-import { IReqraftContext, ReqraftContext } from '../contexts/ReqraftContext';
-import { ReqraftFetchProvider } from './FetchProvider';
-import { ReqraftStorageProvider } from './StorageProvider';
-
-export const ReqraftQueryClient = new QueryClient();
-
-export interface IReqraftProviderProps extends IReqraftContext {
-  children: ReactNode;
-  reactQueryClient?: QueryClient;
-}
-
-export const ReqraftProvider = ({
-  appName,
-  children,
-  instance,
-  instanceToken,
-  instanceUnauthorizedRedirect,
-  reactQueryClient,
-}: IReqraftProviderProps) => {
-  return (
-    <ReqraftContext.Provider
-      value={{ appName, instanceToken, instance, instanceUnauthorizedRedirect }}
-    >
-      <QueryClientProvider client={reactQueryClient || ReqraftQueryClient}>
-        <ReqraftFetchProvider>
-          <ReqraftStorageProvider>{children}</ReqraftStorageProvider>
-        </ReqraftFetchProvider>
-      </QueryClientProvider>
-    </ReqraftContext.Provider>
-  );
-};

package/src/providers/StorageProvider.tsx

@@ -1,80 +0,0 @@
-import { cloneDeep, get, set } from 'lodash';
-import { ReactNode, useEffect, useState } from 'react';
-import type { Get } from 'type-fest';
-import { ReqraftStorageContext, TReqraftStorage } from '../contexts/StorageContext';
-import { useFetch } from '../hooks/useFetch/useFetch';
-import { useReqraftProperty } from '../hooks/useReqraftProperty';
-import { TReqraftStorageValue } from '../hooks/useStorage/useStorage';
-
-export interface IReqraftStorageProviderProps {
-  children: ReactNode;
-}
-
-export const ReqraftStorageProvider = ({ children }: IReqraftStorageProviderProps) => {
-  const appName = useReqraftProperty('appName');
-
-  const { data, loading } = useFetch({
-    url: 'users/_current_/storage',
-    cache: false,
-    loadOnMount: true,
-  });
-
-  const { load } = useFetch({
-    url: 'users/_current_/',
-    method: 'PUT',
-    cache: false,
-  });
-
-  const [storage, setStorage] = useState<TReqraftStorage>(data);
-
-  useEffect(() => {
-    if (data) {
-      setStorage(data);
-    }
-  }, [data]);
-
-  const getStorage = function <T extends TReqraftStorageValue>(
-    path: string,
-    defaultValue: T,
-    includeAppPrefix: boolean = true
-  ): Get<TReqraftStorage, string> {
-    const _path = includeAppPrefix ? `${appName}.${path}` : path;
-
-    return get(storage, _path) ?? defaultValue;
-  };
-
-  const updateStorage = function <T extends TReqraftStorageValue>(
-    path: string,
-    value: T,
-    includeAppPrefix: boolean = true
-  ) {
-    const _path = includeAppPrefix ? `${appName}.${path}` : path;
-    const updatedStorage = set(cloneDeep(storage), _path, value);
-
-    setStorage(updatedStorage);
-
-    load({ body: { storage: updatedStorage } });
-  };
-
-  const removeStorageValue = function (path: string, includeAppPrefix: boolean = true) {
-    const _path = includeAppPrefix ? `${appName}.${path}` : path;
-
-    const updatedStorage = set(cloneDeep(storage), _path, null);
-
-    setStorage(updatedStorage);
-
-    load({ body: { storage_path: _path } });
-  };
-
-  if (loading || !storage) {
-    return null;
-  }
-
-  return (
-    <ReqraftStorageContext.Provider
-      value={{ storage, getStorage, updateStorage, removeStorageValue }}
-    >
-      {children}
-    </ReqraftStorageContext.Provider>
-  );
-};

package/src/types/Form.ts

@@ -1,57 +0,0 @@
-export type TFormFieldType =
-  | 'string'
-  | 'number'
-  | 'boolean'
-  | 'date'
-  | 'time'
-  | 'datetime'
-  | 'select'
-  | 'multiSelect'
-  | 'radio'
-  | 'checkbox'
-  | 'file'
-  | 'image'
-  | 'color'
-  | 'password'
-  | 'email'
-  | 'phone'
-  | 'url'
-  | 'markdown';
-
-export type TFormFieldValueType<T> = T extends 'string'
-  ? string
-  : T extends 'number'
-  ? number
-  : T extends 'boolean'
-  ? boolean
-  : T extends 'date'
-  ? Date | string
-  : T extends 'time'
-  ? Date | string
-  : T extends 'datetime'
-  ? Date | string
-  : T extends 'select'
-  ? string
-  : T extends 'multiSelect'
-  ? string[]
-  : T extends 'radio'
-  ? string
-  : T extends 'checkbox'
-  ? boolean
-  : T extends 'file'
-  ? File
-  : T extends 'image'
-  ? string
-  : T extends 'color'
-  ? string
-  : T extends 'password'
-  ? string
-  : T extends 'email'
-  ? string
-  : T extends 'phone'
-  ? string
-  : T extends 'url'
-  ? string
-  : T extends 'markdown'
-  ? string
-  : any;

package/src/types.ts

@@ -1,12 +0,0 @@
-import { IReqoreUIProviderProps } from '@qoretechnologies/reqore/dist/containers/UIProvider';
-import { Meta } from '@storybook/react';
-
-export type StoryMeta<
-  Component extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>,
-  AdditionalArgs = Record<string, any>
-> = Meta<
-  React.ComponentProps<Component> &
-    AdditionalArgs & {
-      reqoreOptions: IReqoreUIProviderProps['options'];
-    }
->;

package/src/utils/fetch.ts

@@ -1,121 +0,0 @@
-import { QueryClient } from '@tanstack/react-query';
-import { ReqraftQueryClient } from '../providers/ReqraftProvider';
-
-export interface IReqraftFetchConfig {
-  instance: string;
-  instanceToken: string;
-  unauthorizedRedirect?: (pathname: string) => string;
-}
-
-export interface IReqraftFetchResponse<T> {
-  data: T;
-  ok: boolean;
-  code?: number;
-  error?: any;
-}
-
-const fetchConfig: IReqraftFetchConfig = {
-  instance: window.location.origin + '/',
-  instanceToken: '',
-  unauthorizedRedirect: (pathname: string) => `/?next=${pathname}`,
-};
-
-const CACHE_EXPIRATION_TIME = 5 * 60 * 1000; // 5 minutes
-
-export const setupFetch = ({
-  instance,
-  instanceToken,
-  unauthorizedRedirect,
-}: IReqraftFetchConfig) => {
-  fetchConfig.instance = instance;
-  fetchConfig.instanceToken = instanceToken;
-
-  if (unauthorizedRedirect) {
-    fetchConfig.unauthorizedRedirect = unauthorizedRedirect;
-  }
-};
-
-async function doFetchData(
-  url: string,
-  method = 'GET',
-  body?: { [key: string]: any }
-): Promise<Response> {
-  if (!fetchConfig.instanceToken) {
-    return new Response(JSON.stringify({}), {
-      status: 401,
-      statusText: 'Unauthorized',
-    });
-  }
-
-  return fetch(`${fetchConfig.instance}api/latest/${url}`, {
-    method,
-    headers: {
-      'Content-Type': 'application/json',
-      Authorization: `Bearer ${fetchConfig.instanceToken}`,
-    },
-    body: JSON.stringify(body),
-  }).catch((error) => {
-    return new Response(JSON.stringify({}), {
-      status: 500,
-      statusText: `Request failed ${error.message}`,
-    });
-  });
-}
-
-export interface IReqraftQueryConfig {
-  url: string;
-  method?: 'GET' | 'POST' | 'PUT' | 'DELETE';
-  body?: Record<string | number, any>;
-  cache?: boolean;
-  queryClient?: QueryClient;
-}
-
-export async function query<T>({
-  url,
-  method = 'GET',
-  body,
-  cache = true,
-  queryClient = ReqraftQueryClient,
-}: IReqraftQueryConfig): Promise<IReqraftFetchResponse<T>> {
-  const shouldCache = method === 'DELETE' || method === 'POST' ? false : cache;
-  const cacheKey = `${url}:${method}:${JSON.stringify(body || {})}`;
-
-  const requestData = await queryClient.fetchQuery({
-    queryKey: [cacheKey],
-    queryFn: async () => {
-      const response = await doFetchData(url, method, body);
-
-      const clone = response.clone();
-      const json = await clone.json();
-
-      if (response.status === 401) {
-        window.location.href = fetchConfig.unauthorizedRedirect(window.location.pathname);
-      }
-
-      return {
-        data: json,
-        ok: response.ok,
-        status: response.status,
-        statusText: response.statusText,
-      };
-    },
-    staleTime: shouldCache ? CACHE_EXPIRATION_TIME : 0,
-  });
-
-  if (!requestData.ok) {
-    queryClient.invalidateQueries({ queryKey: [cacheKey] });
-
-    return {
-      data: null,
-      ok: false,
-      code: requestData.status,
-      error: requestData.statusText,
-    };
-  }
-
-  return {
-    data: requestData.data,
-    ok: true,
-    code: requestData.status,
-  };
-}