keycloak

locales/ru.json

@@ -0,0 +1,3 @@
+{
+  "": ""
+}

package-lock.json

@@ -15,6 +15,8 @@
                 "@types/react-dom": "^17.0.18",
                 "dayjs": "^1.11.7",
                 "express": "^4.18.2",
+                "keycloak-js": "^23.0.6",
+                "prettier": "^3.2.5",
                 "qrcode": "^1.5.1",
                 "react": "^17.0.2",
                 "react-dom": "^17.0.2",
@@ -2841,6 +2843,25 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/base64-js": {
+            "version": "1.5.1",
+            "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+            "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/feross"
+                },
+                {
+                    "type": "patreon",
+                    "url": "https://www.patreon.com/feross"
+                },
+                {
+                    "type": "consulting",
+                    "url": "https://feross.org/support"
+                }
+            ]
+        },
         "node_modules/base64id": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/base64id/-/base64id-2.0.0.tgz",
@@ -5435,6 +5456,11 @@
                 "url": "https://github.com/chalk/supports-color?sponsor=1"
             }
         },
+        "node_modules/js-sha256": {
+            "version": "0.10.1",
+            "resolved": "https://registry.npmjs.org/js-sha256/-/js-sha256-0.10.1.tgz",
+            "integrity": "sha512-5obBtsz9301ULlsgggLg542s/jqtddfOpV5KJc4hajc9JV8GeY2gZHSVpYBn4nWqAUTJ9v+xwtbJ1mIBgIH5Vw=="
+        },
         "node_modules/js-tokens": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -5473,6 +5499,24 @@
                 "node": ">=6"
             }
         },
+        "node_modules/jwt-decode": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-4.0.0.tgz",
+            "integrity": "sha512-+KJGIyHgkGuIq3IEBNftfhW/LfWhXUIY6OmyVWjliu5KH1y0fw7VQ8YndE2O4qZdMSd9SqbnC8GOcZEy0Om7sA==",
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/keycloak-js": {
+            "version": "23.0.6",
+            "resolved": "https://registry.npmjs.org/keycloak-js/-/keycloak-js-23.0.6.tgz",
+            "integrity": "sha512-Pn7iIEHPn7BcQFCbViKRv+8+v9l82oWNRVQr9wQGjp2BNEl9JpTsXjp84xQjwzaLKghG7QV7VwZrWBhiXJeM0Q==",
+            "dependencies": {
+                "base64-js": "^1.5.1",
+                "js-sha256": "^0.10.1",
+                "jwt-decode": "^4.0.0"
+            }
+        },
         "node_modules/kind-of": {
             "version": "6.0.3",
             "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
@@ -6427,6 +6471,20 @@
             "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
             "dev": true
         },
+        "node_modules/prettier": {
+            "version": "3.2.5",
+            "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz",
+            "integrity": "sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==",
+            "bin": {
+                "prettier": "bin/prettier.cjs"
+            },
+            "engines": {
+                "node": ">=14"
+            },
+            "funding": {
+                "url": "https://github.com/prettier/prettier?sponsor=1"
+            }
+        },
         "node_modules/process": {
             "version": "0.11.10",
             "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
@@ -10911,6 +10969,11 @@
                 }
             }
         },
+        "base64-js": {
+            "version": "1.5.1",
+            "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+            "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA=="
+        },
         "base64id": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/base64id/-/base64id-2.0.0.tgz",
@@ -12918,6 +12981,11 @@
                 }
             }
         },
+        "js-sha256": {
+            "version": "0.10.1",
+            "resolved": "https://registry.npmjs.org/js-sha256/-/js-sha256-0.10.1.tgz",
+            "integrity": "sha512-5obBtsz9301ULlsgggLg542s/jqtddfOpV5KJc4hajc9JV8GeY2gZHSVpYBn4nWqAUTJ9v+xwtbJ1mIBgIH5Vw=="
+        },
         "js-tokens": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -12944,6 +13012,21 @@
             "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz",
             "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA=="
         },
+        "jwt-decode": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-4.0.0.tgz",
+            "integrity": "sha512-+KJGIyHgkGuIq3IEBNftfhW/LfWhXUIY6OmyVWjliu5KH1y0fw7VQ8YndE2O4qZdMSd9SqbnC8GOcZEy0Om7sA=="
+        },
+        "keycloak-js": {
+            "version": "23.0.6",
+            "resolved": "https://registry.npmjs.org/keycloak-js/-/keycloak-js-23.0.6.tgz",
+            "integrity": "sha512-Pn7iIEHPn7BcQFCbViKRv+8+v9l82oWNRVQr9wQGjp2BNEl9JpTsXjp84xQjwzaLKghG7QV7VwZrWBhiXJeM0Q==",
+            "requires": {
+                "base64-js": "^1.5.1",
+                "js-sha256": "^0.10.1",
+                "jwt-decode": "^4.0.0"
+            }
+        },
         "kind-of": {
             "version": "6.0.3",
             "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
@@ -13622,6 +13705,11 @@
             "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
             "dev": true
         },
+        "prettier": {
+            "version": "3.2.5",
+            "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz",
+            "integrity": "sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A=="
+        },
         "process": {
             "version": "0.11.10",
             "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",

package.json

@@ -27,6 +27,8 @@
         "@types/react-dom": "^17.0.18",
         "dayjs": "^1.11.7",
         "express": "^4.18.2",
+        "keycloak-js": "^23.0.6",
+        "prettier": "^3.2.5",
         "qrcode": "^1.5.1",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",

src/index.tsx

@@ -1,10 +1,28 @@
 import React from 'react';
 import ReactDom from 'react-dom';
+import Keycloak from 'keycloak-js';
 
 import App from './app';
 
 export default () => <App/>;
 
+const keycloak = new Keycloak({
+    url: 'https://kc.inno-js.ru',
+    realm: 'test',
+    clientId: 'jurnal'
+});
+
+const start = async () => {
+  try {
+      const authenticated = await keycloak.init({ onLoad: 'login-required' });
+      console.log(`User is ${authenticated ? 'authenticated' : 'not authenticated'}`);
+  } catch (error) {
+      console.error('Failed to initialize adapter:', error);
+  }
+}
+
+start();
+
 export const mount = (Сomponent) => {
     ReactDom.render(
         <Сomponent/>,