feat(query): wip adding new query logic

.editorconfig

@@ -7,6 +7,8 @@ indent_style = space
 indent_size = 2
 insert_final_newline = true
 trim_trailing_whitespace = true
+max_line_length = 140
+end_of_line = lf
 
 [*.md]
 max_line_length = off

.gitignore

@@ -74,4 +74,5 @@ debug.log
 Thumbs.db
 
 # Certs
-certs/*.pem
+certs/*.pem
\ No newline at end of file
+node_modules
\ No newline at end of file

apps/docs/.eslintrc.js

 module.exports = {
   root: true,
-  extends: ["custom"],
+  extends: ['custom'],
 };

apps/docs/next.config.js

 module.exports = {
   reactStrictMode: true,
-  transpilePackages: ["ui"],
+  transpilePackages: ['ui'],
 };

apps/docs/pages/index.tsx

-import { Button } from "ui";
+import { Button } from 'ui';
 
 export default function Docs() {
   return (

apps/web/node.d.ts

 interface ImportMeta {
-    env: {
-        VITE_BACKEND_URL: string;
-        VITE_STAGING: string;
-        VITE_KEYCLOAK_URL: string;
-        VITE_KEYCLOAK_REALM: string;
-        VITE_KEYCLOAK_CLIENT: string;
-    }
-}
+  env: {
+    VITE_BACKEND_URL: string;
+    VITE_STAGING: string;
+    VITE_KEYCLOAK_URL: string;
+    VITE_KEYCLOAK_REALM: string;
+    VITE_KEYCLOAK_CLIENT: string;
+  };
+}
\ No newline at end of file

apps/web/src/app/app.module.scss

 /* Your styles goes here. */
 
 .mainContainer {
-  padding: 2.5rem;
-  gap: 1rem;
+  padding: 0.8rem;
+  gap: 0.7rem;
   height: 100%;
   display: flex;
   flex-direction: row;
@@ -11,10 +11,13 @@
     max-width: 33%;
     height: 100%;
     max-height: 100%;
+    h1 {
+      margin-left: 0.8em;
+    }
   }
   .panel {
     display: flex;
-    gap: 1rem;
+    gap: 0.7rem;
     width: 100%;
     max-width: 67%;
     flex-direction: column;
@@ -24,14 +27,18 @@
       height: 100%;
       max-height: 70%;
       overflow-y: clip;
-      border-radius: 8px;
       h1 {
-        margin-left: 2em;
+        margin-left: 0.8em;
       }
     }
     .queryBuilder {
       height: 100%;
       max-height: 30%;
+      overflow-y: clip;
+      h1 {
+        margin-top: 0.25em;
+        margin-left: 0.8em;
+      }
     }
   }
 }

apps/web/src/app/app.tsx

@@ -7,19 +7,13 @@ import {
   useQuerybuilderGraph,
   useQuerybuilderHash,
   useSchemaAPI,
-  useSessionCache
+  useSessionCache,
 } from '@graphpolaris/shared/lib/data-access';
 import { WebSocketHandler } from '@graphpolaris/shared/lib/data-access/socket';
 import Broker from '@graphpolaris/shared/lib/data-access/socket/broker';
-import {
-  assignNewGraphQueryResult,
-  useAppDispatch,
-} from '@graphpolaris/shared/lib/data-access/store';
+import { assignNewGraphQueryResult, useAppDispatch } from '@graphpolaris/shared/lib/data-access/store';
 import { GraphQueryResultFromBackend, resetGraphQueryResults } from '@graphpolaris/shared/lib/data-access/store/graphQueryResultSlice';
-import {
-  Query2BackendQuery,
-  QueryBuilder,
-} from '@graphpolaris/shared/lib/querybuilder';
+import { Query2BackendQuery, QueryBuilder } from '@graphpolaris/shared/lib/querybuilder';
 import { Schema } from '@graphpolaris/shared/lib/schema/panel';
 import { useEffect, useRef, useState } from 'react';
 import { Navbar } from '../components/navbar/navbar';
@@ -36,7 +30,7 @@ export interface App {
 
 export function App(props: App) {
   const isLogin = useAuth();
-  const auth = useAuthorizationCache()
+  const auth = useAuthorizationCache();
   const api = useDatabaseAPI(domain);
   const api_schema = useSchemaAPI(domain);
   const api_query = useQueryAPI(domain);
@@ -54,16 +48,9 @@ export function App(props: App) {
 
   useEffect(() => {
     // Default
-    Broker.instance().subscribe(
-      (data: SchemaFromBackend) => dispatch(readInSchemaFromBackend(data)),
-      'schema_result'
-    );
+    Broker.instance().subscribe((data: SchemaFromBackend) => dispatch(readInSchemaFromBackend(data)), 'schema_result');
 
-    Broker.instance().subscribe(
-      (data: GraphQueryResultFromBackend) =>
-        dispatch(assignNewGraphQueryResult(data)),
-      'query_result'
-    );
+    Broker.instance().subscribe((data: GraphQueryResultFromBackend) => dispatch(assignNewGraphQueryResult(data)), 'query_result');
 
     return () => {
       Broker.instance().unSubscribeAll('schema_result');
@@ -83,32 +70,28 @@ export function App(props: App) {
   useEffect(() => {
     // Newly (un)authorized
     if (auth.authorized) {
-      console.info("App is authorized; Getting Datatabases", isLogin);
+      console.info('App is authorized; Getting Databases', isLogin);
       api.GetAllDatabases({ updateSessionCache: true });
       setAuthCheck(true);
     } else {
-      dispatch(logout())
+      dispatch(logout());
     }
   }, [isLogin]);
 
   useEffect(() => {
     // New query
     if (session?.currentDatabase && query) {
+      console.log('New query', query);
+
       if (query.edges.length === 0) {
         dispatch(resetGraphQueryResults());
-      } else
-        api_query.execute(Query2BackendQuery(session.currentDatabase, query));
+      } else api_query.execute(Query2BackendQuery(session.currentDatabase, query));
     }
   }, [queryHash]);
 
   return (
     <div className="h-screen w-screen">
-      <div
-        className={
-          'flex h-screen w-screen overflow-hidden ' +
-          (!auth.authorized ? 'blur-sm pointer-events-none ' : '')
-        }
-      >
+      <div className={'flex h-screen w-screen overflow-hidden ' + (!auth.authorized ? 'blur-sm pointer-events-none ' : '')}>
         <div className="h-full relative flex flex-col flex-1 overflow-y-auto overflow-x-hidden">
           <div className="h-fit flex-grow-0">
             <Navbar />
@@ -121,7 +104,9 @@ export function App(props: App) {
             </div>
             <div className={styles.panel}>
               <div className={styles.visualization}>
-                <VisualizationPanel />
+                <Panel content="Visualization Panel">
+                  <VisualizationPanel />
+                </Panel>
               </div>
               <div className={styles.queryBuilder}>
                 <Panel content="Query Panel">

apps/web/src/app/panels/Visualization.tsx

-import { RawJSONVis, NodeLinkVis } from '@graphpolaris/shared/lib/vis';
+import { RawJSONVis, NodeLinkVis, PaohVis, SemanticSubstrates } from '@graphpolaris/shared/lib/vis';
 import Panel from '../../components/panels/panel';
-import {
-  assignNewGraphQueryResult,
-  useAppDispatch,
-} from '@graphpolaris/shared/lib/data-access';
+import { assignNewGraphQueryResult, useAppDispatch } from '@graphpolaris/shared/lib/data-access';
 
 export const VisualizationPanel = () => {
   const dispatch = useAppDispatch();
 
   return (
-    <Panel content="Visualization Panel">
+    <div>
       {/* <div>
         <button
           onClick={() =>
@@ -36,12 +33,24 @@ export const VisualizationPanel = () => {
           Remove mock result
         </button>
       </div> */}
-      <div className="h-[48rem] overflow-y-auto">
+
+      {/* width: '83%',
+          height: '95vh', */}
+      <div className="h-[60vh] overflow-y-auto">
+        {/* <div className="h-full overflow-y-auto"> */}
+        {/* <RawJSONVis /> */}
+
+        {/* <PaohVis
+          rowHeight={30}
+          hyperedgeColumnWidth={30}
+          gapBetweenRanges={3}
+        /> */}
+        {/* <RawJSONVis /> */}
         {/* <RawJSONVis /> */}
         <NodeLinkVis />
+        {/* <SemanticSubstrates /> */}
       </div>
-      {/* <SemanticSubstrates /> */}
       {/* <div /> */}
-    </Panel>
+    </div>
   );
 };

apps/web/src/components/navbar/AddDatabaseForm/index.tsx

@@ -11,11 +11,7 @@
 import React, { useState, useEffect } from 'react';
 import { TextField, Button, NativeSelect } from '@mui/material';
 import styles from './add-database-form.module.scss';
-import {
-  AddDatabaseRequest,
-  DatabaseType,
-  databaseNameMapping,
-} from '@graphpolaris/shared/lib/data-access';
+import { AddDatabaseRequest, DatabaseType, databaseNameMapping } from '@graphpolaris/shared/lib/data-access';
 
 /** AddDatabaseFormProps is an interface containing the AuthViewModel. */
 export interface AddDatabaseFormProps {
@@ -164,9 +160,7 @@ export default function AddDatabaseForm(props: AddDatabaseFormProps) {
                 label="Port error"
                 type="port"
                 value={state.port}
-                onChange={(event) =>
-                  handlePortChanged(event.currentTarget.value)
-                }
+                onChange={(event) => handlePortChanged(event.currentTarget.value)}
                 required
               />
             ) : (
@@ -175,9 +169,7 @@ export default function AddDatabaseForm(props: AddDatabaseFormProps) {
                 label="Port"
                 type="port"
                 value={state.port}
-                onChange={(event) =>
-                  handlePortChanged(event.currentTarget.value)
-                }
+                onChange={(event) => handlePortChanged(event.currentTarget.value)}
                 required
               />
             )}
@@ -229,12 +221,7 @@ export default function AddDatabaseForm(props: AddDatabaseFormProps) {
           </div>
           <div className={styles.loginContainerButton}>
             {portValidation && portValidation == 'error' ? (
-              <Button
-                disabled
-                variant="contained"
-                type="submit"
-                color="success"
-              >
+              <Button disabled variant="contained" type="submit" color="success">
                 Submit
               </Button>
             ) : (

apps/web/src/components/navbar/AddDatabaseForm/stories/add-database-form.stories.tsx

-import {
-  AddDatabaseRequest,
-  GraphPolarisThemeProvider,
-  store,
-} from '@graphpolaris/shared/lib/data-access';
+import { AddDatabaseRequest, GraphPolarisThemeProvider, store } from '@graphpolaris/shared/lib/data-access';
 import AddDatabaseForm, { AddDatabaseFormProps } from '../index';
 import { Provider } from 'react-redux';
 import { Meta } from '@storybook/react';

apps/web/src/components/navbar/navbar.tsx

@@ -9,17 +9,7 @@
  * We do not test components/renderfunctions/styling files.
  * See testing plan for more details.*/
 import React, { useEffect, useState } from 'react';
-import {
-  AppBar,
-  Toolbar,
-  CssBaseline,
-  Typography,
-  MenuItem,
-  ListItemText,
-  Menu,
-  IconButton,
-  Button,
-} from '@mui/material';
+import { AppBar, Toolbar, CssBaseline, Typography, MenuItem, ListItemText, Menu, IconButton, Button } from '@mui/material';
 import { AccountCircle } from '@mui/icons-material';
 import logo from './logogp.png';
 import logo_white from './logogpwhite.png';
@@ -27,10 +17,7 @@ import AddDatabaseForm from './AddDatabaseForm';
 import { useTheme } from '@mui/material/styles';
 import styles from './navbar.module.scss';
 
-import {
-  updateCurrentDatabase,
-  updateDatabaseList,
-} from '@graphpolaris/shared/lib/data-access/store/sessionSlice';
+import { updateCurrentDatabase, updateDatabaseList } from '@graphpolaris/shared/lib/data-access/store/sessionSlice';
 import {
   AddDatabaseRequest,
   useAppDispatch,
@@ -129,14 +116,10 @@ export const Navbar = (props: NavbarComponentProps) => {
   /**
    * Called when the user clicks on the 'submit' button of the add database form.
    */
-  function onAddDatabaseFormSubmit(
-    request: AddDatabaseRequest
-  ): Promise<void | Response> {
-    return api
-      .AddDatabase(request, { updateDatabaseCache: true, setAsCurrent: true })
-      .then(() => {
-        schemaApi.RequestSchema(request.name);
-      });
+  function onAddDatabaseFormSubmit(request: AddDatabaseRequest): Promise<void | Response> {
+    return api.AddDatabase(request, { updateDatabaseCache: true, setAsCurrent: true }).then(() => {
+      schemaApi.RequestSchema(request.name);
+    });
   }
 
   const currentLogo = theme.palette.custom.logo == 'white' ? logo_white : logo;
@@ -167,11 +150,7 @@ export const Navbar = (props: NavbarComponentProps) => {
             >
               Change Palette
             </Button> */}
-            <Button
-              href="https://graphpolaris.com/"
-              className={styles.menuText}
-              style={{ color: theme.palette.custom.menuText }}
-            >
+            <Button href="https://graphpolaris.com/" className={styles.menuText} style={{ color: theme.palette.custom.menuText }}>
               Home
             </Button>
             <Button
@@ -181,11 +160,7 @@ export const Navbar = (props: NavbarComponentProps) => {
             >
               Products
             </Button>
-            <Button
-              href="https://graphpolaris.com#usecases"
-              className={styles.menuText}
-              style={{ color: theme.palette.custom.menuText }}
-            >
+            <Button href="https://graphpolaris.com#usecases" className={styles.menuText} style={{ color: theme.palette.custom.menuText }}>
               Use Cases
             </Button>
             <Button
@@ -252,10 +227,7 @@ export const Navbar = (props: NavbarComponentProps) => {
                       })
                     }
                   >
-                    <ListItemText
-                      onClick={() => openChangeSubMenu()}
-                      primary={'Change database'}
-                    />
+                    <ListItemText onClick={() => openChangeSubMenu()} primary={'Change database'} />
                   </MenuItem>
                   <Menu
                     id="databases-menus"
@@ -298,10 +270,7 @@ export const Navbar = (props: NavbarComponentProps) => {
                       })
                     }
                   >
-                    <ListItemText
-                      onClick={() => openDeleteSubMenu()}
-                      primary={'Delete database'}
-                    />
+                    <ListItemText onClick={() => openDeleteSubMenu()} primary={'Delete database'} />
                   </MenuItem>
                   <Menu
                     id="delete-databases-menus"

apps/web/src/components/panels/panel.tsx

@@ -12,7 +12,8 @@ const Wrapper = styled.div<{ color: string }>`
   font-family: 'Arial';
 
   // Light shadow
-  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
+  // box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
+  border: 1px solid #dddddd;
 
   height: 100%;
   width: 100%;
@@ -20,14 +21,13 @@ const Wrapper = styled.div<{ color: string }>`
   display: flex;
   justify-content: center;
   align-items: center;
-  border-radius: 8px;
 `;
 
 const Content = styled.div`
-  margin: 2em;
+  margin: 0.8em;
   border-radius: 8px;
   width: 100%;
-  height: 95%;
+  height: 98%;
   overflow: hidden;
 `;
 

apps/web/src/environments/variables.ts

-export const domain = import.meta.env.VITE_BACKEND_URL;
+export const domain = import.meta.env.VITE_BACKEND_URL;
\ No newline at end of file

apps/web/vite.config.ts

@@ -16,10 +16,7 @@ export default defineConfig({
   ],
   resolve: {
     alias: {
-      '@graphpolaris/shared/lib': path.resolve(
-        __dirname,
-        '../../libs/shared/lib'
-      ),
+      '@graphpolaris/shared/lib': path.resolve(__dirname, '../../libs/shared/lib'),
     },
   },
 });

libs/shared/lib/data-access/api/database.ts

 // All database related API calls
 
-import { useAppDispatch, useAuthorizationCache, useSessionCache } from "../store";
-import { updateCurrentDatabase, updateDatabaseList } from "../store/sessionSlice";
+import { useAppDispatch, useAuthorizationCache, useSessionCache } from '../store';
+import { updateCurrentDatabase, updateDatabaseList } from '../store/sessionSlice';
 
 export enum DatabaseType {
   ArangoDB = 0,
@@ -21,34 +21,31 @@ export type AddDatabaseRequest = {
 };
 
 export type AddDatabaseOptions = {
-  setAsCurrent?: boolean, updateDatabaseCache?: boolean
-}
+  setAsCurrent?: boolean;
+  updateDatabaseCache?: boolean;
+};
 
 export type GetDatabasesOptions = {
-  updateSessionCache?: boolean
-}
+  updateSessionCache?: boolean;
+};
 
 export type DeleteDatabasesOptions = {
-  updateSessionCache?: boolean
-}
+  updateSessionCache?: boolean;
+};
 
 export const useDatabaseAPI = (domain: string) => {
   const { accessToken } = useAuthorizationCache();
   const cache = useSessionCache();
   const dispatch = useAppDispatch();
 
-  function AddDatabase(
-    request: AddDatabaseRequest,
-    options: AddDatabaseOptions = {}
-  ): Promise<void> {
+  function AddDatabase(request: AddDatabaseRequest, options: AddDatabaseOptions = {}): Promise<void> {
     const { setAsCurrent = true, updateDatabaseCache = false } = options;
     return new Promise((resolve, reject) => {
       fetch(`https://${domain}/user/database`, {
         method: 'POST',
         credentials: 'same-origin',
         headers: new Headers({
-          Authorization:
-            'Bearer ' + accessToken,
+          Authorization: 'Bearer ' + accessToken,
         }),
         body: JSON.stringify(request),
       }).then((response: Response) => {
@@ -57,10 +54,8 @@ export const useDatabaseAPI = (domain: string) => {
         if (!response.ok) {
           reject(response.statusText);
         }
-        if (setAsCurrent)
-          dispatch(updateCurrentDatabase(request.name));
-        if (updateDatabaseCache)
-          GetAllDatabases({ updateSessionCache: true });
+        if (setAsCurrent) dispatch(updateCurrentDatabase(request.name));
+        if (updateDatabaseCache) GetAllDatabases({ updateSessionCache: true });
 
         resolve();
       });
@@ -74,8 +69,7 @@ export const useDatabaseAPI = (domain: string) => {
       method: 'GET',
       credentials: 'same-origin',
       headers: new Headers({
-        Authorization:
-          'Bearer ' + accessToken,
+        Authorization: 'Bearer ' + accessToken,
       }),
     });
     console.log(response);
@@ -87,8 +81,7 @@ export const useDatabaseAPI = (domain: string) => {
       // throw Error(response.statusText)
     }
     const json = await response.json();
-    if (updateDatabaseCache)
-      dispatch(updateDatabaseList(json.databases));
+    if (updateDatabaseCache) dispatch(updateDatabaseList(json.databases));
     return json.databases;
   }
 
@@ -99,21 +92,19 @@ export const useDatabaseAPI = (domain: string) => {
         method: 'DELETE',
         credentials: 'same-origin',
         headers: new Headers({
-          Authorization:
-            'Bearer ' + accessToken,
+          Authorization: 'Bearer ' + accessToken,
         }),
       }).then((response: Response) => {
         if (!response.ok) {
           reject(response.statusText);
         }
 
-        if (updateDatabaseCache)
-          GetAllDatabases({ updateSessionCache: true });
+        if (updateDatabaseCache) GetAllDatabases({ updateSessionCache: true });
 
         resolve();
       });
     });
   }
 
-  return { DatabaseType, AddDatabase, GetAllDatabases, DeleteDatabase }
+  return { DatabaseType, AddDatabase, GetAllDatabases, DeleteDatabase };
 };

libs/shared/lib/data-access/api/index.ts

-export * from './database'
-export * from './user'
-export * from './schema'
-export * from './query'
+export * from './database';
+export * from './user';
+export * from './schema';
+export * from './query';
\ No newline at end of file

libs/shared/lib/data-access/api/query.ts

 // All database related API calls
 
-import { BackendQueryFormat } from "../../querybuilder/model/BackendQueryFormat";
-import { useAuthorizationCache, useSessionCache } from "../store";
+import { BackendQueryFormat } from '../../querybuilder/model/BackendQueryFormat';
+import { useAuthorizationCache, useSessionCache } from '../store';
 
 export const useQueryAPI = (domain: string) => {
-    const cache = useSessionCache();
-    const { accessToken } = useAuthorizationCache();
-
-    async function execute(query: BackendQueryFormat) {
-
-        const response = await fetch(`https://${domain}/query/execute/`, {
-            method: 'POST',
-            credentials: 'same-origin',
-            headers: new Headers({
-                Authorization:
-                    'Bearer ' + accessToken,
-            }),
-            body: JSON.stringify(query)
-        });
-
-        if (!response?.ok) {
-            const ret = await response.text();
-            console.error(response, ret);
-        }
-        const ret = await response.json();
-        console.log('Sent Query EXECUTION', ret);
-    }
-
-    async function retrieveCachedQuery(queryID: string) {
-        // TODO: check if this method is needed!
-
-        // const response = await fetch(`https://${domain}/query/retrieve-cached/`, {
-        //     method: 'POST',
-        //     credentials: 'same-origin',
-        //     headers: new Headers({
-        //         Authorization:
-        //             'Bearer ' + accessToken,
-        //     }),
-        //     body: JSON.stringify({ queryID })
-        // });
-
-        // if (!response?.ok) {
-        //     const ret = await response.text();
-        //     console.error(response, ret);
-        // }
-        // // const ret = await response.json();
-        // console.log(response);
+  const cache = useSessionCache();
+  const { accessToken } = useAuthorizationCache();
+
+  async function execute(query: BackendQueryFormat) {
+    const response = await fetch(`https://${domain}/query/execute/`, {
+      method: 'POST',
+      credentials: 'same-origin',
+      headers: new Headers({
+        Authorization: 'Bearer ' + accessToken,
+      }),
+      body: JSON.stringify(query),
+    });
+
+    if (!response?.ok) {
+      const ret = await response.text();
+      console.error(response, ret);
+      return;
     }
-
-    return { execute, retrieveCachedQuery };
+    const ret = await response.json();
+    console.log('Sent Query EXECUTION', ret);
+  }
+
+  async function retrieveCachedQuery(queryID: string) {
+    // TODO: check if this method is needed!
+    // const response = await fetch(`https://${domain}/query/retrieve-cached/`, {
+    //     method: 'POST',
+    //     credentials: 'same-origin',
+    //     headers: new Headers({
+    //         Authorization:
+    //             'Bearer ' + accessToken,
+    //     }),
+    //     body: JSON.stringify({ queryID })
+    // });
+    // if (!response?.ok) {
+    //     const ret = await response.text();
+    //     console.error(response, ret);
+    // }
+    // // const ret = await response.json();
+    // console.log(response);
+  }
+
+  return { execute, retrieveCachedQuery };
 };

libs/shared/lib/data-access/api/schema.ts

 // All database related API calls
 
-import { useAuthorizationCache, useSessionCache } from "../store";
+import { useAuthorizationCache, useSessionCache } from '../store';
 
 export const useSchemaAPI = (domain: string) => {
-    const cache = useSessionCache();
-    const { accessToken } = useAuthorizationCache();
+  const cache = useSessionCache();
+  const { accessToken } = useAuthorizationCache();
 
+  async function RequestSchema(databaseName?: string) {
+    if (!databaseName) databaseName = cache.currentDatabase;
+    if (!databaseName) {
+      throw Error('Must call with a database name');
+    }
 
-    async function RequestSchema(databaseName?: string) {
-        if (!databaseName) databaseName = cache.currentDatabase;
-        if (!databaseName) {
-            throw Error('Must call with a database name');
-        }
-
-        const request = {
-            databaseName,
-            cached: true,
-        };
-
-        const response = await fetch(`https://${domain}/schema/`, {
-            method: 'POST',
-            credentials: 'same-origin',
-            headers: new Headers({
-                Authorization:
-                    'Bearer ' + accessToken,
-            }),
-            body: JSON.stringify(request)
-        });
-
-        if (!response?.ok) {
-            const ret = await response.text();
-            console.error(response, ret);
-        }
-        // const ret = await response.json();
-        console.log(response);
-
+    const request = {
+      databaseName,
+      cached: true,
+    };
+
+    const response = await fetch(`https://${domain}/schema/`, {
+      method: 'POST',
+      credentials: 'same-origin',
+      headers: new Headers({
+        Authorization: 'Bearer ' + accessToken,
+      }),
+      body: JSON.stringify(request),
+    });
+
+    if (!response?.ok) {
+      const ret = await response.text();
+      console.error(response, ret);
     }
+    // const ret = await response.json();
+    console.log(response);
+  }
 
-    return { RequestSchema };
+  return { RequestSchema };
 };

libs/shared/lib/data-access/api/user.ts

 // All user related API calls
 
-import { useAuthorizationCache } from "../store";
+import { useAuthorizationCache } from '../store';
 
 export type User = {
   Name: string;
@@ -37,6 +37,5 @@ export const useUserAPI = (domain: string) => {
     });
   }
 
-
   return { GetUserInfo };
 };