Update assets/index-77d0c996.js

assets/index-77d0c996.js

@@ -1,18 +1,89 @@
-import { createRoot } from 'react-dom/client';
-import App from './App';
-import UnicodeSelector from './UnicodeSelector';
-import './index.css';
+import { useState } from 'react';
 
-const root = createRoot(document.getElementById('root'));
-root.render(
-  <React.StrictMode>
-    <div className="min-h-screen bg-gray-100 py-8">
-      <div className="container mx-auto">
-        <App />
-        <div className="mt-8">
-          <UnicodeSelector />
-        </div>
+const UNICODE_FONTS = {
+  "Mathematical Script": {
+    uppercase: "𝒜𝒝𝒞𝒟𝒠𝒡𝒢𝒣𝒤𝒥𝒦𝒧𝒨𝒩𝒪𝒫𝒬𝒭𝒮𝒯𝒰𝒱𝒲𝒳𝒴𝒵",
+    lowercase: "𝒶𝒷𝒸𝒹𝒺𝒻𝒼𝒽𝒾𝒿𝓀𝓁𝓂𝓃𝓄𝓅𝓆𝓇𝓈𝓉𝓊𝓋𝓌𝓍𝓎𝓏"
+  },
+  "Fraktur": {
+    uppercase: "𝔄𝔅ℭ𝔇𝔈𝔉𝔊ℌℑ𝔍𝔎𝔏𝔐𝔑𝔒𝔓𝔔ℜ𝔖𝔗𝔘𝔙𝔚𝔛𝔜ℨ",
+    lowercase: "𝔞𝔟𝔠𝔡𝔢𝔣𝔤𝔥𝔦𝔧𝔨𝔩𝔪𝔫𝔬𝔭𝔮𝔯𝔰𝔱𝔲𝔳𝔴𝔵𝔶𝔷"
+  },
+  "Bold Fraktur": {
+    uppercase: "𝕬𝕭𝕮𝕯𝕰𝕱𝕲𝕳𝕴𝕵𝕶𝕷𝕸𝕹𝕺𝕻𝕼𝕽𝕾𝕿𝖀𝖁𝖂𝖃𝖄𝖅",
+    lowercase: "𝖆𝖇𝖈𝖉𝖊𝖋𝖌𝖍𝖎𝖏𝖐𝖑𝖒𝖓𝖔𝖕𝖖𝖗𝖘𝖙𝖚𝖛𝖜𝖝𝖞𝖟"
+  },
+  "Double-struck": {
+    uppercase: "𝔸𝔹ℂ𝔻𝔼𝔽𝔾ℍ𝕀𝕁𝕂𝕃𝕄ℕ𝕆ℙℚℝ𝕊𝕋𝕌𝕍𝕎𝕏𝕐ℤ",
+    lowercase: "𝕒𝕓𝕔𝕕𝕖𝕗𝕘𝕙𝕚𝕛𝕜𝕝𝕞𝕟𝕠𝕡𝕢𝕣𝕤𝕥𝕦𝕧𝕨𝕩𝕪𝕫"
+  },
+  "Script/Italic": {
+    uppercase: "𝓐𝓑𝓒𝓓𝓔𝓕𝓖𝓗𝓘𝓙𝓚𝓛𝓜𝓝𝓞𝓟𝓠𝓡𝓢𝓣𝓤𝓥𝓦𝓧𝓨𝓩",
+    lowercase: "𝓪𝓫𝓬𝓭𝓮𝓯𝓰𝓱𝓲𝓳𝓴𝓵𝓶𝓷𝓸𝓹𝓺𝓻𝓼𝓽𝓾𝓿𝔀𝔁𝔂𝔃"
+  }
+};
+
+export default function UnicodeSelector() {
+  const [text, setText] = useState('');
+  const [selectedFont, setSelectedFont] = useState(Object.keys(UNICODE_FONTS)[0]);
+
+  const convertToUnicode = (input, fontType) => {
+    const font = UNICODE_FONTS[fontType];
+    let result = '';
+    
+    for (let char of input) {
+      if (char >= 'A' && char <= 'Z') {
+        const index = char.charCodeAt(0) - 'A'.charCodeAt(0);
+        result += font.uppercase[index] || char;
+      } else if (char >= 'a' && char <= 'z') {
+        const index = char.charCodeAt(0) - 'a'.charCodeAt(0);
+        result += font.lowercase[index] || char;
+      } else {
+        result += char;
+      }
+    }
+    return result;
+  };
+
+  const handleCopyToClipboard = (text) => {
+    navigator.clipboard.writeText(text);
+  };
+
+  return (
+    <div className="bg-white p-6 rounded-lg shadow-lg">
+      <div className="mb-4">
+        <input
+          type="text"
+          value={text}
+          onChange={(e) => setText(e.target.value)}
+          placeholder="Enter text to convert"
+          className="w-full p-2 border rounded"
+        />
+      </div>
+      
+      <div className="grid grid-cols-1 gap-4">
+        {Object.entries(UNICODE_FONTS).map(([fontName, font]) => {
+          const convertedText = convertToUnicode(text, fontName);
+          return (
+            <div key={fontName} className="border p-4 rounded">
+              <h3 className="font-bold mb-2">{fontName}</h3>
+              <div className="mb-2">
+                <div className="text-lg mb-1">{convertedText}</div>
+                <button
+                  onClick={() => handleCopyToClipboard(convertedText)}
+                  className="bg-blue-500 text-white px-4 py-1 rounded hover:bg-blue-600"
+                >
+                  Copy
+                </button>
+              </div>
+              <div className="text-sm text-gray-600">
+                <div>Uppercase: {font.uppercase}</div>
+                <div>Lowercase: {font.lowercase}</div>
+              </div>
+            </div>
+          )
+        })}
       </div>
     </div>
-  </React.StrictMode>
-);
+  );
+}