fixed bugs

crypto.js

@@ -40,7 +40,7 @@ export function ceaser_cipher(string, n, keep_spaces = true, keep_non_alpha = tr
     result = result.replace(/\s/g, '');
   }
   if (!keep_non_alpha) {
-    result = result.replace(/[^A-Za-z]/g, '');
+    result = result.replace(/[^a-zA-Z\s]/g, '');
   }
 
   return result;

pages/index.js

@@ -1,42 +1,45 @@
 "use client"
-import { useState, useEffect} from 'react'; import Head from 'next/head'
+import { useState, useEffect } from 'react'; import Head from 'next/head'
 import Image from 'next/image'
-import {IBM_Plex_Mono, Inter} from 'next/font/google'
+import { IBM_Plex_Mono, Inter } from 'next/font/google'
 import styles from '@/styles/Home.module.css'
-import {ceaser_cipher, sentence_score} from "../crypto.js"
+import { ceaser_cipher, sentence_score } from "../crypto.js"
 
 const inter = Inter({ subsets: ['latin'] })
-const ibm_plex = IBM_Plex_Mono({ subsets: ['latin'],
-                  weight:["100", "200", "300", "400", 
-                          "500", "600", "700"] })
+const ibm_plex = IBM_Plex_Mono({
+  subsets: ['latin'],
+  weight: ["100", "200", "300", "400",
+    "500", "600", "700"]
+})
 
 export default function Home() {
   const [message, set_message] = useState("")
   const [lowest_score, set_lowest_score] = useState(10000)
   const [most_likely_message, set_most_likely_message] = useState("")
   const [keep_spaces, set_keep_spaces] = useState(true)
   const [keep_non_alpha, set_keep_non_alpha] = useState(true)
-  useEffect(() => { 
-    handle_message_change({ target: { value: "iylhrjlhzlyjpwoly"}})
+  console.log(keep_spaces, keep_non_alpha);
+  useEffect(() => {
+    handle_message_change({ target: { value: "iylhrjlhzlyjpwoly" } })
   }, [])
 
- 
-  function handle_message_change(event){
+
+  function handle_message_change(event) {
     set_lowest_score(100000)
     set_message(event.target.value)
-  } 
+  }
   function encrypted_messages(message) {
     let enc_messages = [];
-    let score = 10000 
+    let score = 10000
     for (let i = 0; i < 26; i++) {
       const encrypted = ceaser_cipher(message, i, keep_spaces, keep_non_alpha);
       score = sentence_score(encrypted); // Limit to 2 decimal places
       // console.log(score, lowest_score)
       if (score < lowest_score) {
         set_lowest_score(score);
         set_most_likely_message(encrypted);
-      } 
-      
+      }
+
 
       enc_messages.push(
         <p key={i}>
@@ -45,8 +48,8 @@ export default function Home() {
           {score}
         </p>
       );
-  
-      
+
+
     }
     return enc_messages
   }
@@ -59,33 +62,39 @@ export default function Home() {
       </label>
     );
   };
+  function handle_keep_spaces_changed() {
+    set_keep_spaces(!keep_spaces);
+  }
+  function handle_keep_non_alpha_changed() {
+    set_keep_non_alpha(!keep_non_alpha);
+  }
 
-
   return (
 
-    <div className = {`${ibm_plex.className}`}>
+    <div className={`${ibm_plex.className}`}>
       <h1>Break Ceaser Cipher</h1>
 
       <label>
-      Message:
-      <input style = {{fontSize: 18 }}
-             value = {message} 
-             onChange = {handle_message_change}/>
+        Message:
+        <input style={{ fontSize: 18 }}
+          value={message}
+          onChange={handle_message_change} />
       </label>
-      <br/>
-      <br/>
+      <br />
+      <br />
       <Checkbox
         label=" Keep spaces: "
         value={keep_spaces}
-        onChange={() => { set_keep_spaces(!keep_spaces) }}
+        onChange={handle_keep_spaces_changed}
+
       />
       <Checkbox
         label=" Keep non alpha: "
         value={keep_non_alpha}
-        onChange={() => { set_keep_non_alpha(!keep_non_alpha) }}
+        onChange={handle_keep_non_alpha_changed}
       />
-
-      <p>Striped message: {ceaser_cipher(message,0,keep_spaces, keep_non_alpha)}</p>
+      <div>{keep_non_alpha}</div>
+      <p>Striped message: {ceaser_cipher(message, 0, keep_spaces, keep_non_alpha)}</p>
       <p><i> The lower the score the better </i></p>
       <h2>Encrypted Messages, Scores:</h2>
       <p>Your message is most likely <b>{most_likely_message} </b></p>

test.js

@@ -0,0 +1,47 @@
+
+const chars_lower = "abcdefghijklmnopqrstuvwxyz";
+const chars_upper = chars_lower.toUpperCase();
+
+export const stoi = {};
+export const itos = {};
+for (let i = 0; i < 52; i += 2) {
+  const ch_l = chars_lower[i / 2];
+  const ch_u = chars_upper[i / 2];
+  stoi[ch_l] = i;
+  stoi[ch_u] = i + 1;
+  itos[i] = ch_l;
+  itos[i + 1] = ch_u;
+}
+
+
+function ceaser_cipher(string, n, keep_spaces = true, keep_non_alpha = true) {
+
+  let result = "";
+  n *= 2;
+  for (let i = 0; i < string.length; i++) {
+    let c = string[i];
+    if (c == " ") {
+      result += " "
+      continue
+    }
+    let ri = itos[(stoi[c] + n) % 52]
+    if (ri !== undefined) {
+      result += ri;
+    } else {
+      result += c;
+    }
+  }
+  if (!keep_spaces) {
+    result = result.replace(/\s/g, '');
+  }
+  if (!keep_non_alpha) {
+    result = result.replace(/[^A-Za-z]/g, '');
+  }
+
+  return result;
+}
+let msg = "iylhrjlhzlyjp1 woly";
+let res = ceaser_cipher(msg,19);
+console.log(res);
+
+