trpc-nuxt-module 4.2.0 → 4.3.3
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/README.md +1 -1
- package/dist/index.d.ts +9 -0
- package/dist/index.js +72 -0
- package/dist/models/ExportReference.d.ts +4 -0
- package/dist/models/ModuleOptions.d.ts +8 -0
- package/dist/models/TrpcServerFetch.d.ts +2 -0
- package/dist/models/WebSocketOptions.d.ts +6 -0
- package/dist/runtime/client/createTRPCNuxtClient.d.ts +4 -0
- package/dist/runtime/client/createTRPCNuxtClient.js +28 -0
- package/dist/runtime/client/getMutationKey.d.ts +2 -0
- package/dist/runtime/client/getMutationKey.js +4 -0
- package/dist/runtime/client/getQueryKey.d.ts +2 -0
- package/dist/runtime/client/getQueryKey.js +4 -0
- package/dist/runtime/client/httpBatchLink.d.ts +3 -0
- package/dist/runtime/client/httpBatchLink.js +8 -0
- package/dist/runtime/client/httpLink.d.ts +3 -0
- package/dist/runtime/client/httpLink.js +8 -0
- package/dist/runtime/client/models/DecoratedMutation.d.ts +9 -0
- package/dist/runtime/client/models/DecoratedMutation.js +1 -0
- package/dist/runtime/client/models/DecoratedProcedure.d.ts +6 -0
- package/dist/runtime/client/models/DecoratedProcedure.js +1 -0
- package/dist/runtime/client/models/DecoratedQuery.d.ts +8 -0
- package/dist/runtime/client/models/DecoratedQuery.js +1 -0
- package/dist/runtime/client/models/DecoratedRouterRecord.d.ts +9 -0
- package/dist/runtime/client/models/DecoratedRouterRecord.js +1 -0
- package/dist/runtime/client/models/DecoratedSubscription.d.ts +8 -0
- package/dist/runtime/client/models/DecoratedSubscription.js +1 -0
- package/dist/runtime/client/models/KeysOf.d.ts +1 -0
- package/dist/runtime/client/models/KeysOf.js +1 -0
- package/dist/runtime/client/models/PickFrom.d.ts +1 -0
- package/dist/runtime/client/models/PickFrom.js +1 -0
- package/dist/runtime/client/models/ProcedureNode.d.ts +4 -0
- package/dist/runtime/client/models/ProcedureNode.js +1 -0
- package/dist/runtime/client/models/ProcedurePath.d.ts +3 -0
- package/dist/runtime/client/models/ProcedurePath.js +1 -0
- package/dist/runtime/client/models/QueryAsyncData.d.ts +6 -0
- package/dist/runtime/client/models/QueryAsyncData.js +1 -0
- package/dist/runtime/client/models/QueryError.d.ts +3 -0
- package/dist/runtime/client/models/QueryError.js +1 -0
- package/dist/runtime/client/models/SubscriptionStatus.d.ts +7 -0
- package/dist/runtime/client/models/SubscriptionStatus.js +8 -0
- package/dist/runtime/client/models/TRPCNuxtClient.d.ts +3 -0
- package/dist/runtime/client/models/TRPCNuxtClient.js +1 -0
- package/dist/runtime/client/models/UseMutationOptions.d.ts +8 -0
- package/dist/runtime/client/models/UseMutationOptions.js +1 -0
- package/dist/runtime/client/models/UseMutationReturn.d.ts +7 -0
- package/dist/runtime/client/models/UseMutationReturn.js +1 -0
- package/dist/runtime/client/models/UseQuery.d.ts +6 -0
- package/dist/runtime/client/models/UseQuery.js +1 -0
- package/dist/runtime/client/models/UseQueryOptions.d.ts +9 -0
- package/dist/runtime/client/models/UseQueryOptions.js +1 -0
- package/dist/runtime/client/models/UseSubscriptionOptions.d.ts +5 -0
- package/dist/runtime/client/models/UseSubscriptionOptions.js +1 -0
- package/dist/runtime/client/models/UseSubscriptionReturn.d.ts +8 -0
- package/dist/runtime/client/models/UseSubscriptionReturn.js +1 -0
- package/dist/runtime/client/services/getLinkFetch.d.ts +2 -0
- package/dist/runtime/client/services/getLinkFetch.js +24 -0
- package/dist/runtime/client/services/getProcedureKey.d.ts +1 -0
- package/dist/runtime/client/services/getProcedureKey.js +4 -0
- package/dist/runtime/client/services/mergeSignals.d.ts +1 -0
- package/dist/runtime/client/services/mergeSignals.js +3 -0
- package/dist/runtime/client/services/useProcedureMutation.d.ts +6 -0
- package/dist/runtime/client/services/useProcedureMutation.js +22 -0
- package/dist/runtime/client/services/useProcedureQuery.d.ts +7 -0
- package/dist/runtime/client/services/useProcedureQuery.js +13 -0
- package/dist/runtime/client/services/useProcedureSubscription.d.ts +6 -0
- package/dist/runtime/client/services/useProcedureSubscription.js +67 -0
- package/dist/runtime/client/services/useTrpcServerFetch.d.ts +2 -0
- package/dist/runtime/client/services/useTrpcServerFetch.js +7 -0
- package/dist/runtime/constants.d.ts +4 -0
- package/dist/runtime/constants.js +6 -0
- package/dist/runtime/server/createTRPCEventHandler.d.ts +4 -0
- package/dist/runtime/server/createTRPCEventHandler.js +30 -0
- package/dist/runtime/server/createTRPCWebSocketHandler.d.ts +4 -0
- package/dist/runtime/server/createTRPCWebSocketHandler.js +62 -0
- package/dist/runtime/server/models/PeerWebSocketAdapter.d.ts +17 -0
- package/dist/runtime/server/models/PeerWebSocketAdapter.js +36 -0
- package/dist/runtime/server/models/TRPCEventHandlerOptions.d.ts +9 -0
- package/dist/runtime/server/models/TRPCEventHandlerOptions.js +1 -0
- package/dist/runtime/server/models/TRPCWebSocketConnection.d.ts +5 -0
- package/dist/runtime/server/models/TRPCWebSocketConnection.js +1 -0
- package/dist/runtime/server/models/TRPCWebSocketHandler.d.ts +5 -0
- package/dist/runtime/server/models/TRPCWebSocketHandler.js +1 -0
- package/dist/runtime/server/models/TRPCWebSocketHandlerOptions.d.ts +11 -0
- package/dist/runtime/server/models/TRPCWebSocketHandlerOptions.js +1 -0
- package/dist/runtime/server/models/WebSocketServerAdapter.d.ts +6 -0
- package/dist/runtime/server/models/WebSocketServerAdapter.js +13 -0
- package/dist/runtime/server/services/toIncomingMessage.d.ts +3 -0
- package/dist/runtime/server/services/toIncomingMessage.js +11 -0
- package/dist/services/getEventHandlerTemplate.js +10 -0
- package/dist/services/getImportStatement.js +3 -0
- package/dist/services/getWebSocketHandlerTemplate.js +22 -0
- package/dist/services/getWebSocketHooksTypeTemplate.js +17 -0
- package/package.json +8 -13
package/README.md
CHANGED
|
@@ -77,7 +77,7 @@ const { data } = await $trpc.greeting.useQuery(name);
|
|
|
77
77
|
|
|
78
78
|
## <a name="documentation">📖 Documentation</a>
|
|
79
79
|
|
|
80
|
-
We highly recommend you take a look at the [documentation](https://
|
|
80
|
+
We highly recommend you take a look at the [documentation](https://github.com/Esposter/Esposter/tree/main/openspec/specs/trpc-nuxt-module) to level up. It covers the design and the upstream `trpc-nuxt` issues this module answers.
|
|
81
81
|
|
|
82
82
|
### Key exports
|
|
83
83
|
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ModuleOptions } from "./models/ModuleOptions.js";
|
|
2
|
+
import { NuxtModule } from "@nuxt/schema";
|
|
3
|
+
declare module "@nuxt/schema" {
|
|
4
|
+
interface NuxtConfig {
|
|
5
|
+
trpc?: Partial<ModuleOptions>;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
declare const trpcNuxtModule: NuxtModule<ModuleOptions>;
|
|
9
|
+
export { type ModuleOptions, trpcNuxtModule as default };
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { DEFAULT_ENDPOINT, MODULE_NAME } from "./runtime/constants.js";
|
|
2
|
+
import { getEventHandlerTemplate } from "./services/getEventHandlerTemplate.js";
|
|
3
|
+
import { getWebSocketHandlerTemplate } from "./services/getWebSocketHandlerTemplate.js";
|
|
4
|
+
import { getWebSocketHooksTypeTemplate } from "./services/getWebSocketHooksTypeTemplate.js";
|
|
5
|
+
import { addImports, addServerHandler, addServerTemplate, addTypeTemplate, defineNuxtModule, resolvePath } from "@nuxt/kit";
|
|
6
|
+
// src/module.ts
|
|
7
|
+
const CLIENT_IMPORTS = [
|
|
8
|
+
"createTRPCNuxtClient",
|
|
9
|
+
"getMutationKey",
|
|
10
|
+
"getQueryKey",
|
|
11
|
+
"httpBatchLink",
|
|
12
|
+
"httpLink"
|
|
13
|
+
];
|
|
14
|
+
const EVENT_HANDLER_FILENAME = `#${MODULE_NAME}/eventHandler.mjs`;
|
|
15
|
+
const WEBSOCKET_HANDLER_FILENAME = `#${MODULE_NAME}/webSocketHandler.mjs`;
|
|
16
|
+
const trpcNuxtModule = defineNuxtModule({
|
|
17
|
+
defaults: { endpoint: DEFAULT_ENDPOINT },
|
|
18
|
+
meta: {
|
|
19
|
+
compatibility: { nuxt: ">=5.0.0-0" },
|
|
20
|
+
configKey: "trpc",
|
|
21
|
+
name: MODULE_NAME
|
|
22
|
+
},
|
|
23
|
+
async setup({ createContext, endpoint, router, webSocket }, nuxt) {
|
|
24
|
+
const resolvedRouter = {
|
|
25
|
+
...router,
|
|
26
|
+
from: await resolvePath(router.from)
|
|
27
|
+
};
|
|
28
|
+
const resolvedCreateContext = createContext && {
|
|
29
|
+
...createContext,
|
|
30
|
+
from: await resolvePath(createContext.from)
|
|
31
|
+
};
|
|
32
|
+
const routedEndpoint = `${nuxt.options.app.baseURL.replace(/\/$/u, "")}${endpoint}`;
|
|
33
|
+
addServerTemplate({
|
|
34
|
+
filename: EVENT_HANDLER_FILENAME,
|
|
35
|
+
getContents: () => getEventHandlerTemplate(resolvedRouter, routedEndpoint, resolvedCreateContext)
|
|
36
|
+
});
|
|
37
|
+
addServerHandler({
|
|
38
|
+
handler: EVENT_HANDLER_FILENAME,
|
|
39
|
+
route: `${endpoint}/**`
|
|
40
|
+
});
|
|
41
|
+
if (webSocket) {
|
|
42
|
+
nuxt.options.nitro.features = {
|
|
43
|
+
...nuxt.options.nitro.features,
|
|
44
|
+
websocket: true
|
|
45
|
+
};
|
|
46
|
+
addServerTemplate({
|
|
47
|
+
filename: WEBSOCKET_HANDLER_FILENAME,
|
|
48
|
+
getContents: () => getWebSocketHandlerTemplate(resolvedRouter, webSocket, resolvedCreateContext)
|
|
49
|
+
});
|
|
50
|
+
addServerHandler({
|
|
51
|
+
handler: WEBSOCKET_HANDLER_FILENAME,
|
|
52
|
+
lazy: true,
|
|
53
|
+
route: webSocket.endpoint
|
|
54
|
+
});
|
|
55
|
+
addTypeTemplate({
|
|
56
|
+
filename: `types/${MODULE_NAME}.d.ts`,
|
|
57
|
+
getContents: () => getWebSocketHooksTypeTemplate({
|
|
58
|
+
...resolvedRouter,
|
|
59
|
+
from: resolvedRouter.from.replace(/\.[cm]?ts$/u, "")
|
|
60
|
+
})
|
|
61
|
+
}, {
|
|
62
|
+
nitro: true,
|
|
63
|
+
nuxt: true
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
addImports(CLIENT_IMPORTS.map((name) => ({
|
|
67
|
+
from: `${MODULE_NAME}/runtime/client/${name}`,
|
|
68
|
+
name
|
|
69
|
+
})));
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
export { trpcNuxtModule as default };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ExportReference } from "./ExportReference.js";
|
|
2
|
+
import { WebSocketOptions } from "./WebSocketOptions.js";
|
|
3
|
+
export interface ModuleOptions {
|
|
4
|
+
createContext?: ExportReference;
|
|
5
|
+
endpoint: string;
|
|
6
|
+
router: ExportReference;
|
|
7
|
+
webSocket?: WebSocketOptions;
|
|
8
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { TRPCNuxtClient } from "./models/TRPCNuxtClient.js";
|
|
2
|
+
import { CreateTRPCClientOptions } from "@trpc/client";
|
|
3
|
+
import { AnyTRPCRouter } from "@trpc/server";
|
|
4
|
+
export declare const createTRPCNuxtClient: <TRouter extends AnyTRPCRouter>(options: CreateTRPCClientOptions<TRouter>) => TRPCNuxtClient<TRouter>;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { useProcedureMutation } from "./services/useProcedureMutation.js";
|
|
2
|
+
import { useProcedureQuery } from "./services/useProcedureQuery.js";
|
|
3
|
+
import { useProcedureSubscription } from "./services/useProcedureSubscription.js";
|
|
4
|
+
import { createTRPCUntypedClient } from "@trpc/client";
|
|
5
|
+
import { createTRPCRecursiveProxy } from "@trpc/server";
|
|
6
|
+
// src/runtime/client/createTRPCNuxtClient.ts
|
|
7
|
+
const createTRPCNuxtClient = (options) => {
|
|
8
|
+
const client = createTRPCUntypedClient(options);
|
|
9
|
+
return createTRPCRecursiveProxy(({ args: [first, second], path }) => {
|
|
10
|
+
const procedurePath = path.slice(0, -1);
|
|
11
|
+
const procedure = procedurePath.join(".");
|
|
12
|
+
switch (path.at(-1)) {
|
|
13
|
+
case "_def": return { path: procedurePath };
|
|
14
|
+
case "mutate": return client.mutation(procedure, first, second);
|
|
15
|
+
case "query": return client.query(procedure, first, second);
|
|
16
|
+
case "subscribe": return client.subscription(procedure, first, second);
|
|
17
|
+
case "useLazyQuery": return useProcedureQuery(client, procedure, first, {
|
|
18
|
+
...second,
|
|
19
|
+
lazy: true
|
|
20
|
+
});
|
|
21
|
+
case "useMutation": return useProcedureMutation(client, procedure, first);
|
|
22
|
+
case "useQuery": return useProcedureQuery(client, procedure, first, second);
|
|
23
|
+
case "useSubscription": return useProcedureSubscription(client, procedure, first, second);
|
|
24
|
+
default: throw new TypeError(`"${path.join(".")}" is not a procedure call`);
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
|
+
export { createTRPCNuxtClient };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { getLinkFetch } from "./services/getLinkFetch.js";
|
|
2
|
+
import { httpBatchLink as httpBatchLink$1 } from "@trpc/client";
|
|
3
|
+
// src/runtime/client/httpBatchLink.ts
|
|
4
|
+
const httpBatchLink = (options) => httpBatchLink$1({
|
|
5
|
+
fetch: getLinkFetch(),
|
|
6
|
+
...options
|
|
7
|
+
});
|
|
8
|
+
export { httpBatchLink };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { KeysOf } from "./KeysOf.js";
|
|
2
|
+
import { ProcedureNode } from "./ProcedureNode.js";
|
|
3
|
+
import { UseMutationOptions } from "./UseMutationOptions.js";
|
|
4
|
+
import { UseMutationReturn } from "./UseMutationReturn.js";
|
|
5
|
+
import { Resolver, TRPCResolverDef } from "@trpc/client";
|
|
6
|
+
export interface DecoratedMutation<TDefinition extends TRPCResolverDef> extends ProcedureNode {
|
|
7
|
+
mutate: Resolver<TDefinition>;
|
|
8
|
+
useMutation: <TData = TDefinition["output"], TPickKeys extends KeysOf<TData> = KeysOf<TData>, TDefault = undefined>(options?: UseMutationOptions<TDefinition, TData, TPickKeys, TDefault>) => UseMutationReturn<TDefinition, TData, TPickKeys, TDefault>;
|
|
9
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { DecoratedMutation } from "./DecoratedMutation.js";
|
|
2
|
+
import { DecoratedQuery } from "./DecoratedQuery.js";
|
|
3
|
+
import { DecoratedSubscription } from "./DecoratedSubscription.js";
|
|
4
|
+
import { TRPCResolverDef } from "@trpc/client";
|
|
5
|
+
import { TRPCProcedureType } from "@trpc/server";
|
|
6
|
+
export type DecoratedProcedure<TType extends TRPCProcedureType, TDefinition extends TRPCResolverDef> = TType extends "query" ? DecoratedQuery<TDefinition> : TType extends "mutation" ? DecoratedMutation<TDefinition> : DecoratedSubscription<TDefinition>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ProcedureNode } from "./ProcedureNode.js";
|
|
2
|
+
import { UseQuery } from "./UseQuery.js";
|
|
3
|
+
import { Resolver, TRPCResolverDef } from "@trpc/client";
|
|
4
|
+
export interface DecoratedQuery<TDefinition extends TRPCResolverDef> extends ProcedureNode {
|
|
5
|
+
query: Resolver<TDefinition>;
|
|
6
|
+
useLazyQuery: UseQuery<TDefinition>;
|
|
7
|
+
useQuery: UseQuery<TDefinition>;
|
|
8
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ProcedureNode } from "./ProcedureNode.js";
|
|
2
|
+
import { DecoratedProcedure } from "./DecoratedProcedure.js";
|
|
3
|
+
import { AnyTRPCProcedure, AnyTRPCRootTypes, TRPCRouterRecord, inferProcedureInput, inferTransformedProcedureOutput } from "@trpc/server";
|
|
4
|
+
export type DecoratedRouterRecord<TRoot extends AnyTRPCRootTypes, TRecord extends TRPCRouterRecord> = ProcedureNode & { readonly [TKey in keyof TRecord]: TRecord[TKey] extends AnyTRPCProcedure ? DecoratedProcedure<TRecord[TKey]["_def"]["type"], {
|
|
5
|
+
errorShape: TRoot["errorShape"];
|
|
6
|
+
input: inferProcedureInput<TRecord[TKey]>;
|
|
7
|
+
output: inferTransformedProcedureOutput<TRoot, TRecord[TKey]>;
|
|
8
|
+
transformer: TRoot["transformer"];
|
|
9
|
+
}> : TRecord[TKey] extends TRPCRouterRecord ? DecoratedRouterRecord<TRoot, TRecord[TKey]> : never; };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { UseSubscriptionOptions } from "./UseSubscriptionOptions.js";
|
|
2
|
+
import { UseSubscriptionReturn } from "./UseSubscriptionReturn.js";
|
|
3
|
+
import { MaybeRefOrGetter } from "vue";
|
|
4
|
+
import { SubscriptionResolver, TRPCClientError, TRPCResolverDef } from "@trpc/client";
|
|
5
|
+
export interface DecoratedSubscription<TDefinition extends TRPCResolverDef> {
|
|
6
|
+
subscribe: SubscriptionResolver<TDefinition>;
|
|
7
|
+
useSubscription: (input: MaybeRefOrGetter<TDefinition["input"]>, options?: UseSubscriptionOptions<TDefinition>) => UseSubscriptionReturn<Parameters<NonNullable<UseSubscriptionOptions<TDefinition>["onData"]>>[0], TRPCClientError<TDefinition>>;
|
|
8
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type KeysOf<T> = (T extends T ? (keyof T extends string ? keyof T : never) : never)[];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type PickFrom<T, TKeys extends string[]> = T extends unknown[] ? T : T extends Record<string, unknown> ? keyof T extends TKeys[number] ? T : TKeys[number] extends never ? T : Pick<T, TKeys[number]> : T;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { KeysOf } from "./KeysOf.js";
|
|
2
|
+
import { PickFrom } from "./PickFrom.js";
|
|
3
|
+
import { QueryError } from "./QueryError.js";
|
|
4
|
+
import { AsyncData } from "nuxt/app";
|
|
5
|
+
import { TRPCResolverDef } from "@trpc/client";
|
|
6
|
+
export type QueryAsyncData<TDefinition extends TRPCResolverDef, TData, TPickKeys extends KeysOf<TData>, TDefault> = AsyncData<PickFrom<TData, TPickKeys> | TDefault, QueryError<TDefinition> | undefined>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { KeysOf } from "./KeysOf.js";
|
|
2
|
+
import { AsyncDataOptions } from "nuxt/app";
|
|
3
|
+
import { TRPCRequestOptions, TRPCResolverDef } from "@trpc/client";
|
|
4
|
+
import { Except } from "type-fest";
|
|
5
|
+
export type UseMutationOptions<TDefinition extends TRPCResolverDef, TData = TDefinition["output"], TPickKeys extends KeysOf<TData> = KeysOf<TData>, TDefault = undefined> = Except<AsyncDataOptions<TDefinition["output"], TData, TPickKeys, TDefault>, "enabled" | "immediate" | "lazy" | "server" | "watch"> & {
|
|
6
|
+
mutationKey?: string;
|
|
7
|
+
trpc?: TRPCRequestOptions;
|
|
8
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { KeysOf } from "./KeysOf.js";
|
|
2
|
+
import { PickFrom } from "./PickFrom.js";
|
|
3
|
+
import { QueryAsyncData } from "./QueryAsyncData.js";
|
|
4
|
+
import { TRPCResolverDef } from "@trpc/client";
|
|
5
|
+
export type UseMutationReturn<TDefinition extends TRPCResolverDef, TData, TPickKeys extends KeysOf<TData>, TDefault> = QueryAsyncData<TDefinition, TData, TPickKeys, TDefault> & {
|
|
6
|
+
mutate: (input: TDefinition["input"]) => Promise<PickFrom<TData, TPickKeys> | TDefault>;
|
|
7
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { KeysOf } from "./KeysOf.js";
|
|
2
|
+
import { QueryAsyncData } from "./QueryAsyncData.js";
|
|
3
|
+
import { UseQueryOptions } from "./UseQueryOptions.js";
|
|
4
|
+
import { MaybeRefOrGetter } from "vue";
|
|
5
|
+
import { TRPCResolverDef } from "@trpc/client";
|
|
6
|
+
export type UseQuery<TDefinition extends TRPCResolverDef> = <TData = TDefinition["output"], TPickKeys extends KeysOf<TData> = KeysOf<TData>, TDefault = undefined>(input: MaybeRefOrGetter<TDefinition["input"]>, options?: UseQueryOptions<TDefinition, TData, TPickKeys, TDefault>) => QueryAsyncData<TDefinition, TData, TPickKeys, TDefault>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { KeysOf } from "./KeysOf.js";
|
|
2
|
+
import { AsyncDataOptions } from "nuxt/app";
|
|
3
|
+
import { TRPCRequestOptions, TRPCResolverDef } from "@trpc/client";
|
|
4
|
+
import { Except } from "type-fest";
|
|
5
|
+
export type UseQueryOptions<TDefinition extends TRPCResolverDef, TData = TDefinition["output"], TPickKeys extends KeysOf<TData> = KeysOf<TData>, TDefault = undefined> = Except<AsyncDataOptions<TDefinition["output"], TData, TPickKeys, TDefault>, "watch"> & {
|
|
6
|
+
queryKey?: string;
|
|
7
|
+
trpc?: TRPCRequestOptions;
|
|
8
|
+
watch?: false | NonNullable<AsyncDataOptions<TDefinition["output"], TData, TPickKeys, TDefault>["watch"]>;
|
|
9
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { MaybeRefOrGetter } from "vue";
|
|
2
|
+
import { SubscriptionResolver, TRPCResolverDef } from "@trpc/client";
|
|
3
|
+
export type UseSubscriptionOptions<TDefinition extends TRPCResolverDef> = Parameters<SubscriptionResolver<TDefinition>>[1] & {
|
|
4
|
+
enabled?: MaybeRefOrGetter<boolean>;
|
|
5
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { SubscriptionStatus } from "./SubscriptionStatus.js";
|
|
2
|
+
import { ShallowRef } from "vue";
|
|
3
|
+
export interface UseSubscriptionReturn<TData, TError> {
|
|
4
|
+
data: ShallowRef<TData | undefined>;
|
|
5
|
+
error: ShallowRef<TError | undefined>;
|
|
6
|
+
reset: () => void;
|
|
7
|
+
status: ShallowRef<SubscriptionStatus>;
|
|
8
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { useTrpcServerFetch } from "./useTrpcServerFetch.js";
|
|
2
|
+
import { useRequestEvent } from "nuxt/app";
|
|
3
|
+
import { checkIsServer } from "@esposter/shared";
|
|
4
|
+
import { fetchWithEvent, getProxyRequestHeaders } from "nitro/h3";
|
|
5
|
+
// src/runtime/client/services/getLinkFetch.ts
|
|
6
|
+
const getLinkFetch = () => {
|
|
7
|
+
if (checkIsServer()) {
|
|
8
|
+
const event = useRequestEvent();
|
|
9
|
+
if (event?.app) return (url, options) => fetchWithEvent(event, url, options);
|
|
10
|
+
if (event) {
|
|
11
|
+
const serverFetchInProcess = useTrpcServerFetch();
|
|
12
|
+
return (url, options) => {
|
|
13
|
+
const headers = new Headers(getProxyRequestHeaders(event, { host: true }));
|
|
14
|
+
for (const [name, value] of new Headers(options?.headers)) headers.set(name, value);
|
|
15
|
+
return serverFetchInProcess(new URL(url, event.url), {
|
|
16
|
+
...options,
|
|
17
|
+
headers
|
|
18
|
+
}, event.context);
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
return (input, init) => fetch(new URL(input, window.location.href), init);
|
|
23
|
+
};
|
|
24
|
+
export { getLinkFetch };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const getProcedureKey: (path: string, input?: unknown) => string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const mergeSignals: (signal: AbortSignal, callerSignal?: AbortSignal) => AbortSignal;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { KeysOf } from "../models/KeysOf.js";
|
|
2
|
+
import { UseMutationOptions } from "../models/UseMutationOptions.js";
|
|
3
|
+
import { UseMutationReturn } from "../models/UseMutationReturn.js";
|
|
4
|
+
import { TRPCResolverDef, TRPCUntypedClient } from "@trpc/client";
|
|
5
|
+
import { AnyTRPCRouter } from "@trpc/server";
|
|
6
|
+
export declare const useProcedureMutation: (client: TRPCUntypedClient<AnyTRPCRouter>, path: string, { mutationKey, trpc, ...options }?: UseMutationOptions<TRPCResolverDef>) => UseMutationReturn<TRPCResolverDef, unknown, KeysOf<unknown>, undefined>;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { getProcedureKey } from "./getProcedureKey.js";
|
|
2
|
+
import { mergeSignals } from "./mergeSignals.js";
|
|
3
|
+
import { useAsyncData } from "nuxt/app";
|
|
4
|
+
// src/runtime/client/services/useProcedureMutation.ts
|
|
5
|
+
const useProcedureMutation = (client, path, { mutationKey = getProcedureKey(path), trpc, ...options } = {}) => {
|
|
6
|
+
let mutationInput;
|
|
7
|
+
const asyncData = useAsyncData(mutationKey, (_nuxtApp, { signal }) => client.mutation(path, mutationInput, {
|
|
8
|
+
...trpc,
|
|
9
|
+
signal: mergeSignals(signal, trpc?.signal)
|
|
10
|
+
}), {
|
|
11
|
+
...options,
|
|
12
|
+
immediate: false,
|
|
13
|
+
server: false
|
|
14
|
+
});
|
|
15
|
+
return Object.assign(asyncData, { mutate: async (input) => {
|
|
16
|
+
mutationInput = input;
|
|
17
|
+
await asyncData.execute();
|
|
18
|
+
if (asyncData.error.value) throw asyncData.error.value;
|
|
19
|
+
else return asyncData.data.value;
|
|
20
|
+
} });
|
|
21
|
+
};
|
|
22
|
+
export { useProcedureMutation };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { KeysOf } from "../models/KeysOf.js";
|
|
2
|
+
import { QueryAsyncData } from "../models/QueryAsyncData.js";
|
|
3
|
+
import { UseQueryOptions } from "../models/UseQueryOptions.js";
|
|
4
|
+
import { MaybeRefOrGetter } from "vue";
|
|
5
|
+
import { TRPCResolverDef, TRPCUntypedClient } from "@trpc/client";
|
|
6
|
+
import { AnyTRPCRouter } from "@trpc/server";
|
|
7
|
+
export declare const useProcedureQuery: (client: TRPCUntypedClient<AnyTRPCRouter>, path: string, input: MaybeRefOrGetter<unknown>, { queryKey, trpc, watch, ...options }?: UseQueryOptions<TRPCResolverDef>) => QueryAsyncData<TRPCResolverDef, unknown, KeysOf<unknown>, undefined>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { getProcedureKey } from "./getProcedureKey.js";
|
|
2
|
+
import { mergeSignals } from "./mergeSignals.js";
|
|
3
|
+
import { useAsyncData } from "nuxt/app";
|
|
4
|
+
import { toValue } from "vue";
|
|
5
|
+
// src/runtime/client/services/useProcedureQuery.ts
|
|
6
|
+
const useProcedureQuery = (client, path, input, { queryKey, trpc, watch, ...options } = {}) => useAsyncData(() => queryKey ?? getProcedureKey(path, toValue(input)), (_nuxtApp, { signal }) => client.query(path, toValue(input), {
|
|
7
|
+
...trpc,
|
|
8
|
+
signal: mergeSignals(signal, trpc?.signal)
|
|
9
|
+
}), {
|
|
10
|
+
...options,
|
|
11
|
+
watch: watch === false ? void 0 : queryKey === void 0 ? watch : [...watch ?? [], () => toValue(input)]
|
|
12
|
+
});
|
|
13
|
+
export { useProcedureQuery };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { UseSubscriptionOptions } from "../models/UseSubscriptionOptions.js";
|
|
2
|
+
import { UseSubscriptionReturn } from "../models/UseSubscriptionReturn.js";
|
|
3
|
+
import { MaybeRefOrGetter } from "vue";
|
|
4
|
+
import { TRPCClientError, TRPCResolverDef, TRPCUntypedClient } from "@trpc/client";
|
|
5
|
+
import { AnyTRPCRouter } from "@trpc/server";
|
|
6
|
+
export declare const useProcedureSubscription: (client: TRPCUntypedClient<AnyTRPCRouter>, path: string, input: MaybeRefOrGetter<unknown>, { enabled, ...options }?: UseSubscriptionOptions<TRPCResolverDef>) => UseSubscriptionReturn<unknown, TRPCClientError<AnyTRPCRouter>>;
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { SubscriptionStatus } from "../models/SubscriptionStatus.js";
|
|
2
|
+
import { getCurrentScope, onScopeDispose, shallowRef, toValue, watch } from "vue";
|
|
3
|
+
import { checkIsServer } from "@esposter/shared";
|
|
4
|
+
// src/runtime/client/services/useProcedureSubscription.ts
|
|
5
|
+
const ConnectionStateSubscriptionStatusMap = {
|
|
6
|
+
connecting: SubscriptionStatus.Connecting,
|
|
7
|
+
idle: SubscriptionStatus.Idle,
|
|
8
|
+
pending: SubscriptionStatus.Pending
|
|
9
|
+
};
|
|
10
|
+
const useProcedureSubscription = (client, path, input, { enabled = true, ...options } = {}) => {
|
|
11
|
+
const data = shallowRef();
|
|
12
|
+
const error = shallowRef();
|
|
13
|
+
const status = shallowRef(SubscriptionStatus.Idle);
|
|
14
|
+
let unsubscribable;
|
|
15
|
+
const unsubscribe = () => {
|
|
16
|
+
unsubscribable?.unsubscribe();
|
|
17
|
+
unsubscribable = void 0;
|
|
18
|
+
status.value = SubscriptionStatus.Idle;
|
|
19
|
+
};
|
|
20
|
+
const subscribe = () => {
|
|
21
|
+
unsubscribable?.unsubscribe();
|
|
22
|
+
error.value = void 0;
|
|
23
|
+
status.value = SubscriptionStatus.Connecting;
|
|
24
|
+
unsubscribable = client.subscription(path, toValue(input), {
|
|
25
|
+
...options,
|
|
26
|
+
onComplete: () => {
|
|
27
|
+
status.value = SubscriptionStatus.Idle;
|
|
28
|
+
options.onComplete?.();
|
|
29
|
+
},
|
|
30
|
+
onConnectionStateChange: (state) => {
|
|
31
|
+
status.value = state.error ? SubscriptionStatus.Error : ConnectionStateSubscriptionStatusMap[state.state];
|
|
32
|
+
options.onConnectionStateChange?.(state);
|
|
33
|
+
},
|
|
34
|
+
onData: (value) => {
|
|
35
|
+
data.value = value;
|
|
36
|
+
options.onData?.(value);
|
|
37
|
+
},
|
|
38
|
+
onError: (newError) => {
|
|
39
|
+
error.value = newError;
|
|
40
|
+
status.value = SubscriptionStatus.Error;
|
|
41
|
+
options.onError?.(newError);
|
|
42
|
+
},
|
|
43
|
+
onStarted: (startedOptions) => {
|
|
44
|
+
status.value = SubscriptionStatus.Pending;
|
|
45
|
+
options.onStarted?.(startedOptions);
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
};
|
|
49
|
+
if (!checkIsServer()) watch([() => toValue(input), () => toValue(enabled)], ([, isEnabled]) => {
|
|
50
|
+
if (isEnabled) subscribe();
|
|
51
|
+
else unsubscribe();
|
|
52
|
+
}, { immediate: true });
|
|
53
|
+
if (getCurrentScope()) onScopeDispose(() => {
|
|
54
|
+
unsubscribe();
|
|
55
|
+
});
|
|
56
|
+
return {
|
|
57
|
+
data,
|
|
58
|
+
error,
|
|
59
|
+
reset: () => {
|
|
60
|
+
data.value = void 0;
|
|
61
|
+
unsubscribe();
|
|
62
|
+
if (toValue(enabled)) subscribe();
|
|
63
|
+
},
|
|
64
|
+
status
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
export { useProcedureSubscription };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
// src/runtime/client/services/useTrpcServerFetch.ts
|
|
2
|
+
const useTrpcServerFetch = () => async (resource, init, context) => {
|
|
3
|
+
if (!import.meta.server) throw new TypeError("The in-process tRPC fetch exists on the server only");
|
|
4
|
+
const { serverFetch } = await import("nitro/app");
|
|
5
|
+
return serverFetch(resource, init, context);
|
|
6
|
+
};
|
|
7
|
+
export { useTrpcServerFetch };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const DEFAULT_ENDPOINT = "/api/trpc";
|
|
2
|
+
export declare const MODULE_NAME = "trpc-nuxt-module";
|
|
3
|
+
export declare const WEBSOCKET_CLOSE_HOOK: `${typeof MODULE_NAME}:webSocket:close`;
|
|
4
|
+
export declare const WEBSOCKET_OPEN_HOOK: `${typeof MODULE_NAME}:webSocket:open`;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
// src/runtime/constants.ts
|
|
2
|
+
const DEFAULT_ENDPOINT = "/api/trpc";
|
|
3
|
+
const MODULE_NAME = "trpc-nuxt-module";
|
|
4
|
+
const WEBSOCKET_CLOSE_HOOK = `${MODULE_NAME}:webSocket:close`;
|
|
5
|
+
const WEBSOCKET_OPEN_HOOK = `${MODULE_NAME}:webSocket:open`;
|
|
6
|
+
export { DEFAULT_ENDPOINT, MODULE_NAME, WEBSOCKET_CLOSE_HOOK, WEBSOCKET_OPEN_HOOK };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { TRPCEventHandlerOptions } from "./models/TRPCEventHandlerOptions.js";
|
|
2
|
+
import { AnyTRPCRouter } from "@trpc/server";
|
|
3
|
+
import { EventHandler } from "nitro/h3";
|
|
4
|
+
export declare const createTRPCEventHandler: <TRouter extends AnyTRPCRouter>({ createContext, endpoint, ...options }: TRPCEventHandlerOptions<TRouter>) => EventHandler;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { DEFAULT_ENDPOINT } from "../constants.js";
|
|
2
|
+
import { defineHandler } from "nitro/h3";
|
|
3
|
+
import { fetchRequestHandler } from "@trpc/server/adapters/fetch";
|
|
4
|
+
// src/runtime/server/createTRPCEventHandler.ts
|
|
5
|
+
const NULL_BODY_STATUSES = /* @__PURE__ */ new Set([
|
|
6
|
+
204,
|
|
7
|
+
205,
|
|
8
|
+
304
|
|
9
|
+
]);
|
|
10
|
+
const createTRPCEventHandler = ({ createContext, endpoint = DEFAULT_ENDPOINT, ...options }) => defineHandler(async (event) => {
|
|
11
|
+
const response = await fetchRequestHandler({
|
|
12
|
+
...options,
|
|
13
|
+
createContext: createContext && ((fetchCreateContextOptions) => createContext(event, fetchCreateContextOptions)),
|
|
14
|
+
endpoint,
|
|
15
|
+
req: event.req
|
|
16
|
+
});
|
|
17
|
+
const { status } = event.res;
|
|
18
|
+
if (!status) return response;
|
|
19
|
+
else if (!NULL_BODY_STATUSES.has(status)) return new Response(response.body, {
|
|
20
|
+
headers: response.headers,
|
|
21
|
+
status
|
|
22
|
+
});
|
|
23
|
+
const headers = new Headers(response.headers);
|
|
24
|
+
headers.delete("content-length");
|
|
25
|
+
return new Response(null, {
|
|
26
|
+
headers,
|
|
27
|
+
status
|
|
28
|
+
});
|
|
29
|
+
});
|
|
30
|
+
export { createTRPCEventHandler };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { TRPCWebSocketHandler } from "./models/TRPCWebSocketHandler.js";
|
|
2
|
+
import { TRPCWebSocketHandlerOptions } from "./models/TRPCWebSocketHandlerOptions.js";
|
|
3
|
+
import { AnyTRPCRouter } from "@trpc/server";
|
|
4
|
+
export declare const createTRPCWebSocketHandler: <TRouter extends AnyTRPCRouter>({ createContext, onClose, onOpen, ...options }: TRPCWebSocketHandlerOptions<TRouter>) => TRPCWebSocketHandler;
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { PeerWebSocketAdapter } from "./models/PeerWebSocketAdapter.js";
|
|
2
|
+
import { WebSocketServerAdapter } from "./models/WebSocketServerAdapter.js";
|
|
3
|
+
import { toIncomingMessage } from "./services/toIncomingMessage.js";
|
|
4
|
+
import { applyWSSHandler } from "@trpc/server/adapters/ws";
|
|
5
|
+
// src/runtime/server/createTRPCWebSocketHandler.ts
|
|
6
|
+
const createTRPCWebSocketHandler = ({ createContext, onClose, onOpen, ...options }) => {
|
|
7
|
+
const webSocketServer = new WebSocketServerAdapter();
|
|
8
|
+
const { broadcastReconnectNotification } = applyWSSHandler({
|
|
9
|
+
...options,
|
|
10
|
+
createContext,
|
|
11
|
+
wss: webSocketServer
|
|
12
|
+
});
|
|
13
|
+
const peerConnections = /* @__PURE__ */ new Map();
|
|
14
|
+
return {
|
|
15
|
+
broadcastReconnectNotification,
|
|
16
|
+
hooks: {
|
|
17
|
+
close: async (peer, { code, reason }) => {
|
|
18
|
+
const peerConnection = peerConnections.get(peer.id);
|
|
19
|
+
if (!peerConnection) return;
|
|
20
|
+
peerConnections.delete(peer.id);
|
|
21
|
+
peerConnection.client.receiveClose(code, reason);
|
|
22
|
+
await onClose?.({
|
|
23
|
+
context: await peerConnection.context,
|
|
24
|
+
peer
|
|
25
|
+
});
|
|
26
|
+
},
|
|
27
|
+
error: (peer, error) => {
|
|
28
|
+
peerConnections.get(peer.id)?.client.receiveError(error);
|
|
29
|
+
},
|
|
30
|
+
message: (peer, message) => {
|
|
31
|
+
peerConnections.get(peer.id)?.client.receiveMessage(message.text());
|
|
32
|
+
},
|
|
33
|
+
open: async (peer) => {
|
|
34
|
+
const client = new PeerWebSocketAdapter(peer);
|
|
35
|
+
const request = toIncomingMessage(peer);
|
|
36
|
+
const context = Promise.resolve(createContext({
|
|
37
|
+
info: {
|
|
38
|
+
accept: null,
|
|
39
|
+
calls: [],
|
|
40
|
+
connectionParams: null,
|
|
41
|
+
isBatchCall: false,
|
|
42
|
+
signal: new AbortController().signal,
|
|
43
|
+
type: "unknown",
|
|
44
|
+
url: new URL(peer.request.url)
|
|
45
|
+
},
|
|
46
|
+
req: request,
|
|
47
|
+
res: client
|
|
48
|
+
}));
|
|
49
|
+
peerConnections.set(peer.id, {
|
|
50
|
+
client,
|
|
51
|
+
context
|
|
52
|
+
});
|
|
53
|
+
webSocketServer.addConnection(client, request);
|
|
54
|
+
await onOpen?.({
|
|
55
|
+
context: await context,
|
|
56
|
+
peer
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
export { createTRPCWebSocketHandler };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { EventEmitter } from "node:events";
|
|
2
|
+
import { Peer } from "crossws";
|
|
3
|
+
export declare class PeerWebSocketAdapter extends EventEmitter {
|
|
4
|
+
#private;
|
|
5
|
+
readonly CLOSED: number;
|
|
6
|
+
readonly CLOSING: number;
|
|
7
|
+
readonly CONNECTING: number;
|
|
8
|
+
readonly OPEN: number;
|
|
9
|
+
readyState: number;
|
|
10
|
+
constructor(peer: Peer);
|
|
11
|
+
close(code?: number, reason?: string): void;
|
|
12
|
+
receiveClose(code?: number, reason?: string): void;
|
|
13
|
+
receiveError(error: unknown): void;
|
|
14
|
+
receiveMessage(message: string): void;
|
|
15
|
+
send(data: string): void;
|
|
16
|
+
terminate(): void;
|
|
17
|
+
}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { EventEmitter } from "node:events";
|
|
2
|
+
// src/runtime/server/models/PeerWebSocketAdapter.ts
|
|
3
|
+
var PeerWebSocketAdapter = class extends EventEmitter {
|
|
4
|
+
CLOSED = WebSocket.CLOSED;
|
|
5
|
+
CLOSING = WebSocket.CLOSING;
|
|
6
|
+
CONNECTING = WebSocket.CONNECTING;
|
|
7
|
+
OPEN = WebSocket.OPEN;
|
|
8
|
+
readyState = WebSocket.OPEN;
|
|
9
|
+
#peer;
|
|
10
|
+
constructor(peer) {
|
|
11
|
+
super();
|
|
12
|
+
this.#peer = peer;
|
|
13
|
+
}
|
|
14
|
+
close(code, reason) {
|
|
15
|
+
this.readyState = WebSocket.CLOSING;
|
|
16
|
+
this.#peer.close(code, reason);
|
|
17
|
+
}
|
|
18
|
+
receiveClose(code, reason) {
|
|
19
|
+
this.readyState = WebSocket.CLOSED;
|
|
20
|
+
this.emit("close", code, reason);
|
|
21
|
+
}
|
|
22
|
+
receiveError(error) {
|
|
23
|
+
this.emit("error", error);
|
|
24
|
+
}
|
|
25
|
+
receiveMessage(message) {
|
|
26
|
+
this.emit("message", Buffer.from(message), false);
|
|
27
|
+
}
|
|
28
|
+
send(data) {
|
|
29
|
+
this.#peer.send(data);
|
|
30
|
+
}
|
|
31
|
+
terminate() {
|
|
32
|
+
this.readyState = WebSocket.CLOSING;
|
|
33
|
+
this.#peer.terminate();
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
export { PeerWebSocketAdapter };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { AnyTRPCRouter, inferRouterContext } from "@trpc/server";
|
|
2
|
+
import { H3Event } from "nitro/h3";
|
|
3
|
+
import { FetchCreateContextFnOptions } from "@trpc/server/adapters/fetch";
|
|
4
|
+
import { Promisable } from "type-fest";
|
|
5
|
+
import { HTTPBaseHandlerOptions } from "@trpc/server/http";
|
|
6
|
+
export type TRPCEventHandlerOptions<TRouter extends AnyTRPCRouter> = HTTPBaseHandlerOptions<TRouter, Request> & {
|
|
7
|
+
createContext?: (event: H3Event, options: FetchCreateContextFnOptions) => Promisable<inferRouterContext<TRouter>>;
|
|
8
|
+
endpoint?: string;
|
|
9
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { TRPCWebSocketConnection } from "./TRPCWebSocketConnection.js";
|
|
2
|
+
import { AnyTRPCRouter, inferRouterContext } from "@trpc/server";
|
|
3
|
+
import { IncomingMessage } from "node:http";
|
|
4
|
+
import { CreateWSSContextFnOptions, WSSHandlerOptions } from "@trpc/server/adapters/ws";
|
|
5
|
+
import { Promisable } from "type-fest";
|
|
6
|
+
import { BaseHandlerOptions } from "@trpc/server/http";
|
|
7
|
+
export type TRPCWebSocketHandlerOptions<TRouter extends AnyTRPCRouter> = BaseHandlerOptions<TRouter, IncomingMessage> & Pick<WSSHandlerOptions<TRouter>, "dangerouslyDisablePong" | "experimental_encoder" | "keepAlive" | "prefix"> & {
|
|
8
|
+
createContext: (options: CreateWSSContextFnOptions) => Promisable<inferRouterContext<TRouter>>;
|
|
9
|
+
onClose?: (connection: TRPCWebSocketConnection<inferRouterContext<TRouter>>) => Promisable<void>;
|
|
10
|
+
onOpen?: (connection: TRPCWebSocketConnection<inferRouterContext<TRouter>>) => Promisable<void>;
|
|
11
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { EventEmitter } from "node:events";
|
|
2
|
+
import { IncomingMessage } from "node:http";
|
|
3
|
+
export declare class WebSocketServerAdapter<TClient extends EventEmitter> extends EventEmitter {
|
|
4
|
+
readonly clients: Set<TClient>;
|
|
5
|
+
addConnection(client: TClient, request: IncomingMessage): void;
|
|
6
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { EventEmitter } from "node:events";
|
|
2
|
+
// src/runtime/server/models/WebSocketServerAdapter.ts
|
|
3
|
+
var WebSocketServerAdapter = class extends EventEmitter {
|
|
4
|
+
clients = /* @__PURE__ */ new Set();
|
|
5
|
+
addConnection(client, request) {
|
|
6
|
+
this.clients.add(client);
|
|
7
|
+
client.once("close", () => {
|
|
8
|
+
this.clients.delete(client);
|
|
9
|
+
});
|
|
10
|
+
this.emit("connection", client, request);
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
export { WebSocketServerAdapter };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { IncomingMessage } from "node:http";
|
|
2
|
+
import { Socket } from "node:net";
|
|
3
|
+
// src/runtime/server/services/toIncomingMessage.ts
|
|
4
|
+
const toIncomingMessage = ({ request }) => {
|
|
5
|
+
const incomingMessage = new IncomingMessage(new Socket());
|
|
6
|
+
const { pathname, search } = new URL(request.url);
|
|
7
|
+
incomingMessage.url = `${pathname}${search}`;
|
|
8
|
+
incomingMessage.headers = Object.fromEntries(request.headers);
|
|
9
|
+
return incomingMessage;
|
|
10
|
+
};
|
|
11
|
+
export { toIncomingMessage };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { MODULE_NAME } from "../runtime/constants.js";
|
|
2
|
+
import { getImportStatement } from "./getImportStatement.js";
|
|
3
|
+
// src/services/getEventHandlerTemplate.ts
|
|
4
|
+
const getEventHandlerTemplate = (router, endpoint, createContext) => [
|
|
5
|
+
`import { createTRPCEventHandler } from "${MODULE_NAME}/runtime/server/createTRPCEventHandler";`,
|
|
6
|
+
getImportStatement(router, "router"),
|
|
7
|
+
...createContext ? [getImportStatement(createContext, "createContext")] : [],
|
|
8
|
+
`export default createTRPCEventHandler({ ${createContext ? "createContext, " : ""}endpoint: ${JSON.stringify(endpoint)}, router });`
|
|
9
|
+
].join("\n");
|
|
10
|
+
export { getEventHandlerTemplate };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { MODULE_NAME } from "../runtime/constants.js";
|
|
2
|
+
import { getImportStatement } from "./getImportStatement.js";
|
|
3
|
+
// src/services/getWebSocketHandlerTemplate.ts
|
|
4
|
+
const getWebSocketHandlerTemplate = (router, { keepAlive }, createContext) => [
|
|
5
|
+
`import { useNitroHooks } from "nitro/app";`,
|
|
6
|
+
`import { defineWebSocketHandler } from "nitro/h3";`,
|
|
7
|
+
`import { WEBSOCKET_CLOSE_HOOK, WEBSOCKET_OPEN_HOOK } from "${MODULE_NAME}/runtime/constants";`,
|
|
8
|
+
`import { createTRPCWebSocketHandler } from "${MODULE_NAME}/runtime/server/createTRPCWebSocketHandler";`,
|
|
9
|
+
getImportStatement(router, "router"),
|
|
10
|
+
createContext ? getImportStatement(createContext, "createContext") : "const createContext = () => ({});",
|
|
11
|
+
`const nitroHooks = useNitroHooks();`,
|
|
12
|
+
`const { broadcastReconnectNotification, hooks } = createTRPCWebSocketHandler({`,
|
|
13
|
+
` createContext,`,
|
|
14
|
+
` keepAlive: ${JSON.stringify(keepAlive)},`,
|
|
15
|
+
` onClose: (connection) => nitroHooks.callHook(WEBSOCKET_CLOSE_HOOK, connection),`,
|
|
16
|
+
` onOpen: (connection) => nitroHooks.callHook(WEBSOCKET_OPEN_HOOK, connection),`,
|
|
17
|
+
` router,`,
|
|
18
|
+
`});`,
|
|
19
|
+
`nitroHooks.hook("close", broadcastReconnectNotification);`,
|
|
20
|
+
`export default defineWebSocketHandler(hooks);`
|
|
21
|
+
].join("\n");
|
|
22
|
+
export { getWebSocketHandlerTemplate };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { MODULE_NAME, WEBSOCKET_CLOSE_HOOK, WEBSOCKET_OPEN_HOOK } from "../runtime/constants.js";
|
|
2
|
+
// src/services/getWebSocketHooksTypeTemplate.ts
|
|
3
|
+
const getWebSocketHooksTypeTemplate = ({ from, name }) => {
|
|
4
|
+
const connectionType = `TRPCWebSocketConnection<inferRouterContext<typeof import(${JSON.stringify(from)})[${JSON.stringify(name)}]>>`;
|
|
5
|
+
return [
|
|
6
|
+
`import type { inferRouterContext } from "@trpc/server";`,
|
|
7
|
+
`import type { TRPCWebSocketConnection } from "${MODULE_NAME}/runtime/server/models/TRPCWebSocketConnection";`,
|
|
8
|
+
`declare module "nitro/types" {`,
|
|
9
|
+
` interface NitroRuntimeHooks {`,
|
|
10
|
+
` ${JSON.stringify(WEBSOCKET_CLOSE_HOOK)}: (connection: ${connectionType}) => Promise<void> | void;`,
|
|
11
|
+
` ${JSON.stringify(WEBSOCKET_OPEN_HOOK)}: (connection: ${connectionType}) => Promise<void> | void;`,
|
|
12
|
+
` }`,
|
|
13
|
+
`}`,
|
|
14
|
+
`export {};`
|
|
15
|
+
].join("\n");
|
|
16
|
+
};
|
|
17
|
+
export { getWebSocketHooksTypeTemplate };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "trpc-nuxt-module",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.3.3",
|
|
4
4
|
"description": "tRPC for Nuxt — a Nuxt module that registers your router's HTTP and WebSocket handlers, fetches through the request event during SSR, and decorates the typed client with useQuery, useMutation and useSubscription over useAsyncData.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"nitro",
|
|
@@ -74,41 +74,36 @@
|
|
|
74
74
|
"scripts": {
|
|
75
75
|
"bench": "vitest bench --run",
|
|
76
76
|
"build": "tsdown",
|
|
77
|
-
"format": "oxfmt",
|
|
78
|
-
"format:check": "oxfmt --check",
|
|
79
77
|
"lint": "eslint .",
|
|
80
78
|
"lint:fix": "eslint --fix .",
|
|
81
79
|
"test": "vitest",
|
|
82
80
|
"typecheck": "tsc"
|
|
83
81
|
},
|
|
84
82
|
"dependencies": {
|
|
85
|
-
"@esposter/shared": "4.
|
|
83
|
+
"@esposter/shared": "4.3.3",
|
|
86
84
|
"@nuxt/kit": "npm:@nuxt/kit-nightly@5x",
|
|
87
85
|
"@nuxt/schema": "npm:@nuxt/schema-nightly@5x",
|
|
88
86
|
"ohash": "^2.0.12",
|
|
89
87
|
"type-fest": "^5.10.0"
|
|
90
88
|
},
|
|
91
89
|
"devDependencies": {
|
|
92
|
-
"@
|
|
93
|
-
"@esposter/
|
|
94
|
-
"@esposter/shared-node": "4.2.0",
|
|
90
|
+
"@esposter/configuration": "4.3.3",
|
|
91
|
+
"@esposter/shared-node": "4.3.3",
|
|
95
92
|
"@nuxt/nitro-server": "npm:@nuxt/nitro-server-nightly@5x",
|
|
96
|
-
"@nuxt/test-utils": "^4.3.
|
|
93
|
+
"@nuxt/test-utils": "^4.3.4",
|
|
97
94
|
"@types/node": "^26.6.5",
|
|
98
|
-
"happy-dom": "^21.0.
|
|
99
|
-
"publint": "^0.3.25",
|
|
95
|
+
"happy-dom": "^21.0.4",
|
|
100
96
|
"superjson": "^2.2.6",
|
|
101
97
|
"tsdown": "^0.23.1",
|
|
102
|
-
"vitest": "^5.0.4",
|
|
103
98
|
"zod": "^4.6.7"
|
|
104
99
|
},
|
|
105
100
|
"peerDependencies": {
|
|
106
101
|
"@trpc/client": "^11.19.0",
|
|
107
102
|
"@trpc/server": "^11.19.0",
|
|
108
103
|
"crossws": "^0.4.15",
|
|
109
|
-
"nitro": "npm:nitro-nightly@
|
|
104
|
+
"nitro": "npm:nitro-nightly@3.0.1-20261018-005730-bb9894fe",
|
|
110
105
|
"nuxt": "npm:nuxt-nightly@5x",
|
|
111
106
|
"vue": "^3.5.44"
|
|
112
107
|
},
|
|
113
|
-
"gitHead": "
|
|
108
|
+
"gitHead": "955bbc130ad9b28877fd4ae8efc73a045141ce01"
|
|
114
109
|
}
|