@tern-secure/nextjs 3.2.7 → 3.2.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/dist/cjs/app-router/client/TernSecureProvider.js +1 -5
- package/dist/cjs/app-router/client/TernSecureProvider.js.map +1 -1
- package/dist/cjs/boundary/TernSecureClientProvider.js +6 -3
- package/dist/cjs/boundary/TernSecureClientProvider.js.map +1 -1
- package/dist/esm/app-router/client/TernSecureProvider.js +1 -5
- package/dist/esm/app-router/client/TernSecureProvider.js.map +1 -1
- package/dist/esm/boundary/TernSecureClientProvider.js +6 -3
- package/dist/esm/boundary/TernSecureClientProvider.js.map +1 -1
- package/dist/types/app-router/client/TernSecureProvider.d.ts.map +1 -1
- package/dist/types/boundary/TernSecureClientProvider.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -37,13 +37,9 @@ var import_dynamic = __toESM(require("next/dynamic"));
|
|
|
37
37
|
const TernSecureClientProvider = (0, import_dynamic.default)(
|
|
38
38
|
() => import("../../boundary/TernSecureClientProvider").then((mod) => mod.TernSecureClientProvider),
|
|
39
39
|
{
|
|
40
|
-
ssr: false
|
|
41
|
-
loading: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TernSecureLoadingFallback, {})
|
|
40
|
+
ssr: false
|
|
42
41
|
}
|
|
43
42
|
);
|
|
44
|
-
function TernSecureLoadingFallback() {
|
|
45
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Loading..." }) });
|
|
46
|
-
}
|
|
47
43
|
function TernSecureProvider({ children }) {
|
|
48
44
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TernSecureClientProvider, { children });
|
|
49
45
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/app-router/client/TernSecureProvider.tsx"],"sourcesContent":["'use client'\r\n\r\nimport React, { Suspense } from \"react\"\r\nimport dynamic from \"next/dynamic\"\r\n\r\nconst TernSecureClientProvider = dynamic(\r\n () => import(\"../../boundary/TernSecureClientProvider\").then(mod => mod.TernSecureClientProvider),\r\n { \r\n ssr: false
|
|
1
|
+
{"version":3,"sources":["../../../../src/app-router/client/TernSecureProvider.tsx"],"sourcesContent":["'use client'\r\n\r\nimport React, { Suspense } from \"react\"\r\nimport dynamic from \"next/dynamic\"\r\n\r\nconst TernSecureClientProvider = dynamic(\r\n () => import(\"../../boundary/TernSecureClientProvider\").then(mod => mod.TernSecureClientProvider),\r\n { \r\n ssr: false\r\n }\r\n)\r\n\r\n// Loading fallback component\r\n/*function TernSecureLoadingFallback() {\r\n return (\r\n <div>\r\n <span className=\"sr-only\">Loading...</span>\r\n </div>\r\n )\r\n}*/\r\n/**\r\n * Root Provider for TernSecure\r\n * Use this in your Next.js App Router root layout\r\n * Automatically handles client/server boundary and authentication state\r\n * \r\n * @example\r\n * // app/layout.tsx\r\n * import { TernSecureProvider } from '@tern/secure'\r\n * \r\n * export default function RootLayout({ children }) {\r\n * return (\r\n * <html>\r\n * <body>\r\n * <TernSecureProvider>\r\n * {children}\r\n * </TernSecureProvider>\r\n * </body>\r\n * </html>\r\n * )\r\n * }\r\n */\r\nexport function TernSecureProvider({ children }: { children: React.ReactNode }) {\r\n return (\r\n <TernSecureClientProvider>\r\n {children}\r\n </TernSecureClientProvider>\r\n )\r\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2CI;AAxCJ,qBAAoB;AAEpB,MAAM,+BAA2B,eAAAA;AAAA,EAC/B,MAAM,OAAO,yCAAyC,EAAE,KAAK,SAAO,IAAI,wBAAwB;AAAA,EAChG;AAAA,IACE,KAAK;AAAA,EACN;AACH;AA+BO,SAAS,mBAAmB,EAAE,SAAS,GAAkC;AAC9E,SACE,4CAAC,4BACI,UACL;AAEJ;","names":["dynamic"]}
|
|
@@ -32,7 +32,7 @@ function TernSecureClientProvider({
|
|
|
32
32
|
}) {
|
|
33
33
|
const [authState, setAuthState] = (0, import_react.useState)({
|
|
34
34
|
userId: null,
|
|
35
|
-
isLoaded:
|
|
35
|
+
isLoaded: false,
|
|
36
36
|
error: null,
|
|
37
37
|
isSignedIn: false
|
|
38
38
|
});
|
|
@@ -41,14 +41,14 @@ function TernSecureClientProvider({
|
|
|
41
41
|
const unsubscribe = (0, import_auth.onAuthStateChanged)(auth, (user) => {
|
|
42
42
|
if (user) {
|
|
43
43
|
setAuthState({
|
|
44
|
-
isLoaded:
|
|
44
|
+
isLoaded: true,
|
|
45
45
|
isSignedIn: true,
|
|
46
46
|
userId: user.uid,
|
|
47
47
|
error: null
|
|
48
48
|
});
|
|
49
49
|
} else {
|
|
50
50
|
setAuthState({
|
|
51
|
-
isLoaded:
|
|
51
|
+
isLoaded: true,
|
|
52
52
|
isSignedIn: false,
|
|
53
53
|
userId: null,
|
|
54
54
|
error: null
|
|
@@ -60,6 +60,9 @@ function TernSecureClientProvider({
|
|
|
60
60
|
const contextValue = (0, import_react.useMemo)(() => ({
|
|
61
61
|
...authState
|
|
62
62
|
}), [authState]);
|
|
63
|
+
if (!authState.isLoaded) {
|
|
64
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TernSecureCtx.TernSecureCtx.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Loading authentication state..." }) }) });
|
|
65
|
+
}
|
|
63
66
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TernSecureCtx.TernSecureCtx.Provider, { value: contextValue, children });
|
|
64
67
|
}
|
|
65
68
|
// Annotate the CommonJS export names for ESM import in node:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/boundary/TernSecureClientProvider.tsx"],"sourcesContent":["'use client'\r\n\r\nimport React, { useState, useEffect, useMemo } from 'react'\r\nimport { TernSecureAuth } from '../utils/client-init'\r\nimport { onAuthStateChanged } from \"firebase/auth\"\r\nimport { TernSecureCtx, TernSecureCtxValue, TernSecureState } from './TernSecureCtx'\r\n\r\n\r\nexport function TernSecureClientProvider({ \r\n children\r\n}: { \r\n children: React.ReactNode;\r\n}) {\r\n const [authState, setAuthState] = useState<TernSecureState>({\r\n userId: null,\r\n isLoaded:
|
|
1
|
+
{"version":3,"sources":["../../../src/boundary/TernSecureClientProvider.tsx"],"sourcesContent":["'use client'\r\n\r\nimport React, { useState, useEffect, useMemo } from 'react'\r\nimport { TernSecureAuth } from '../utils/client-init'\r\nimport { onAuthStateChanged } from \"firebase/auth\"\r\nimport { TernSecureCtx, TernSecureCtxValue, TernSecureState } from './TernSecureCtx'\r\n\r\n\r\nexport function TernSecureClientProvider({ \r\n children\r\n}: { \r\n children: React.ReactNode;\r\n}) {\r\n const [authState, setAuthState] = useState<TernSecureState>({\r\n userId: null,\r\n isLoaded: false,\r\n error: null,\r\n isSignedIn: false\r\n })\r\n\r\nuseEffect(() => {\r\n const auth = TernSecureAuth();\r\n const unsubscribe = onAuthStateChanged(auth, (user) => {\r\n if (user) {\r\n setAuthState({\r\n isLoaded: true,\r\n isSignedIn: true,\r\n userId: user.uid,\r\n error: null\r\n })\r\n } else {\r\n setAuthState({\r\n isLoaded: true,\r\n isSignedIn: false,\r\n userId: null,\r\n error: null\r\n })\r\n }\r\n })\r\n \r\n return () => unsubscribe()\r\n }, [])\r\n\r\n const contextValue: TernSecureCtxValue = useMemo(() => ({\r\n ...authState\r\n }), [authState])\r\n\r\n if (!authState.isLoaded) {\r\n return (\r\n <TernSecureCtx.Provider value={contextValue}>\r\n <div>\r\n <span className=\"sr-only\">Loading authentication state...</span>\r\n </div>\r\n </TernSecureCtx.Provider>\r\n )\r\n }\r\n\r\n return (\r\n <TernSecureCtx.Provider value={contextValue}>\r\n {children}\r\n </TernSecureCtx.Provider>\r\n )\r\n}"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmDU;AAjDV,mBAAoD;AACpD,yBAA+B;AAC/B,kBAAmC;AACnC,2BAAmE;AAG5D,SAAS,yBAAyB;AAAA,EACvC;AACF,GAEI;AACF,QAAM,CAAC,WAAW,YAAY,QAAI,uBAA0B;AAAA,IAC1D,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,IACP,YAAY;AAAA,EACd,CAAC;AAEH,8BAAU,MAAM;AACd,UAAM,WAAO,mCAAe;AAC1B,UAAM,kBAAc,gCAAmB,MAAM,CAAC,SAAS;AACrD,UAAI,MAAM;AACR,qBAAa;AAAA,UACX,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,QAAQ,KAAK;AAAA,UACb,OAAO;AAAA,QACT,CAAC;AAAA,MACH,OAAO;AACL,qBAAa;AAAA,UACX,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,OAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAED,WAAO,MAAM,YAAY;AAAA,EAC3B,GAAG,CAAC,CAAC;AAEL,QAAM,mBAAmC,sBAAQ,OAAO;AAAA,IACtD,GAAG;AAAA,EACL,IAAI,CAAC,SAAS,CAAC;AAEf,MAAI,CAAC,UAAU,UAAU;AACvB,WACE,4CAAC,mCAAc,UAAd,EAAuB,OAAO,cAC7B,sDAAC,SACC,sDAAC,UAAK,WAAU,WAAU,6CAA+B,GAC3D,GACF;AAAA,EAEJ;AAEA,SACI,4CAAC,mCAAc,UAAd,EAAuB,OAAO,cAC7B,UACF;AAEN;","names":[]}
|
|
@@ -4,13 +4,9 @@ import dynamic from "next/dynamic";
|
|
|
4
4
|
const TernSecureClientProvider = dynamic(
|
|
5
5
|
() => import("../../boundary/TernSecureClientProvider").then((mod) => mod.TernSecureClientProvider),
|
|
6
6
|
{
|
|
7
|
-
ssr: false
|
|
8
|
-
loading: () => /* @__PURE__ */ jsx(TernSecureLoadingFallback, {})
|
|
7
|
+
ssr: false
|
|
9
8
|
}
|
|
10
9
|
);
|
|
11
|
-
function TernSecureLoadingFallback() {
|
|
12
|
-
return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading..." }) });
|
|
13
|
-
}
|
|
14
10
|
function TernSecureProvider({ children }) {
|
|
15
11
|
return /* @__PURE__ */ jsx(TernSecureClientProvider, { children });
|
|
16
12
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/app-router/client/TernSecureProvider.tsx"],"sourcesContent":["'use client'\r\n\r\nimport React, { Suspense } from \"react\"\r\nimport dynamic from \"next/dynamic\"\r\n\r\nconst TernSecureClientProvider = dynamic(\r\n () => import(\"../../boundary/TernSecureClientProvider\").then(mod => mod.TernSecureClientProvider),\r\n { \r\n ssr: false
|
|
1
|
+
{"version":3,"sources":["../../../../src/app-router/client/TernSecureProvider.tsx"],"sourcesContent":["'use client'\r\n\r\nimport React, { Suspense } from \"react\"\r\nimport dynamic from \"next/dynamic\"\r\n\r\nconst TernSecureClientProvider = dynamic(\r\n () => import(\"../../boundary/TernSecureClientProvider\").then(mod => mod.TernSecureClientProvider),\r\n { \r\n ssr: false\r\n }\r\n)\r\n\r\n// Loading fallback component\r\n/*function TernSecureLoadingFallback() {\r\n return (\r\n <div>\r\n <span className=\"sr-only\">Loading...</span>\r\n </div>\r\n )\r\n}*/\r\n/**\r\n * Root Provider for TernSecure\r\n * Use this in your Next.js App Router root layout\r\n * Automatically handles client/server boundary and authentication state\r\n * \r\n * @example\r\n * // app/layout.tsx\r\n * import { TernSecureProvider } from '@tern/secure'\r\n * \r\n * export default function RootLayout({ children }) {\r\n * return (\r\n * <html>\r\n * <body>\r\n * <TernSecureProvider>\r\n * {children}\r\n * </TernSecureProvider>\r\n * </body>\r\n * </html>\r\n * )\r\n * }\r\n */\r\nexport function TernSecureProvider({ children }: { children: React.ReactNode }) {\r\n return (\r\n <TernSecureClientProvider>\r\n {children}\r\n </TernSecureClientProvider>\r\n )\r\n}"],"mappings":";AA2CI;AAxCJ,OAAO,aAAa;AAEpB,MAAM,2BAA2B;AAAA,EAC/B,MAAM,OAAO,yCAAyC,EAAE,KAAK,SAAO,IAAI,wBAAwB;AAAA,EAChG;AAAA,IACE,KAAK;AAAA,EACN;AACH;AA+BO,SAAS,mBAAmB,EAAE,SAAS,GAAkC;AAC9E,SACE,oBAAC,4BACI,UACL;AAEJ;","names":[]}
|
|
@@ -9,7 +9,7 @@ function TernSecureClientProvider({
|
|
|
9
9
|
}) {
|
|
10
10
|
const [authState, setAuthState] = useState({
|
|
11
11
|
userId: null,
|
|
12
|
-
isLoaded:
|
|
12
|
+
isLoaded: false,
|
|
13
13
|
error: null,
|
|
14
14
|
isSignedIn: false
|
|
15
15
|
});
|
|
@@ -18,14 +18,14 @@ function TernSecureClientProvider({
|
|
|
18
18
|
const unsubscribe = onAuthStateChanged(auth, (user) => {
|
|
19
19
|
if (user) {
|
|
20
20
|
setAuthState({
|
|
21
|
-
isLoaded:
|
|
21
|
+
isLoaded: true,
|
|
22
22
|
isSignedIn: true,
|
|
23
23
|
userId: user.uid,
|
|
24
24
|
error: null
|
|
25
25
|
});
|
|
26
26
|
} else {
|
|
27
27
|
setAuthState({
|
|
28
|
-
isLoaded:
|
|
28
|
+
isLoaded: true,
|
|
29
29
|
isSignedIn: false,
|
|
30
30
|
userId: null,
|
|
31
31
|
error: null
|
|
@@ -37,6 +37,9 @@ function TernSecureClientProvider({
|
|
|
37
37
|
const contextValue = useMemo(() => ({
|
|
38
38
|
...authState
|
|
39
39
|
}), [authState]);
|
|
40
|
+
if (!authState.isLoaded) {
|
|
41
|
+
return /* @__PURE__ */ jsx(TernSecureCtx.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading authentication state..." }) }) });
|
|
42
|
+
}
|
|
40
43
|
return /* @__PURE__ */ jsx(TernSecureCtx.Provider, { value: contextValue, children });
|
|
41
44
|
}
|
|
42
45
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/boundary/TernSecureClientProvider.tsx"],"sourcesContent":["'use client'\r\n\r\nimport React, { useState, useEffect, useMemo } from 'react'\r\nimport { TernSecureAuth } from '../utils/client-init'\r\nimport { onAuthStateChanged } from \"firebase/auth\"\r\nimport { TernSecureCtx, TernSecureCtxValue, TernSecureState } from './TernSecureCtx'\r\n\r\n\r\nexport function TernSecureClientProvider({ \r\n children\r\n}: { \r\n children: React.ReactNode;\r\n}) {\r\n const [authState, setAuthState] = useState<TernSecureState>({\r\n userId: null,\r\n isLoaded:
|
|
1
|
+
{"version":3,"sources":["../../../src/boundary/TernSecureClientProvider.tsx"],"sourcesContent":["'use client'\r\n\r\nimport React, { useState, useEffect, useMemo } from 'react'\r\nimport { TernSecureAuth } from '../utils/client-init'\r\nimport { onAuthStateChanged } from \"firebase/auth\"\r\nimport { TernSecureCtx, TernSecureCtxValue, TernSecureState } from './TernSecureCtx'\r\n\r\n\r\nexport function TernSecureClientProvider({ \r\n children\r\n}: { \r\n children: React.ReactNode;\r\n}) {\r\n const [authState, setAuthState] = useState<TernSecureState>({\r\n userId: null,\r\n isLoaded: false,\r\n error: null,\r\n isSignedIn: false\r\n })\r\n\r\nuseEffect(() => {\r\n const auth = TernSecureAuth();\r\n const unsubscribe = onAuthStateChanged(auth, (user) => {\r\n if (user) {\r\n setAuthState({\r\n isLoaded: true,\r\n isSignedIn: true,\r\n userId: user.uid,\r\n error: null\r\n })\r\n } else {\r\n setAuthState({\r\n isLoaded: true,\r\n isSignedIn: false,\r\n userId: null,\r\n error: null\r\n })\r\n }\r\n })\r\n \r\n return () => unsubscribe()\r\n }, [])\r\n\r\n const contextValue: TernSecureCtxValue = useMemo(() => ({\r\n ...authState\r\n }), [authState])\r\n\r\n if (!authState.isLoaded) {\r\n return (\r\n <TernSecureCtx.Provider value={contextValue}>\r\n <div>\r\n <span className=\"sr-only\">Loading authentication state...</span>\r\n </div>\r\n </TernSecureCtx.Provider>\r\n )\r\n }\r\n\r\n return (\r\n <TernSecureCtx.Provider value={contextValue}>\r\n {children}\r\n </TernSecureCtx.Provider>\r\n )\r\n}"],"mappings":";AAmDU;AAjDV,SAAgB,UAAU,WAAW,eAAe;AACpD,SAAS,sBAAsB;AAC/B,SAAS,0BAA0B;AACnC,SAAS,qBAA0D;AAG5D,SAAS,yBAAyB;AAAA,EACvC;AACF,GAEI;AACF,QAAM,CAAC,WAAW,YAAY,IAAI,SAA0B;AAAA,IAC1D,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,IACP,YAAY;AAAA,EACd,CAAC;AAEH,YAAU,MAAM;AACd,UAAM,OAAO,eAAe;AAC1B,UAAM,cAAc,mBAAmB,MAAM,CAAC,SAAS;AACrD,UAAI,MAAM;AACR,qBAAa;AAAA,UACX,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,QAAQ,KAAK;AAAA,UACb,OAAO;AAAA,QACT,CAAC;AAAA,MACH,OAAO;AACL,qBAAa;AAAA,UACX,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,OAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAED,WAAO,MAAM,YAAY;AAAA,EAC3B,GAAG,CAAC,CAAC;AAEL,QAAM,eAAmC,QAAQ,OAAO;AAAA,IACtD,GAAG;AAAA,EACL,IAAI,CAAC,SAAS,CAAC;AAEf,MAAI,CAAC,UAAU,UAAU;AACvB,WACE,oBAAC,cAAc,UAAd,EAAuB,OAAO,cAC7B,8BAAC,SACC,8BAAC,UAAK,WAAU,WAAU,6CAA+B,GAC3D,GACF;AAAA,EAEJ;AAEA,SACI,oBAAC,cAAc,UAAd,EAAuB,OAAO,cAC7B,UACF;AAEN;","names":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TernSecureProvider.d.ts","sourceRoot":"","sources":["../../../../src/app-router/client/TernSecureProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"TernSecureProvider.d.ts","sourceRoot":"","sources":["../../../../src/app-router/client/TernSecureProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAkBvC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAM7E"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TernSecureClientProvider.d.ts","sourceRoot":"","sources":["../../../src/boundary/TernSecureClientProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAM3D,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,
|
|
1
|
+
{"version":3,"file":"TernSecureClientProvider.d.ts","sourceRoot":"","sources":["../../../src/boundary/TernSecureClientProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAM3D,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAkDA"}
|