@inkindcards/semantic-layer 0.2.2 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-SLRBAF37.js → chunk-3OR3QCN6.js} +8 -21
- package/dist/chunk-3OR3QCN6.js.map +1 -0
- package/dist/{chunk-SHHZ37FE.cjs → chunk-T2C43AAL.cjs} +8 -21
- package/dist/chunk-T2C43AAL.cjs.map +1 -0
- package/dist/chunk-W64RGDXH.cjs +225 -0
- package/dist/chunk-W64RGDXH.cjs.map +1 -0
- package/dist/chunk-WR4D3UI6.js +222 -0
- package/dist/chunk-WR4D3UI6.js.map +1 -0
- package/dist/components.cjs +9 -9
- package/dist/components.d.cts +1 -1
- package/dist/components.d.ts +1 -1
- package/dist/components.js +1 -1
- package/dist/index.cjs +3 -3
- package/dist/index.d.cts +36 -39
- package/dist/index.d.ts +36 -39
- package/dist/index.js +1 -1
- package/dist/react.cjs +59 -185
- package/dist/react.cjs.map +1 -1
- package/dist/react.d.cts +10 -21
- package/dist/react.d.ts +10 -21
- package/dist/react.js +51 -177
- package/dist/react.js.map +1 -1
- package/dist/{types-Dc8Zdacw.d.cts → types-DJpYLOyy.d.cts} +0 -1
- package/dist/{types-Dc8Zdacw.d.ts → types-DJpYLOyy.d.ts} +0 -1
- package/package.json +2 -4
- package/dist/chunk-B23E3XFB.cjs +0 -219
- package/dist/chunk-B23E3XFB.cjs.map +0 -1
- package/dist/chunk-SHHZ37FE.cjs.map +0 -1
- package/dist/chunk-SLRBAF37.js.map +0 -1
- package/dist/chunk-WPK37LJ6.js +0 -216
- package/dist/chunk-WPK37LJ6.js.map +0 -1
package/dist/react.js
CHANGED
|
@@ -1,20 +1,19 @@
|
|
|
1
|
-
import { SemanticLayerClient } from './chunk-
|
|
2
|
-
import { SemanticLayerContext, useAuth } from './chunk-
|
|
3
|
-
export { SemanticLayerContext, useAdminFields, useAdminRoles, useAdminUsers, useAuth, useMetrics, usePivotQuery, useSemanticQuery } from './chunk-
|
|
1
|
+
import { SemanticLayerClient } from './chunk-WR4D3UI6.js';
|
|
2
|
+
import { SemanticLayerContext, useAuth } from './chunk-3OR3QCN6.js';
|
|
3
|
+
export { SemanticLayerContext, useAdminFields, useAdminRoles, useAdminUsers, useAuth, useMetrics, usePivotQuery, useSemanticQuery } from './chunk-3OR3QCN6.js';
|
|
4
4
|
import { useMemo, useState, useEffect, useCallback } from 'react';
|
|
5
5
|
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
6
6
|
|
|
7
7
|
function SemanticLayerProvider({
|
|
8
8
|
gatewayUrl,
|
|
9
|
-
anonKey,
|
|
10
9
|
emailDomain,
|
|
11
10
|
client: externalClient,
|
|
12
11
|
children
|
|
13
12
|
}) {
|
|
14
|
-
const client = useMemo(
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
13
|
+
const client = useMemo(
|
|
14
|
+
() => externalClient ?? new SemanticLayerClient({ gatewayUrl }),
|
|
15
|
+
[gatewayUrl, externalClient]
|
|
16
|
+
);
|
|
18
17
|
const [auth, setAuth] = useState({
|
|
19
18
|
isAuthenticated: false,
|
|
20
19
|
isLoading: true,
|
|
@@ -24,6 +23,31 @@ function SemanticLayerProvider({
|
|
|
24
23
|
useEffect(() => {
|
|
25
24
|
let mounted = true;
|
|
26
25
|
async function initAuth() {
|
|
26
|
+
try {
|
|
27
|
+
const handledCallback = client.handleAuthCallback();
|
|
28
|
+
if (handledCallback) {
|
|
29
|
+
const session = await client.getSession();
|
|
30
|
+
if (!mounted) return;
|
|
31
|
+
if (session?.user) {
|
|
32
|
+
setAuth({
|
|
33
|
+
isAuthenticated: true,
|
|
34
|
+
isLoading: false,
|
|
35
|
+
user: { id: session.user.id, email: session.user.email },
|
|
36
|
+
error: null
|
|
37
|
+
});
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
} catch (err) {
|
|
42
|
+
if (!mounted) return;
|
|
43
|
+
setAuth({
|
|
44
|
+
isAuthenticated: false,
|
|
45
|
+
isLoading: false,
|
|
46
|
+
user: null,
|
|
47
|
+
error: err instanceof Error ? err.message : "Auth callback failed"
|
|
48
|
+
});
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
27
51
|
try {
|
|
28
52
|
const session = await client.getSession();
|
|
29
53
|
if (!mounted) return;
|
|
@@ -31,7 +55,7 @@ function SemanticLayerProvider({
|
|
|
31
55
|
setAuth({
|
|
32
56
|
isAuthenticated: true,
|
|
33
57
|
isLoading: false,
|
|
34
|
-
user: { id: session.user.id, email: session.user.email
|
|
58
|
+
user: { id: session.user.id, email: session.user.email },
|
|
35
59
|
error: null
|
|
36
60
|
});
|
|
37
61
|
} else {
|
|
@@ -53,13 +77,15 @@ function SemanticLayerProvider({
|
|
|
53
77
|
}
|
|
54
78
|
}
|
|
55
79
|
initAuth();
|
|
56
|
-
const {
|
|
80
|
+
const {
|
|
81
|
+
data: { subscription }
|
|
82
|
+
} = client.onAuthStateChange((_event, session) => {
|
|
57
83
|
if (!mounted) return;
|
|
58
84
|
if (session?.user) {
|
|
59
85
|
setAuth({
|
|
60
86
|
isAuthenticated: true,
|
|
61
87
|
isLoading: false,
|
|
62
|
-
user: { id: session.user.id, email: session.user.email
|
|
88
|
+
user: { id: session.user.id, email: session.user.email },
|
|
63
89
|
error: null
|
|
64
90
|
});
|
|
65
91
|
} else {
|
|
@@ -76,7 +102,13 @@ function SemanticLayerProvider({
|
|
|
76
102
|
subscription.unsubscribe();
|
|
77
103
|
};
|
|
78
104
|
}, [client]);
|
|
79
|
-
const
|
|
105
|
+
const signIn = useCallback(() => {
|
|
106
|
+
window.location.href = client.getSignInUrl();
|
|
107
|
+
}, [client]);
|
|
108
|
+
const value = useMemo(
|
|
109
|
+
() => ({ client, auth, emailDomain, signIn }),
|
|
110
|
+
[client, auth, emailDomain, signIn]
|
|
111
|
+
);
|
|
80
112
|
return /* @__PURE__ */ jsx(SemanticLayerContext.Provider, { value, children });
|
|
81
113
|
}
|
|
82
114
|
var containerStyle = {
|
|
@@ -109,188 +141,30 @@ var buttonStyle = {
|
|
|
109
141
|
alignItems: "center",
|
|
110
142
|
gap: "8px"
|
|
111
143
|
};
|
|
112
|
-
var inputStyle = {
|
|
113
|
-
padding: "10px 14px",
|
|
114
|
-
fontSize: "16px",
|
|
115
|
-
border: "1px solid #d1d5db",
|
|
116
|
-
borderRadius: "8px",
|
|
117
|
-
width: "280px",
|
|
118
|
-
fontFamily: "system-ui, -apple-system, sans-serif"
|
|
119
|
-
};
|
|
120
144
|
var errorStyle = {
|
|
121
145
|
margin: 0,
|
|
122
146
|
color: "#ef4444",
|
|
123
147
|
fontSize: "14px"
|
|
124
148
|
};
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
border: "none",
|
|
128
|
-
color: "#4285f4",
|
|
129
|
-
cursor: "pointer",
|
|
130
|
-
fontSize: "14px",
|
|
131
|
-
padding: 0,
|
|
132
|
-
textDecoration: "underline"
|
|
133
|
-
};
|
|
134
|
-
function isInIframe() {
|
|
135
|
-
try {
|
|
136
|
-
return typeof window !== "undefined" && window.self !== window.top;
|
|
137
|
-
} catch {
|
|
138
|
-
return true;
|
|
139
|
-
}
|
|
140
|
-
}
|
|
141
|
-
function OtpSignIn() {
|
|
142
|
-
const { sendOtp, verifyOtp, emailDomain } = useAuth();
|
|
143
|
-
const [email, setEmail] = useState("");
|
|
144
|
-
const [code, setCode] = useState("");
|
|
145
|
-
const [step, setStep] = useState("email");
|
|
146
|
-
const [sending, setSending] = useState(false);
|
|
147
|
-
const [error, setError] = useState(null);
|
|
148
|
-
const handleSendCode = useCallback(async () => {
|
|
149
|
-
setError(null);
|
|
150
|
-
const trimmed = email.trim().toLowerCase();
|
|
151
|
-
if (!trimmed) {
|
|
152
|
-
setError("Please enter your email.");
|
|
153
|
-
return;
|
|
154
|
-
}
|
|
155
|
-
if (emailDomain && !trimmed.endsWith(`@${emailDomain}`)) {
|
|
156
|
-
setError(`Please use your @${emailDomain} email.`);
|
|
157
|
-
return;
|
|
158
|
-
}
|
|
159
|
-
setSending(true);
|
|
160
|
-
try {
|
|
161
|
-
const { error: otpError } = await sendOtp(trimmed);
|
|
162
|
-
if (otpError) {
|
|
163
|
-
setError(otpError.message);
|
|
164
|
-
} else {
|
|
165
|
-
setStep("code");
|
|
166
|
-
}
|
|
167
|
-
} catch (err) {
|
|
168
|
-
setError(err instanceof Error ? err.message : "Failed to send code");
|
|
169
|
-
} finally {
|
|
170
|
-
setSending(false);
|
|
171
|
-
}
|
|
172
|
-
}, [email, emailDomain, sendOtp]);
|
|
173
|
-
const handleVerifyCode = useCallback(async () => {
|
|
174
|
-
setError(null);
|
|
175
|
-
const trimmedCode = code.trim();
|
|
176
|
-
if (!trimmedCode) {
|
|
177
|
-
setError("Please enter the code from your email.");
|
|
178
|
-
return;
|
|
179
|
-
}
|
|
180
|
-
setSending(true);
|
|
181
|
-
try {
|
|
182
|
-
const { error: verifyError } = await verifyOtp(email.trim().toLowerCase(), trimmedCode);
|
|
183
|
-
if (verifyError) {
|
|
184
|
-
setError(verifyError.message);
|
|
185
|
-
}
|
|
186
|
-
} catch (err) {
|
|
187
|
-
setError(err instanceof Error ? err.message : "Verification failed");
|
|
188
|
-
} finally {
|
|
189
|
-
setSending(false);
|
|
190
|
-
}
|
|
191
|
-
}, [email, code, verifyOtp]);
|
|
192
|
-
if (step === "code") {
|
|
193
|
-
return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
|
|
194
|
-
/* @__PURE__ */ jsx("h2", { style: { margin: 0, fontSize: "24px", color: "#111827" }, children: "Check your email" }),
|
|
195
|
-
/* @__PURE__ */ jsxs("p", { style: { margin: 0, color: "#6b7280", textAlign: "center", maxWidth: "320px" }, children: [
|
|
196
|
-
"We sent a sign-in code to ",
|
|
197
|
-
/* @__PURE__ */ jsx("strong", { children: email.trim() })
|
|
198
|
-
] }),
|
|
199
|
-
/* @__PURE__ */ jsx(
|
|
200
|
-
"input",
|
|
201
|
-
{
|
|
202
|
-
style: inputStyle,
|
|
203
|
-
type: "text",
|
|
204
|
-
inputMode: "numeric",
|
|
205
|
-
autoComplete: "one-time-code",
|
|
206
|
-
placeholder: "Enter 6-digit code",
|
|
207
|
-
value: code,
|
|
208
|
-
onChange: (e) => setCode(e.target.value),
|
|
209
|
-
onKeyDown: (e) => e.key === "Enter" && handleVerifyCode()
|
|
210
|
-
}
|
|
211
|
-
),
|
|
212
|
-
error && /* @__PURE__ */ jsx("p", { style: errorStyle, children: error }),
|
|
213
|
-
/* @__PURE__ */ jsx("button", { style: buttonStyle, onClick: handleVerifyCode, disabled: sending, children: sending ? "Verifying..." : "Verify code" }),
|
|
214
|
-
/* @__PURE__ */ jsx("button", { style: linkStyle, onClick: () => {
|
|
215
|
-
setStep("email");
|
|
216
|
-
setCode("");
|
|
217
|
-
setError(null);
|
|
218
|
-
}, children: "Use a different email" })
|
|
219
|
-
] });
|
|
220
|
-
}
|
|
221
|
-
return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
|
|
222
|
-
/* @__PURE__ */ jsx("h2", { style: { margin: 0, fontSize: "24px", color: "#111827" }, children: "Sign in to continue" }),
|
|
223
|
-
/* @__PURE__ */ jsxs("p", { style: { margin: 0, color: "#6b7280" }, children: [
|
|
224
|
-
"Enter your ",
|
|
225
|
-
emailDomain ? `@${emailDomain} ` : "",
|
|
226
|
-
"email to receive a sign-in code."
|
|
227
|
-
] }),
|
|
228
|
-
/* @__PURE__ */ jsx(
|
|
229
|
-
"input",
|
|
230
|
-
{
|
|
231
|
-
style: inputStyle,
|
|
232
|
-
type: "email",
|
|
233
|
-
placeholder: emailDomain ? `you@${emailDomain}` : "you@company.com",
|
|
234
|
-
value: email,
|
|
235
|
-
onChange: (e) => setEmail(e.target.value),
|
|
236
|
-
onKeyDown: (e) => e.key === "Enter" && handleSendCode()
|
|
237
|
-
}
|
|
238
|
-
),
|
|
239
|
-
error && /* @__PURE__ */ jsx("p", { style: errorStyle, children: error }),
|
|
240
|
-
/* @__PURE__ */ jsx("button", { style: buttonStyle, onClick: handleSendCode, disabled: sending, children: sending ? "Sending..." : "Send sign-in code" })
|
|
241
|
-
] });
|
|
242
|
-
}
|
|
243
|
-
function PopupSignIn() {
|
|
244
|
-
const { signInPopup, error: authError } = useAuth();
|
|
149
|
+
function AuthGate({ children, loading, signInComponent }) {
|
|
150
|
+
const { isAuthenticated, isLoading, error, signIn } = useAuth();
|
|
245
151
|
const [signingIn, setSigningIn] = useState(false);
|
|
246
|
-
const
|
|
247
|
-
const [showOtpFallback, setShowOtpFallback] = useState(false);
|
|
248
|
-
const handlePopupSignIn = useCallback(async () => {
|
|
249
|
-
setError(null);
|
|
152
|
+
const handleSignIn = useCallback(() => {
|
|
250
153
|
setSigningIn(true);
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
} catch (err) {
|
|
254
|
-
setError(err instanceof Error ? err.message : "Sign-in failed");
|
|
255
|
-
} finally {
|
|
256
|
-
setSigningIn(false);
|
|
257
|
-
}
|
|
258
|
-
}, [signInPopup]);
|
|
259
|
-
if (showOtpFallback) {
|
|
260
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
261
|
-
/* @__PURE__ */ jsx(OtpSignIn, {}),
|
|
262
|
-
/* @__PURE__ */ jsx("div", { style: { position: "fixed", bottom: "24px", left: 0, right: 0, textAlign: "center" }, children: /* @__PURE__ */ jsx("button", { style: linkStyle, onClick: () => setShowOtpFallback(false), children: "Sign in with Google instead" }) })
|
|
263
|
-
] });
|
|
264
|
-
}
|
|
265
|
-
return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
|
|
266
|
-
/* @__PURE__ */ jsx("h2", { style: { margin: 0, fontSize: "24px", color: "#111827" }, children: "Sign in to continue" }),
|
|
267
|
-
/* @__PURE__ */ jsx("p", { style: { margin: 0, color: "#6b7280" }, children: "Use your Google account to access data." }),
|
|
268
|
-
(error || authError) && /* @__PURE__ */ jsx("p", { style: errorStyle, children: error || authError }),
|
|
269
|
-
/* @__PURE__ */ jsx("button", { style: buttonStyle, onClick: handlePopupSignIn, disabled: signingIn, children: signingIn ? "Signing in..." : "Sign in with Google" }),
|
|
270
|
-
/* @__PURE__ */ jsx("button", { style: linkStyle, onClick: () => setShowOtpFallback(true), children: "Use email code instead" })
|
|
271
|
-
] });
|
|
272
|
-
}
|
|
273
|
-
function AuthGate({ children, loading, signInComponent, useEmailOtp }) {
|
|
274
|
-
const { isAuthenticated, isLoading, error, signIn } = useAuth();
|
|
275
|
-
const inIframe = isInIframe();
|
|
154
|
+
signIn();
|
|
155
|
+
}, [signIn]);
|
|
276
156
|
if (isLoading) {
|
|
277
157
|
return /* @__PURE__ */ jsx(Fragment, { children: loading || /* @__PURE__ */ jsx("div", { style: loadingStyle, children: "Loading..." }) });
|
|
278
158
|
}
|
|
279
159
|
if (!isAuthenticated) {
|
|
280
|
-
if (useEmailOtp) {
|
|
281
|
-
return /* @__PURE__ */ jsx(OtpSignIn, {});
|
|
282
|
-
}
|
|
283
|
-
if (inIframe) {
|
|
284
|
-
return /* @__PURE__ */ jsx(PopupSignIn, {});
|
|
285
|
-
}
|
|
286
160
|
if (signInComponent) {
|
|
287
|
-
return /* @__PURE__ */ jsx(Fragment, { children: signInComponent({ signIn:
|
|
161
|
+
return /* @__PURE__ */ jsx(Fragment, { children: signInComponent({ signIn: handleSignIn }) });
|
|
288
162
|
}
|
|
289
163
|
return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
|
|
290
164
|
/* @__PURE__ */ jsx("h2", { style: { margin: 0, fontSize: "24px", color: "#111827" }, children: "Sign in to continue" }),
|
|
291
165
|
/* @__PURE__ */ jsx("p", { style: { margin: 0, color: "#6b7280" }, children: "Use your Google account to access data." }),
|
|
292
166
|
error && /* @__PURE__ */ jsx("p", { style: errorStyle, children: error }),
|
|
293
|
-
/* @__PURE__ */ jsx("button", { style: buttonStyle, onClick:
|
|
167
|
+
/* @__PURE__ */ jsx("button", { style: buttonStyle, onClick: handleSignIn, disabled: signingIn, children: signingIn ? "Signing in..." : "Sign in with Google" })
|
|
294
168
|
] });
|
|
295
169
|
}
|
|
296
170
|
return /* @__PURE__ */ jsx(Fragment, { children });
|
package/dist/react.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/react/provider.tsx","../src/react/auth-gate.tsx"],"names":["useState","jsx"],"mappings":";;;;;;AAuBO,SAAS,qBAAA,CAAsB;AAAA,EACpC,UAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA,EAAQ,cAAA;AAAA,EACR;AACF,CAAA,EAA+B;AAC7B,EAAA,MAAM,MAAA,GAAS,QAAQ,MAAM;AAC3B,IAAA,IAAI,gBAAgB,OAAO,cAAA;AAC3B,IAAA,OAAO,IAAI,mBAAA,CAAoB,EAAE,UAAA,EAAY,SAAS,CAAA;AAAA,EACxD,CAAA,EAAG,CAAC,UAAA,EAAY,OAAA,EAAS,cAAc,CAAC,CAAA;AAExC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,QAAA,CAAoB;AAAA,IAC1C,eAAA,EAAiB,KAAA;AAAA,IACjB,SAAA,EAAW,IAAA;AAAA,IACX,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA,GACR,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAA,GAAU,IAAA;AAEd,IAAA,eAAe,QAAA,GAAW;AACxB,MAAA,IAAI;AACF,QAAA,MAAM,OAAA,GAAU,MAAM,MAAA,CAAO,UAAA,EAAW;AACxC,QAAA,IAAI,CAAC,OAAA,EAAS;AAEd,QAAA,IAAI,SAAS,IAAA,EAAM;AACjB,UAAA,OAAA,CAAQ;AAAA,YACN,eAAA,EAAiB,IAAA;AAAA,YACjB,SAAA,EAAW,KAAA;AAAA,YACX,IAAA,EAAM,EAAE,EAAA,EAAI,OAAA,CAAQ,IAAA,CAAK,IAAI,KAAA,EAAO,OAAA,CAAQ,IAAA,CAAK,KAAA,IAAS,EAAA,EAAG;AAAA,YAC7D,KAAA,EAAO;AAAA,WACR,CAAA;AAAA,QACH,CAAA,MAAO;AACL,UAAA,OAAA,CAAQ;AAAA,YACN,eAAA,EAAiB,KAAA;AAAA,YACjB,SAAA,EAAW,KAAA;AAAA,YACX,IAAA,EAAM,IAAA;AAAA,YACN,KAAA,EAAO;AAAA,WACR,CAAA;AAAA,QACH;AAAA,MACF,SAAS,GAAA,EAAK;AACZ,QAAA,IAAI,CAAC,OAAA,EAAS;AACd,QAAA,OAAA,CAAQ;AAAA,UACN,eAAA,EAAiB,KAAA;AAAA,UACjB,SAAA,EAAW,KAAA;AAAA,UACX,IAAA,EAAM,IAAA;AAAA,UACN,KAAA,EAAO,GAAA,YAAe,KAAA,GAAQ,GAAA,CAAI,OAAA,GAAU;AAAA,SAC7C,CAAA;AAAA,MACH;AAAA,IACF;AAEA,IAAA,QAAA,EAAS;AAET,IAAA,MAAM,EAAE,IAAA,EAAM,EAAE,YAAA,EAAa,KAAM,MAAA,CAAO,iBAAA,CAAkB,CAAC,MAAA,EAAQ,OAAA,KAAY;AAC/E,MAAA,IAAI,CAAC,OAAA,EAAS;AACd,MAAA,IAAI,SAAS,IAAA,EAAM;AACjB,QAAA,OAAA,CAAQ;AAAA,UACN,eAAA,EAAiB,IAAA;AAAA,UACjB,SAAA,EAAW,KAAA;AAAA,UACX,IAAA,EAAM,EAAE,EAAA,EAAI,OAAA,CAAQ,IAAA,CAAK,IAAI,KAAA,EAAO,OAAA,CAAQ,IAAA,CAAK,KAAA,IAAS,EAAA,EAAG;AAAA,UAC7D,KAAA,EAAO;AAAA,SACR,CAAA;AAAA,MACH,CAAA,MAAO;AACL,QAAA,OAAA,CAAQ;AAAA,UACN,eAAA,EAAiB,KAAA;AAAA,UACjB,SAAA,EAAW,KAAA;AAAA,UACX,IAAA,EAAM,IAAA;AAAA,UACN,KAAA,EAAO;AAAA,SACR,CAAA;AAAA,MACH;AAAA,IACF,CAAC,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,OAAA,GAAU,KAAA;AACV,MAAA,YAAA,CAAa,WAAA,EAAY;AAAA,IAC3B,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,MAAM,KAAA,GAAQ,OAAA,CAAQ,OAAO,EAAE,MAAA,EAAQ,IAAA,EAAM,WAAA,EAAY,CAAA,EAAI,CAAC,MAAA,EAAQ,IAAA,EAAM,WAAW,CAAC,CAAA;AAExF,EAAA,uBACE,GAAA,CAAC,oBAAA,CAAqB,QAAA,EAArB,EAA8B,OAC5B,QAAA,EACH,CAAA;AAEJ;ACjGA,IAAM,cAAA,GAAsC;AAAA,EAC1C,OAAA,EAAS,MAAA;AAAA,EACT,aAAA,EAAe,QAAA;AAAA,EACf,UAAA,EAAY,QAAA;AAAA,EACZ,cAAA,EAAgB,QAAA;AAAA,EAChB,SAAA,EAAW,OAAA;AAAA,EACX,UAAA,EAAY,sCAAA;AAAA,EACZ,GAAA,EAAK;AACP,CAAA;AAEA,IAAM,YAAA,GAAoC;AAAA,EACxC,OAAA,EAAS,MAAA;AAAA,EACT,UAAA,EAAY,QAAA;AAAA,EACZ,cAAA,EAAgB,QAAA;AAAA,EAChB,SAAA,EAAW,OAAA;AAAA,EACX,UAAA,EAAY,sCAAA;AAAA,EACZ,KAAA,EAAO;AACT,CAAA;AAEA,IAAM,WAAA,GAAmC;AAAA,EACvC,OAAA,EAAS,WAAA;AAAA,EACT,QAAA,EAAU,MAAA;AAAA,EACV,UAAA,EAAY,GAAA;AAAA,EACZ,KAAA,EAAO,SAAA;AAAA,EACP,eAAA,EAAiB,SAAA;AAAA,EACjB,MAAA,EAAQ,MAAA;AAAA,EACR,YAAA,EAAc,KAAA;AAAA,EACd,MAAA,EAAQ,SAAA;AAAA,EACR,OAAA,EAAS,MAAA;AAAA,EACT,UAAA,EAAY,QAAA;AAAA,EACZ,GAAA,EAAK;AACP,CAAA;AAEA,IAAM,UAAA,GAAkC;AAAA,EACtC,OAAA,EAAS,WAAA;AAAA,EACT,QAAA,EAAU,MAAA;AAAA,EACV,MAAA,EAAQ,mBAAA;AAAA,EACR,YAAA,EAAc,KAAA;AAAA,EACd,KAAA,EAAO,OAAA;AAAA,EACP,UAAA,EAAY;AACd,CAAA;AAEA,IAAM,UAAA,GAAkC;AAAA,EACtC,MAAA,EAAQ,CAAA;AAAA,EACR,KAAA,EAAO,SAAA;AAAA,EACP,QAAA,EAAU;AACZ,CAAA;AAEA,IAAM,SAAA,GAAiC;AAAA,EACrC,UAAA,EAAY,MAAA;AAAA,EACZ,MAAA,EAAQ,MAAA;AAAA,EACR,KAAA,EAAO,SAAA;AAAA,EACP,MAAA,EAAQ,SAAA;AAAA,EACR,QAAA,EAAU,MAAA;AAAA,EACV,OAAA,EAAS,CAAA;AAAA,EACT,cAAA,EAAgB;AAClB,CAAA;AAEA,SAAS,UAAA,GAAsB;AAC7B,EAAA,IAAI;AACF,IAAA,OAAO,OAAO,MAAA,KAAW,WAAA,IAAe,MAAA,CAAO,SAAS,MAAA,CAAO,GAAA;AAAA,EACjE,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,IAAA;AAAA,EACT;AACF;AAMA,SAAS,SAAA,GAAY;AACnB,EAAA,MAAM,EAAE,OAAA,EAAS,SAAA,EAAW,WAAA,KAAgB,OAAA,EAAQ;AACpD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,SAAS,EAAE,CAAA;AACrC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIA,SAAS,EAAE,CAAA;AACnC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIA,SAA2B,OAAO,CAAA;AAC1D,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,SAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,SAAwB,IAAI,CAAA;AAEtD,EAAA,MAAM,cAAA,GAAiB,YAAY,YAAY;AAC7C,IAAA,QAAA,CAAS,IAAI,CAAA;AACb,IAAA,MAAM,OAAA,GAAU,KAAA,CAAM,IAAA,EAAK,CAAE,WAAA,EAAY;AACzC,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,QAAA,CAAS,0BAA0B,CAAA;AACnC,MAAA;AAAA,IACF;AACA,IAAA,IAAI,eAAe,CAAC,OAAA,CAAQ,SAAS,CAAA,CAAA,EAAI,WAAW,EAAE,CAAA,EAAG;AACvD,MAAA,QAAA,CAAS,CAAA,iBAAA,EAAoB,WAAW,CAAA,OAAA,CAAS,CAAA;AACjD,MAAA;AAAA,IACF;AACA,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,IAAI;AACF,MAAA,MAAM,EAAE,KAAA,EAAO,QAAA,EAAS,GAAI,MAAM,QAAQ,OAAO,CAAA;AACjD,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,QAAA,CAAS,SAAS,OAAO,CAAA;AAAA,MAC3B,CAAA,MAAO;AACL,QAAA,OAAA,CAAQ,MAAM,CAAA;AAAA,MAChB;AAAA,IACF,SAAS,GAAA,EAAK;AACZ,MAAA,QAAA,CAAS,GAAA,YAAe,KAAA,GAAQ,GAAA,CAAI,OAAA,GAAU,qBAAqB,CAAA;AAAA,IACrE,CAAA,SAAE;AACA,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB;AAAA,EACF,CAAA,EAAG,CAAC,KAAA,EAAO,WAAA,EAAa,OAAO,CAAC,CAAA;AAEhC,EAAA,MAAM,gBAAA,GAAmB,YAAY,YAAY;AAC/C,IAAA,QAAA,CAAS,IAAI,CAAA;AACb,IAAA,MAAM,WAAA,GAAc,KAAK,IAAA,EAAK;AAC9B,IAAA,IAAI,CAAC,WAAA,EAAa;AAChB,MAAA,QAAA,CAAS,wCAAwC,CAAA;AACjD,MAAA;AAAA,IACF;AACA,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,IAAI;AACF,MAAA,MAAM,EAAE,KAAA,EAAO,WAAA,EAAY,GAAI,MAAM,SAAA,CAAU,KAAA,CAAM,IAAA,EAAK,CAAE,WAAA,EAAY,EAAG,WAAW,CAAA;AACtF,MAAA,IAAI,WAAA,EAAa;AACf,QAAA,QAAA,CAAS,YAAY,OAAO,CAAA;AAAA,MAC9B;AAAA,IACF,SAAS,GAAA,EAAK;AACZ,MAAA,QAAA,CAAS,GAAA,YAAe,KAAA,GAAQ,GAAA,CAAI,OAAA,GAAU,qBAAqB,CAAA;AAAA,IACrE,CAAA,SAAE;AACA,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB;AAAA,EACF,CAAA,EAAG,CAAC,KAAA,EAAO,IAAA,EAAM,SAAS,CAAC,CAAA;AAE3B,EAAA,IAAI,SAAS,MAAA,EAAQ;AACnB,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,cAAA,EACV,QAAA,EAAA;AAAA,sBAAAC,GAAAA,CAAC,IAAA,EAAA,EAAG,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAA,EAAG,QAAA,EAAU,MAAA,EAAQ,KAAA,EAAO,SAAA,EAAU,EAAG,QAAA,EAAA,kBAAA,EAAgB,CAAA;AAAA,sBAC9E,IAAA,CAAC,GAAA,EAAA,EAAE,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAA,EAAG,KAAA,EAAO,SAAA,EAAW,SAAA,EAAW,QAAA,EAAU,QAAA,EAAU,OAAA,EAAQ,EAAG,QAAA,EAAA;AAAA,QAAA,4BAAA;AAAA,wBACvDA,GAAAA,CAAC,QAAA,EAAA,EAAQ,QAAA,EAAA,KAAA,CAAM,MAAK,EAAE;AAAA,OAAA,EAClD,CAAA;AAAA,sBACAA,GAAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,UAAA;AAAA,UACP,IAAA,EAAK,MAAA;AAAA,UACL,SAAA,EAAU,SAAA;AAAA,UACV,YAAA,EAAa,eAAA;AAAA,UACb,WAAA,EAAY,oBAAA;AAAA,UACZ,KAAA,EAAO,IAAA;AAAA,UACP,UAAU,CAAC,CAAA,KAAM,OAAA,CAAQ,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,UACvC,WAAW,CAAC,CAAA,KAAM,CAAA,CAAE,GAAA,KAAQ,WAAW,gBAAA;AAAiB;AAAA,OAC1D;AAAA,MACC,yBAASA,GAAAA,CAAC,GAAA,EAAA,EAAE,KAAA,EAAO,YAAa,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,sBACvCA,GAAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAO,WAAA,EAAa,OAAA,EAAS,gBAAA,EAAkB,QAAA,EAAU,OAAA,EAC9D,QAAA,EAAA,OAAA,GAAU,cAAA,GAAiB,aAAA,EAC9B,CAAA;AAAA,sBACAA,GAAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAO,SAAA,EAAW,SAAS,MAAM;AAAE,QAAA,OAAA,CAAQ,OAAO,CAAA;AAAG,QAAA,OAAA,CAAQ,EAAE,CAAA;AAAG,QAAA,QAAA,CAAS,IAAI,CAAA;AAAA,MAAG,GAAG,QAAA,EAAA,uBAAA,EAE7F;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,cAAA,EACV,QAAA,EAAA;AAAA,oBAAAA,GAAAA,CAAC,IAAA,EAAA,EAAG,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAA,EAAG,QAAA,EAAU,MAAA,EAAQ,KAAA,EAAO,SAAA,EAAU,EAAG,QAAA,EAAA,qBAAA,EAAmB,CAAA;AAAA,oBACjF,IAAA,CAAC,OAAE,KAAA,EAAO,EAAE,QAAQ,CAAA,EAAG,KAAA,EAAO,WAAU,EAAG,QAAA,EAAA;AAAA,MAAA,aAAA;AAAA,MAC7B,WAAA,GAAc,CAAA,CAAA,EAAI,WAAW,CAAA,CAAA,CAAA,GAAM,EAAA;AAAA,MAAG;AAAA,KAAA,EACpD,CAAA;AAAA,oBACAA,GAAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,UAAA;AAAA,QACP,IAAA,EAAK,OAAA;AAAA,QACL,WAAA,EAAa,WAAA,GAAc,CAAA,IAAA,EAAO,WAAW,CAAA,CAAA,GAAK,iBAAA;AAAA,QAClD,KAAA,EAAO,KAAA;AAAA,QACP,UAAU,CAAC,CAAA,KAAM,QAAA,CAAS,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,QACxC,WAAW,CAAC,CAAA,KAAM,CAAA,CAAE,GAAA,KAAQ,WAAW,cAAA;AAAe;AAAA,KACxD;AAAA,IACC,yBAASA,GAAAA,CAAC,GAAA,EAAA,EAAE,KAAA,EAAO,YAAa,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,oBACvCA,GAAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAO,WAAA,EAAa,OAAA,EAAS,cAAA,EAAgB,QAAA,EAAU,OAAA,EAC5D,QAAA,EAAA,OAAA,GAAU,YAAA,GAAe,mBAAA,EAC5B;AAAA,GAAA,EACF,CAAA;AAEJ;AAMA,SAAS,WAAA,GAAc;AACrB,EAAA,MAAM,EAAE,WAAA,EAAa,KAAA,EAAO,SAAA,KAAc,OAAA,EAAQ;AAClD,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAID,SAAS,KAAK,CAAA;AAChD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,SAAwB,IAAI,CAAA;AACtD,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAIA,SAAS,KAAK,CAAA;AAE5D,EAAA,MAAM,iBAAA,GAAoB,YAAY,YAAY;AAChD,IAAA,QAAA,CAAS,IAAI,CAAA;AACb,IAAA,YAAA,CAAa,IAAI,CAAA;AACjB,IAAA,IAAI;AACF,MAAA,MAAM,WAAA,EAAY;AAAA,IACpB,SAAS,GAAA,EAAK;AACZ,MAAA,QAAA,CAAS,GAAA,YAAe,KAAA,GAAQ,GAAA,CAAI,OAAA,GAAU,gBAAgB,CAAA;AAAA,IAChE,CAAA,SAAE;AACA,MAAA,YAAA,CAAa,KAAK,CAAA;AAAA,IACpB;AAAA,EACF,CAAA,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,IAAI,eAAA,EAAiB;AACnB,IAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAAC,IAAC,SAAA,EAAA,EAAU,CAAA;AAAA,sBACXA,GAAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,QAAA,EAAU,OAAA,EAAS,MAAA,EAAQ,MAAA,EAAQ,IAAA,EAAM,CAAA,EAAG,KAAA,EAAO,CAAA,EAAG,SAAA,EAAW,QAAA,EAAS,EACtF,QAAA,kBAAAA,GAAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAO,SAAA,EAAW,OAAA,EAAS,MAAM,kBAAA,CAAmB,KAAK,CAAA,EAAG,QAAA,EAAA,6BAAA,EAEpE,CAAA,EACF;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,cAAA,EACV,QAAA,EAAA;AAAA,oBAAAA,GAAAA,CAAC,IAAA,EAAA,EAAG,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAA,EAAG,QAAA,EAAU,MAAA,EAAQ,KAAA,EAAO,SAAA,EAAU,EAAG,QAAA,EAAA,qBAAA,EAAmB,CAAA;AAAA,oBACjFA,GAAAA,CAAC,GAAA,EAAA,EAAE,KAAA,EAAO,EAAE,QAAQ,CAAA,EAAG,KAAA,EAAO,SAAA,EAAU,EAAG,QAAA,EAAA,yCAAA,EAE3C,CAAA;AAAA,IAAA,CACE,KAAA,IAAS,8BAAcA,GAAAA,CAAC,OAAE,KAAA,EAAO,UAAA,EAAa,mBAAS,SAAA,EAAU,CAAA;AAAA,oBACnEA,GAAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAO,WAAA,EAAa,OAAA,EAAS,iBAAA,EAAmB,QAAA,EAAU,SAAA,EAC/D,QAAA,EAAA,SAAA,GAAY,eAAA,GAAkB,qBAAA,EACjC,CAAA;AAAA,oBACAA,GAAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAO,SAAA,EAAW,SAAS,MAAM,kBAAA,CAAmB,IAAI,CAAA,EAAG,QAAA,EAAA,wBAAA,EAEnE;AAAA,GAAA,EACF,CAAA;AAEJ;AAOO,SAAS,SAAS,EAAE,QAAA,EAAU,OAAA,EAAS,eAAA,EAAiB,aAAY,EAAkB;AAC3F,EAAA,MAAM,EAAE,eAAA,EAAiB,SAAA,EAAW,KAAA,EAAO,MAAA,KAAW,OAAA,EAAQ;AAC9D,EAAA,MAAM,WAAW,UAAA,EAAW;AAE5B,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,uBAAOA,GAAAA,CAAA,QAAA,EAAA,EAAG,QAAA,EAAA,OAAA,oBAAWA,IAAC,KAAA,EAAA,EAAI,KAAA,EAAO,YAAA,EAAc,QAAA,EAAA,YAAA,EAAU,CAAA,EAAO,CAAA;AAAA,EAClE;AAEA,EAAA,IAAI,CAAC,eAAA,EAAiB;AACpB,IAAA,IAAI,WAAA,EAAa;AACf,MAAA,uBAAOA,IAAC,SAAA,EAAA,EAAU,CAAA;AAAA,IACpB;AAEA,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,uBAAOA,IAAC,WAAA,EAAA,EAAY,CAAA;AAAA,IACtB;AAEA,IAAA,IAAI,eAAA,EAAiB;AACnB,MAAA,uBAAOA,GAAAA,CAAA,QAAA,EAAA,EAAG,QAAA,EAAA,eAAA,CAAgB,EAAE,MAAA,EAAQ,MAAM,MAAA,CAAO,MAAA,CAAO,QAAA,CAAS,MAAM,CAAA,EAAG,CAAA,EAAE,CAAA;AAAA,IAC9E;AAEA,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,cAAA,EACV,QAAA,EAAA;AAAA,sBAAAA,GAAAA,CAAC,IAAA,EAAA,EAAG,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAA,EAAG,QAAA,EAAU,MAAA,EAAQ,KAAA,EAAO,SAAA,EAAU,EAAG,QAAA,EAAA,qBAAA,EAAmB,CAAA;AAAA,sBACjFA,GAAAA,CAAC,GAAA,EAAA,EAAE,KAAA,EAAO,EAAE,QAAQ,CAAA,EAAG,KAAA,EAAO,SAAA,EAAU,EAAG,QAAA,EAAA,yCAAA,EAE3C,CAAA;AAAA,MACC,yBAASA,GAAAA,CAAC,GAAA,EAAA,EAAE,KAAA,EAAO,YAAa,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,sBACvCA,GAAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAO,WAAA,EAAa,OAAA,EAAS,MAAM,MAAA,CAAO,MAAA,CAAO,QAAA,CAAS,MAAM,CAAA,EAAG,QAAA,EAAA,qBAAA,EAE3E;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,uBAAOA,GAAAA,CAAA,QAAA,EAAA,EAAG,QAAA,EAAS,CAAA;AACrB","file":"react.js","sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { SemanticLayerClient } from \"../client\";\nimport type { SemanticLayerConfig, AuthState } from \"../types\";\nimport { SemanticLayerContext } from \"./context\";\n\nexport interface SemanticLayerProviderProps {\n /** The Supabase URL of the gateway project. */\n gatewayUrl: string;\n /** The Supabase anon/publishable key of the gateway project. */\n anonKey: string;\n /**\n * Optional: restrict sign-in to emails matching this domain (e.g. \"inkind.com\").\n * Used for client-side validation in the OTP sign-in form.\n */\n emailDomain?: string;\n /**\n * Optional: a pre-constructed client instance.\n * If provided, gatewayUrl and anonKey are ignored.\n */\n client?: SemanticLayerClient;\n children: React.ReactNode;\n}\n\nexport function SemanticLayerProvider({\n gatewayUrl,\n anonKey,\n emailDomain,\n client: externalClient,\n children,\n}: SemanticLayerProviderProps) {\n const client = useMemo(() => {\n if (externalClient) return externalClient;\n return new SemanticLayerClient({ gatewayUrl, anonKey });\n }, [gatewayUrl, anonKey, externalClient]);\n\n const [auth, setAuth] = useState<AuthState>({\n isAuthenticated: false,\n isLoading: true,\n user: null,\n error: null,\n });\n\n useEffect(() => {\n let mounted = true;\n\n async function initAuth() {\n try {\n const session = await client.getSession();\n if (!mounted) return;\n\n if (session?.user) {\n setAuth({\n isAuthenticated: true,\n isLoading: false,\n user: { id: session.user.id, email: session.user.email || \"\" },\n error: null,\n });\n } else {\n setAuth({\n isAuthenticated: false,\n isLoading: false,\n user: null,\n error: null,\n });\n }\n } catch (err) {\n if (!mounted) return;\n setAuth({\n isAuthenticated: false,\n isLoading: false,\n user: null,\n error: err instanceof Error ? err.message : \"Auth initialization failed\",\n });\n }\n }\n\n initAuth();\n\n const { data: { subscription } } = client.onAuthStateChange((_event, session) => {\n if (!mounted) return;\n if (session?.user) {\n setAuth({\n isAuthenticated: true,\n isLoading: false,\n user: { id: session.user.id, email: session.user.email || \"\" },\n error: null,\n });\n } else {\n setAuth({\n isAuthenticated: false,\n isLoading: false,\n user: null,\n error: null,\n });\n }\n });\n\n return () => {\n mounted = false;\n subscription.unsubscribe();\n };\n }, [client]);\n\n const value = useMemo(() => ({ client, auth, emailDomain }), [client, auth, emailDomain]);\n\n return (\n <SemanticLayerContext.Provider value={value}>\n {children}\n </SemanticLayerContext.Provider>\n );\n}\n","import React, { useCallback, useState } from \"react\";\nimport { useAuth } from \"./hooks\";\n\nexport interface AuthGateProps {\n children: React.ReactNode;\n /** Custom loading component. */\n loading?: React.ReactNode;\n /** Custom sign-in component. Receives a signIn callback. */\n signInComponent?: (props: { signIn: () => void }) => React.ReactNode;\n /** Force email OTP sign-in instead of Google OAuth. */\n useEmailOtp?: boolean;\n}\n\nconst containerStyle: React.CSSProperties = {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n minHeight: \"100vh\",\n fontFamily: \"system-ui, -apple-system, sans-serif\",\n gap: \"16px\",\n};\n\nconst loadingStyle: React.CSSProperties = {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n minHeight: \"100vh\",\n fontFamily: \"system-ui, -apple-system, sans-serif\",\n color: \"#6b7280\",\n};\n\nconst buttonStyle: React.CSSProperties = {\n padding: \"12px 24px\",\n fontSize: \"16px\",\n fontWeight: 500,\n color: \"#ffffff\",\n backgroundColor: \"#4285f4\",\n border: \"none\",\n borderRadius: \"8px\",\n cursor: \"pointer\",\n display: \"flex\",\n alignItems: \"center\",\n gap: \"8px\",\n};\n\nconst inputStyle: React.CSSProperties = {\n padding: \"10px 14px\",\n fontSize: \"16px\",\n border: \"1px solid #d1d5db\",\n borderRadius: \"8px\",\n width: \"280px\",\n fontFamily: \"system-ui, -apple-system, sans-serif\",\n};\n\nconst errorStyle: React.CSSProperties = {\n margin: 0,\n color: \"#ef4444\",\n fontSize: \"14px\",\n};\n\nconst linkStyle: React.CSSProperties = {\n background: \"none\",\n border: \"none\",\n color: \"#4285f4\",\n cursor: \"pointer\",\n fontSize: \"14px\",\n padding: 0,\n textDecoration: \"underline\",\n};\n\nfunction isInIframe(): boolean {\n try {\n return typeof window !== \"undefined\" && window.self !== window.top;\n } catch {\n return true;\n }\n}\n\n/**\n * Email OTP sign-in form for use inside iframes (Lovable editor preview).\n * Two-step: enter email → enter code from inbox.\n */\nfunction OtpSignIn() {\n const { sendOtp, verifyOtp, emailDomain } = useAuth();\n const [email, setEmail] = useState(\"\");\n const [code, setCode] = useState(\"\");\n const [step, setStep] = useState<\"email\" | \"code\">(\"email\");\n const [sending, setSending] = useState(false);\n const [error, setError] = useState<string | null>(null);\n\n const handleSendCode = useCallback(async () => {\n setError(null);\n const trimmed = email.trim().toLowerCase();\n if (!trimmed) {\n setError(\"Please enter your email.\");\n return;\n }\n if (emailDomain && !trimmed.endsWith(`@${emailDomain}`)) {\n setError(`Please use your @${emailDomain} email.`);\n return;\n }\n setSending(true);\n try {\n const { error: otpError } = await sendOtp(trimmed);\n if (otpError) {\n setError(otpError.message);\n } else {\n setStep(\"code\");\n }\n } catch (err) {\n setError(err instanceof Error ? err.message : \"Failed to send code\");\n } finally {\n setSending(false);\n }\n }, [email, emailDomain, sendOtp]);\n\n const handleVerifyCode = useCallback(async () => {\n setError(null);\n const trimmedCode = code.trim();\n if (!trimmedCode) {\n setError(\"Please enter the code from your email.\");\n return;\n }\n setSending(true);\n try {\n const { error: verifyError } = await verifyOtp(email.trim().toLowerCase(), trimmedCode);\n if (verifyError) {\n setError(verifyError.message);\n }\n } catch (err) {\n setError(err instanceof Error ? err.message : \"Verification failed\");\n } finally {\n setSending(false);\n }\n }, [email, code, verifyOtp]);\n\n if (step === \"code\") {\n return (\n <div style={containerStyle}>\n <h2 style={{ margin: 0, fontSize: \"24px\", color: \"#111827\" }}>Check your email</h2>\n <p style={{ margin: 0, color: \"#6b7280\", textAlign: \"center\", maxWidth: \"320px\" }}>\n We sent a sign-in code to <strong>{email.trim()}</strong>\n </p>\n <input\n style={inputStyle}\n type=\"text\"\n inputMode=\"numeric\"\n autoComplete=\"one-time-code\"\n placeholder=\"Enter 6-digit code\"\n value={code}\n onChange={(e) => setCode(e.target.value)}\n onKeyDown={(e) => e.key === \"Enter\" && handleVerifyCode()}\n />\n {error && <p style={errorStyle}>{error}</p>}\n <button style={buttonStyle} onClick={handleVerifyCode} disabled={sending}>\n {sending ? \"Verifying...\" : \"Verify code\"}\n </button>\n <button style={linkStyle} onClick={() => { setStep(\"email\"); setCode(\"\"); setError(null); }}>\n Use a different email\n </button>\n </div>\n );\n }\n\n return (\n <div style={containerStyle}>\n <h2 style={{ margin: 0, fontSize: \"24px\", color: \"#111827\" }}>Sign in to continue</h2>\n <p style={{ margin: 0, color: \"#6b7280\" }}>\n Enter your {emailDomain ? `@${emailDomain} ` : \"\"}email to receive a sign-in code.\n </p>\n <input\n style={inputStyle}\n type=\"email\"\n placeholder={emailDomain ? `you@${emailDomain}` : \"you@company.com\"}\n value={email}\n onChange={(e) => setEmail(e.target.value)}\n onKeyDown={(e) => e.key === \"Enter\" && handleSendCode()}\n />\n {error && <p style={errorStyle}>{error}</p>}\n <button style={buttonStyle} onClick={handleSendCode} disabled={sending}>\n {sending ? \"Sending...\" : \"Send sign-in code\"}\n </button>\n </div>\n );\n}\n\n/**\n * Google OAuth sign-in for iframe contexts (opens a popup window).\n * Falls back to OTP if the user prefers or if the popup is blocked.\n */\nfunction PopupSignIn() {\n const { signInPopup, error: authError } = useAuth();\n const [signingIn, setSigningIn] = useState(false);\n const [error, setError] = useState<string | null>(null);\n const [showOtpFallback, setShowOtpFallback] = useState(false);\n\n const handlePopupSignIn = useCallback(async () => {\n setError(null);\n setSigningIn(true);\n try {\n await signInPopup();\n } catch (err) {\n setError(err instanceof Error ? err.message : \"Sign-in failed\");\n } finally {\n setSigningIn(false);\n }\n }, [signInPopup]);\n\n if (showOtpFallback) {\n return (\n <>\n <OtpSignIn />\n <div style={{ position: \"fixed\", bottom: \"24px\", left: 0, right: 0, textAlign: \"center\" }}>\n <button style={linkStyle} onClick={() => setShowOtpFallback(false)}>\n Sign in with Google instead\n </button>\n </div>\n </>\n );\n }\n\n return (\n <div style={containerStyle}>\n <h2 style={{ margin: 0, fontSize: \"24px\", color: \"#111827\" }}>Sign in to continue</h2>\n <p style={{ margin: 0, color: \"#6b7280\" }}>\n Use your Google account to access data.\n </p>\n {(error || authError) && <p style={errorStyle}>{error || authError}</p>}\n <button style={buttonStyle} onClick={handlePopupSignIn} disabled={signingIn}>\n {signingIn ? \"Signing in...\" : \"Sign in with Google\"}\n </button>\n <button style={linkStyle} onClick={() => setShowOtpFallback(true)}>\n Use email code instead\n </button>\n </div>\n );\n}\n\n/**\n * Wraps children and only renders them when the user is authenticated.\n * In iframes (e.g. Lovable editor preview), uses popup-based Google OAuth\n * with an email OTP fallback. In standalone tabs, uses redirect-based OAuth.\n */\nexport function AuthGate({ children, loading, signInComponent, useEmailOtp }: AuthGateProps) {\n const { isAuthenticated, isLoading, error, signIn } = useAuth();\n const inIframe = isInIframe();\n\n if (isLoading) {\n return <>{loading || <div style={loadingStyle}>Loading...</div>}</>;\n }\n\n if (!isAuthenticated) {\n if (useEmailOtp) {\n return <OtpSignIn />;\n }\n\n if (inIframe) {\n return <PopupSignIn />;\n }\n\n if (signInComponent) {\n return <>{signInComponent({ signIn: () => signIn(window.location.origin) })}</>;\n }\n\n return (\n <div style={containerStyle}>\n <h2 style={{ margin: 0, fontSize: \"24px\", color: \"#111827\" }}>Sign in to continue</h2>\n <p style={{ margin: 0, color: \"#6b7280\" }}>\n Use your Google account to access data.\n </p>\n {error && <p style={errorStyle}>{error}</p>}\n <button style={buttonStyle} onClick={() => signIn(window.location.origin)}>\n Sign in with Google\n </button>\n </div>\n );\n }\n\n return <>{children}</>;\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/react/provider.tsx","../src/react/auth-gate.tsx"],"names":["useState","useCallback","jsx"],"mappings":"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","file":"react.js","sourcesContent":["import React, { useEffect, useMemo, useState, useCallback } from \"react\";\nimport { SemanticLayerClient } from \"../client\";\nimport type { AuthState } from \"../types\";\nimport { SemanticLayerContext } from \"./context\";\n\nexport interface SemanticLayerProviderProps {\n /** The gateway API URL (e.g. https://semantic-layer-gateway.inkind-dev.com). */\n gatewayUrl: string;\n /**\n * Optional: restrict sign-in to emails matching this domain (e.g. \"inkind.com\").\n * This is a client-side hint only; the gateway enforces domain restrictions server-side.\n */\n emailDomain?: string;\n /**\n * Optional: a pre-constructed client instance.\n * If provided, gatewayUrl is ignored.\n */\n client?: SemanticLayerClient;\n children: React.ReactNode;\n}\n\nexport function SemanticLayerProvider({\n gatewayUrl,\n emailDomain,\n client: externalClient,\n children,\n}: SemanticLayerProviderProps) {\n const client = useMemo(\n () => externalClient ?? new SemanticLayerClient({ gatewayUrl }),\n [gatewayUrl, externalClient],\n );\n\n const [auth, setAuth] = useState<AuthState>({\n isAuthenticated: false,\n isLoading: true,\n user: null,\n error: null,\n });\n\n // On mount, check for auth tokens in the URL hash (from gateway redirect)\n // and check for an existing session in sessionStorage.\n useEffect(() => {\n let mounted = true;\n\n async function initAuth() {\n try {\n const handledCallback = client.handleAuthCallback();\n\n if (handledCallback) {\n const session = await client.getSession();\n if (!mounted) return;\n if (session?.user) {\n setAuth({\n isAuthenticated: true,\n isLoading: false,\n user: { id: session.user.id, email: session.user.email },\n error: null,\n });\n return;\n }\n }\n } catch (err) {\n if (!mounted) return;\n setAuth({\n isAuthenticated: false,\n isLoading: false,\n user: null,\n error: err instanceof Error ? err.message : \"Auth callback failed\",\n });\n return;\n }\n\n try {\n const session = await client.getSession();\n if (!mounted) return;\n if (session?.user) {\n setAuth({\n isAuthenticated: true,\n isLoading: false,\n user: { id: session.user.id, email: session.user.email },\n error: null,\n });\n } else {\n setAuth({\n isAuthenticated: false,\n isLoading: false,\n user: null,\n error: null,\n });\n }\n } catch (err) {\n if (!mounted) return;\n setAuth({\n isAuthenticated: false,\n isLoading: false,\n user: null,\n error: err instanceof Error ? err.message : \"Auth initialization failed\",\n });\n }\n }\n\n initAuth();\n\n const {\n data: { subscription },\n } = client.onAuthStateChange((_event, session) => {\n if (!mounted) return;\n if (session?.user) {\n setAuth({\n isAuthenticated: true,\n isLoading: false,\n user: { id: session.user.id, email: session.user.email },\n error: null,\n });\n } else {\n setAuth({\n isAuthenticated: false,\n isLoading: false,\n user: null,\n error: null,\n });\n }\n });\n\n return () => {\n mounted = false;\n subscription.unsubscribe();\n };\n }, [client]);\n\n const signIn = useCallback(() => {\n window.location.href = client.getSignInUrl();\n }, [client]);\n\n const value = useMemo(\n () => ({ client, auth, emailDomain, signIn }),\n [client, auth, emailDomain, signIn],\n );\n\n return (\n <SemanticLayerContext.Provider value={value}>\n {children}\n </SemanticLayerContext.Provider>\n );\n}\n","import React, { useCallback, useState } from \"react\";\nimport { useAuth } from \"./hooks\";\n\nexport interface AuthGateProps {\n children: React.ReactNode;\n /** Custom loading component. */\n loading?: React.ReactNode;\n /** Custom sign-in component. Receives a signIn callback. */\n signInComponent?: (props: { signIn: () => void }) => React.ReactNode;\n}\n\nconst containerStyle: React.CSSProperties = {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n minHeight: \"100vh\",\n fontFamily: \"system-ui, -apple-system, sans-serif\",\n gap: \"16px\",\n};\n\nconst loadingStyle: React.CSSProperties = {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n minHeight: \"100vh\",\n fontFamily: \"system-ui, -apple-system, sans-serif\",\n color: \"#6b7280\",\n};\n\nconst buttonStyle: React.CSSProperties = {\n padding: \"12px 24px\",\n fontSize: \"16px\",\n fontWeight: 500,\n color: \"#ffffff\",\n backgroundColor: \"#4285f4\",\n border: \"none\",\n borderRadius: \"8px\",\n cursor: \"pointer\",\n display: \"flex\",\n alignItems: \"center\",\n gap: \"8px\",\n};\n\nconst errorStyle: React.CSSProperties = {\n margin: 0,\n color: \"#ef4444\",\n fontSize: \"14px\",\n};\n\n/**\n * Wraps children and only renders them when the user is authenticated.\n * Shows a Google sign-in button when unauthenticated.\n */\nexport function AuthGate({ children, loading, signInComponent }: AuthGateProps) {\n const { isAuthenticated, isLoading, error, signIn } = useAuth();\n const [signingIn, setSigningIn] = useState(false);\n\n const handleSignIn = useCallback(() => {\n setSigningIn(true);\n signIn();\n }, [signIn]);\n\n if (isLoading) {\n return <>{loading || <div style={loadingStyle}>Loading...</div>}</>;\n }\n\n if (!isAuthenticated) {\n if (signInComponent) {\n return <>{signInComponent({ signIn: handleSignIn })}</>;\n }\n\n return (\n <div style={containerStyle}>\n <h2 style={{ margin: 0, fontSize: \"24px\", color: \"#111827\" }}>Sign in to continue</h2>\n <p style={{ margin: 0, color: \"#6b7280\" }}>\n Use your Google account to access data.\n </p>\n {error && <p style={errorStyle}>{error}</p>}\n <button style={buttonStyle} onClick={handleSignIn} disabled={signingIn}>\n {signingIn ? \"Signing in...\" : \"Sign in with Google\"}\n </button>\n </div>\n );\n }\n\n return <>{children}</>;\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@inkindcards/semantic-layer",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "2.0.0",
|
|
4
4
|
"description": "SDK for connecting Lovable apps to the dbt Semantic Layer via a shared gateway",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -44,9 +44,7 @@
|
|
|
44
44
|
"optional": true
|
|
45
45
|
}
|
|
46
46
|
},
|
|
47
|
-
"dependencies": {
|
|
48
|
-
"@supabase/supabase-js": "^2.49.0"
|
|
49
|
-
},
|
|
47
|
+
"dependencies": {},
|
|
50
48
|
"devDependencies": {
|
|
51
49
|
"@types/react": "^18.3.0",
|
|
52
50
|
"react": "^18.3.0",
|
package/dist/chunk-B23E3XFB.cjs
DELETED
|
@@ -1,219 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var supabaseJs = require('@supabase/supabase-js');
|
|
4
|
-
|
|
5
|
-
// src/client.ts
|
|
6
|
-
var SemanticLayerClient = class {
|
|
7
|
-
constructor(config) {
|
|
8
|
-
this.metadataCache = null;
|
|
9
|
-
this.metadataCacheTime = 0;
|
|
10
|
-
this.CACHE_TTL_MS = 5 * 60 * 1e3;
|
|
11
|
-
this.admin = {
|
|
12
|
-
// Fields
|
|
13
|
-
listFields: () => this.adminCall("fields.list"),
|
|
14
|
-
createField: (input) => this.adminCall("fields.create", input),
|
|
15
|
-
updateField: (input) => this.adminCall("fields.update", input),
|
|
16
|
-
deleteField: (id) => this.adminCall("fields.delete", { id }),
|
|
17
|
-
// Roles
|
|
18
|
-
listRoles: () => this.adminCall("roles.list"),
|
|
19
|
-
createRole: (input) => this.adminCall("roles.create", input),
|
|
20
|
-
updateRole: (input) => this.adminCall("roles.update", input),
|
|
21
|
-
deleteRole: (id) => this.adminCall("roles.delete", { id }),
|
|
22
|
-
setRoleFields: (role_id, curated_field_ids) => this.adminCall("roles.setFields", { role_id, curated_field_ids }),
|
|
23
|
-
// Users
|
|
24
|
-
listUsers: () => this.adminCall("users.list"),
|
|
25
|
-
assignUserRole: (input) => this.adminCall("users.assignRole", input),
|
|
26
|
-
removeUserRole: (input) => this.adminCall("users.removeRole", input),
|
|
27
|
-
// Per-user overrides
|
|
28
|
-
listUserOverrides: (user_id) => this.adminCall("users.listOverrides", { user_id }),
|
|
29
|
-
setUserOverride: (input) => this.adminCall("users.setOverride", input),
|
|
30
|
-
removeUserOverride: (input) => this.adminCall("users.removeOverride", input)
|
|
31
|
-
};
|
|
32
|
-
this.gatewayUrl = config.gatewayUrl;
|
|
33
|
-
this.supabase = supabaseJs.createClient(config.gatewayUrl, config.anonKey, {
|
|
34
|
-
auth: {
|
|
35
|
-
persistSession: true,
|
|
36
|
-
autoRefreshToken: true,
|
|
37
|
-
storageKey: "semantic-layer-auth"
|
|
38
|
-
}
|
|
39
|
-
});
|
|
40
|
-
}
|
|
41
|
-
/** Access the underlying Supabase client (for auth operations). */
|
|
42
|
-
getSupabaseClient() {
|
|
43
|
-
return this.supabase;
|
|
44
|
-
}
|
|
45
|
-
// ─── Auth ────────────────────────────────────────────────────────────────────
|
|
46
|
-
async signInWithGoogle(redirectTo) {
|
|
47
|
-
return this.supabase.auth.signInWithOAuth({
|
|
48
|
-
provider: "google",
|
|
49
|
-
options: { redirectTo }
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
/** Get the Google sign-in URL without triggering a redirect (for popup flows). */
|
|
53
|
-
async getSignInUrl(redirectTo) {
|
|
54
|
-
const { data, error } = await this.supabase.auth.signInWithOAuth({
|
|
55
|
-
provider: "google",
|
|
56
|
-
options: {
|
|
57
|
-
redirectTo,
|
|
58
|
-
skipBrowserRedirect: true
|
|
59
|
-
}
|
|
60
|
-
});
|
|
61
|
-
if (error || !data.url) return null;
|
|
62
|
-
return data.url;
|
|
63
|
-
}
|
|
64
|
-
/** Send a one-time code to the given email (for iframe/editor sign-in). */
|
|
65
|
-
async sendOtp(email) {
|
|
66
|
-
return this.supabase.auth.signInWithOtp({ email });
|
|
67
|
-
}
|
|
68
|
-
/** Verify a one-time code received via email. */
|
|
69
|
-
async verifyOtp(email, token) {
|
|
70
|
-
return this.supabase.auth.verifyOtp({ email, token, type: "email" });
|
|
71
|
-
}
|
|
72
|
-
async signOut() {
|
|
73
|
-
return this.supabase.auth.signOut();
|
|
74
|
-
}
|
|
75
|
-
async getSession() {
|
|
76
|
-
const { data } = await this.supabase.auth.getSession();
|
|
77
|
-
return data.session;
|
|
78
|
-
}
|
|
79
|
-
onAuthStateChange(callback) {
|
|
80
|
-
return this.supabase.auth.onAuthStateChange(callback);
|
|
81
|
-
}
|
|
82
|
-
/** Set an existing session (used by the popup OAuth callback). */
|
|
83
|
-
async setSession(accessToken, refreshToken) {
|
|
84
|
-
return this.supabase.auth.setSession({
|
|
85
|
-
access_token: accessToken,
|
|
86
|
-
refresh_token: refreshToken
|
|
87
|
-
});
|
|
88
|
-
}
|
|
89
|
-
/**
|
|
90
|
-
* Open Google OAuth in a popup window and wait for the callback.
|
|
91
|
-
* Uses the auth-callback edge function to relay tokens via postMessage.
|
|
92
|
-
*/
|
|
93
|
-
async signInWithPopup() {
|
|
94
|
-
const callbackUrl = `${this.gatewayUrl}/functions/v1/auth-callback`;
|
|
95
|
-
const url = await this.getSignInUrl(callbackUrl);
|
|
96
|
-
if (!url) throw new SemanticLayerError("Failed to get sign-in URL", "AUTH_ERROR");
|
|
97
|
-
const popup = window.open(url, "semantic-layer-auth", "width=500,height=600");
|
|
98
|
-
return new Promise((resolve, reject) => {
|
|
99
|
-
const handler = async (event) => {
|
|
100
|
-
if (event.data?.type !== "semantic-layer-auth-callback") return;
|
|
101
|
-
window.removeEventListener("message", handler);
|
|
102
|
-
clearInterval(checkClosed);
|
|
103
|
-
const { access_token, refresh_token } = event.data;
|
|
104
|
-
if (access_token && refresh_token) {
|
|
105
|
-
await this.setSession(access_token, refresh_token);
|
|
106
|
-
resolve();
|
|
107
|
-
} else {
|
|
108
|
-
reject(new SemanticLayerError("No tokens received from popup", "AUTH_ERROR"));
|
|
109
|
-
}
|
|
110
|
-
};
|
|
111
|
-
window.addEventListener("message", handler);
|
|
112
|
-
const checkClosed = setInterval(() => {
|
|
113
|
-
if (popup?.closed) {
|
|
114
|
-
clearInterval(checkClosed);
|
|
115
|
-
window.removeEventListener("message", handler);
|
|
116
|
-
}
|
|
117
|
-
}, 1e3);
|
|
118
|
-
});
|
|
119
|
-
}
|
|
120
|
-
// ─── Metadata ────────────────────────────────────────────────────────────────
|
|
121
|
-
/**
|
|
122
|
-
* Fetch the curated catalog of metrics and dimensions from the gateway.
|
|
123
|
-
* Results are cached for 5 minutes.
|
|
124
|
-
*/
|
|
125
|
-
async getMetadata(forceRefresh = false) {
|
|
126
|
-
const now = Date.now();
|
|
127
|
-
if (!forceRefresh && this.metadataCache && now - this.metadataCacheTime < this.CACHE_TTL_MS) {
|
|
128
|
-
return this.metadataCache;
|
|
129
|
-
}
|
|
130
|
-
const { data, error } = await this.supabase.functions.invoke("dbt-metadata");
|
|
131
|
-
if (error) {
|
|
132
|
-
throw new SemanticLayerError(`Failed to fetch metadata: ${error.message}`, "METADATA_ERROR");
|
|
133
|
-
}
|
|
134
|
-
if (data?.error) {
|
|
135
|
-
throw new SemanticLayerError(data.error, "METADATA_ERROR");
|
|
136
|
-
}
|
|
137
|
-
this.metadataCache = data;
|
|
138
|
-
this.metadataCacheTime = now;
|
|
139
|
-
return this.metadataCache;
|
|
140
|
-
}
|
|
141
|
-
/** Get only metrics from the catalog. */
|
|
142
|
-
async getMetrics() {
|
|
143
|
-
const { fields } = await this.getMetadata();
|
|
144
|
-
return fields.filter((f) => f.type === "metric");
|
|
145
|
-
}
|
|
146
|
-
/** Get only dimensions (including time dimensions) from the catalog. */
|
|
147
|
-
async getDimensions() {
|
|
148
|
-
const { fields } = await this.getMetadata();
|
|
149
|
-
return fields.filter((f) => f.type === "dimension" || f.type === "time_dimension");
|
|
150
|
-
}
|
|
151
|
-
/** Find a field by name or id. */
|
|
152
|
-
async getField(nameOrId) {
|
|
153
|
-
const { fields } = await this.getMetadata();
|
|
154
|
-
return fields.find((f) => f.name === nameOrId || f.id === nameOrId);
|
|
155
|
-
}
|
|
156
|
-
// ─── Query ───────────────────────────────────────────────────────────────────
|
|
157
|
-
/** Execute a query using the full PivotConfig format. */
|
|
158
|
-
async query(config) {
|
|
159
|
-
if (config.values.length === 0) {
|
|
160
|
-
return { columns: [], rows: [], totalRows: 0, executionTimeMs: 0 };
|
|
161
|
-
}
|
|
162
|
-
const { data, error } = await this.supabase.functions.invoke("dbt-query", {
|
|
163
|
-
body: { config }
|
|
164
|
-
});
|
|
165
|
-
if (error) {
|
|
166
|
-
throw new SemanticLayerError(`Query failed: ${error.message}`, "QUERY_ERROR");
|
|
167
|
-
}
|
|
168
|
-
if (data?.error) {
|
|
169
|
-
throw new SemanticLayerError(data.error, "QUERY_ERROR");
|
|
170
|
-
}
|
|
171
|
-
return data;
|
|
172
|
-
}
|
|
173
|
-
/**
|
|
174
|
-
* Execute a query using the simplified input format.
|
|
175
|
-
* Automatically resolves metric/dimension names to full field objects.
|
|
176
|
-
*/
|
|
177
|
-
async simpleQuery(input) {
|
|
178
|
-
const { fields } = await this.getMetadata();
|
|
179
|
-
const fieldMap = new Map(fields.map((f) => [f.name, f]));
|
|
180
|
-
const values = input.metrics.map((name) => {
|
|
181
|
-
const field = fieldMap.get(name);
|
|
182
|
-
if (!field) throw new SemanticLayerError(`Unknown metric: "${name}"`, "UNKNOWN_FIELD");
|
|
183
|
-
return { fieldId: field.id, field };
|
|
184
|
-
});
|
|
185
|
-
const rows = (input.groupBy || []).map((name) => {
|
|
186
|
-
const field = fieldMap.get(name);
|
|
187
|
-
if (!field) throw new SemanticLayerError(`Unknown dimension: "${name}"`, "UNKNOWN_FIELD");
|
|
188
|
-
const grain = field.type === "time_dimension" ? input.grain : void 0;
|
|
189
|
-
return { fieldId: field.id, field, grain };
|
|
190
|
-
});
|
|
191
|
-
const filters = Object.entries(input.filters || {}).map(([name, filterValues]) => {
|
|
192
|
-
const field = fieldMap.get(name);
|
|
193
|
-
if (!field) throw new SemanticLayerError(`Unknown filter field: "${name}"`, "UNKNOWN_FIELD");
|
|
194
|
-
return { fieldId: field.id, field, filterValues };
|
|
195
|
-
});
|
|
196
|
-
return this.query({ values, rows, columns: [], filters });
|
|
197
|
-
}
|
|
198
|
-
// ─── Admin ──────────────────────────────────────────────────────────────────
|
|
199
|
-
async adminCall(action, body = {}) {
|
|
200
|
-
const { data, error } = await this.supabase.functions.invoke("admin-manage", {
|
|
201
|
-
body: { action, ...body }
|
|
202
|
-
});
|
|
203
|
-
if (error) throw new SemanticLayerError(`Admin call failed: ${error.message}`, "ADMIN_ERROR");
|
|
204
|
-
if (data?.error) throw new SemanticLayerError(data.error, "ADMIN_ERROR");
|
|
205
|
-
return data;
|
|
206
|
-
}
|
|
207
|
-
};
|
|
208
|
-
var SemanticLayerError = class extends Error {
|
|
209
|
-
constructor(message, code) {
|
|
210
|
-
super(message);
|
|
211
|
-
this.name = "SemanticLayerError";
|
|
212
|
-
this.code = code;
|
|
213
|
-
}
|
|
214
|
-
};
|
|
215
|
-
|
|
216
|
-
exports.SemanticLayerClient = SemanticLayerClient;
|
|
217
|
-
exports.SemanticLayerError = SemanticLayerError;
|
|
218
|
-
//# sourceMappingURL=chunk-B23E3XFB.cjs.map
|
|
219
|
-
//# sourceMappingURL=chunk-B23E3XFB.cjs.map
|