react-session.manager.sk 1.1.3 → 2.0.1

package/dist/index.js.LICENSE.txt

@@ -1,8 +1,8 @@
 /**
  * @license React
- * react-is.production.min.js
+ * react-is.production.js
  *
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -17,12 +17,3 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-session.manager.sk",
-  "version": "1.1.3",
+  "version": "2.0.1",
   "description": "A react component used to manage token sessions with flask backend",
   "main": "./dist/index.js",
   "scripts": {
@@ -10,20 +10,20 @@
   "author": "Skulldorom",
   "license": "ISC",
   "devDependencies": {
-    "@babel/core": "^7.25.2",
-    "@babel/preset-env": "^7.25.3",
-    "@babel/preset-react": "^7.24.7",
-    "babel-loader": "^9.1.3",
+    "@babel/core": "^7.28.0",
+    "@babel/preset-env": "^7.28.0",
+    "@babel/preset-react": "^7.27.1",
+    "babel-loader": "^10.0.0",
     "css-loader": "^7.1.2",
-    "webpack": "^5.93.0",
-    "webpack-cli": "^5.1.4"
+    "webpack": "^5.100.2",
+    "webpack-cli": "^6.0.1"
   },
   "dependencies": {
-    "@emotion/react": "^11.13.0",
-    "@emotion/styled": "^11.13.0",
-    "@mui/icons-material": "^5.16.7",
-    "@mui/material": "^5.16.7",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.2.0",
+    "@mui/material": "^7.2.0",
     "clientjs": "^0.2.1",
-    "react-toastify": "^10.0.5"
+    "react-toastify": "^11.0.5"
   }
 }

package/src/components/ErrorBoundary.js

@@ -0,0 +1,128 @@
+import React from "react";
+import { toast } from "react-toastify";
+import { Error as ErrorIcon } from "@mui/icons-material";
+
+class ErrorBoundary extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false, error: null, errorInfo: null };
+  }
+
+  static getDerivedStateFromError(error) {
+    // Update state so the next render will show the fallback UI
+    return { hasError: true };
+  }
+
+  componentDidCatch(error, errorInfo) {
+    console.error("ErrorBoundary caught an error:", error, errorInfo);
+
+    this.setState({
+      error: error,
+      errorInfo: errorInfo,
+    });
+
+    // Show a toast notification for the error
+    toast.error(
+      "Something went wrong. Please refresh the page or try again later.",
+      {
+        toastId: "error-boundary",
+        icon: <ErrorIcon />,
+        autoClose: 10000,
+      }
+    );
+
+    // Log error to external service if needed
+    if (this.props.onError) {
+      this.props.onError(error, errorInfo);
+    }
+  }
+
+  handleRetry = () => {
+    this.setState({ hasError: false, error: null, errorInfo: null });
+  };
+
+  render() {
+    if (this.state.hasError) {
+      // Custom error UI
+      if (this.props.fallback) {
+        return this.props.fallback;
+      }
+
+      return (
+        <div
+          style={{
+            padding: "20px",
+            textAlign: "center",
+            backgroundColor: "#f8f9fa",
+            border: "1px solid #dee2e6",
+            borderRadius: "8px",
+            margin: "20px",
+          }}
+        >
+          <ErrorIcon
+            style={{ fontSize: "48px", color: "#dc3545", marginBottom: "16px" }}
+          />
+          <h2 style={{ color: "#343a40", marginBottom: "16px" }}>
+            Something went wrong
+          </h2>
+          <p style={{ color: "#6c757d", marginBottom: "20px" }}>
+            An unexpected error occurred. Please try refreshing the page.
+          </p>
+          <button
+            onClick={this.handleRetry}
+            style={{
+              backgroundColor: "#007bff",
+              color: "white",
+              border: "none",
+              padding: "10px 20px",
+              borderRadius: "4px",
+              cursor: "pointer",
+              marginRight: "10px",
+            }}
+          >
+            Try Again
+          </button>
+          <button
+            onClick={() => window.location.reload()}
+            style={{
+              backgroundColor: "#28a745",
+              color: "white",
+              border: "none",
+              padding: "10px 20px",
+              borderRadius: "4px",
+              cursor: "pointer",
+            }}
+          >
+            Refresh Page
+          </button>
+
+          {process.env.NODE_ENV === "development" && this.state.error && (
+            <details style={{ marginTop: "20px", textAlign: "left" }}>
+              <summary style={{ cursor: "pointer", fontWeight: "bold" }}>
+                Error Details (Development)
+              </summary>
+              <pre
+                style={{
+                  backgroundColor: "#f8f9fa",
+                  padding: "10px",
+                  borderRadius: "4px",
+                  overflow: "auto",
+                  fontSize: "12px",
+                  marginTop: "10px",
+                }}
+              >
+                {this.state.error && this.state.error.toString()}
+                <br />
+                {this.state.errorInfo?.componentStack}
+              </pre>
+            </details>
+          )}
+        </div>
+      );
+    }
+
+    return this.props.children;
+  }
+}
+
+export default ErrorBoundary;

package/src/components/FingerPrint.js

@@ -1,11 +1,11 @@
-import { ClientJS } from "clientjs";
-
-export default function getDeviceFingerprint() {
-  if (localStorage.getItem("deviceFingerprint"))
-    return localStorage.getItem("deviceFingerprint");
-
-  const client = new ClientJS();
-  const fingerprint = client.getFingerprint();
-  localStorage.setItem("deviceFingerprint", fingerprint);
-  return fingerprint;
-}
+import { ClientJS } from "clientjs";
+
+export default function getDeviceFingerprint() {
+  if (localStorage.getItem("deviceFingerprint"))
+    return localStorage.getItem("deviceFingerprint");
+
+  const client = new ClientJS();
+  const fingerprint = client.getFingerprint();
+  localStorage.setItem("deviceFingerprint", fingerprint);
+  return fingerprint;
+}

package/src/components/versionCompare.js

@@ -1,39 +1,39 @@
-// Javascript implementation
-
-// Method to compare two versions.
-// Returns 1 if v2 is smaller, -1
-// if v1 is smaller, 0 if equal
-export default function versionCompare(v1, v2) {
-  // vnum stores each numeric
-  // part of version
-  var vnum1 = 0,
-    vnum2 = 0;
-
-  // loop until both string are
-  // processed
-  for (var i = 0, j = 0; i < v1.length || j < v2.length; ) {
-    // storing numeric part of
-    // version 1 in vnum1
-    while (i < v1.length && v1[i] !== ".") {
-      vnum1 = vnum1 * 10 + (v1[i] - "0");
-      i++;
-    }
-
-    // storing numeric part of
-    // version 2 in vnum2
-    while (j < v2.length && v2[j] !== ".") {
-      vnum2 = vnum2 * 10 + (v2[j] - "0");
-      j++;
-    }
-
-    if (vnum1 > vnum2) return true;
-    if (vnum2 > vnum1) return false;
-
-    // if equal, reset variables and
-    // go for next numeric part
-    vnum1 = vnum2 = 0;
-    i++;
-    j++;
-  }
-  return true;
-}
+// Javascript implementation
+
+// Method to compare two versions.
+// Returns 1 if v2 is smaller, -1
+// if v1 is smaller, 0 if equal
+export default function versionCompare(v1, v2) {
+  // vnum stores each numeric
+  // part of version
+  var vnum1 = 0,
+    vnum2 = 0;
+
+  // loop until both string are
+  // processed
+  for (var i = 0, j = 0; i < v1.length || j < v2.length; ) {
+    // storing numeric part of
+    // version 1 in vnum1
+    while (i < v1.length && v1[i] !== ".") {
+      vnum1 = vnum1 * 10 + (v1[i] - "0");
+      i++;
+    }
+
+    // storing numeric part of
+    // version 2 in vnum2
+    while (j < v2.length && v2[j] !== ".") {
+      vnum2 = vnum2 * 10 + (v2[j] - "0");
+      j++;
+    }
+
+    if (vnum1 > vnum2) return true;
+    if (vnum2 > vnum1) return false;
+
+    // if equal, reset variables and
+    // go for next numeric part
+    vnum1 = vnum2 = 0;
+    i++;
+    j++;
+  }
+  return true;
+}