oidc-spa 7.1.4 → 7.1.5

package/core/createOidc.js

@@ -125,7 +125,7 @@ var trustedFetch_1 = require("./trustedFetch");
 var getIsOnline_1 = require("../tools/getIsOnline");
 (0, handleOidcCallback_1.handleOidcCallback)();
 // NOTE: Replaced at build time
-var VERSION = "7.1.4";
+var VERSION = "7.1.5";
 var globalContext = {
     prOidcByConfigId: new Map(),
     hasLogoutBeenCalled: (0, tsafe_1.id)(false),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "oidc-spa",
-    "version": "7.1.4",
+    "version": "7.1.5",
     "description": "Openidconnect client for Single Page Applications",
     "repository": {
         "type": "git",
@@ -12,7 +12,7 @@
         ".": "./index.js",
         "./mock": "./mock/index.js",
         "./react": "./react/index.js",
-        "./react/tools/NoSsr": "./react/tools/NoSsr.js",
+        "./react/tools/ClientOnly": "./react/tools/ClientOnly.js",
         "./mock/react": "./mock/react.js",
         "./entrypoint": "./entrypoint.js",
         "./backend": "./backend.js",
@@ -60,7 +60,7 @@
         "./src/mock/react.tsx",
         "./src/react/index.ts",
         "./src/react/react.tsx",
-        "./src/react/tools/NoSsr.tsx",
+        "./src/react/tools/ClientOnly.tsx",
         "./src/tools/Deferred.ts",
         "./src/tools/EphemeralSessionStorage.ts",
         "./src/tools/Evt.ts",
@@ -178,9 +178,9 @@
         "./react/react.d.ts",
         "./react/react.js",
         "./react/react.js.map",
-        "./react/tools/NoSsr.d.ts",
-        "./react/tools/NoSsr.js",
-        "./react/tools/NoSsr.js.map",
+        "./react/tools/ClientOnly.d.ts",
+        "./react/tools/ClientOnly.js",
+        "./react/tools/ClientOnly.js.map",
         "./tools/Deferred.d.ts",
         "./tools/Deferred.js",
         "./tools/Deferred.js.map",

package/react/tools/ClientOnly.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Generic client-only rendering boundary (unrelated to OIDC).
+ *
+ * Children are rendered only after hydration on the client.
+ * During SSR, the optional `fallback` is shown instead.
+ *
+ * Provided here for convenience—you can replace it with your own
+ * implementation or existing tooling if you prefer.
+ */
+export declare function ClientOnly(props: {
+    children: React.ReactNode;
+    fallback?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/react/tools/{NoSsr.js → ClientOnly.js}

@@ -16,20 +16,19 @@ var __read = (this && this.__read) || function (o, n) {
     return ar;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NoSsr = NoSsr;
+exports.ClientOnly = ClientOnly;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 /**
- * There is nothing specific to OIDC with this component.
- * This is provided purely for convenance, feel free to use your own
- * tooling.
+ * Generic client-only rendering boundary (unrelated to OIDC).
  *
- * This is a trivial implementation of a No Server Side Rendering
- * boundary.
- * The children will only be rendered in the client side.
- * You can optionally provide a fallback that will be rendered by the server.
+ * Children are rendered only after hydration on the client.
+ * During SSR, the optional `fallback` is shown instead.
+ *
+ * Provided here for convenience—you can replace it with your own
+ * implementation or existing tooling if you prefer.
  */
-function NoSsr(props) {
+function ClientOnly(props) {
     var children = props.children, fallback = props.fallback;
     var _a = __read((0, react_1.useState)(false), 2), isHydrated = _a[0], setIsHydrated = _a[1];
     (0, react_1.useEffect)(function () {
@@ -40,4 +39,4 @@ function NoSsr(props) {
     }
     return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
 }
-//# sourceMappingURL=NoSsr.js.map
+//# sourceMappingURL=ClientOnly.js.map

package/react/tools/ClientOnly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientOnly.js","sourceRoot":"","sources":["../../src/react/tools/ClientOnly.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAWA,gCAaC;;AAxBD,+BAA4C;AAE5C;;;;;;;;GAQG;AACH,SAAgB,UAAU,CAAC,KAAgE;IAC/E,IAAA,QAAQ,GAAe,KAAK,SAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IAE/B,IAAA,KAAA,OAA8B,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAA,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAC;IACpD,IAAA,iBAAS,EAAC;QACN,aAAa,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,UAAU,EAAE,CAAC;QACd,OAAO,2DAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,IAAI,GAAI,CAAC;IACnC,CAAC;IAED,OAAO,2DAAG,QAAQ,GAAI,CAAC;AAC3B,CAAC"}

package/src/react/tools/ClientOnly.tsx

@@ -0,0 +1,25 @@
+import { useState, useEffect } from "react";
+
+/**
+ * Generic client-only rendering boundary (unrelated to OIDC).
+ *
+ * Children are rendered only after hydration on the client.
+ * During SSR, the optional `fallback` is shown instead.
+ *
+ * Provided here for convenience—you can replace it with your own
+ * implementation or existing tooling if you prefer.
+ */
+export function ClientOnly(props: { children: React.ReactNode; fallback?: React.ReactNode }) {
+    const { children, fallback } = props;
+
+    const [isHydrated, setIsHydrated] = useState(false);
+    useEffect(() => {
+        setIsHydrated(true);
+    }, []);
+
+    if (!isHydrated) {
+        return <>{fallback ?? null}</>;
+    }
+
+    return <>{children}</>;
+}

package/react/tools/NoSsr.d.ts

@@ -1,14 +0,0 @@
-/**
- * There is nothing specific to OIDC with this component.
- * This is provided purely for convenance, feel free to use your own
- * tooling.
- *
- * This is a trivial implementation of a No Server Side Rendering
- * boundary.
- * The children will only be rendered in the client side.
- * You can optionally provide a fallback that will be rendered by the server.
- */
-export declare function NoSsr(props: {
-    children: React.ReactNode;
-    fallback?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;

package/react/tools/NoSsr.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NoSsr.js","sourceRoot":"","sources":["../../src/react/tools/NoSsr.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAYA,sBAaC;;AAzBD,+BAA4C;AAE5C;;;;;;;;;GASG;AACH,SAAgB,KAAK,CAAC,KAAgE;IAC1E,IAAA,QAAQ,GAAe,KAAK,SAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IAE/B,IAAA,KAAA,OAA8B,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAA,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAC;IACpD,IAAA,iBAAS,EAAC;QACN,aAAa,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,UAAU,EAAE,CAAC;QACd,OAAO,2DAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,IAAI,GAAI,CAAC;IACnC,CAAC;IAED,OAAO,2DAAG,QAAQ,GAAI,CAAC;AAC3B,CAAC"}

package/src/react/tools/NoSsr.tsx

@@ -1,26 +0,0 @@
-import { useState, useEffect } from "react";
-
-/**
- * There is nothing specific to OIDC with this component.
- * This is provided purely for convenance, feel free to use your own
- * tooling.
- *
- * This is a trivial implementation of a No Server Side Rendering
- * boundary.
- * The children will only be rendered in the client side.
- * You can optionally provide a fallback that will be rendered by the server.
- */
-export function NoSsr(props: { children: React.ReactNode; fallback?: React.ReactNode }) {
-    const { children, fallback } = props;
-
-    const [isHydrated, setIsHydrated] = useState(false);
-    useEffect(() => {
-        setIsHydrated(true);
-    }, []);
-
-    if (!isHydrated) {
-        return <>{fallback ?? null}</>;
-    }
-
-    return <>{children}</>;
-}