Uuid on Micha Kops' Tech Notes

Uuid on Micha Kops' Tech Notes https://www.hascode.com/tags/uuid/ Recent content in Uuid on Micha Kops' Tech Notes Hugo en Copyright © 2010 - 2025 Micha Kops. #e9d956c0c0154a221ad83c925346a8fa0e72f866 Sun, 02 Feb 2020 00:00:00 +0100 UUID Generator https://www.hascode.com/tools/uuid/ Sun, 02 Feb 2020 00:00:00 +0100 https://www.hascode.com/tools/uuid/ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>UUID Generator</title> <script type="module"> import { v1 as uuidv1, v3 as uuidv3, v4 as uuidv4 } from "https://cdn.jsdelivr.net/npm/uuid@9.0.0/+esm"; window.uuidv1 = uuidv1; window.uuidv3 = uuidv3; window.uuidv4 = uuidv4; </script> </head> <body> <div class="custom-tools"> <h2>UUID Generator</h2> <div class="button-group"> <button onclick="generateUUID('v1')">Generate UUID v1</button> <button onclick="generateUUID('v4')">Generate UUID v4</button> </div> <label for="uuidOutput">Generated UUID:</label> <input type="text" id="uuidOutput" readonly> <h3>UUID v3</h3> <label for="namespace">Namespace UUID:</label> <input type="text" id="namespace" placeholder="Enter Namespace UUID"> <label for="name">Name:</label> <input type="text" id="name" placeholder="Enter Name"> <div class="button-group"> <button onclick="generateUUID('v3')">Generate UUID v3</button> </div> </div> <script> function isValidUUID(uuid) { const uuidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i; return uuidRegex.test(uuid); } function generateUUID(version) { let uuid; if (version === 'v1') { uuid = window.uuidv1(); } else if (version === 'v4') { uuid = window.uuidv4(); } else if (version === 'v3') { let namespace = document.getElementById('namespace').value.trim(); const name = document.getElementById('name').value.trim(); if (!namespace || !isValidUUID(namespace)) { alert('Invalid or missing namespace UUID. Using default namespace.'); namespace = '6ba7b810-9dad-11d1-80b4-00c04fd430c8'; // Default DNS namespace UUID } if (!name) { alert('Please enter a name.'); return; } uuid = window.uuidv3(name, namespace); } document.getElementById('uuidOutput').value = uuid; } </script> </body> </html>