@omniumretail/shared-resources 0.0.1

package/src/services/ApiService/index.ts

@@ -0,0 +1,80 @@
+import 'whatwg-fetch';
+import { appConfig } from "../InitService";
+
+export const get = <T>(path: string, params?: Record<string, unknown>): Promise<T> => {
+    return buildApiRequest<T>(`${path}?${buildParams(params || {})}`, 'GET');
+}
+
+export const getAuth0 = <T>(path: string, params?: Record<string, unknown>): Promise<T> => {
+    return buildApiRequestForAuth0<T>(`${path}?${buildParams(params || {})}`, 'GET');
+}
+
+export const post = <T>(path: string, body?: unknown): Promise<T> => {
+    return buildApiRequest<T>(path, 'POST', body);
+}
+
+export const put = <T>(path: string, body?: unknown): Promise<T> => {
+    return buildApiRequest<T>(path, 'PUT', body);
+}
+
+const buildParams = (params: Record<string, unknown>): string => {
+    return Object.entries(params).reduce((c, [key, value]) => [...c, `${key}=${value}`], [] as string[]).join('&');
+}
+
+/**
+ * Build the api request
+ * @param path
+ * @param method
+ * @param data
+ * @returns
+ */
+const buildApiRequest = <T>(path: string, method = 'GET', data?: unknown): Promise<T> => {
+    const requestUri = buildPath(path);
+
+    return fetch(requestUri, {
+        method,
+        headers: {
+            'Content-Type': 'application/json',
+            Authorization: appConfig.token,
+        } as HeadersInit,
+        body: ['POST', 'PUT'].includes(method) ? JSON.stringify(data) : undefined,
+    }).then((response) => {
+        if (response.status >= 200 && response.status <= 300) {
+            return response.json();
+        }
+        return response.json().then((data) => Promise.reject(data));
+    });
+}
+
+/**
+* Build the api request with auth
+* @param path
+* @param method
+* @param data
+* @returns
+*/
+const buildApiRequestForAuth0 = <T>(path: string, method = 'GET', data?: unknown): Promise<T> => {
+    const requestUri = buildPath(path);
+
+    return fetch(requestUri, {
+        method,
+        headers: {
+            Authorization: `Bearer ${appConfig.tokenAuth0}`,
+        },
+        body: ['POST', 'PUT'].includes(method) ? JSON.stringify(data) : undefined,
+    }).then((response) => {
+        if (response.status >= 200 && response.status <= 300) {
+            return response.json();
+        }
+        return response;
+    });
+}
+
+/**
+ * Builds the path to access the api
+ * @param path
+ * @returns
+ */
+const buildPath = (path: string): string => {
+    return `${appConfig.ApiHost}${appConfig.ApiPath}${path}`;
+};

package/src/services/InitService/index.ts

@@ -0,0 +1,7 @@
+import { Configuration } from "../../interfaces/Configuration";
+
+export const appConfig: Partial<Configuration> = {};
+
+export const initService = (configuration: Configuration) => {
+    Object.assign(appConfig, configuration);
+}

package/src/services/index.ts

@@ -0,0 +1,3 @@
+
+export * from './InitService';
+export * from './ApiService';

package/src/types/Global.d.ts

@@ -0,0 +1,4 @@
+declare module "*.module.css";
+declare module "*.module.scss";
+declare module "*.png";
+declare module "*.svg";

package/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "outDir": "./dist",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": false,
+    "strictNullChecks": false,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "declaration": true,
+    "declarationDir": "./dist/types",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": false,
+    "sourceMap": true,
+    "jsx": "react-jsx",
+    "experimentalDecorators": true
+  },
+  "include": ["src"]
+}

package/webpack.config.js

@@ -0,0 +1,48 @@
+const path = require('path');
+
+module.exports = {
+    mode: 'development',
+    entry: './src/index.ts',
+    devtool: "eval-cheap-source-map",
+    output: {
+        path: path.resolve(__dirname, 'dist'),
+        filename: 'bundle.js',
+        libraryTarget: 'umd',
+        library: 'lib',
+    },
+    resolve: {
+        extensions: ['.js', '.jsx', '.ts', '.tsx'],
+    },
+    module: {
+        rules: [
+            {
+                test: /\.s?css$/,
+                use: [
+                    { loader: 'style-loader' },
+                    {
+                        loader: 'css-loader',
+                        options: {
+                            modules: true
+                        }
+                    },
+                    { loader: 'sass-loader' }
+                ]
+            },
+            {
+                test: /\.(png|svg|jpg|gif)$/,
+                loader: 'url-loader',
+                options: {
+                    limit: Infinity // everything
+                }
+            },
+            { test: /\.tsx?$/, use: 'ts-loader' },
+        ],
+    },
+    externals: {
+        react: "react",
+        "react-dom": "react-dom",
+        "react-router-dom": "react-router-dom",
+        // "@tanstack/react-query": "@tanstack/react-query",
+        "@tanstack/query-core": "@tanstack/query-core",
+    },
+};