Multi-Encryption Generator

/** @jsxImportSource https://esm.sh/react */ import React, { useState, useCallback } from "https://esm.sh/react"; import { createRoot } from "https://esm.sh/react-dom/client"; import { md5 } from "https://esm.sh/js-md5"; // Helper function for SHA-256 encryption async function sha256(message: string) { const msgBuffer = new TextEncoder().encode(message); const hashBuffer = await crypto.subtle.digest('SHA-256', msgBuffer); const hashArray = Array.from(new Uint8Array(hashBuffer)); return hashArray.map(b => b.toString(16).padStart(2, '0')).join(''); } // Helper function for Base64 encoding function base64Encode(input: string): string { return btoa(input); } // Custom Caesar Cipher encryption function caesarCipher(input: string, shift: number = 3): string { return input .split('') .map(char => { // Uppercase letters if (char >= 'A' && char <= 'Z') { return String.fromCharCode(((char.charCodeAt(0) - 65 + shift) % 26) + 65); } // Lowercase letters if (char >= 'a' && char <= 'z') { return String.fromCharCode(((char.charCodeAt(0) - 97 + shift) % 26) + 97); } // Numbers if (char >= '0' && char <= '9') { return String.fromCharCode(((char.charCodeAt(0) - 48 + shift) % 10) + 48); } // Return non-alphanumeric characters as-is return char; }) .join(''); } // Custom XOR Encryption function xorEncrypt(input: string, key: string = 'SECRET'): string { return input .split('') .map((char, index) => { const keyChar = key[index % key.length]; return String.fromCharCode(char.charCodeAt(0) ^ keyChar.charCodeAt(0)); }) .map(char => char.charCodeAt(0).toString(16).padStart(2, '0')) .join(''); } function App() { const [input, setInput] = useState(''); const [hashedValue, setHashedValue] = useState(''); const [copyNotification, setCopyNotification] = useState(false); const generateApiKey = () => { const newApiKey = crypto.randomUUID().replace(/-/g, ''); setInput(newApiKey); setHashedValue(newApiKey); }; const handleMd5Encryption = () => { if (!input) return; const hashed = md5(input); setHashedValue(hashed); }; const handleSha256Encryption = async () => { if (!input) return; const hashed = await sha256(input); setHashedValue(hashed); }; const handleBase64Encoding = () => { if (!input) return; const encoded = base64Encode(input); setHashedValue(encoded); }; const handleCaesarCipherEncryption = () => { if (!input) return; const encrypted = caesarCipher(input); setHashedValue(encrypted); }; const handleXorEncryption = () => { if (!input) return; const encrypted = xorEncrypt(input); setHashedValue(encrypted); }; const copyToClipboard = useCallback(() => { if (hashedValue) { navigator.clipboard.writeText(hashedValue); setCopyNotification(true); setTimeout(() => setCopyNotification(false), 2000); } }, [hashedValue]); return (

{copyNotification && (

Copied to clipboard!

)}

🔐 Multi-Encryption Generator

setInput(e.target.value)} placeholder="API Key or Text to Hash" style={{ width: '100%', marginBottom: '10px', padding: '10px' }} />

{hashedValue && (

Current Value:

                {hashedValue}

)}

View Source

); } function client() { createRoot(document.getElementById("root")).render(); } if (typeof document !== "undefined") { client(); } export default async function server(request: Request): Promise { return new Response(` Multi-Encryption Generator

`, { headers: { "content-type": "text/html", }, }); }

MultiEncryptionKeyGenerator

Version 5