@livestore/livestore 0.0.0 → 0.0.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/dist/.tsbuildinfo +1 -1
- package/dist/backends/index.d.ts +5 -1
- package/dist/backends/index.d.ts.map +1 -1
- package/dist/backends/index.js +4 -4
- package/dist/backends/index.js.map +1 -1
- package/dist/backends/tauri.d.ts +2 -4
- package/dist/backends/tauri.d.ts.map +1 -1
- package/dist/backends/tauri.js +3 -3
- package/dist/backends/tauri.js.map +1 -1
- package/dist/backends/web-in-memory.d.ts +2 -4
- package/dist/backends/web-in-memory.d.ts.map +1 -1
- package/dist/backends/web-in-memory.js +2 -3
- package/dist/backends/web-in-memory.js.map +1 -1
- package/dist/backends/web.d.ts +2 -3
- package/dist/backends/web.d.ts.map +1 -1
- package/dist/backends/web.js +2 -3
- package/dist/backends/web.js.map +1 -1
- package/dist/effect/LiveStore.d.ts +8 -8
- package/dist/effect/LiveStore.d.ts.map +1 -1
- package/dist/effect/LiveStore.js +12 -8
- package/dist/effect/LiveStore.js.map +1 -1
- package/dist/otel.js +1 -1
- package/dist/otel.js.map +1 -1
- package/dist/store.d.ts.map +1 -1
- package/dist/store.js +5 -2
- package/dist/store.js.map +1 -1
- package/package.json +15 -3
- package/src/backends/index.ts +8 -4
- package/src/backends/tauri.ts +7 -11
- package/src/backends/web-in-memory.ts +6 -6
- package/src/backends/web.ts +6 -5
- package/src/effect/LiveStore.ts +23 -16
- package/src/otel.ts +1 -1
- package/src/store.ts +5 -2
- package/dist/LiveRiffleStore.d.ts +0 -42
- package/dist/LiveRiffleStore.d.ts.map +0 -1
- package/dist/LiveRiffleStore.js +0 -36
- package/dist/LiveRiffleStore.js.map +0 -1
- package/dist/__tests__/react/useRiffleComponent.test.d.ts +0 -2
- package/dist/__tests__/react/useRiffleComponent.test.d.ts.map +0 -1
- package/dist/__tests__/react/useRiffleComponent.test.js +0 -78
- package/dist/__tests__/react/useRiffleComponent.test.js.map +0 -1
- package/dist/react/RiffleProvider.d.ts +0 -21
- package/dist/react/RiffleProvider.d.ts.map +0 -1
- package/dist/react/RiffleProvider.js +0 -48
- package/dist/react/RiffleProvider.js.map +0 -1
- package/dist/react/StoreContext.d.ts +0 -11
- package/dist/react/StoreContext.d.ts.map +0 -1
- package/dist/react/StoreContext.js +0 -10
- package/dist/react/StoreContext.js.map +0 -1
- package/dist/react/useRiffleComponent.d.ts +0 -70
- package/dist/react/useRiffleComponent.d.ts.map +0 -1
- package/dist/react/useRiffleComponent.js +0 -261
- package/dist/react/useRiffleComponent.js.map +0 -1
- package/dist/react/useRiffleJsonHook.d.ts +0 -4
- package/dist/react/useRiffleJsonHook.d.ts.map +0 -1
- package/dist/react/useRiffleJsonHook.js +0 -21
- package/dist/react/useRiffleJsonHook.js.map +0 -1
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
|
|
2
|
-
import { type LiteralUnion } from '@overtone/utils';
|
|
3
|
-
import type { DependencyList } from 'react';
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import type { ComponentKey } from '../componentKey.js';
|
|
6
|
-
import type { GetAtom } from '../reactive.js';
|
|
7
|
-
import type { RiffleGraphQLQuery } from '../reactiveQueries/graphql.js';
|
|
8
|
-
import type { RiffleJSQuery } from '../reactiveQueries/js.js';
|
|
9
|
-
import type { RiffleSQLQuery } from '../reactiveQueries/sql.js';
|
|
10
|
-
import type { ComponentStateSchema } from '../schema.js';
|
|
11
|
-
import type { BaseGraphQLContext, QueryResult, RiffleQuery } from '../store.js';
|
|
12
|
-
export interface QueryDefinitions {
|
|
13
|
-
[queryName: string]: RiffleQuery;
|
|
14
|
-
}
|
|
15
|
-
export type QueryResults<TQuery> = {
|
|
16
|
-
[queryName in keyof TQuery]: QueryResult<TQuery[queryName]>;
|
|
17
|
-
};
|
|
18
|
-
export type ReactiveSQL = <TResult>(genQuery: (get: GetAtom) => string, queriedTables: string[]) => RiffleSQLQuery<TResult>;
|
|
19
|
-
export type ReactiveGraphQL = <TResult extends Record<string, any>, TVariables extends Record<string, any>, TContext extends BaseGraphQLContext>(query: DocumentNode<TResult, TVariables>, genVariableValues: (get: GetAtom) => TVariables, label?: string) => RiffleGraphQLQuery<TResult, TVariables, TContext>;
|
|
20
|
-
type RegisterSubscription = <TQuery extends RiffleQuery>(query: TQuery, onNewValue: (value: QueryResult<TQuery>) => void, onUnsubscribe?: () => void) => void;
|
|
21
|
-
type GenQueries<TQueries, TStateResult> = (args: {
|
|
22
|
-
rxSQL: ReactiveSQL;
|
|
23
|
-
rxGraphQL: ReactiveGraphQL;
|
|
24
|
-
globalQueries: QueryDefinitions;
|
|
25
|
-
state$: RiffleJSQuery<TStateResult>;
|
|
26
|
-
/** Registers a subscription */
|
|
27
|
-
subscribe: RegisterSubscription;
|
|
28
|
-
isTemporaryQuery: boolean;
|
|
29
|
-
}) => TQueries;
|
|
30
|
-
export type UseRiffleComponentProps<TQueries, TComponentState> = {
|
|
31
|
-
stateSchema?: ComponentStateSchema<TComponentState>;
|
|
32
|
-
queries?: GenQueries<TQueries, TComponentState>;
|
|
33
|
-
reactDeps?: React.DependencyList;
|
|
34
|
-
componentKey: ComponentKeyConfig;
|
|
35
|
-
};
|
|
36
|
-
export type ComponentKeyConfig = {
|
|
37
|
-
/**
|
|
38
|
-
* Name of the Component
|
|
39
|
-
*
|
|
40
|
-
* TODO we should eventually derive this info automatically from the component (TBD how though...)
|
|
41
|
-
*/
|
|
42
|
-
name: string;
|
|
43
|
-
id: LiteralUnion<'singleton' | '__ephemeral__', string>;
|
|
44
|
-
};
|
|
45
|
-
type ComponentState = {
|
|
46
|
-
/** Equivalent to `componentKey.key` */
|
|
47
|
-
id: string;
|
|
48
|
-
[key: string]: string | number | boolean | null;
|
|
49
|
-
};
|
|
50
|
-
type UseRiffleJsonState<TState> = <TResult>(jsonStringKey: keyof TState, parse?: (_: unknown) => TResult) => [value: TResult, setValue: (newVal: TResult | ((prevVal: TResult) => TResult)) => void];
|
|
51
|
-
/**
|
|
52
|
-
* Create reactive queries within a component.
|
|
53
|
-
* @param config.queries A function that returns a map of named reactive queries.
|
|
54
|
-
* @param config.componentKey A function that returns a unique key for this component.
|
|
55
|
-
* @param config.reactDeps A list of React-level dependencies that will refresh the queries.
|
|
56
|
-
*/
|
|
57
|
-
export declare const useRiffleComponent: <TComponentState extends ComponentState, TQueries extends QueryDefinitions>({ stateSchema: stateSchema_, queries, componentKey: componentKeyConfig, reactDeps, }: UseRiffleComponentProps<TQueries, TComponentState>) => {
|
|
58
|
-
queryResults: QueryResults<TQueries>;
|
|
59
|
-
state: TComponentState;
|
|
60
|
-
setState: Setters<TComponentState>;
|
|
61
|
-
useRiffleJsonState: UseRiffleJsonState<TComponentState>;
|
|
62
|
-
};
|
|
63
|
-
export type Setters<TComponentState> = {
|
|
64
|
-
[k in keyof TComponentState]: (newValue: TComponentState[k]) => void;
|
|
65
|
-
} & {
|
|
66
|
-
setMany: (newValues: Partial<TComponentState>) => void;
|
|
67
|
-
};
|
|
68
|
-
export declare const useComponentKey: ({ name, id }: ComponentKeyConfig, deps?: DependencyList) => ComponentKey;
|
|
69
|
-
export {};
|
|
70
|
-
//# sourceMappingURL=useRiffleComponent.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useRiffleComponent.d.ts","sourceRoot":"","sources":["../../src/react/useRiffleComponent.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,261 +0,0 @@
|
|
|
1
|
-
import * as otel from '@opentelemetry/api';
|
|
2
|
-
import { omit, shouldNeverHappen } from '@overtone/utils';
|
|
3
|
-
import { useStateRefWithReactiveInput } from '@overtone/utils-frontend';
|
|
4
|
-
import { isEqual, mapValues } from 'lodash-es';
|
|
5
|
-
import React from 'react';
|
|
6
|
-
import { v4 as uuid } from 'uuid';
|
|
7
|
-
import { labelForKey, tableNameForComponentKey } from '../componentKey.js';
|
|
8
|
-
import { sql } from '../util.js';
|
|
9
|
-
import { useStore } from './StoreContext.js';
|
|
10
|
-
/**
|
|
11
|
-
* This is needed because the `React.useMemo` call below, can sometimes be called multiple times 🤷,
|
|
12
|
-
* so we need to "cache" the fact that we've already started a span for this component.
|
|
13
|
-
* The map entry is being removed again in the `React.useEffect` call below.
|
|
14
|
-
*/
|
|
15
|
-
const spanAlreadyStartedCache = new Map();
|
|
16
|
-
/**
|
|
17
|
-
* Create reactive queries within a component.
|
|
18
|
-
* @param config.queries A function that returns a map of named reactive queries.
|
|
19
|
-
* @param config.componentKey A function that returns a unique key for this component.
|
|
20
|
-
* @param config.reactDeps A list of React-level dependencies that will refresh the queries.
|
|
21
|
-
*/
|
|
22
|
-
export const useRiffleComponent = ({ stateSchema: stateSchema_, queries = () => ({}), componentKey: componentKeyConfig, reactDeps = [], }) => {
|
|
23
|
-
// TODO we should clean up the state schema handling to remove this special handling for the `id` column
|
|
24
|
-
const stateSchema = React.useMemo(() => (stateSchema_ ? { ...stateSchema_, columns: omit(stateSchema_.columns, 'id') } : undefined), [stateSchema_]);
|
|
25
|
-
// performance.mark('useRiffleComponent:start')
|
|
26
|
-
const componentKey = useComponentKey(componentKeyConfig, reactDeps);
|
|
27
|
-
const { store, globalQueries } = useStore();
|
|
28
|
-
const componentKeyLabel = React.useMemo(() => labelForKey(componentKey), [componentKey]);
|
|
29
|
-
// The following `React.useMemo` and `React.useEffect` calls are used to start and end a span for the lifetime of this component.
|
|
30
|
-
const { span, otelCtx } = React.useMemo(() => {
|
|
31
|
-
const existingSpan = spanAlreadyStartedCache.get(componentKeyLabel);
|
|
32
|
-
if (existingSpan !== undefined)
|
|
33
|
-
return existingSpan;
|
|
34
|
-
const span = store.otel.tracer.startSpan(`riffle:useRiffleComponent:${componentKeyLabel}`, {}, store.otel.queriesSpanContext);
|
|
35
|
-
const otelCtx = otel.trace.setSpan(otel.context.active(), span);
|
|
36
|
-
spanAlreadyStartedCache.set(componentKeyLabel, { span, otelCtx });
|
|
37
|
-
return { span, otelCtx };
|
|
38
|
-
}, [componentKeyLabel, store.otel.queriesSpanContext, store.otel.tracer]);
|
|
39
|
-
React.useEffect(() => () => {
|
|
40
|
-
spanAlreadyStartedCache.delete(componentKeyLabel);
|
|
41
|
-
span.end();
|
|
42
|
-
}, [componentKeyLabel, span]);
|
|
43
|
-
const generateQueries = React.useCallback(({ state$, otelCtx, registerSubscription, isTemporaryQuery, }) => queries({
|
|
44
|
-
rxSQL: (genQuery, queriedTables) => store.querySQL(genQuery, queriedTables, undefined, componentKey, undefined, otelCtx),
|
|
45
|
-
rxGraphQL: (query, genVariableValues, label) => store.queryGraphQL(query, genVariableValues, { componentKey, label }, otelCtx),
|
|
46
|
-
globalQueries,
|
|
47
|
-
state$,
|
|
48
|
-
subscribe: registerSubscription,
|
|
49
|
-
isTemporaryQuery,
|
|
50
|
-
}),
|
|
51
|
-
// NOTE: we don't include the queries function passed in by the user here;
|
|
52
|
-
// the reason is that we don't want to force them to memoize that function.
|
|
53
|
-
// Instead, we just assume that the function always has the same contents.
|
|
54
|
-
// This makes sense for Riffle because the component config should be static.
|
|
55
|
-
// TODO: document this and consider whether it's the right API surface.
|
|
56
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
57
|
-
[store, componentKey, globalQueries]);
|
|
58
|
-
const defaultComponentState = React.useMemo(() => {
|
|
59
|
-
const defaultState = (stateSchema === undefined ? {} : mapValues(stateSchema.columns, (c) => c.default));
|
|
60
|
-
defaultState.id = componentKeyConfig.id;
|
|
61
|
-
return defaultState;
|
|
62
|
-
}, [componentKeyConfig.id, stateSchema]);
|
|
63
|
-
// Step 1:
|
|
64
|
-
// Synchronously create state and queries for initial render pass.
|
|
65
|
-
// We do this in a temporary query context which cleans up after itself, making it idempotent
|
|
66
|
-
// TODO get rid of the temporary query workaround
|
|
67
|
-
const { initialComponentState, initialQueryResults } = React.useMemo(() => {
|
|
68
|
-
return store.otel.tracer.startActiveSpan('riffle:useRiffleComponent:initial', {}, otelCtx, (span) => {
|
|
69
|
-
const otelCtx = otel.trace.setSpan(otel.context.active(), span);
|
|
70
|
-
return store.inTempQueryContext(() => {
|
|
71
|
-
try {
|
|
72
|
-
// create state query
|
|
73
|
-
let stateQuery;
|
|
74
|
-
if (stateSchema === undefined) {
|
|
75
|
-
// TODO don't set up a query if there's no state schema (keeps the graph more clean)
|
|
76
|
-
stateQuery = store.queryJS(() => ({}), componentKey, undefined, otelCtx);
|
|
77
|
-
}
|
|
78
|
-
else {
|
|
79
|
-
const componentTableName = tableNameForComponentKey(componentKey);
|
|
80
|
-
const whereClause = componentKey._tag === 'singleton' ? '' : `where id = '${componentKey.id}'`;
|
|
81
|
-
stateQuery = store
|
|
82
|
-
.querySQL(() => sql `select * from ${componentTableName} ${whereClause} limit 1`, [componentTableName], undefined, componentKey, `localState:query:${componentKeyLabel}`, otelCtx)
|
|
83
|
-
.getFirstRow({ defaultValue: defaultComponentState });
|
|
84
|
-
}
|
|
85
|
-
const initialComponentState = stateQuery.results$.result;
|
|
86
|
-
const queries = generateQueries({
|
|
87
|
-
state$: stateQuery,
|
|
88
|
-
otelCtx,
|
|
89
|
-
registerSubscription: () => { },
|
|
90
|
-
isTemporaryQuery: true,
|
|
91
|
-
});
|
|
92
|
-
for (const [name, query] of Object.entries(queries)) {
|
|
93
|
-
query.label = name;
|
|
94
|
-
}
|
|
95
|
-
const initialQueryResults = mapValues(queries, (query) => query.results$.result);
|
|
96
|
-
return { initialComponentState, initialQueryResults };
|
|
97
|
-
}
|
|
98
|
-
finally {
|
|
99
|
-
span.end();
|
|
100
|
-
}
|
|
101
|
-
});
|
|
102
|
-
});
|
|
103
|
-
}, [store, otelCtx, stateSchema, generateQueries, componentKey, componentKeyLabel, defaultComponentState]);
|
|
104
|
-
// Now that we've computed the initial state synchronously,
|
|
105
|
-
// we can set up our useState calls w/ a default value populated...
|
|
106
|
-
const [componentStateRef, setComponentState_] = useStateRefWithReactiveInput(initialComponentState);
|
|
107
|
-
const [queryResultsRef, setQueryResults_] = useStateRefWithReactiveInput(initialQueryResults);
|
|
108
|
-
const setState = (stateSchema === undefined
|
|
109
|
-
? {}
|
|
110
|
-
: // TODO: do we have a better type for the values that can go in SQLite?
|
|
111
|
-
mapValues(stateSchema.columns, (_, columnName) => (value) => {
|
|
112
|
-
// Don't update the state if it's the same as the value already seen in the component
|
|
113
|
-
if (componentStateRef.current[columnName] === value)
|
|
114
|
-
return;
|
|
115
|
-
if (['componentKey', 'columnNames'].includes(columnName)) {
|
|
116
|
-
shouldNeverHappen(`Can't use reserved column name ${columnName}`);
|
|
117
|
-
}
|
|
118
|
-
return store.applyEvent('updateComponentState', {
|
|
119
|
-
componentKey,
|
|
120
|
-
columnNames: [columnName],
|
|
121
|
-
[columnName]: value,
|
|
122
|
-
});
|
|
123
|
-
}));
|
|
124
|
-
setState.setMany = (columnValues) => {
|
|
125
|
-
// TODO use hashing instead
|
|
126
|
-
// Don't update the state if it's the same as the value already seen in the component
|
|
127
|
-
if (Object.entries(columnValues).every(([columnName, value]) => componentStateRef.current[columnName] === value)) {
|
|
128
|
-
return;
|
|
129
|
-
}
|
|
130
|
-
const columnNames = Object.keys(columnValues);
|
|
131
|
-
return store.applyEvent('updateComponentState', { componentKey, columnNames, ...columnValues });
|
|
132
|
-
};
|
|
133
|
-
// OK, now all the synchronous work is done;
|
|
134
|
-
// time to set up our long-running queries in an effect
|
|
135
|
-
React.useEffect(() => {
|
|
136
|
-
return store.otel.tracer.startActiveSpan('riffle:useRiffleComponent:long-running', { attributes: {} }, otelCtx, (span) => {
|
|
137
|
-
const otelCtx = otel.trace.setSpan(otel.context.active(), span);
|
|
138
|
-
const unsubs = [];
|
|
139
|
-
// create state query
|
|
140
|
-
let stateQuery;
|
|
141
|
-
if (stateSchema === undefined) {
|
|
142
|
-
stateQuery = store.queryJS(() => ({}), componentKey, undefined, otelCtx);
|
|
143
|
-
}
|
|
144
|
-
else {
|
|
145
|
-
const componentTableName = tableNameForComponentKey(componentKey);
|
|
146
|
-
insertRowForComponentInstance({ store, componentKey, stateSchema });
|
|
147
|
-
const whereClause = componentKey._tag === 'singleton' ? '' : `where id = '${componentKey.id}'`;
|
|
148
|
-
stateQuery = store
|
|
149
|
-
.querySQL(() => sql `select * from ${componentTableName} ${whereClause} limit 1`, [componentTableName], undefined, componentKey,
|
|
150
|
-
// TODO introduce a refresh "grouping" concept to associate related refreshes in the debugger UI
|
|
151
|
-
`localState:query:${componentKeyLabel}`, otelCtx)
|
|
152
|
-
.getFirstRow({ defaultValue: defaultComponentState });
|
|
153
|
-
}
|
|
154
|
-
unsubs.push(store.subscribe(stateQuery, (results) => {
|
|
155
|
-
if (isEqual(results, componentStateRef.current) === false) {
|
|
156
|
-
setComponentState_(results);
|
|
157
|
-
}
|
|
158
|
-
}, undefined, { label: `useRiffleComponent:localState:subscribe:${stateQuery.label}` }));
|
|
159
|
-
const registerSubscription = (query, callback, onUnsubscribe) => {
|
|
160
|
-
unsubs.push(store.subscribe(query, (results) => {
|
|
161
|
-
callback(results);
|
|
162
|
-
}, onUnsubscribe, { label: `useRiffleComponent:query:manual-subscribe:${query.label}` }));
|
|
163
|
-
};
|
|
164
|
-
const queries = generateQueries({ state$: stateQuery, otelCtx, registerSubscription, isTemporaryQuery: false });
|
|
165
|
-
// Use the name given to this query in the useQueries hook as its label
|
|
166
|
-
for (const [name, query] of Object.entries(queries)) {
|
|
167
|
-
query.label = name;
|
|
168
|
-
}
|
|
169
|
-
for (const [key, query] of Object.entries(queries)) {
|
|
170
|
-
unsubs.push(store.subscribe(query, (results) => {
|
|
171
|
-
const newQueryResults = { ...queryResultsRef.current, [key]: results };
|
|
172
|
-
if (isEqual(newQueryResults, queryResultsRef.current) === false) {
|
|
173
|
-
setQueryResults_(newQueryResults);
|
|
174
|
-
}
|
|
175
|
-
}, undefined, { label: `useRiffleComponent:query:subscribe:${query.label}` }));
|
|
176
|
-
}
|
|
177
|
-
return () => {
|
|
178
|
-
for (const unsub of unsubs) {
|
|
179
|
-
unsub();
|
|
180
|
-
}
|
|
181
|
-
span.end();
|
|
182
|
-
};
|
|
183
|
-
});
|
|
184
|
-
// NOTE excluding `setComponentState_` and `setQueryResults_` from the deps array as it seems to cause an infinite loop
|
|
185
|
-
// This should probably be improved
|
|
186
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
187
|
-
}, [
|
|
188
|
-
store,
|
|
189
|
-
componentKey,
|
|
190
|
-
stateSchema,
|
|
191
|
-
defaultComponentState,
|
|
192
|
-
generateQueries,
|
|
193
|
-
otelCtx,
|
|
194
|
-
componentStateRef,
|
|
195
|
-
// setComponentState_,
|
|
196
|
-
// setQueryResults_,
|
|
197
|
-
]);
|
|
198
|
-
// Very important: remove any queries / other resources associated w/ this component
|
|
199
|
-
React.useEffect(() => () => store.unmountComponent(componentKey), [store, componentKey]);
|
|
200
|
-
// performance.mark('useRiffleComponent:end')
|
|
201
|
-
// performance.measure(`useRiffleComponent:${componentKey.type}`, 'useRiffleComponent:start', 'useRiffleComponent:end')
|
|
202
|
-
const state = componentStateRef.current;
|
|
203
|
-
const useRiffleJsonState = (jsonStringKey, parse = (_) => _) => {
|
|
204
|
-
const value = React.useMemo(() => {
|
|
205
|
-
return parse(JSON.parse(state[jsonStringKey]));
|
|
206
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
207
|
-
}, [state[jsonStringKey], parse]);
|
|
208
|
-
const setValue = React.useCallback((newValOrFn) => {
|
|
209
|
-
const newVal = typeof newValOrFn === 'function'
|
|
210
|
-
? // NOTE we're using the ref instead of the value because we want to be sure
|
|
211
|
-
// we're using the latest value when the setter is called
|
|
212
|
-
newValOrFn(parse(JSON.parse(componentStateRef.current[jsonStringKey])))
|
|
213
|
-
: newValOrFn;
|
|
214
|
-
setState[jsonStringKey](JSON.stringify(newVal));
|
|
215
|
-
}, [parse, jsonStringKey]);
|
|
216
|
-
return [value, setValue];
|
|
217
|
-
};
|
|
218
|
-
return {
|
|
219
|
-
queryResults: queryResultsRef.current,
|
|
220
|
-
state,
|
|
221
|
-
setState,
|
|
222
|
-
useRiffleJsonState,
|
|
223
|
-
};
|
|
224
|
-
};
|
|
225
|
-
export const useComponentKey = ({ name, id }, deps = []) => React.useMemo(() => {
|
|
226
|
-
switch (id) {
|
|
227
|
-
case 'singleton': {
|
|
228
|
-
return { _tag: 'singleton', componentName: name, id: 'singleton' };
|
|
229
|
-
}
|
|
230
|
-
case '__ephemeral__': {
|
|
231
|
-
return { _tag: 'ephemeral', componentName: name, id: uuid() };
|
|
232
|
-
}
|
|
233
|
-
default: {
|
|
234
|
-
return { _tag: 'custom', componentName: name, id };
|
|
235
|
-
}
|
|
236
|
-
}
|
|
237
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
238
|
-
}, [...deps, id, name]);
|
|
239
|
-
/**
|
|
240
|
-
* Create a row storing the state for a component instance, if none exists yet.
|
|
241
|
-
* Initialized with default values, and keyed on the component key.
|
|
242
|
-
*/
|
|
243
|
-
const insertRowForComponentInstance = ({ store, componentKey, stateSchema, }) => {
|
|
244
|
-
const columnNames = ['id', ...Object.keys(stateSchema.columns)];
|
|
245
|
-
const columnValues = columnNames.map((name) => `$${name}`).join(', ');
|
|
246
|
-
const tableName = tableNameForComponentKey(componentKey);
|
|
247
|
-
const insertQuery = sql `insert into ${tableName} (${columnNames.join(', ')}) select ${columnValues} where not exists(select 1 from ${tableName} where id = '${componentKey.id}')`;
|
|
248
|
-
void store.execute(insertQuery, {
|
|
249
|
-
id: componentKey.id,
|
|
250
|
-
...mapValues(stateSchema.columns, (column) => prepareValueForSql(column.default ?? null)),
|
|
251
|
-
}, [tableName]);
|
|
252
|
-
};
|
|
253
|
-
const prepareValueForSql = (value) => {
|
|
254
|
-
if (typeof value === 'string' || typeof value === 'number' || value === null) {
|
|
255
|
-
return value;
|
|
256
|
-
}
|
|
257
|
-
else {
|
|
258
|
-
return value ? 1 : 0;
|
|
259
|
-
}
|
|
260
|
-
};
|
|
261
|
-
//# sourceMappingURL=useRiffleComponent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useRiffleComponent.js","sourceRoot":"","sources":["../../src/react/useRiffleComponent.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { Setters } from './useRiffleComponent.js';
|
|
3
|
-
export declare const useRiffleJsonHook: <TState extends {}>(state: TState, setState: Setters<TState>, stateRef: React.MutableRefObject<TState>) => <TResult>(jsonStringKey: keyof TState, parse?: (_: unknown) => TResult) => [value: TResult, setValue: (newVal: TResult | ((prevVal: TResult) => TResult)) => void];
|
|
4
|
-
//# sourceMappingURL=useRiffleJsonHook.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useRiffleJsonHook.d.ts","sourceRoot":"","sources":["../../src/react/useRiffleJsonHook.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAEtD,eAAO,MAAM,iBAAiB,gKAIf,OAAO,mGACiE,IAAI,CAuBxF,CAAA"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export const useRiffleJsonHook = (state, setState, stateRef) => (jsonStringKey, parse = (_) => _) => {
|
|
3
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
4
|
-
const value = React.useMemo(() => {
|
|
5
|
-
return parse(JSON.parse(state[jsonStringKey]));
|
|
6
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
7
|
-
}, [state[jsonStringKey], parse]);
|
|
8
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
9
|
-
const setValue = React.useCallback((newValOrFn) => {
|
|
10
|
-
const newVal = typeof newValOrFn === 'function'
|
|
11
|
-
? // NOTE we're using the ref instead of the value because we want to be sure
|
|
12
|
-
// we're using the latest value when the setter is called
|
|
13
|
-
newValOrFn(parse(JSON.parse(stateRef.current[jsonStringKey])))
|
|
14
|
-
: newValOrFn;
|
|
15
|
-
setState[jsonStringKey](JSON.stringify(newVal));
|
|
16
|
-
},
|
|
17
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
18
|
-
[stateRef, setState, jsonStringKey]);
|
|
19
|
-
return [value, setValue];
|
|
20
|
-
};
|
|
21
|
-
//# sourceMappingURL=useRiffleJsonHook.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useRiffleJsonHook.js","sourceRoot":"","sources":["../../src/react/useRiffleJsonHook.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,CAAC,MAAM,iBAAiB,GAC5B,CAAoB,KAAa,EAAE,QAAyB,EAAE,QAAwC,EAAE,EAAE,CAC1G,CACE,aAA2B,EAC3B,QAAiC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAY,EACqC,EAAE;IAC3F,sDAAsD;IACtD,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAU,GAAG,EAAE;QACxC,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,aAAa,CAAW,CAAC,CAAC,CAAA;QACxD,uDAAuD;IACzD,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,CAAC,CAAA;IAEjC,sDAAsD;IACtD,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAChC,CAAC,UAAkD,EAAE,EAAE;QACrD,MAAM,MAAM,GACV,OAAO,UAAU,KAAK,UAAU;YAC9B,CAAC,CAAC,2EAA2E;gBAC3E,yDAAyD;gBACxD,UAAkB,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAW,CAAC,CAAC,CAAC;YACnF,CAAC,CAAC,UAAU,CAAA;QAChB,QAAQ,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAQ,CAAC,CAAA;IACxD,CAAC;IACD,uDAAuD;IACvD,CAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,CAAC,CACpC,CAAA;IAED,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;AAC1B,CAAC,CAAA"}
|