@constructive-io/react 0.18.7 → 0.18.9
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/admin/orm/client.d.ts +30 -0
- package/admin/orm/client.js +41 -1
- package/admin/orm/realtime.d.ts +142 -0
- package/admin/orm/realtime.js +104 -0
- package/auth/orm/client.d.ts +30 -0
- package/auth/orm/client.js +41 -1
- package/auth/orm/realtime.d.ts +142 -0
- package/auth/orm/realtime.js +104 -0
- package/esm/admin/orm/client.d.ts +30 -0
- package/esm/admin/orm/client.js +39 -0
- package/esm/admin/orm/realtime.d.ts +142 -0
- package/esm/admin/orm/realtime.js +100 -0
- package/esm/auth/orm/client.d.ts +30 -0
- package/esm/auth/orm/client.js +39 -0
- package/esm/auth/orm/realtime.d.ts +142 -0
- package/esm/auth/orm/realtime.js +100 -0
- package/esm/objects/orm/client.d.ts +30 -0
- package/esm/objects/orm/client.js +39 -0
- package/esm/objects/orm/realtime.d.ts +142 -0
- package/esm/objects/orm/realtime.js +100 -0
- package/esm/public/hooks/mutation-keys.d.ts +0 -2
- package/esm/public/hooks/mutation-keys.js +0 -3
- package/esm/public/hooks/mutations/index.d.ts +0 -1
- package/esm/public/hooks/mutations/index.js +0 -1
- package/esm/public/orm/client.d.ts +30 -0
- package/esm/public/orm/client.js +39 -0
- package/esm/public/orm/index.d.ts +0 -5
- package/esm/public/orm/input-types.d.ts +0 -11
- package/esm/public/orm/mutation/index.d.ts +1 -9
- package/esm/public/orm/mutation/index.js +0 -12
- package/esm/public/orm/realtime.d.ts +142 -0
- package/esm/public/orm/realtime.js +100 -0
- package/esm/public/schema-types.d.ts +0 -8
- package/objects/orm/client.d.ts +30 -0
- package/objects/orm/client.js +41 -1
- package/objects/orm/realtime.d.ts +142 -0
- package/objects/orm/realtime.js +104 -0
- package/package.json +2 -2
- package/public/hooks/mutation-keys.d.ts +0 -2
- package/public/hooks/mutation-keys.js +0 -3
- package/public/hooks/mutations/index.d.ts +0 -1
- package/public/hooks/mutations/index.js +0 -1
- package/public/orm/client.d.ts +30 -0
- package/public/orm/client.js +41 -1
- package/public/orm/index.d.ts +0 -5
- package/public/orm/input-types.d.ts +0 -11
- package/public/orm/mutation/index.d.ts +1 -9
- package/public/orm/mutation/index.js +0 -12
- package/public/orm/realtime.d.ts +142 -0
- package/public/orm/realtime.js +104 -0
- package/public/schema-types.d.ts +0 -8
- package/esm/public/hooks/mutations/useAppendSmartTagsMutation.d.ts +0 -20
- package/esm/public/hooks/mutations/useAppendSmartTagsMutation.js +0 -23
- package/public/hooks/mutations/useAppendSmartTagsMutation.d.ts +0 -20
- package/public/hooks/mutations/useAppendSmartTagsMutation.js +0 -26
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Realtime Manager - WebSocket subscription support
|
|
3
|
+
* @generated by @constructive-io/graphql-codegen
|
|
4
|
+
* DO NOT EDIT - changes will be overwritten
|
|
5
|
+
*/
|
|
6
|
+
interface WsGraphQLError {
|
|
7
|
+
readonly message: string;
|
|
8
|
+
readonly [key: string]: unknown;
|
|
9
|
+
}
|
|
10
|
+
interface WsExecutionResult<TData = Record<string, unknown>> {
|
|
11
|
+
data?: TData | null;
|
|
12
|
+
errors?: readonly WsGraphQLError[];
|
|
13
|
+
extensions?: Record<string, unknown>;
|
|
14
|
+
}
|
|
15
|
+
interface WsSink<T> {
|
|
16
|
+
next(value: T): void;
|
|
17
|
+
error(error: unknown): void;
|
|
18
|
+
complete(): void;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Minimal interface matching the graphql-ws Client.
|
|
22
|
+
* Consumers pass a concrete instance via RealtimeConfig.client.
|
|
23
|
+
*/
|
|
24
|
+
export interface WsClient {
|
|
25
|
+
subscribe<TData = Record<string, unknown>>(payload: {
|
|
26
|
+
query: string;
|
|
27
|
+
variables?: Record<string, unknown>;
|
|
28
|
+
}, sink: WsSink<WsExecutionResult<TData>>): () => void;
|
|
29
|
+
dispose(): void;
|
|
30
|
+
}
|
|
31
|
+
/** The DML operation that triggered the subscription event */
|
|
32
|
+
export type SubscriptionOperation = 'INSERT' | 'UPDATE' | 'DELETE';
|
|
33
|
+
/** Connection state of the WebSocket */
|
|
34
|
+
export type ConnectionState = 'disconnected' | 'connecting' | 'connected' | 'reconnecting';
|
|
35
|
+
/** Listener for connection state changes */
|
|
36
|
+
export type ConnectionStateListener = (state: ConnectionState) => void;
|
|
37
|
+
/** Function returned by subscribe() to cancel the subscription */
|
|
38
|
+
export type Unsubscribe = () => void;
|
|
39
|
+
/**
|
|
40
|
+
* A realtime subscription event delivered to the client.
|
|
41
|
+
*
|
|
42
|
+
* @typeParam T - The row type of the subscribed table
|
|
43
|
+
*/
|
|
44
|
+
export interface SubscriptionEvent<T> {
|
|
45
|
+
/** The DML operation that triggered this event */
|
|
46
|
+
operation: SubscriptionOperation;
|
|
47
|
+
/** The current row data (null for DELETE if row is no longer visible) */
|
|
48
|
+
data: T | null;
|
|
49
|
+
/** Previous field values (populated on UPDATE when available) */
|
|
50
|
+
previousValues?: Partial<T>;
|
|
51
|
+
/** Server-side timestamp of when the change occurred */
|
|
52
|
+
timestamp: string;
|
|
53
|
+
}
|
|
54
|
+
/**
|
|
55
|
+
* Options for creating a subscription.
|
|
56
|
+
*
|
|
57
|
+
* @typeParam T - The row type of the subscribed table
|
|
58
|
+
* @typeParam TFilter - The filter type for the table
|
|
59
|
+
*/
|
|
60
|
+
export interface SubscribeOptions<T, TFilter = Record<string, unknown>> {
|
|
61
|
+
/** Server-side filter to limit which events are delivered */
|
|
62
|
+
filter?: TFilter;
|
|
63
|
+
/** Called when a subscription event is received */
|
|
64
|
+
onEvent: (event: SubscriptionEvent<T>) => void;
|
|
65
|
+
/** Called when the subscription encounters an error */
|
|
66
|
+
onError?: (error: Error) => void;
|
|
67
|
+
/** Called when the subscription completes (server-initiated close) */
|
|
68
|
+
onComplete?: () => void;
|
|
69
|
+
}
|
|
70
|
+
/**
|
|
71
|
+
* Metadata about a subscription field, used internally to map
|
|
72
|
+
* table names to GraphQL subscription field names and types.
|
|
73
|
+
*/
|
|
74
|
+
export interface SubscriptionFieldMeta {
|
|
75
|
+
/** The GraphQL subscription field name (e.g., 'onContactChanged') */
|
|
76
|
+
fieldName: string;
|
|
77
|
+
/** The table name in the source schema (e.g., 'contact') */
|
|
78
|
+
tableName: string;
|
|
79
|
+
/** The data field name inside the subscription payload (e.g., 'contact') */
|
|
80
|
+
dataFieldName: string;
|
|
81
|
+
}
|
|
82
|
+
/**
|
|
83
|
+
* Configuration for the realtime (WebSocket) connection.
|
|
84
|
+
* Pass this as the `realtime` option in OrmClientConfig.
|
|
85
|
+
*
|
|
86
|
+
* @example
|
|
87
|
+
* ```ts
|
|
88
|
+
* import { createClient } from 'graphql-ws';
|
|
89
|
+
*
|
|
90
|
+
* const client = createOrmClient({
|
|
91
|
+
* endpoint: 'https://api.example.com/graphql',
|
|
92
|
+
* realtime: {
|
|
93
|
+
* client: createClient({ url: 'wss://api.example.com/graphql' }),
|
|
94
|
+
* },
|
|
95
|
+
* });
|
|
96
|
+
* ```
|
|
97
|
+
*/
|
|
98
|
+
export interface RealtimeConfig {
|
|
99
|
+
/**
|
|
100
|
+
* A graphql-ws Client instance (or any object satisfying WsClient).
|
|
101
|
+
* The consumer creates this themselves, giving full control over
|
|
102
|
+
* connection options, auth, and transport.
|
|
103
|
+
*
|
|
104
|
+
* @example
|
|
105
|
+
* ```ts
|
|
106
|
+
* import { createClient } from 'graphql-ws';
|
|
107
|
+
* const wsClient = createClient({ url: 'wss://...' });
|
|
108
|
+
* ```
|
|
109
|
+
*/
|
|
110
|
+
client: WsClient;
|
|
111
|
+
}
|
|
112
|
+
/**
|
|
113
|
+
* Manages a graphql-ws WebSocket client and multiplexes
|
|
114
|
+
* subscriptions over it. Created by OrmClient when `realtime`
|
|
115
|
+
* config is provided.
|
|
116
|
+
*/
|
|
117
|
+
export declare class RealtimeManager {
|
|
118
|
+
private wsClient;
|
|
119
|
+
private connectionState;
|
|
120
|
+
private stateListeners;
|
|
121
|
+
private activeSubscriptions;
|
|
122
|
+
constructor(config: RealtimeConfig);
|
|
123
|
+
/**
|
|
124
|
+
* Subscribe to a GraphQL subscription operation.
|
|
125
|
+
* Models call this with typed metadata and documents.
|
|
126
|
+
*/
|
|
127
|
+
subscribe<T>(meta: SubscriptionFieldMeta, document: string, variables: Record<string, unknown>, options: {
|
|
128
|
+
onEvent: (event: SubscriptionEvent<T>) => void;
|
|
129
|
+
onError?: (error: Error) => void;
|
|
130
|
+
onComplete?: () => void;
|
|
131
|
+
}): Unsubscribe;
|
|
132
|
+
/** Register a listener for connection state changes */
|
|
133
|
+
onConnectionStateChange(listener: ConnectionStateListener): Unsubscribe;
|
|
134
|
+
/** Get current connection state */
|
|
135
|
+
getConnectionState(): ConnectionState;
|
|
136
|
+
/** Number of active subscriptions */
|
|
137
|
+
getActiveSubscriptionCount(): number;
|
|
138
|
+
/** Dispose the manager and close the WebSocket connection */
|
|
139
|
+
dispose(): void;
|
|
140
|
+
private setConnectionState;
|
|
141
|
+
}
|
|
142
|
+
export {};
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* Realtime Manager - WebSocket subscription support
|
|
4
|
+
* @generated by @constructive-io/graphql-codegen
|
|
5
|
+
* DO NOT EDIT - changes will be overwritten
|
|
6
|
+
*/
|
|
7
|
+
// Minimal type shims so this module compiles without graphql-ws
|
|
8
|
+
// installed. Consumers supply a WsClient via RealtimeConfig;
|
|
9
|
+
// the SDK itself never imports or requires graphql-ws.
|
|
10
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
11
|
+
exports.RealtimeManager = void 0;
|
|
12
|
+
// ============================================================================
|
|
13
|
+
// RealtimeManager
|
|
14
|
+
// ============================================================================
|
|
15
|
+
/**
|
|
16
|
+
* Manages a graphql-ws WebSocket client and multiplexes
|
|
17
|
+
* subscriptions over it. Created by OrmClient when `realtime`
|
|
18
|
+
* config is provided.
|
|
19
|
+
*/
|
|
20
|
+
class RealtimeManager {
|
|
21
|
+
wsClient;
|
|
22
|
+
connectionState = 'disconnected';
|
|
23
|
+
stateListeners = new Set();
|
|
24
|
+
activeSubscriptions = 0;
|
|
25
|
+
constructor(config) {
|
|
26
|
+
this.wsClient = config.client;
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* Subscribe to a GraphQL subscription operation.
|
|
30
|
+
* Models call this with typed metadata and documents.
|
|
31
|
+
*/
|
|
32
|
+
subscribe(meta, document, variables, options) {
|
|
33
|
+
this.activeSubscriptions++;
|
|
34
|
+
let disposed = false;
|
|
35
|
+
const cleanup = this.wsClient.subscribe({ query: document, variables }, {
|
|
36
|
+
next: (result) => {
|
|
37
|
+
if (disposed)
|
|
38
|
+
return;
|
|
39
|
+
if (result.errors) {
|
|
40
|
+
options.onError?.(new Error(result.errors.map((e) => e.message).join('; ')));
|
|
41
|
+
return;
|
|
42
|
+
}
|
|
43
|
+
const payload = result.data?.[meta.fieldName];
|
|
44
|
+
if (!payload)
|
|
45
|
+
return;
|
|
46
|
+
const event = {
|
|
47
|
+
operation: payload.event ?? 'UPDATE',
|
|
48
|
+
data: payload[meta.dataFieldName] ?? null,
|
|
49
|
+
previousValues: payload.previousValues,
|
|
50
|
+
timestamp: payload.timestamp ?? new Date().toISOString(),
|
|
51
|
+
};
|
|
52
|
+
options.onEvent(event);
|
|
53
|
+
},
|
|
54
|
+
error: (err) => {
|
|
55
|
+
if (disposed)
|
|
56
|
+
return;
|
|
57
|
+
options.onError?.(err instanceof Error ? err : new Error(String(err)));
|
|
58
|
+
},
|
|
59
|
+
complete: () => {
|
|
60
|
+
if (disposed)
|
|
61
|
+
return;
|
|
62
|
+
options.onComplete?.();
|
|
63
|
+
},
|
|
64
|
+
});
|
|
65
|
+
return () => {
|
|
66
|
+
if (disposed)
|
|
67
|
+
return;
|
|
68
|
+
disposed = true;
|
|
69
|
+
this.activeSubscriptions--;
|
|
70
|
+
cleanup();
|
|
71
|
+
};
|
|
72
|
+
}
|
|
73
|
+
/** Register a listener for connection state changes */
|
|
74
|
+
onConnectionStateChange(listener) {
|
|
75
|
+
this.stateListeners.add(listener);
|
|
76
|
+
return () => {
|
|
77
|
+
this.stateListeners.delete(listener);
|
|
78
|
+
};
|
|
79
|
+
}
|
|
80
|
+
/** Get current connection state */
|
|
81
|
+
getConnectionState() {
|
|
82
|
+
return this.connectionState;
|
|
83
|
+
}
|
|
84
|
+
/** Number of active subscriptions */
|
|
85
|
+
getActiveSubscriptionCount() {
|
|
86
|
+
return this.activeSubscriptions;
|
|
87
|
+
}
|
|
88
|
+
/** Dispose the manager and close the WebSocket connection */
|
|
89
|
+
dispose() {
|
|
90
|
+
this.wsClient.dispose();
|
|
91
|
+
this.stateListeners.clear();
|
|
92
|
+
this.activeSubscriptions = 0;
|
|
93
|
+
this.setConnectionState('disconnected');
|
|
94
|
+
}
|
|
95
|
+
setConnectionState(state) {
|
|
96
|
+
if (this.connectionState === state)
|
|
97
|
+
return;
|
|
98
|
+
this.connectionState = state;
|
|
99
|
+
for (const listener of this.stateListeners) {
|
|
100
|
+
listener(state);
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
exports.RealtimeManager = RealtimeManager;
|
package/public/schema-types.d.ts
CHANGED
|
@@ -8541,11 +8541,6 @@ export interface SetFieldOrderInput {
|
|
|
8541
8541
|
clientMutationId?: string;
|
|
8542
8542
|
fieldIds?: string[];
|
|
8543
8543
|
}
|
|
8544
|
-
export interface AppendSmartTagsInput {
|
|
8545
|
-
clientMutationId?: string;
|
|
8546
|
-
pTableId?: string;
|
|
8547
|
-
pTags?: unknown;
|
|
8548
|
-
}
|
|
8549
8544
|
export interface ProvisionUniqueConstraintInput {
|
|
8550
8545
|
clientMutationId?: string;
|
|
8551
8546
|
databaseId?: string;
|
|
@@ -17255,9 +17250,6 @@ export interface BootstrapUserPayload {
|
|
|
17255
17250
|
export interface SetFieldOrderPayload {
|
|
17256
17251
|
clientMutationId?: string | null;
|
|
17257
17252
|
}
|
|
17258
|
-
export interface AppendSmartTagsPayload {
|
|
17259
|
-
clientMutationId?: string | null;
|
|
17260
|
-
}
|
|
17261
17253
|
export interface ProvisionUniqueConstraintPayload {
|
|
17262
17254
|
clientMutationId?: string | null;
|
|
17263
17255
|
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Custom mutation hook for appendSmartTags
|
|
3
|
-
* @generated by @constructive-io/graphql-codegen
|
|
4
|
-
* DO NOT EDIT - changes will be overwritten
|
|
5
|
-
*/
|
|
6
|
-
import type { UseMutationOptions, UseMutationResult } from '@tanstack/react-query';
|
|
7
|
-
import type { AppendSmartTagsVariables } from '../../orm/mutation';
|
|
8
|
-
import type { AppendSmartTagsPayloadSelect, AppendSmartTagsPayload } from '../../orm/input-types';
|
|
9
|
-
import type { InferSelectResult, HookStrictSelect } from '../../orm/select-types';
|
|
10
|
-
export type { AppendSmartTagsVariables } from '../../orm/mutation';
|
|
11
|
-
export type { AppendSmartTagsPayloadSelect } from '../../orm/input-types';
|
|
12
|
-
export declare function useAppendSmartTagsMutation<S extends AppendSmartTagsPayloadSelect>(params: {
|
|
13
|
-
selection: {
|
|
14
|
-
fields: S & AppendSmartTagsPayloadSelect;
|
|
15
|
-
} & HookStrictSelect<NoInfer<S>, AppendSmartTagsPayloadSelect>;
|
|
16
|
-
} & Omit<UseMutationOptions<{
|
|
17
|
-
appendSmartTags: InferSelectResult<AppendSmartTagsPayload, S> | null;
|
|
18
|
-
}, Error, AppendSmartTagsVariables>, 'mutationFn'>): UseMutationResult<{
|
|
19
|
-
appendSmartTags: InferSelectResult<AppendSmartTagsPayload, S> | null;
|
|
20
|
-
}, Error, AppendSmartTagsVariables>;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Custom mutation hook for appendSmartTags
|
|
3
|
-
* @generated by @constructive-io/graphql-codegen
|
|
4
|
-
* DO NOT EDIT - changes will be overwritten
|
|
5
|
-
*/
|
|
6
|
-
import { useMutation } from '@tanstack/react-query';
|
|
7
|
-
import { getClient } from '../client';
|
|
8
|
-
import { buildSelectionArgs } from '../selection';
|
|
9
|
-
import { customMutationKeys } from '../mutation-keys';
|
|
10
|
-
export function useAppendSmartTagsMutation(params) {
|
|
11
|
-
const args = buildSelectionArgs(params.selection);
|
|
12
|
-
const { selection: _selection, ...mutationOptions } = params ?? {};
|
|
13
|
-
void _selection;
|
|
14
|
-
return useMutation({
|
|
15
|
-
mutationKey: customMutationKeys.appendSmartTags(),
|
|
16
|
-
mutationFn: (variables) => getClient()
|
|
17
|
-
.mutation.appendSmartTags(variables, {
|
|
18
|
-
select: args.select,
|
|
19
|
-
})
|
|
20
|
-
.unwrap(),
|
|
21
|
-
...mutationOptions,
|
|
22
|
-
});
|
|
23
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Custom mutation hook for appendSmartTags
|
|
3
|
-
* @generated by @constructive-io/graphql-codegen
|
|
4
|
-
* DO NOT EDIT - changes will be overwritten
|
|
5
|
-
*/
|
|
6
|
-
import type { UseMutationOptions, UseMutationResult } from '@tanstack/react-query';
|
|
7
|
-
import type { AppendSmartTagsVariables } from '../../orm/mutation';
|
|
8
|
-
import type { AppendSmartTagsPayloadSelect, AppendSmartTagsPayload } from '../../orm/input-types';
|
|
9
|
-
import type { InferSelectResult, HookStrictSelect } from '../../orm/select-types';
|
|
10
|
-
export type { AppendSmartTagsVariables } from '../../orm/mutation';
|
|
11
|
-
export type { AppendSmartTagsPayloadSelect } from '../../orm/input-types';
|
|
12
|
-
export declare function useAppendSmartTagsMutation<S extends AppendSmartTagsPayloadSelect>(params: {
|
|
13
|
-
selection: {
|
|
14
|
-
fields: S & AppendSmartTagsPayloadSelect;
|
|
15
|
-
} & HookStrictSelect<NoInfer<S>, AppendSmartTagsPayloadSelect>;
|
|
16
|
-
} & Omit<UseMutationOptions<{
|
|
17
|
-
appendSmartTags: InferSelectResult<AppendSmartTagsPayload, S> | null;
|
|
18
|
-
}, Error, AppendSmartTagsVariables>, 'mutationFn'>): UseMutationResult<{
|
|
19
|
-
appendSmartTags: InferSelectResult<AppendSmartTagsPayload, S> | null;
|
|
20
|
-
}, Error, AppendSmartTagsVariables>;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
/**
|
|
3
|
-
* Custom mutation hook for appendSmartTags
|
|
4
|
-
* @generated by @constructive-io/graphql-codegen
|
|
5
|
-
* DO NOT EDIT - changes will be overwritten
|
|
6
|
-
*/
|
|
7
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
8
|
-
exports.useAppendSmartTagsMutation = useAppendSmartTagsMutation;
|
|
9
|
-
const react_query_1 = require("@tanstack/react-query");
|
|
10
|
-
const client_1 = require("../client");
|
|
11
|
-
const selection_1 = require("../selection");
|
|
12
|
-
const mutation_keys_1 = require("../mutation-keys");
|
|
13
|
-
function useAppendSmartTagsMutation(params) {
|
|
14
|
-
const args = (0, selection_1.buildSelectionArgs)(params.selection);
|
|
15
|
-
const { selection: _selection, ...mutationOptions } = params ?? {};
|
|
16
|
-
void _selection;
|
|
17
|
-
return (0, react_query_1.useMutation)({
|
|
18
|
-
mutationKey: mutation_keys_1.customMutationKeys.appendSmartTags(),
|
|
19
|
-
mutationFn: (variables) => (0, client_1.getClient)()
|
|
20
|
-
.mutation.appendSmartTags(variables, {
|
|
21
|
-
select: args.select,
|
|
22
|
-
})
|
|
23
|
-
.unwrap(),
|
|
24
|
-
...mutationOptions,
|
|
25
|
-
});
|
|
26
|
-
}
|