danholibraryjs 1.10.0 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Classes/DanhoLogger.d.ts +23 -0
- package/dist/Classes/DanhoLogger.js +65 -0
- package/dist/Classes/Events/EventEmitter.d.ts +1 -1
- package/dist/Classes/Events/EventEmitter.js +1 -1
- package/dist/Classes/Time/Date.d.ts +1 -0
- package/dist/Classes/Time/Date.js +4 -1
- package/dist/Classes/Time/Time.d.ts +5 -4
- package/dist/Classes/Time/Time.js +7 -4
- package/dist/Classes/index.d.ts +1 -0
- package/dist/Classes/index.js +1 -0
- package/dist/Classes/store.d.ts +5 -9
- package/dist/Extensions/Array/array.extension.d.ts +42 -0
- package/dist/Extensions/Array/array.extension.js +57 -0
- package/dist/Extensions/Array/crud.extension.d.ts +24 -0
- package/dist/Extensions/Array/crud.extension.js +28 -0
- package/dist/Extensions/Array/index.d.ts +20 -0
- package/dist/Extensions/Array/index.js +40 -0
- package/dist/Extensions/Array/loop.extension.d.ts +18 -0
- package/dist/Extensions/Array/loop.extension.js +23 -0
- package/dist/Extensions/Array/random.extension.d.ts +23 -0
- package/dist/Extensions/Array/random.extension.js +35 -0
- package/dist/Extensions/Array/sort.extension.d.ts +27 -0
- package/dist/Extensions/Array/sort.extension.js +31 -0
- package/dist/Extensions/Array/string.extension.d.ts +13 -0
- package/dist/Extensions/Array/string.extension.js +14 -0
- package/dist/Extensions/Array.d.ts +17 -3
- package/dist/Extensions/Array.js +0 -12
- package/dist/Extensions/Function.d.ts +17 -2
- package/dist/Extensions/Function.js +15 -2
- package/dist/Extensions/Number.d.ts +13 -0
- package/dist/Extensions/Number.js +40 -0
- package/dist/Extensions/Object/arrays.extension.d.ts +17 -0
- package/dist/Extensions/Object/arrays.extension.js +13 -0
- package/dist/Extensions/Object/booleans.extension.d.ts +18 -0
- package/dist/Extensions/Object/booleans.extension.js +37 -0
- package/dist/Extensions/Object/extracts.extension.d.ts +38 -0
- package/dist/Extensions/Object/extracts.extension.js +72 -0
- package/dist/Extensions/Object/index.d.ts +8 -47
- package/dist/Extensions/Object/index.js +31 -33
- package/dist/Extensions/Object/properties.extension.d.ts +6 -0
- package/dist/Extensions/Object/properties.extension.js +4 -0
- package/dist/Extensions/Object/properties.js +1 -2
- package/dist/Extensions/String/case.extension.d.ts +12 -0
- package/dist/Extensions/String/case.extension.js +55 -0
- package/dist/Extensions/String/index.d.ts +4 -0
- package/dist/Extensions/String/index.js +30 -0
- package/dist/Extensions/index.d.ts +1 -12
- package/dist/Extensions/index.js +1 -9
- package/dist/Types/Able.d.ts +16 -0
- package/dist/Types/Able.js +2 -0
- package/dist/Types/Array.d.ts +6 -0
- package/dist/Types/Array.js +2 -0
- package/dist/Types/C#.d.ts +8 -0
- package/dist/Types/C#.js +2 -0
- package/dist/Types/Date.d.ts +1 -1
- package/dist/Types/Events.d.ts +2 -2
- package/dist/Types/Function.d.ts +5 -0
- package/dist/Types/Function.js +2 -0
- package/dist/Types/Object.d.ts +4 -0
- package/dist/Types/Object.js +2 -0
- package/dist/Types/PropertiesWith.d.ts +21 -0
- package/dist/Types/String.d.ts +1 -0
- package/dist/Types/String.js +2 -0
- package/dist/Types/TransformTypes.d.ts +9 -0
- package/dist/Types/index.d.ts +6 -28
- package/dist/Types/index.js +6 -0
- package/dist/Utils/ApiUtil/ApiTypes.d.ts +15 -0
- package/dist/Utils/ApiUtil/ApiTypes.js +15 -0
- package/dist/Utils/ApiUtil/RequestUtil.d.ts +19 -0
- package/dist/Utils/ApiUtil/RequestUtil.js +73 -0
- package/dist/Utils/ApiUtil/index.d.ts +20 -0
- package/dist/Utils/ApiUtil/index.js +33 -0
- package/dist/Utils/ApiUtils/ApiTypes.d.ts +15 -0
- package/dist/Utils/ApiUtils/ApiTypes.js +15 -0
- package/dist/Utils/ApiUtils/RequestUtil.d.ts +19 -0
- package/dist/Utils/ApiUtils/RequestUtil.js +73 -0
- package/dist/Utils/ApiUtils/index.d.ts +20 -0
- package/dist/Utils/ApiUtils/index.js +33 -0
- package/dist/Utils/ColorUtils.d.ts +11 -0
- package/dist/Utils/ColorUtils.js +93 -0
- package/dist/Utils/FormUtil.d.ts +6 -0
- package/dist/Utils/FormUtil.js +35 -0
- package/dist/Utils/FormUtils.d.ts +6 -0
- package/dist/Utils/FormUtils.js +35 -0
- package/dist/Utils/NumberUtils.d.ts +1 -0
- package/dist/Utils/NumberUtils.js +7 -0
- package/dist/Utils/PatcherUtils.d.ts +6 -0
- package/dist/Utils/PatcherUtils.js +80 -0
- package/dist/Utils/StringUtils.d.ts +3 -0
- package/dist/Utils/StringUtils.js +47 -0
- package/dist/Utils/TimeUtils/debounce.util.d.ts +22 -0
- package/dist/Utils/TimeUtils/debounce.util.js +78 -0
- package/dist/Utils/TimeUtils/functions.util.d.ts +4 -0
- package/dist/Utils/TimeUtils/functions.util.js +21 -0
- package/dist/Utils/TimeUtils/index.d.ts +15 -0
- package/dist/Utils/TimeUtils/index.js +34 -0
- package/dist/Utils/TimeUtils/throttle.util.d.ts +15 -0
- package/dist/Utils/TimeUtils/throttle.util.js +43 -0
- package/dist/Utils/index.d.ts +7 -0
- package/dist/Utils/index.js +23 -0
- package/package.json +4 -2
- package/src/Classes/DanhoLogger.ts +78 -0
- package/src/Classes/Events/Event.ts +96 -96
- package/src/Classes/Events/EventCollection.ts +90 -90
- package/src/Classes/Events/EventEmitter.ts +68 -68
- package/src/Classes/Time/Date.ts +219 -216
- package/src/Classes/Time/Time.ts +109 -104
- package/src/Classes/Time/TimeSpan.ts +171 -171
- package/src/Classes/index.ts +1 -0
- package/src/Classes/store.ts +22 -22
- package/src/Extensions/Array/array.extension.ts +103 -0
- package/src/Extensions/Array/crud.extension.ts +46 -0
- package/src/Extensions/Array/index.ts +15 -0
- package/src/Extensions/Array/loop.extension.ts +38 -0
- package/src/Extensions/Array/random.extension.ts +56 -0
- package/src/Extensions/Array/sort.extension.ts +52 -0
- package/src/Extensions/Array/string.extension.ts +22 -0
- package/src/Extensions/Document.ts +39 -39
- package/src/Extensions/Function.ts +37 -10
- package/src/Extensions/Map.ts +56 -56
- package/src/Extensions/Number.ts +50 -0
- package/src/Extensions/Object/arrays.extension.ts +27 -0
- package/src/Extensions/Object/booleans.extension.ts +46 -0
- package/src/Extensions/Object/extracts.extension.ts +102 -0
- package/src/Extensions/Object/index.ts +9 -80
- package/src/Extensions/Object/properties.extension.ts +11 -0
- package/src/Extensions/Object/properties.ts +35 -36
- package/src/Extensions/String/case.extension.ts +95 -0
- package/src/Extensions/String/index.ts +5 -0
- package/src/Extensions/index.ts +2 -20
- package/src/Interfaces/ElementOptions.ts +7 -7
- package/src/Interfaces/IReplacement.ts +2 -2
- package/src/Types/Able.ts +22 -0
- package/src/Types/Array.ts +7 -0
- package/src/Types/C#.ts +9 -0
- package/src/Types/Date.ts +1 -1
- package/src/Types/Events.ts +12 -12
- package/src/Types/Function.ts +10 -0
- package/src/Types/Object.ts +4 -0
- package/src/Types/PropertiesWith.ts +35 -4
- package/src/Types/String.ts +1 -0
- package/src/Types/TransformTypes.ts +23 -5
- package/src/Types/index.ts +7 -41
- package/src/Utils/ApiUtils/ApiTypes.ts +43 -0
- package/src/Utils/ApiUtils/RequestUtil.ts +87 -0
- package/src/Utils/ApiUtils/index.ts +39 -0
- package/src/Utils/ColorUtils.ts +102 -0
- package/src/Utils/FormUtils.ts +33 -0
- package/src/Utils/NumberUtils.ts +3 -0
- package/src/Utils/PatcherUtils.ts +111 -0
- package/src/Utils/StringUtils.ts +44 -0
- package/src/Utils/TimeUtils/debounce.util.ts +85 -0
- package/src/Utils/TimeUtils/functions.util.ts +18 -0
- package/src/Utils/TimeUtils/index.ts +9 -0
- package/src/Utils/TimeUtils/throttle.util.ts +44 -0
- package/src/Utils/index.ts +8 -0
- package/src/Extensions/Array.ts +0 -95
- package/src/Extensions/String.ts +0 -54
package/dist/Extensions/index.js
CHANGED
|
@@ -14,17 +14,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.BooleanExtensions = void 0;
|
|
18
17
|
__exportStar(require("./Array"), exports);
|
|
19
18
|
__exportStar(require("./Document"), exports);
|
|
20
19
|
__exportStar(require("./Map"), exports);
|
|
21
20
|
__exportStar(require("./Object"), exports);
|
|
21
|
+
__exportStar(require("./Number"), exports);
|
|
22
22
|
__exportStar(require("./String"), exports);
|
|
23
|
-
function parseBoolean(value) {
|
|
24
|
-
return value === "true";
|
|
25
|
-
}
|
|
26
|
-
;
|
|
27
|
-
Boolean.parseBoolean = parseBoolean;
|
|
28
|
-
exports.BooleanExtensions = {
|
|
29
|
-
parseBoolean
|
|
30
|
-
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Item is function or T
|
|
3
|
+
*/
|
|
4
|
+
export type Functionable<T, Args extends any[] = []> = T | ((...args: Args) => T);
|
|
5
|
+
/**
|
|
6
|
+
* Item is Promise<T> or T
|
|
7
|
+
*/
|
|
8
|
+
export type Promisable<T> = T | Promise<T>;
|
|
9
|
+
/**
|
|
10
|
+
* Item is T or null
|
|
11
|
+
*/
|
|
12
|
+
export type Nullable<T> = T | null;
|
|
13
|
+
/**
|
|
14
|
+
* Item cannot be null or undefined
|
|
15
|
+
*/
|
|
16
|
+
export type NonNullable<T> = T extends null ? never : T extends undefined ? never : T;
|
package/dist/Types/C#.js
ADDED
package/dist/Types/Date.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type LongMonth = '
|
|
1
|
+
export type LongMonth = 'January' | 'February' | 'March' | 'April' | 'May' | 'June' | 'July' | 'August' | 'September' | 'October' | 'November' | 'December';
|
|
2
2
|
export type ShortMonth = 'Jan' | 'Feb' | 'Mar' | 'Apr' | 'May' | 'Jun' | 'Jul' | 'Aug' | 'Sep' | 'Oct' | 'Nov' | 'Dec';
|
|
3
3
|
export type Month = LongMonth | ShortMonth;
|
|
4
4
|
export type ShortDay = 'Mon' | 'Tue' | 'Wed' | 'Thu' | 'Fri' | 'Sat' | 'Sun';
|
package/dist/Types/Events.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Default
|
|
2
|
+
* Default event-handler mapper. Object with properties that are arrays
|
|
3
3
|
*/
|
|
4
4
|
export type BaseEvent<Keys extends string, Types extends Array<any>> = Record<Keys, Types>;
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
6
|
+
* Event-handler type for:
|
|
7
7
|
* @see EventCollection
|
|
8
8
|
* @borrows BaseEvent
|
|
9
9
|
*/
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export type NewReturnType<Function extends (...args: any[]) => any, NewReturnType extends any> = (...args: Parameters<Function>) => NewReturnType;
|
|
2
|
+
export type PromisedReturn<Function extends (...args: any[]) => any> = NewReturnType<Function, Promise<ReturnType<Function>>>;
|
|
3
|
+
export type NoFunctions<T> = {
|
|
4
|
+
[K in keyof T]: T[K] extends Function ? never : T[K];
|
|
5
|
+
};
|
|
@@ -11,3 +11,24 @@ export default PropertiesWith;
|
|
|
11
11
|
export type PropertiesWithout<Type, From> = {
|
|
12
12
|
[Key in keyof From as From[Key] extends Type ? never : Key]: From[Key];
|
|
13
13
|
};
|
|
14
|
+
/**
|
|
15
|
+
* GetRepeatedKeys<[
|
|
16
|
+
* { username: string, password: string },
|
|
17
|
+
* { username: number, email: string },
|
|
18
|
+
* ]> // { username: string | number }
|
|
19
|
+
*/
|
|
20
|
+
export type GetRepeatedKeys<Types extends Array<any>> = (Types extends [infer First, infer Second, ...infer Rest] ? First extends object ? Second extends object ? {
|
|
21
|
+
[Key in Extract<keyof First, keyof Second>]: First[Key] | Second[Key];
|
|
22
|
+
} & GetRepeatedKeys<Rest> : {} : {} : {});
|
|
23
|
+
/**
|
|
24
|
+
* Situation: Model = Character | Artifact | Domain
|
|
25
|
+
* Type must include generic type T, which is the Model type
|
|
26
|
+
* Type must also include generic type TProps, which is the properties of the Model type. Selected properties of TProps must extract the types of Model whose properties has been selected.
|
|
27
|
+
*
|
|
28
|
+
* Example:
|
|
29
|
+
* type Model = Character | Artifact | Domain
|
|
30
|
+
* Properties<Model, 'name' | 'rarity'>
|
|
31
|
+
*
|
|
32
|
+
* Result: Character | Artifact, because only Character and Artifact have 'name' and 'rarity' properties
|
|
33
|
+
*/
|
|
34
|
+
export type ModelWithProps<T, TProps extends (keyof T | string)> = T extends Record<TProps, any> ? T : never;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type Autocomplete<T> = T | (string & {});
|
|
@@ -10,4 +10,13 @@ export type TransformType<From, Start, Switch> = {
|
|
|
10
10
|
export type TransformTypes<From, BaseType, NewType> = Record<keyof {
|
|
11
11
|
[Key in keyof From as From[Key] extends BaseType ? Key : never]: Key;
|
|
12
12
|
}, NewType>;
|
|
13
|
+
export type Json<T> = {
|
|
14
|
+
[Key in keyof T]: T[Key] extends object ? Json<T[Key]> : T[Key] extends Array<infer U> ? Array<Json<U>> : T[Key] extends number | string | boolean | null ? T[Key] : string;
|
|
15
|
+
};
|
|
16
|
+
/**
|
|
17
|
+
* Type's properties are ReturnType
|
|
18
|
+
*/
|
|
19
|
+
export type AllPropsAre<ReturnType> = {
|
|
20
|
+
[key: string]: ReturnType;
|
|
21
|
+
};
|
|
13
22
|
export default TransformTypes;
|
package/dist/Types/index.d.ts
CHANGED
|
@@ -1,17 +1,14 @@
|
|
|
1
|
+
export * from './Able';
|
|
2
|
+
export * from './Array';
|
|
1
3
|
export * from './BetterTypes';
|
|
4
|
+
export * from './C#';
|
|
2
5
|
export * from './Date';
|
|
3
6
|
export * from './Events';
|
|
7
|
+
export * from './Function';
|
|
4
8
|
export * from './TransformTypes';
|
|
9
|
+
export * from './Object';
|
|
5
10
|
export * from './PropertiesWith';
|
|
6
|
-
|
|
7
|
-
* Item is single or multiple
|
|
8
|
-
*/
|
|
9
|
-
export type Arrayable<T> = T | Array<T>;
|
|
10
|
-
/**
|
|
11
|
-
* Item is function or T
|
|
12
|
-
*/
|
|
13
|
-
export type Functionable<T> = T | (() => T);
|
|
14
|
-
|
|
11
|
+
export * from './String';
|
|
15
12
|
/**
|
|
16
13
|
* Used for HTMLElement.append in ElementOptions, Document.createProperElement.
|
|
17
14
|
* IElement accepts HTML Elements or HTMl-like strings.
|
|
@@ -20,27 +17,8 @@ export type Functionable<T> = T | (() => T);
|
|
|
20
17
|
* @see Document.createElement
|
|
21
18
|
*/
|
|
22
19
|
export type IElement = HTMLElement | string;
|
|
23
|
-
/**
|
|
24
|
-
* Return types of T
|
|
25
|
-
*/
|
|
26
|
-
export type ValueOf<T> = T[keyof T];
|
|
27
|
-
/**
|
|
28
|
-
* Type's properties are ReturnType
|
|
29
|
-
*/
|
|
30
|
-
export type AllPropsAre<ReturnType> = {
|
|
31
|
-
[key: string]: ReturnType;
|
|
32
|
-
};
|
|
33
20
|
/**
|
|
34
21
|
* string or RegExp.. pretty self-explanatory
|
|
35
22
|
*/
|
|
36
23
|
export type StringRegex = string | RegExp;
|
|
37
24
|
export type If<Boolean extends boolean, True, False> = Boolean extends true ? True : False;
|
|
38
|
-
/**
|
|
39
|
-
* GetRepeatedKeys<[
|
|
40
|
-
* { username: string, password: string },
|
|
41
|
-
* { username: number, email: string },
|
|
42
|
-
* ]> // { username: string | number }
|
|
43
|
-
*/
|
|
44
|
-
export type GetRepeatedKeys<Types extends Array<any>> = (Types extends [infer First, infer Second, ...infer Rest] ? First extends object ? Second extends object ? {
|
|
45
|
-
[Key in Extract<keyof First, keyof Second>]: First[Key] | Second[Key];
|
|
46
|
-
} & GetRepeatedKeys<Rest> : {} : {} : {});
|
package/dist/Types/index.js
CHANGED
|
@@ -14,8 +14,14 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./Able"), exports);
|
|
18
|
+
__exportStar(require("./Array"), exports);
|
|
17
19
|
__exportStar(require("./BetterTypes"), exports);
|
|
20
|
+
__exportStar(require("./C#"), exports);
|
|
18
21
|
__exportStar(require("./Date"), exports);
|
|
19
22
|
__exportStar(require("./Events"), exports);
|
|
23
|
+
__exportStar(require("./Function"), exports);
|
|
20
24
|
__exportStar(require("./TransformTypes"), exports);
|
|
25
|
+
__exportStar(require("./Object"), exports);
|
|
21
26
|
__exportStar(require("./PropertiesWith"), exports);
|
|
27
|
+
__exportStar(require("./String"), exports);
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export type TParam = string | undefined;
|
|
2
|
+
export type HttpMethods = 'GET' | 'POST' | 'PUT' | 'DELETE';
|
|
3
|
+
export type RequestOptions<TBody = any> = Omit<RequestInit, 'method' | 'body'> & {
|
|
4
|
+
method?: HttpMethods;
|
|
5
|
+
body?: TBody;
|
|
6
|
+
noHeaders?: boolean;
|
|
7
|
+
controller?: AbortController;
|
|
8
|
+
query?: Record<string, string | undefined>;
|
|
9
|
+
baseEndpoint?: string;
|
|
10
|
+
};
|
|
11
|
+
export type ApiUtilOptions = {
|
|
12
|
+
baseEndpointDev: string;
|
|
13
|
+
baseEndpoint?: string;
|
|
14
|
+
log?: boolean;
|
|
15
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
// All possible endpoints for the API. This will generate autocomplete when using the Request function
|
|
4
|
+
// The commented code below is an example from my previous "CitizenTaxi" project to illustrate how this works
|
|
5
|
+
// export type ApiEndpoints<Param extends TParam = undefined> =
|
|
6
|
+
// | `bookings` // [GET, POST]
|
|
7
|
+
// | `bookings?citizenId=${Param}` // [GET] Guid
|
|
8
|
+
// | `bookings/${Param}` // [GET, PUT, DELETE] Guid bookingId
|
|
9
|
+
// | `notes` // [GET, POST]
|
|
10
|
+
// | `notes?citizenId=${Param}` // [GET] Guid
|
|
11
|
+
// | `notes/${Param}` // [GET, PUT, DELETE] Guid noteId
|
|
12
|
+
// | `users` // [GET, POST]
|
|
13
|
+
// | `users?role=${Param}` // [GET] enum Role
|
|
14
|
+
// | `users/${Param}` // [GET, PUT, DELETE] Guid userId
|
|
15
|
+
// | `users/authenticate`; // [POST, DELETE]
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { RequestOptions } from "./ApiTypes";
|
|
2
|
+
/**
|
|
3
|
+
* Makes a request to the API
|
|
4
|
+
* @param path Api endpoint to request
|
|
5
|
+
* @param options Additional options for the request
|
|
6
|
+
* @returns The response from the API
|
|
7
|
+
*/
|
|
8
|
+
export declare function Request<TData, ApiEndpoints extends string>(path: ApiEndpoints, { method, body, noHeaders, controller, query, baseEndpoint }?: RequestOptions | undefined, log?: boolean): Promise<{
|
|
9
|
+
success: boolean;
|
|
10
|
+
status: number;
|
|
11
|
+
data: TData;
|
|
12
|
+
text: string;
|
|
13
|
+
}>;
|
|
14
|
+
/**
|
|
15
|
+
* Ensures that the path starts with a /
|
|
16
|
+
* @param path Path string
|
|
17
|
+
* @returns Path that starts with a /
|
|
18
|
+
*/
|
|
19
|
+
export declare function ensureSlash(path: string): string;
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ensureSlash = exports.Request = void 0;
|
|
4
|
+
/**
|
|
5
|
+
* Makes a request to the API
|
|
6
|
+
* @param path Api endpoint to request
|
|
7
|
+
* @param options Additional options for the request
|
|
8
|
+
* @returns The response from the API
|
|
9
|
+
*/
|
|
10
|
+
async function Request(path,
|
|
11
|
+
// Destructor the options object, if it's undefined then set it to an empty object
|
|
12
|
+
{ method = 'GET', body, noHeaders = false, controller = new AbortController(), query, baseEndpoint } = {}, log = false) {
|
|
13
|
+
// console.log(`Requesting ${path} with method ${method}`);
|
|
14
|
+
// Construct the endpoint for the request
|
|
15
|
+
const endpoint = (() => {
|
|
16
|
+
const result = baseEndpoint + ensureSlash(path);
|
|
17
|
+
if (path.includes('?') || !query)
|
|
18
|
+
return result;
|
|
19
|
+
// If the query object is defined, then construct a query string from it
|
|
20
|
+
const queryString = Object.entries(query)
|
|
21
|
+
.map(([key, value]) => value ? `${key}=${value}` : '')
|
|
22
|
+
.join('&');
|
|
23
|
+
return path.includes('?') ? `${result}&${queryString}` : `${result}?${queryString}`;
|
|
24
|
+
})();
|
|
25
|
+
// Construct the request init object to pass to the fetch function
|
|
26
|
+
const init = {
|
|
27
|
+
method,
|
|
28
|
+
body: body ? !noHeaders ? JSON.stringify(body) : body : undefined,
|
|
29
|
+
headers: !noHeaders ? { 'Content-Type': 'application/json' } : undefined,
|
|
30
|
+
signal: controller.signal,
|
|
31
|
+
credentials: 'include',
|
|
32
|
+
mode: 'cors'
|
|
33
|
+
};
|
|
34
|
+
// Make the request, log any errors, and throw them again
|
|
35
|
+
const res = await fetch(endpoint, init).catch(err => {
|
|
36
|
+
console.error(`Failed to [${method}] ${path}`, err);
|
|
37
|
+
throw err;
|
|
38
|
+
});
|
|
39
|
+
if (log)
|
|
40
|
+
console.log(`[${method}] ${path} responded with ${res.status}`, res);
|
|
41
|
+
// Clone the response so that it can be converted to JSON and text
|
|
42
|
+
const clone = res.clone();
|
|
43
|
+
// All successful responses are in the 200s, so check if the status code starts with 2
|
|
44
|
+
const isSuccessful = res.status.toString().startsWith('2');
|
|
45
|
+
// This try-catch block is used to catch any errors when converting the response to JSON
|
|
46
|
+
// If the response is not jsonable, then the catch will return null for the data
|
|
47
|
+
try {
|
|
48
|
+
return {
|
|
49
|
+
success: isSuccessful,
|
|
50
|
+
status: res.status,
|
|
51
|
+
data: await res.json(),
|
|
52
|
+
text: await clone.text(),
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
catch {
|
|
56
|
+
return {
|
|
57
|
+
success: isSuccessful,
|
|
58
|
+
status: res.status,
|
|
59
|
+
data: null,
|
|
60
|
+
text: await clone.text(),
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
exports.Request = Request;
|
|
65
|
+
/**
|
|
66
|
+
* Ensures that the path starts with a /
|
|
67
|
+
* @param path Path string
|
|
68
|
+
* @returns Path that starts with a /
|
|
69
|
+
*/
|
|
70
|
+
function ensureSlash(path) {
|
|
71
|
+
return path.startsWith('/') ? path : '/' + path;
|
|
72
|
+
}
|
|
73
|
+
exports.ensureSlash = ensureSlash;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ApiUtilOptions, RequestOptions } from "./ApiTypes";
|
|
2
|
+
export declare class ApiUtil<ApiEndpoints extends string> {
|
|
3
|
+
protected __baseEndpointDev: string;
|
|
4
|
+
protected __baseEndpoint?: string;
|
|
5
|
+
protected __log: boolean;
|
|
6
|
+
constructor({ baseEndpointDev, baseEndpoint, log }: ApiUtilOptions);
|
|
7
|
+
/**
|
|
8
|
+
* Make a request to the API
|
|
9
|
+
* @param path The path to the endpoint
|
|
10
|
+
* @param options The options for the request
|
|
11
|
+
* @returns The response from the API
|
|
12
|
+
*/
|
|
13
|
+
request<TData>(path: ApiEndpoints, options?: RequestOptions): Promise<{
|
|
14
|
+
success: boolean;
|
|
15
|
+
status: number;
|
|
16
|
+
data: TData;
|
|
17
|
+
text: string;
|
|
18
|
+
}>;
|
|
19
|
+
get baseEndpoint(): string;
|
|
20
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ApiUtil = void 0;
|
|
4
|
+
const RequestUtil_1 = require("./RequestUtil");
|
|
5
|
+
class ApiUtil {
|
|
6
|
+
__baseEndpointDev;
|
|
7
|
+
__baseEndpoint;
|
|
8
|
+
__log;
|
|
9
|
+
constructor({ baseEndpointDev, baseEndpoint, log }) {
|
|
10
|
+
this.__baseEndpointDev = baseEndpointDev;
|
|
11
|
+
this.__baseEndpoint = baseEndpoint;
|
|
12
|
+
this.__log = log ?? false;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Make a request to the API
|
|
16
|
+
* @param path The path to the endpoint
|
|
17
|
+
* @param options The options for the request
|
|
18
|
+
* @returns The response from the API
|
|
19
|
+
*/
|
|
20
|
+
async request(path, options) {
|
|
21
|
+
return (0, RequestUtil_1.Request)(path, {
|
|
22
|
+
...options,
|
|
23
|
+
baseEndpoint: this.baseEndpoint
|
|
24
|
+
}, this.__log);
|
|
25
|
+
}
|
|
26
|
+
get baseEndpoint() {
|
|
27
|
+
const processExists = 'process' in globalThis;
|
|
28
|
+
// @ts-ignore -- process is not defined in the browser
|
|
29
|
+
const isDev = processExists && process.env.NODE_ENV === 'development';
|
|
30
|
+
return isDev ? this.__baseEndpointDev : this.__baseEndpoint ?? this.__baseEndpointDev;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
exports.ApiUtil = ApiUtil;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export type TParam = string | undefined;
|
|
2
|
+
export type HttpMethods = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
|
|
3
|
+
export type RequestOptions<TBody = any> = Omit<RequestInit, 'method' | 'body'> & {
|
|
4
|
+
method?: HttpMethods;
|
|
5
|
+
body?: TBody;
|
|
6
|
+
noHeaders?: boolean;
|
|
7
|
+
controller?: AbortController;
|
|
8
|
+
query?: Record<string, string | undefined>;
|
|
9
|
+
baseEndpoint?: string;
|
|
10
|
+
};
|
|
11
|
+
export type ApiUtilOptions = {
|
|
12
|
+
baseEndpointDev: string;
|
|
13
|
+
baseEndpoint?: string;
|
|
14
|
+
log?: boolean;
|
|
15
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
// All possible endpoints for the API. This will generate autocomplete when using the Request function
|
|
4
|
+
// The commented code below is an example from my previous "CitizenTaxi" project to illustrate how this works
|
|
5
|
+
// export type ApiEndpoints<Param extends TParam = undefined> =
|
|
6
|
+
// | `bookings` // [GET, POST]
|
|
7
|
+
// | `bookings?citizenId=${Param}` // [GET] Guid
|
|
8
|
+
// | `bookings/${Param}` // [GET, PUT, DELETE] Guid bookingId
|
|
9
|
+
// | `notes` // [GET, POST]
|
|
10
|
+
// | `notes?citizenId=${Param}` // [GET] Guid
|
|
11
|
+
// | `notes/${Param}` // [GET, PUT, DELETE] Guid noteId
|
|
12
|
+
// | `users` // [GET, POST]
|
|
13
|
+
// | `users?role=${Param}` // [GET] enum Role
|
|
14
|
+
// | `users/${Param}` // [GET, PUT, DELETE] Guid userId
|
|
15
|
+
// | `users/authenticate`; // [POST, DELETE]
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { RequestOptions } from "./ApiTypes";
|
|
2
|
+
/**
|
|
3
|
+
* Makes a request to the API
|
|
4
|
+
* @param path Api endpoint to request
|
|
5
|
+
* @param options Additional options for the request
|
|
6
|
+
* @returns The response from the API
|
|
7
|
+
*/
|
|
8
|
+
export declare function Request<TData, ApiEndpoints extends string>(path: ApiEndpoints, { method, body, noHeaders, controller, query, baseEndpoint }?: RequestOptions | undefined, log?: boolean): Promise<{
|
|
9
|
+
success: boolean;
|
|
10
|
+
status: number;
|
|
11
|
+
data: TData;
|
|
12
|
+
text: string;
|
|
13
|
+
}>;
|
|
14
|
+
/**
|
|
15
|
+
* Ensures that the path starts with a /
|
|
16
|
+
* @param path Path string
|
|
17
|
+
* @returns Path that starts with a /
|
|
18
|
+
*/
|
|
19
|
+
export declare function ensureSlash(path: string): string;
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ensureSlash = exports.Request = void 0;
|
|
4
|
+
/**
|
|
5
|
+
* Makes a request to the API
|
|
6
|
+
* @param path Api endpoint to request
|
|
7
|
+
* @param options Additional options for the request
|
|
8
|
+
* @returns The response from the API
|
|
9
|
+
*/
|
|
10
|
+
async function Request(path,
|
|
11
|
+
// Destructor the options object, if it's undefined then set it to an empty object
|
|
12
|
+
{ method = 'GET', body, noHeaders = false, controller = new AbortController(), query, baseEndpoint } = {}, log = false) {
|
|
13
|
+
// console.log(`Requesting ${path} with method ${method}`);
|
|
14
|
+
// Construct the endpoint for the request
|
|
15
|
+
const endpoint = (() => {
|
|
16
|
+
const result = baseEndpoint + ensureSlash(path);
|
|
17
|
+
if (path.includes('?') || !query)
|
|
18
|
+
return result;
|
|
19
|
+
// If the query object is defined, then construct a query string from it
|
|
20
|
+
const queryString = Object.entries(query)
|
|
21
|
+
.map(([key, value]) => value ? `${key}=${value}` : '')
|
|
22
|
+
.join('&');
|
|
23
|
+
return path.includes('?') ? `${result}&${queryString}` : `${result}?${queryString}`;
|
|
24
|
+
})();
|
|
25
|
+
// Construct the request init object to pass to the fetch function
|
|
26
|
+
const init = {
|
|
27
|
+
method,
|
|
28
|
+
body: body ? !noHeaders ? JSON.stringify(body) : body : undefined,
|
|
29
|
+
headers: !noHeaders ? { 'Content-Type': 'application/json' } : undefined,
|
|
30
|
+
signal: controller.signal,
|
|
31
|
+
credentials: 'include',
|
|
32
|
+
mode: 'cors'
|
|
33
|
+
};
|
|
34
|
+
// Make the request, log any errors, and throw them again
|
|
35
|
+
const res = await fetch(endpoint, init).catch(err => {
|
|
36
|
+
console.error(`Failed to [${method}] ${path}`, err);
|
|
37
|
+
throw err;
|
|
38
|
+
});
|
|
39
|
+
if (log)
|
|
40
|
+
console.log(`[${method}] ${path} responded with ${res.status}`, res);
|
|
41
|
+
// Clone the response so that it can be converted to JSON and text
|
|
42
|
+
const clone = res.clone();
|
|
43
|
+
// All successful responses are in the 200s, so check if the status code starts with 2
|
|
44
|
+
const isSuccessful = res.status.toString().startsWith('2');
|
|
45
|
+
// This try-catch block is used to catch any errors when converting the response to JSON
|
|
46
|
+
// If the response is not jsonable, then the catch will return null for the data
|
|
47
|
+
try {
|
|
48
|
+
return {
|
|
49
|
+
success: isSuccessful,
|
|
50
|
+
status: res.status,
|
|
51
|
+
data: await res.json(),
|
|
52
|
+
text: await clone.text(),
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
catch {
|
|
56
|
+
return {
|
|
57
|
+
success: isSuccessful,
|
|
58
|
+
status: res.status,
|
|
59
|
+
data: null,
|
|
60
|
+
text: await clone.text(),
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
exports.Request = Request;
|
|
65
|
+
/**
|
|
66
|
+
* Ensures that the path starts with a /
|
|
67
|
+
* @param path Path string
|
|
68
|
+
* @returns Path that starts with a /
|
|
69
|
+
*/
|
|
70
|
+
function ensureSlash(path) {
|
|
71
|
+
return path.startsWith('/') ? path : '/' + path;
|
|
72
|
+
}
|
|
73
|
+
exports.ensureSlash = ensureSlash;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ApiUtilOptions, RequestOptions } from "./ApiTypes";
|
|
2
|
+
export declare class ApiUtils<ApiEndpoints extends string> {
|
|
3
|
+
protected __baseEndpointDev: string;
|
|
4
|
+
protected __baseEndpoint?: string;
|
|
5
|
+
protected __log: boolean;
|
|
6
|
+
constructor({ baseEndpointDev, baseEndpoint, log }: ApiUtilOptions);
|
|
7
|
+
/**
|
|
8
|
+
* Make a request to the API
|
|
9
|
+
* @param path The path to the endpoint
|
|
10
|
+
* @param options The options for the request
|
|
11
|
+
* @returns The response from the API
|
|
12
|
+
*/
|
|
13
|
+
request<TData>(path: ApiEndpoints, options?: RequestOptions): Promise<{
|
|
14
|
+
success: boolean;
|
|
15
|
+
status: number;
|
|
16
|
+
data: TData;
|
|
17
|
+
text: string;
|
|
18
|
+
}>;
|
|
19
|
+
get baseEndpoint(): string;
|
|
20
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ApiUtils = void 0;
|
|
4
|
+
const RequestUtil_1 = require("./RequestUtil");
|
|
5
|
+
class ApiUtils {
|
|
6
|
+
__baseEndpointDev;
|
|
7
|
+
__baseEndpoint;
|
|
8
|
+
__log;
|
|
9
|
+
constructor({ baseEndpointDev, baseEndpoint, log }) {
|
|
10
|
+
this.__baseEndpointDev = baseEndpointDev;
|
|
11
|
+
this.__baseEndpoint = baseEndpoint;
|
|
12
|
+
this.__log = log ?? false;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Make a request to the API
|
|
16
|
+
* @param path The path to the endpoint
|
|
17
|
+
* @param options The options for the request
|
|
18
|
+
* @returns The response from the API
|
|
19
|
+
*/
|
|
20
|
+
async request(path, options) {
|
|
21
|
+
return (0, RequestUtil_1.Request)(path, {
|
|
22
|
+
...options,
|
|
23
|
+
baseEndpoint: this.baseEndpoint
|
|
24
|
+
}, this.__log);
|
|
25
|
+
}
|
|
26
|
+
get baseEndpoint() {
|
|
27
|
+
const processExists = 'process' in globalThis;
|
|
28
|
+
// @ts-ignore -- process is not defined in the browser
|
|
29
|
+
const isDev = processExists && process.env.NODE_ENV === 'development';
|
|
30
|
+
return isDev ? this.__baseEndpointDev : this.__baseEndpoint ?? this.__baseEndpointDev;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
exports.ApiUtils = ApiUtils;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export type RGB = [number, number, number];
|
|
2
|
+
export type Hex = `#${string}`;
|
|
3
|
+
export type ColorType = 'hex' | 'rgb' | 'hsl';
|
|
4
|
+
export declare function convert(value: RGB, to: Exclude<ColorType, 'rgb'>): string;
|
|
5
|
+
export declare function convert(value: string, from: Exclude<ColorType, 'rgb'>, to: 'rgb'): RGB;
|
|
6
|
+
export declare function generateRandomColor(): Hex;
|
|
7
|
+
export declare const ColorUtils: {
|
|
8
|
+
convert: typeof convert;
|
|
9
|
+
generateRandomColor: typeof generateRandomColor;
|
|
10
|
+
};
|
|
11
|
+
export default ColorUtils;
|