DEV Community: Vimal

Mongo rhel install cmd

Vimal — Wed, 04 Feb 2026 09:44:47 +0000

Create the MongoDB 6.0 repo

Create /etc/yum.repos.d/mongodb-org-6.0.repo:

sudo tee /etc/yum.repos.d/mongodb-org-6.0.repo <<'EOF'
[mongodb-org-6.0]
name=MongoDB Repository
baseurl=https://repo.mongodb.org/yum/redhat/8/mongodb-org/6.0/x86_64/
gpgcheck=1
enabled=1
gpgkey=https://www.mongodb.org/static/pgp/server-6.0.asc
EOF

Frontend axios middleware

Vimal — Tue, 04 Jun 2024 20:10:00 +0000

import axios from 'axios'
import jwt_decode from "jwt-decode";
import dayjs from 'dayjs'
import { useContext } from 'react'
import AuthContext from '../context/AuthContext'

const baseURL = 'http://127.0.0.1:8000'

const useAxios = () => {
const {authTokens, setUser, setAuthTokens} = useContext(AuthContext)

const axiosInstance = axios.create({
    baseURL,
    headers:{Authorization: `Bearer ${authTokens?.access}`}
});


axiosInstance.interceptors.request.use(async req => {

    const user = jwt_decode(authTokens.access)
    const isExpired = dayjs.unix(user.exp).diff(dayjs()) < 1;

    if(!isExpired) return req

    const response = await axios.post(`${baseURL}/api/token/refresh/`, {
        refresh: authTokens.refresh
      });

    localStorage.setItem('authTokens', JSON.stringify(response.data))

    setAuthTokens(response.data)
    setUser(jwt_decode(response.data.access))

    req.headers.Authorization = `Bearer ${response.data.access}`
    return req
})

return axiosInstance

}

export default useAxios;

Session logout from RP

Vimal — Sun, 05 May 2024 20:45:48 +0000

// Logout route
app.get('/logout', (req, res) => {
// Perform OIDC logout
req.logout();
res.redirect(client.endSessionUrl({
post_logout_redirect_uri: 'http://localhost:3000', // Redirect after logout
}));
});

Creatin session.sig using sessionID in oidc provider

Vimal — Sun, 05 May 2024 19:44:55 +0000

const crypto = require('crypto');

// Function to generate a signature for a given data and secret key
function generateSignature(data, secretKey) {
const hmac = crypto.createHmac('sha256', secretKey);
hmac.update(data);
return hmac.digest();
}

// Example session ID
const sessionId = "example_session_id";

// Example secret key (should be securely stored in your application)
const secretKey = Buffer.from("example_secret_key", 'utf-8');

// Data to sign (in this case, just the session ID)
const data = Buffer.from(sessionId, 'utf-8');

// Generate signatures for session and legacy session
const sessionSignature = generateSignature(data, secretKey);
const legacySessionSignature = generateSignature(data, secretKey);

// Encode signatures as base64 strings for use in cookies
const sessionSignatureBase64 = sessionSignature.toString('base64').replace(/=/g, '');
const legacySessionSignatureBase64 = legacySessionSignature.toString('base64').replace(/=/g, '');

// Print the encoded signatures
console.log("Session Signature:", sessionSignatureBase64);
console.log("Legacy Session Signature:", legacySessionSignatureBase64);

Frontend websites

Vimal — Sun, 05 May 2024 19:43:05 +0000

Boxshadow
https://neumorphism.io/#e0e0e0

Glassmorphism
https://ui.glass/generator/

Getwaves
https://getwaves.io/

Heropatterns

React Carousel

Vimal — Tue, 23 Apr 2024 05:16:50 +0000

import logo from './logo.svg';
import './App.css';
import React ,{useState} from "react";

function App() {
const images = [array of Image links];
const [Image,setImage] = useState(0);

const nextfn = ()=> setImage(Image == images.length-1 ? 0 : Image + 1);

const prefn = () => setImage(Image == 0 ? images.length-1 : Image - 1);

**_

return (
{images.map((item,index) => Image == index &&
)}
Previous
Next
);
} _**

export default App;

CSS

*{
box-sizing: border-box;
padding: 0;
margin: 0;
}
body{
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

button{
padding: 12px;
font-size: 17px;
border: none;
background-color: rgba(11, 5, 0, 0.607);
color: white;
border-radius: 50px;
cursor: pointer;
margin: 20px;
}
.button{
margin: 20px 200px;
}
button:hover{
background-color: rgba(11, 5, 0, 0.895);
}
img{
width: 600px;
height: 370px;
border-radius: 2px;
}

/token route for oidc provider

Vimal — Tue, 16 Apr 2024 17:57:16 +0000

curl -X POST \
-H "Content-Type: application/x-www-form-urlencoded" \
-d "grant_type=client_credentials&client_id=your_client_id&client_secret=your_client_secret&scope=registration" \
https://your_auth_server.com/oauth/token

Backchannel route for oidc provider

Vimal — Fri, 05 Apr 2024 05:38:39 +0000

curl -X POST \
-H "Content-Type: application/json" \
-d '{"client_id": "your_client_id", "client_secret": "your_client_secret", "grant_type": "backchannel_authentication", "scope": "openid profile email", "client_notification_token": "your_notification_token", "binding_message": "optional_message"}' \
https://your_oidc_provider.com/backchannel

Oidc provider /auth route

Vimal — Mon, 01 Apr 2024 05:18:56 +0000

http://localhost:3000/oidc/auth
?client_id=oidc_client
&response_type=code
&response_mode=query
&redirect_uri=http://localhost:3001/cb
&code_challenge=nqWxOqTBUa9iu9G5pL6LWChLS5TYEcyhwWbbQlj79ZU
&code_challenge_method=S256
&scope=openid

Oidc /reg route curl for update client

Vimal — Fri, 29 Mar 2024 12:31:05 +0000

curl -X POST \
https://your-oidc-provider.com/reg \
-H 'Content-Type: application/json' \
-d '{
"client_id": "your_client_id",
"client_secret": "your_client_secret",
"client_name": "UpdatedClientName",
"redirect_uris": ["https://updatedredirecturi.com/callback"],
"grant_types": ["authorization_code", "refresh_token"],
"response_types": ["code"],
"token_endpoint_auth_method": "client_secret_basic"
}'

Oidc provider client registration

Vimal — Mon, 25 Mar 2024 06:11:42 +0000

curl -X POST \
-H "Content-Type: application/json" \
-d '{
"client_name": "My Client",
"redirect_uris": ["https://example.com/callback"],
"grant_types": ["authorization_code", "refresh_token"],
"response_types": ["code"],
"token_endpoint_auth_method": "client_secret_basic"
}' \
https://your-oidc-provider.com/reg

How to Handle html response from api or axios

Vimal — Thu, 21 Mar 2024 12:08:52 +0000

import React, { useEffect, useState } from 'react';

function App() {
const [data, setData] = useState([]);

useEffect(() => {
// Function to fetch data from the API
const fetchData = async () => {
try {
// Make the API call
const response = await fetch('https://example.com/api/endpoint');

    // Check if the request was successful
    if (response.ok) {
      // Parse the HTML content
      const htmlText = await response.text();
      const parser = new DOMParser();
      const doc = parser.parseFromString(htmlText, 'text/html');

      // Find the HTML elements containing the data you want to extract
      const dataElements = doc.querySelectorAll('.data-element');

      // Extract the data from the HTML elements
      const extractedData = Array.from(dataElements).map(element => element.textContent.trim());

      // Set the extracted data in the state
      setData(extractedData);
    } else {
      console.error('Failed to fetch data from the API:', response.status);
    }
  } catch (error) {
    console.error('Error fetching data:', error);
  }
};

// Call the fetchData function when the component mounts
fetchData();

}, []); // Empty dependency array ensures this effect runs only once on mount

return (

Extracted Data

{item}

);
}

export default App;