@merkaly/nuxt 0.1.10 → 0.1.12
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/module.d.mts +2 -0
- package/dist/module.json +1 -1
- package/dist/runtime/composables/useApi.d.ts +12 -13
- package/dist/runtime/composables/useApi.js +10 -6
- package/dist/runtime/plugins/api.global.d.ts +9 -6
- package/dist/runtime/plugins/api.global.js +1 -1
- package/dist/runtime/types/nuxt.d.ts +2 -2
- package/dist/runtime/utils/withAdapter.d.ts +7 -16
- package/dist/runtime/utils/withAdapter.js +9 -7
- package/dist/types.d.mts +4 -0
- package/package.json +1 -1
package/dist/module.d.mts
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import * as _nuxt_schema from '@nuxt/schema';
|
|
2
2
|
import { ClientAuthorizationParams } from '@auth0/auth0-spa-js';
|
|
3
|
+
export { AdapterArgs, AdapterOptions } from '../dist/runtime/utils/withAdapter.js';
|
|
4
|
+
export { ApiOptions, HooksOptions, ParamsOptions, RefOptions } from '../dist/runtime/plugins/api.global.js';
|
|
3
5
|
|
|
4
6
|
interface MerkalyModuleOptions {
|
|
5
7
|
auth0: {
|
package/dist/module.json
CHANGED
|
@@ -1,18 +1,17 @@
|
|
|
1
|
+
import type { Ref } from 'vue';
|
|
1
2
|
import type { ApiOptions } from '../plugins/api.global.js';
|
|
2
|
-
export interface ComposableOptions extends ApiOptions {
|
|
3
|
+
export interface ComposableOptions<TData = unknown, TMeta = Record<string, unknown>> extends ApiOptions<TData, TMeta> {
|
|
3
4
|
immediate?: boolean;
|
|
4
5
|
uri: string;
|
|
5
6
|
}
|
|
6
|
-
export
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
meta: import("vue").Ref<{}, {}>;
|
|
17
|
-
};
|
|
7
|
+
export interface UseApiReturn<TData, TMeta, TParams> {
|
|
8
|
+
abort: () => void;
|
|
9
|
+
data: Ref<TData | undefined>;
|
|
10
|
+
error: Ref<Error | undefined>;
|
|
11
|
+
execute: (args?: Partial<TParams>) => Promise<void>;
|
|
12
|
+
loading: Ref<boolean>;
|
|
13
|
+
meta: Ref<TMeta>;
|
|
14
|
+
params: TParams;
|
|
15
|
+
}
|
|
16
|
+
declare function useApi<TData = unknown, TMeta = Record<string, unknown>, TParams extends object = object>(callback: (params: TParams) => ComposableOptions<TData, TMeta>): UseApiReturn<TData, TMeta, TParams>;
|
|
18
17
|
export { useApi };
|
|
@@ -14,29 +14,33 @@ function useApi(callback) {
|
|
|
14
14
|
const data = ref(initialOptions.default?.());
|
|
15
15
|
const meta = ref({});
|
|
16
16
|
const error = ref();
|
|
17
|
-
const execute = (args = {}) => {
|
|
18
|
-
Object.
|
|
17
|
+
const execute = async (args = {}) => {
|
|
18
|
+
Object.keys(args).forEach((key) => {
|
|
19
|
+
params[key] = args[key];
|
|
20
|
+
});
|
|
19
21
|
const currentOptions = getOptions(params);
|
|
20
|
-
|
|
22
|
+
await $api(currentOptions.uri, {
|
|
21
23
|
...currentOptions,
|
|
22
24
|
controller,
|
|
23
25
|
data,
|
|
24
26
|
default: currentOptions.default,
|
|
25
27
|
error,
|
|
26
28
|
loading,
|
|
27
|
-
meta
|
|
29
|
+
meta,
|
|
30
|
+
params
|
|
28
31
|
});
|
|
29
32
|
};
|
|
30
33
|
if (initialOptions.immediate) {
|
|
31
34
|
void execute();
|
|
32
35
|
}
|
|
33
36
|
return {
|
|
34
|
-
abort: controller.abort,
|
|
37
|
+
abort: () => controller.abort(),
|
|
35
38
|
data,
|
|
36
39
|
error,
|
|
37
40
|
execute,
|
|
38
41
|
loading,
|
|
39
|
-
meta
|
|
42
|
+
meta,
|
|
43
|
+
params
|
|
40
44
|
};
|
|
41
45
|
}
|
|
42
46
|
export { useApi };
|
|
@@ -9,10 +9,11 @@ type OnResponseArgs = {
|
|
|
9
9
|
response: FetchResponse<unknown>;
|
|
10
10
|
request: RequestInfo;
|
|
11
11
|
};
|
|
12
|
-
type OnSuccessArgs = {
|
|
13
|
-
data:
|
|
14
|
-
meta:
|
|
12
|
+
type OnSuccessArgs<TData = unknown, TMeta = Record<string, unknown>, TParams = object> = {
|
|
13
|
+
data: TData;
|
|
14
|
+
meta: TMeta;
|
|
15
15
|
headers: FetchOptions['headers'];
|
|
16
|
+
params: TParams;
|
|
16
17
|
};
|
|
17
18
|
type OnCompleteArgs = {
|
|
18
19
|
response?: FetchResponse<unknown>;
|
|
@@ -24,13 +25,13 @@ export interface RefOptions {
|
|
|
24
25
|
loading?: Ref<boolean>;
|
|
25
26
|
meta?: Ref<Record<string, unknown>>;
|
|
26
27
|
}
|
|
27
|
-
export interface HooksOptions {
|
|
28
|
+
export interface HooksOptions<TData = unknown, TMeta = Record<string, unknown>, TParams = object> {
|
|
28
29
|
onBeforeSend?(args: OnBeforeSendArgs): Promise<unknown> | unknown;
|
|
29
30
|
onComplete?(args: OnCompleteArgs): Promise<unknown> | unknown;
|
|
30
31
|
onError?(reason: Error): Promise<unknown> | unknown;
|
|
31
32
|
onFatal?(reason: Error): Promise<unknown> | unknown;
|
|
32
33
|
onResponse?(args: OnResponseArgs): Promise<unknown> | unknown;
|
|
33
|
-
onSuccess?(args: OnSuccessArgs): Promise<unknown> | unknown;
|
|
34
|
+
onSuccess?(args: OnSuccessArgs<TData, TMeta, TParams>): Promise<unknown> | unknown;
|
|
34
35
|
}
|
|
35
36
|
export interface ParamsOptions {
|
|
36
37
|
body?: FetchOptions['body'];
|
|
@@ -42,6 +43,8 @@ export interface ParamsOptions {
|
|
|
42
43
|
query?: FetchOptions['query'];
|
|
43
44
|
timeout?: FetchOptions['timeout'];
|
|
44
45
|
}
|
|
45
|
-
export type ApiOptions = ParamsOptions & HooksOptions & RefOptions
|
|
46
|
+
export type ApiOptions<TData = unknown, TMeta = Record<string, unknown>, TParams = object> = ParamsOptions & HooksOptions<TData, TMeta, TParams> & RefOptions & {
|
|
47
|
+
params?: TParams;
|
|
48
|
+
};
|
|
46
49
|
declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
|
|
47
50
|
export default _default;
|
|
@@ -34,7 +34,7 @@ export default defineNuxtPlugin(({ provide }) => provide("api", async (url, opti
|
|
|
34
34
|
const { data, meta } = _data || {};
|
|
35
35
|
await options?.onResponse?.({ response, request });
|
|
36
36
|
if (status >= 400) return;
|
|
37
|
-
await options?.onSuccess?.({ data, meta, headers });
|
|
37
|
+
await options?.onSuccess?.({ data, meta, headers, params: options.params });
|
|
38
38
|
if (options.data) options.data.value = data;
|
|
39
39
|
if (options.meta) options.meta.value = meta;
|
|
40
40
|
await options?.onComplete?.({ response, request });
|
|
@@ -4,13 +4,13 @@ import type { ApiOptions } from '../plugins/api.global';
|
|
|
4
4
|
declare module '#app' {
|
|
5
5
|
interface NuxtApp {
|
|
6
6
|
$auth0: Auth0Client;
|
|
7
|
-
$api: (url: string, options?: ApiOptions) => Promise<
|
|
7
|
+
$api: (url: string, options?: ApiOptions) => Promise<void>;
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
declare module 'vue' {
|
|
12
12
|
interface ComponentCustomProperties {
|
|
13
13
|
$auth0: Auth0Client;
|
|
14
|
-
$api: (url: string, options?: ApiOptions) => Promise<
|
|
14
|
+
$api: (url: string, options?: ApiOptions) => Promise<void>;
|
|
15
15
|
}
|
|
16
16
|
}
|
|
@@ -1,22 +1,13 @@
|
|
|
1
|
-
import type { ComposableOptions } from '../composables/useApi.js';
|
|
1
|
+
import type { ComposableOptions, UseApiReturn } from '../composables/useApi.js';
|
|
2
2
|
import type { HooksOptions } from '../plugins/api.global.js';
|
|
3
|
-
type ReturnParams<T extends AdapterOptions> = () => {
|
|
4
|
-
params?: T['params'];
|
|
5
|
-
} & HooksOptions;
|
|
6
3
|
export interface AdapterOptions {
|
|
7
4
|
data: unknown;
|
|
8
|
-
meta: Record<string,
|
|
5
|
+
meta: Record<string, unknown>;
|
|
9
6
|
params: object;
|
|
10
7
|
}
|
|
11
|
-
export
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
data: import("vue").Ref<unknown, unknown>;
|
|
17
|
-
error: import("vue").Ref<Error | undefined, Error | undefined>;
|
|
18
|
-
execute: (args?: Partial<T["params"]>) => any;
|
|
19
|
-
loading: import("vue").Ref<boolean, boolean>;
|
|
20
|
-
meta: import("vue").Ref<{}, {}>;
|
|
21
|
-
};
|
|
8
|
+
export interface AdapterArgs<TData, TMeta, TParams> extends HooksOptions<TData, TMeta, TParams> {
|
|
9
|
+
params?: Partial<TParams>;
|
|
10
|
+
}
|
|
11
|
+
type AdapterCallback<T extends AdapterOptions> = (args: T['params']) => AdapterArgs<T['data'], T['meta'], T['params']>;
|
|
12
|
+
export declare const withAdapter: <T extends AdapterOptions>(callback: (params: T["params"]) => ComposableOptions<T["data"], T["meta"]>) => (args?: AdapterCallback<T>) => UseApiReturn<T["data"], T["meta"], T["params"]>;
|
|
22
13
|
export {};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { useApi } from "../composables/useApi.js";
|
|
2
2
|
import { defu } from "defu";
|
|
3
|
-
export const withAdapter = (callback) => (args) =>
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
3
|
+
export const withAdapter = (callback) => (args) => {
|
|
4
|
+
return useApi((executionParams) => {
|
|
5
|
+
const config = args?.(executionParams) || {};
|
|
6
|
+
const { params: initialParams = {}, ...hooks } = config;
|
|
7
|
+
const mergedParams = defu(executionParams, initialParams);
|
|
8
|
+
const adapterResult = callback(mergedParams);
|
|
9
|
+
return defu(hooks, adapterResult);
|
|
10
|
+
});
|
|
11
|
+
};
|
package/dist/types.d.mts
CHANGED
|
@@ -4,6 +4,10 @@ import type { default as Module } from './module.mjs'
|
|
|
4
4
|
|
|
5
5
|
export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
|
|
6
6
|
|
|
7
|
+
export { type AdapterArgs, type AdapterOptions } from '../dist/runtime/utils/withAdapter.js'
|
|
8
|
+
|
|
9
|
+
export { type ApiOptions, type HooksOptions, type ParamsOptions, type RefOptions } from '../dist/runtime/plugins/api.global.js'
|
|
10
|
+
|
|
7
11
|
export { default } from './module.mjs'
|
|
8
12
|
|
|
9
13
|
export { type MerkalyModuleOptions } from './module.mjs'
|