From 289cd9b2f6d0164660c09d4c586f71ac520950eb Mon Sep 17 00:00:00 2001
From: ellonamac <macmi2el@dukes.jmu.edu>
Date: Mon, 1 Jul 2024 11:25:15 -0400
Subject: [PATCH 1/6] print now has a newline, but no check for comment

---
 src/ast.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ast.js b/src/ast.js
index 3a34c79..c8060da 100644
--- a/src/ast.js
+++ b/src/ast.js
@@ -527,7 +527,7 @@ class Praxly_print {
     async evaluate(environment) {
         var child = await (this.expression.evaluate(environment));
         var result = valueToString(child, this.json);
-        addToPrintBuffer(result);
+        addToPrintBuffer(result + '<br>');
         return null;
     }
 }

From 4ef254a29521eb16447b5b13f59e2a8569c36c86 Mon Sep 17 00:00:00 2001
From: ellonamac <macmi2el@dukes.jmu.edu>
Date: Tue, 2 Jul 2024 12:27:44 -0400
Subject: [PATCH 2/6] New examples button and modal

---
 main.html         |  28 +++++++++-
 public/themes.css | 132 +++++++++++++++++++++++++++-------------------
 src/main.js       |  58 ++++++++++++--------
 3 files changed, 139 insertions(+), 79 deletions(-)

diff --git a/main.html b/main.html
index 28d2e41..c2bdc68 100644
--- a/main.html
+++ b/main.html
@@ -41,7 +41,30 @@ <h1 id="titleRefresh">Praxly 🍂</h1>
 
       <div id="secondary_bar">
         <!-- Example programs  -->
-        <select id="exampleTable"></select>
+        <button id="examplesButton">Example Programs</button>
+        <div class="exampleModal">
+          <div class="exampleModalContent">
+            <span class="material-symbols-rounded close">close</span>
+
+            <div class="exampleModalText">
+              <h3>Here are some example programs to practice with!</h2>
+              <p>Click on the blue links to browse and try out some sample code.</p>
+            </div>
+
+            <!-- This div is just to separate things-->
+            <div class="examples-outer">
+              <table class="examplesTable">
+                <tr>
+                  <th>Example Name</th>
+                  <th>Difficulty</th>
+                  <th>Topics</th>
+                </tr>
+              </table>
+            </div>
+
+
+          </div>
+        </div>
       </div>
     </div>
 
@@ -86,7 +109,8 @@ <h1 id="titleRefresh">Praxly 🍂</h1>
         <button id="reference" class="MainMenu-button" title="reference">
           <span class="material-symbols-rounded manual">book_2</span>
           <span class="button-text">Manual</span>
-        </button></li>
+        </button>
+      </li>
       <li class="settingsOptions">
         <button id="darkMode" class="MainMenu-button" title="Dark Mode">
           <span class="button-text">Dark Mode</span>
diff --git a/public/themes.css b/public/themes.css
index fca56bf..125c89f 100644
--- a/public/themes.css
+++ b/public/themes.css
@@ -355,10 +355,71 @@ h1 {
   color: #ffffff;
 }
 
-#exampleTable {
+/* #exampleTable {
   color: #2196f3;
   background-color: var(--example-table-bg-color);
   display: flex;
+} */
+
+/* button */
+#examplesButton {
+  border-radius: 5px;
+  border: none;
+  /* border: 1px solid var(--text-color); */
+  background-color: rgb(25, 25, 25);
+  color: var(--text-color);
+  transition: 0.2s background-color;
+}
+
+#examplesButton:hover {
+  background-color: #000;
+}
+
+.exampleModal {
+  display: none;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  justify-content: center;
+  align-items: center;
+  z-index: 99;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.exampleModalContent {
+  background-color: #ffffff;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  max-width: 900px;
+  padding: 50px;
+  color: black;
+  border-radius: 10px;
+}
+
+.exampleModalText h3 {
+  margin-bottom: 0;
+}
+
+.exampleModalText p {
+  margin-top: 5px;
+}
+
+.examplesTable {
+  border-collapse: collapse;
+  width: 100%;
+}
+
+.examplesTable th {
+  border: 1px solid black;
+  border-spacing: 5px;
+  padding: 5px;
+}
+
+.examplesTable td {
+  border: 1px solid black;
+  padding: 5px;
 }
 
 .example_links {
@@ -369,8 +430,6 @@ h1 {
   margin: 10px;
   cursor: pointer;
   /* Optional: add a pointer cursor to indicate interactivity */
-  color: inherit;
-  /* Inherit the text color from its parent element */
   text-decoration: underline;
 }
 
@@ -438,57 +497,12 @@ h1 {
 
 #secondary_bar {
   display: flex;
-  background-color: #e7e5e5;
-  border: 1px solid #aaa;
+  /* background-color: #e7e5e5; */
+  /* border: 1px solid #aaa; */
   margin-top: 20px;
   height: 40px;
 }
 
-/* Style the tab */
-.tab {
-  overflow: hidden;
-  border: 1px solid var(--tab-border-color);
-  /* change might be necessary */
-  background-color: var(--tab-bg-color);
-}
-
-#tab1_button,
-#tab2_button,
-#tab3_button {
-  color: var(--tab-text-color);
-}
-
-/* Style the buttons that are used to open the tab content */
-.tab button {
-  background-color: inherit;
-  float: left;
-  border: none;
-  outline: none;
-  cursor: pointer;
-  padding: 14px 16px;
-  transition: 0.3s;
-}
-
-/* Change background color of buttons on hover */
-.tab button:hover {
-  background-color: #ddd;
-}
-
-/* Create an active/current tablink class */
-.tab button.active {
-  background-color: #ccc;
-}
-
-/* Style the tab content */
-.tabcontent {
-  display: none;
-  padding: 6px 12px;
-  border: 1px solid #ccc;
-  border-top: none;
-  animation: fadeEffect 1s;
-  /* Fading effect takes 1 second */
-}
-
 /* main blockly and ace editor */
 
 main {
@@ -650,7 +664,8 @@ body:not(.embed) #bottom-part {
   padding: 10px;
   /* border-radius: 10px; */
   overflow: auto;
-  background-color: var(--output-bg-color); /* #ffffff */
+  background-color: var(--output-bg-color);
+  /* #ffffff */
   height: 100%;
 }
 
@@ -663,7 +678,8 @@ body:not(.embed) #bottom-part {
 /* Style for table headers */
 #Variable-table-outer th {
   background-color: var(--table-row-color);
-  border: 1px solid var(--text-color); /* 000000 */
+  border: 1px solid var(--text-color);
+  /* 000000 */
   color: var(--text-color);
   padding: 1ex;
   text-align: left;
@@ -671,7 +687,8 @@ body:not(.embed) #bottom-part {
 
 /* Style for table cells */
 #Variable-table-outer td {
-  border: 1px solid var(--text-color); /* 000000 */
+  border: 1px solid var(--text-color);
+  /* 000000 */
   color: var(--text-color);
   padding: 1ex;
 }
@@ -853,8 +870,10 @@ body:not(.embed)>#embed-toolbar {
   flex-wrap: nowrap;
   align-items: center;
   justify-content: space-evenly;
-  width: 60px; /* 6em */
-  height: 30px; /* 4em */
+  width: 60px;
+  /* 6em */
+  height: 30px;
+  /* 4em */
   /* line-height: 0; */
   position: relative;
   border: none;
@@ -903,12 +922,15 @@ body:not(.embed)>#embed-toolbar {
   0% {
     transform: rotate(0deg);
   }
+
   25% {
     transform: rotate(-3deg);
   }
+
   75% {
     transform: rotate(3deg);
   }
+
   100% {
     transform: rotate(0deg);
   }
diff --git a/src/main.js b/src/main.js
index 7859fe2..1c1528b 100644
--- a/src/main.js
+++ b/src/main.js
@@ -34,7 +34,7 @@ let stdOut;
 let stdErr;
 let clearOut;
 
-let exampleDiv;
+let examples;
 let titleRefresh;
 let bottomPart;
 let darkmodediv;
@@ -68,11 +68,8 @@ function initializeGlobals() {
   if (!configuration.embed) {
     darkModeButton = document.getElementById('darkMode');
     settingsButton = document.getElementById("settings");
-    exampleDiv = document.getElementById('exampleTable');
+    examples = document.getElementById('examplesButton');
     titleRefresh = document.getElementById('titleRefresh');
-    // bothButton = document.getElementById("tab1_button");
-    // textButton = document.getElementById('tab2_button');
-    // blocksButton = document.getElementById('tab3_button');
     darkmodediv = document.querySelector('.settingsOptions');
     toggleText = document.querySelector('#toggle-text');
     toggleBlocks = document.querySelector('#toggle-blocks');
@@ -160,6 +157,14 @@ function registerListeners() {
       isResizingVert = false;
       document.removeEventListener('mousemove', resizeHandler);
     });
+
+    examples.addEventListener('click', function () {
+      document.querySelector('.exampleModal').style.display = 'flex';
+    });
+
+    document.querySelector('.close').addEventListener('click', function () {
+      document.querySelector('.exampleModal').style.display = 'none';
+    });
   } else {
     resizeSideInEmbed.addEventListener('mousedown', function (e) {
       isResizingVert = true;
@@ -341,23 +346,32 @@ function isBottomOff() {
 }
 
 
-function generateExamples() {
-  const dataArray = codeText.split('##');
-  var selectDropdown = document.getElementById("exampleTable");
-  for (let i = 1; i < dataArray.length - 1; i += 2) {
-    const label = dataArray[i].trim();
-    var option = document.createElement("option");
-    option.textContent = label;
-    const value = dataArray[i + 1].trim();
-    option.value = value;
-
-    selectDropdown.appendChild(option);
+function generateTable() {
+  const exampleData = codeText.split('##');
+  for (let i = 1; i < exampleData.length - 1; i +=2) {
+    const newRow = document.createElement("tr");
+    const link = document.createElement("a");
+    link.href = "#";
+    link.textContent = exampleData[i];
+    link.addEventListener('click', function () {
+      textEditor.setValue(exampleData[i + 1], -1);
+      textPane.click();
+      document.querySelector('.exampleModal').style.display = 'none';
+    });
+    link.classList.add('example_links');
+    const nameCell = document.createElement("td");
+    nameCell.appendChild(link);
+    const difficultyCell = document.createElement("td");
+    difficultyCell.textContent = "N/A";
+    const topicsCell = document.createElement("td");
+    topicsCell.textContent = "N/A";
+
+    newRow.appendChild(nameCell);
+    newRow.appendChild(difficultyCell);
+    newRow.appendChild(topicsCell);
+
+    document.querySelector('.examplesTable').appendChild(newRow);
   }
-
-  selectDropdown.addEventListener('change', function () {
-    textEditor.setValue(selectDropdown.value, -1);
-    textPane.click();
-  });
 }
 
 function clear() {
@@ -707,7 +721,7 @@ function initialize() {
   initializeBlockly();
   !configuration.embed && (darkmodediv.style.display = 'none');  // TODO remove or move div
   registerListeners();
-  !configuration.embed && generateExamples(); // generate examples if its not in embed mode
+  !configuration.embed && generateTable();
   synchronizeToConfiguration();
 }
 

From de21e154ee27d1fa6fb1c1404220db0647bd30db Mon Sep 17 00:00:00 2001
From: ellonamac <macmi2el@dukes.jmu.edu>
Date: Fri, 5 Jul 2024 19:16:20 -0400
Subject: [PATCH 3/6] examples.js from string -> objects

---
 src/examples.js | 239 ++++++++++++++++++++++++++++++++++++++++++++++++
 src/main.js     |  45 +++++++--
 2 files changed, 275 insertions(+), 9 deletions(-)

diff --git a/src/examples.js b/src/examples.js
index 041a4ce..d3ed9fc 100644
--- a/src/examples.js
+++ b/src/examples.js
@@ -215,3 +215,242 @@ println "Number of occurrences of '" + "a" + "' in " + userString + ":" + occurr
 
 
 `;
+
+export const codeExamples = [
+	{
+		name: "Example Program",
+		code: `## // click on the blue links above to browse
+		// and try out example code!`,
+		difficulty: "N/A",
+		topic: "N/A"
+	},
+	{
+		name: "Order of Operations",
+		code: `// 1. what do you think this will print out?
+		println "question 1 prints"
+		println 3 + 4 * 5 > 32 and 1 + 1 == 2
+
+		// 2. what do you think this will print out?
+		println "question 2 prints"
+		println "1" + 5 + 6`,
+		difficulty: "N/A",
+		topic: "N/A"
+	},
+	{
+		name: "Variables assignment",
+		code: `int a = 4
+		int b = 32
+		int c = 0
+		c = a + b
+		a = b
+		b = a - c % b
+		println a
+		println b
+		println c`,
+		difficulty: "N/A",
+		topic: "N/A"
+	},
+	{
+		name: "Scope",
+		code: `// The output might surprise you
+		int b = 3
+		void change( int b)
+			b = 100
+		end change
+		change(b)
+		println b`,
+		difficulty: "N/A",
+		topic: "N/A"
+	},
+	{
+		name: "gcd",
+		code: `int gcd(int a, int b)
+		int temp = b
+		while (b≠0)
+			b = a % b
+			a = temp
+		end while
+		return a
+	end gcd
+	println gcd(21, 35)`,
+		difficulty: "N/A",
+		topic: "N/A"
+	},
+	{
+		name: "Factorial",
+		code: `// this function returns the factorial of a number.
+		int fact(int n)
+			if (n < 2)
+				return n
+			end if
+			return n * fact(n - 1)
+		end fact
+		// try printing different numbers to test your code!
+		println fact(5)`,
+		difficulty: "N/A",
+		topic: "N/A"
+	},
+	{
+		name: "Fibonacci",
+		code: `int fibonacci(int n)
+		if (n <= 1)
+			return n
+		else
+			return fibonacci(n - 1) + fibonacci(n - 2)
+		end if
+	end fibonacci
+	println fibonacci(10)`,
+		difficulty: "N/A",
+		topic: "N/A"
+	},
+	{
+		name: "Mystery",
+		code: `//this is from question 12 of the example problems
+		void mystery(int n)
+				while (n ≠ 1)
+						if (n % 2 == 1)
+								n ← 3 * n + 1
+						else
+								n ← n / 2
+						end if
+						print n
+				end while
+		end mystery
+		mystery(6)`,
+		difficulty: "N/A",
+		topic: "N/A"
+	},
+	{
+		name: "Bubble Sort",
+		code: `// Global array declaration
+		int[] myArray = {5, 2, 9, 1, 5, 6};
+
+		// Bubble sort function
+		void bubbleSort()
+				int n = 6
+				for (int i = 0; i < n - 1; i = i + 1)
+						for (int j = 0; j < n - i - 1; j = j + 1)
+								if (myArray[j] > myArray[j + 1])
+										// Swap elements if they are in the wrong order
+										int temp = myArray[j]
+										myArray[j] = myArray[j + 1]
+										myArray[j + 1] = temp
+								end if
+						end for
+				end for
+		end bubbleSort
+
+		// Print array function
+		void printArray()
+				int n = 6
+				for (int i = 0; i < n; i = i + 1)
+						println myArray[i]
+				end for
+		end printArray
+
+		// Example usage
+		bubbleSort()
+		printArray()`,
+		difficulty: "N/A",
+		topic: "N/A"
+	},
+	{
+		name: "Selection Sort",
+		code: `// Global array declaration
+		int[] myArray = {5, 2, 9, 1, 5, 6};
+
+		// Selection sort function
+		void selectionSort()
+				int n = 6
+				for (int i = 0; i < n - 1; i = i + 1)
+						// Find the minimum element in the unsorted part of the array
+						int minIndex = i
+						for (int j = i + 1; j < n; j = j + 1)
+								if (myArray[j] < myArray[minIndex])
+										minIndex = j
+								end if
+						end for
+
+						// Swap the found minimum element with the first element
+						int temp = myArray[minIndex]
+						myArray[minIndex] = myArray[i]
+						myArray[i] = temp
+				end for
+		end selectionSort
+
+		// Print array function
+		void printArray()
+				int n = 6
+				for (int i = 0; i < n; i = i + 1)
+						println myArray[i]
+				end for
+		end printArray
+
+		// Example usage
+		selectionSort()
+		printArray()`,
+		difficulty: "N/A",
+		topic: "N/A"
+	},
+	{
+		name: "Calculate Change",
+		code: `// Function to calculate change
+		void calculateChange(int paidAmount, int itemCost)
+			int change ← paidAmount - itemCost
+			int cents ← change
+
+			int quarters ← cents / 25
+			cents ← cents % 25
+			int dimes ← cents / 10
+			cents ← cents % 10
+			int nickels ← cents / 5
+			int pennies ← cents % 5
+
+			// Print change breakdown
+			println "Change to be given:"
+			println "Quarters: " + quarters
+			println "Dimes: " + dimes
+			println "Nickels: " + nickels
+			println "Pennies: " + pennies
+		end calculateChange
+
+		// Main function
+		void main()
+			int itemCost ← 1789
+			int paidAmount ← 2000
+
+			// Check if paid amount is sufficient
+			if (paidAmount < itemCost)
+				println "Insufficient amount paid."
+			else
+				// Calculate and print change
+				calculateChange(paidAmount, itemCost)
+			end if
+		end main
+
+		// Run the main function
+		main()`,
+		difficulty: "N/A",
+		topic: "N/A"
+	},
+	{
+		name: "Count Characters",
+		code: `// Count character function
+		int countCharacter(String str, char targetChar)
+			int count ← 0
+			for (int i ← 0; i < str.length(); i ← i + 1)
+				if (str.charAt(i) == targetChar)
+					count ← count + 1
+				end if
+			end for
+			return count
+		end countCharacter
+
+		println "Enter a string: "
+		String userString ← input
+		int occurrences ← countCharacter(userString, 'a')
+		println "Number of occurrences of '" + "a" + "' in " + userString + ":" + occurrences`,
+		difficulty: "N/A",
+		topic: "N/A"
+	}
+]
diff --git a/src/main.js b/src/main.js
index 1c1528b..8fc6b1a 100644
--- a/src/main.js
+++ b/src/main.js
@@ -15,7 +15,7 @@ import { tree2blocks } from './tree2blocks';
 import { text2tree } from './text2tree';
 import { generateUrl, loadFromUrl } from './share';
 
-import { codeText } from './examples';
+import { codeText, codeExamples } from './examples';
 import { DEV_LOG, debugButton, addBlockErrors, annotationsBuffer, clearErrors, clearOutput, defaultError, errorOutput, getDebugMode, setDebugMode, setStepInto, stepButton, stepIntoButton, stopButton, textEditor, setStopClicked } from './common';
 import { hideDebug, showDebug } from './debugger';
 
@@ -347,24 +347,50 @@ function isBottomOff() {
 
 
 function generateTable() {
-  const exampleData = codeText.split('##');
-  for (let i = 1; i < exampleData.length - 1; i +=2) {
+  // const exampleData = codeText.split('##');
+
+  // for (let i = 1; i < exampleData.length - 1; i +=2) {
+  //   const newRow = document.createElement("tr");
+  //   const link = document.createElement("a");
+  //   link.href = "#";
+  //   link.textContent = exampleData[i];
+  //   link.addEventListener('click', function () {
+  //     textEditor.setValue(exampleData[i + 1], -1);
+  //     textPane.click();
+  //     document.querySelector('.exampleModal').style.display = 'none';
+  //   });
+  //   link.classList.add('example_links');
+  //   const nameCell = document.createElement("td");
+  //   nameCell.appendChild(link);
+  //   const difficultyCell = document.createElement("td");
+  //   difficultyCell.textContent = "N/A";
+  //   const topicsCell = document.createElement("td");
+  //   topicsCell.textContent = "N/A";
+
+  //   newRow.appendChild(nameCell);
+  //   newRow.appendChild(difficultyCell);
+  //   newRow.appendChild(topicsCell);
+
+  //   document.querySelector('.examplesTable').appendChild(newRow);
+  // }
+
+  for (let i = 0; i < codeExamples.length; i++) {
     const newRow = document.createElement("tr");
     const link = document.createElement("a");
     link.href = "#";
-    link.textContent = exampleData[i];
-    link.addEventListener('click', function () {
-      textEditor.setValue(exampleData[i + 1], -1);
+    link.textContent = codeExamples[i].name;
+    link.addEventListener('click', function() {
+      textEditor.setValue(codeExamples[i].code, -1);
       textPane.click();
       document.querySelector('.exampleModal').style.display = 'none';
     });
-    link.classList.add('example_links');
+    link.classList.add("example_links");
     const nameCell = document.createElement("td");
     nameCell.appendChild(link);
     const difficultyCell = document.createElement("td");
-    difficultyCell.textContent = "N/A";
+    difficultyCell.textContent = codeExamples[i].difficulty;
     const topicsCell = document.createElement("td");
-    topicsCell.textContent = "N/A";
+    topicsCell.textContent = codeExamples[i].topic;
 
     newRow.appendChild(nameCell);
     newRow.appendChild(difficultyCell);
@@ -372,6 +398,7 @@ function generateTable() {
 
     document.querySelector('.examplesTable').appendChild(newRow);
   }
+
 }
 
 function clear() {

From 97b304894f47c90edf73290f37944e92641889a2 Mon Sep 17 00:00:00 2001
From: ellonamac <macmi2el@dukes.jmu.edu>
Date: Fri, 5 Jul 2024 19:35:46 -0400
Subject: [PATCH 4/6] removing old examples csv, and renaming back to codeText

---
 src/examples.js | 219 +-----------------------------------------------
 src/main.js     |  40 ++-------
 2 files changed, 9 insertions(+), 250 deletions(-)

diff --git a/src/examples.js b/src/examples.js
index d3ed9fc..f373bf9 100644
--- a/src/examples.js
+++ b/src/examples.js
@@ -1,222 +1,7 @@
 /**
- * this is my "csv" file for generating example programs.
- * Javascript does not have file i/o, so this is what I am using for
- * this project.
+ * Objects for generating the example programs.
  */
-export const codeText = `
-
-##Example Programs:
-## // click on the blue links above to browse
-// and try out example code!
-
-
-##Order of Operations
-##// 1. what do you think this will print out?
-println "question 1 prints"
-println 3 + 4 * 5 > 32 and 1 + 1 == 2
-
-// 2. what do you think this will print out?
-println "question 2 prints"
-println "1" + 5 + 6
-
-
-##Variables assignment
-##int a = 4
-int b = 32
-int c = 0
-c = a + b
-a = b
-b = a - c % b
-println a
-println b
-println c
-
-
-##Scope
-##// The output might surprise you
-int b = 3
-void change( int b)
-	b = 100
-end change
-change(b)
-println b
-
-
-##gcd
-##int gcd(int a, int b)
-	int temp = b
-	while (b≠0)
-		b = a % b
-		a = temp
-	end while
-	return a
-end gcd
-println gcd(21, 35)
-
-
-##Factorial
-##// this function returns the factorial of a number.
-int fact(int n)
-	if (n < 2)
-		return n
-	end if
-	return n * fact(n - 1)
-end fact
-// try printing different numbers to test your code!
-println fact(5)
-
-
-##Fibonacci
-##int fibonacci(int n)
-	if (n <= 1)
-		return n
-	else
-		return fibonacci(n - 1) + fibonacci(n - 2)
-	end if
-end fibonacci
-println fibonacci(10)
-
-
-##mystery
-##//this is from question 12 of the example problems
-void mystery(int n)
-    while (n ≠ 1)
-        if (n % 2 == 1)
-            n ← 3 * n + 1
-        else
-            n ← n / 2
-        end if
-        print n
-    end while
-end mystery
-mystery(6)
-
-##Bubble Sort
-##// Global array declaration
-int[] myArray = {5, 2, 9, 1, 5, 6};
-
-// Bubble sort function
-void bubbleSort()
-    int n = 6
-    for (int i = 0; i < n - 1; i = i + 1)
-        for (int j = 0; j < n - i - 1; j = j + 1)
-            if (myArray[j] > myArray[j + 1])
-                // Swap elements if they are in the wrong order
-                int temp = myArray[j]
-                myArray[j] = myArray[j + 1]
-                myArray[j + 1] = temp
-            end if
-        end for
-    end for
-end bubbleSort
-
-// Print array function
-void printArray()
-    int n = 6
-    for (int i = 0; i < n; i = i + 1)
-        println myArray[i]
-    end for
-end printArray
-
-// Example usage
-bubbleSort()
-printArray()
-
-
-##Selection Sort
-##// Global array declaration
-int[] myArray = {5, 2, 9, 1, 5, 6};
-
-// Selection sort function
-void selectionSort()
-    int n = 6
-    for (int i = 0; i < n - 1; i = i + 1)
-        // Find the minimum element in the unsorted part of the array
-        int minIndex = i
-        for (int j = i + 1; j < n; j = j + 1)
-            if (myArray[j] < myArray[minIndex])
-                minIndex = j
-            end if
-        end for
-
-        // Swap the found minimum element with the first element
-        int temp = myArray[minIndex]
-        myArray[minIndex] = myArray[i]
-        myArray[i] = temp
-    end for
-end selectionSort
-
-// Print array function
-void printArray()
-    int n = 6
-    for (int i = 0; i < n; i = i + 1)
-        println myArray[i]
-    end for
-end printArray
-
-// Example usage
-selectionSort()
-printArray()
-##Calculate Change
-##// Function to calculate change
-void calculateChange(int paidAmount, int itemCost)
-	int change ← paidAmount - itemCost
-	int cents ← change
-
-	int quarters ← cents / 25
-	cents ← cents % 25
-	int dimes ← cents / 10
-	cents ← cents % 10
-	int nickels ← cents / 5
-	int pennies ← cents % 5
-
-	// Print change breakdown
-	println "Change to be given:"
-	println "Quarters: " + quarters
-	println "Dimes: " + dimes
-	println "Nickels: " + nickels
-	println "Pennies: " + pennies
-end calculateChange
-
-// Main function
-void main()
-	int itemCost ← 1789
-	int paidAmount ← 2000
-
-	// Check if paid amount is sufficient
-	if (paidAmount < itemCost)
-		println "Insufficient amount paid."
-	else
-		// Calculate and print change
-		calculateChange(paidAmount, itemCost)
-	end if
-end main
-
-// Run the main function
-main()
-##Count Characters
-##// Count character function
-int countCharacter(String str, char targetChar)
-	int count ← 0
-	for (int i ← 0; i < str.length(); i ← i + 1)
-		if (str.charAt(i) == targetChar)
-			count ← count + 1
-		end if
-	end for
-	return count
-end countCharacter
-
-println "Enter a string: "
-String userString ← input
-int occurrences ← countCharacter(userString, 'a')
-println "Number of occurrences of '" + "a" + "' in " + userString + ":" + occurrences
-
-
-
-
-`;
-
-export const codeExamples = [
+export const codeText = [
 	{
 		name: "Example Program",
 		code: `## // click on the blue links above to browse
diff --git a/src/main.js b/src/main.js
index 8fc6b1a..2f75b6a 100644
--- a/src/main.js
+++ b/src/main.js
@@ -15,7 +15,7 @@ import { tree2blocks } from './tree2blocks';
 import { text2tree } from './text2tree';
 import { generateUrl, loadFromUrl } from './share';
 
-import { codeText, codeExamples } from './examples';
+import { codeText } from './examples';
 import { DEV_LOG, debugButton, addBlockErrors, annotationsBuffer, clearErrors, clearOutput, defaultError, errorOutput, getDebugMode, setDebugMode, setStepInto, stepButton, stepIntoButton, stopButton, textEditor, setStopClicked } from './common';
 import { hideDebug, showDebug } from './debugger';
 
@@ -347,40 +347,14 @@ function isBottomOff() {
 
 
 function generateTable() {
-  // const exampleData = codeText.split('##');
-
-  // for (let i = 1; i < exampleData.length - 1; i +=2) {
-  //   const newRow = document.createElement("tr");
-  //   const link = document.createElement("a");
-  //   link.href = "#";
-  //   link.textContent = exampleData[i];
-  //   link.addEventListener('click', function () {
-  //     textEditor.setValue(exampleData[i + 1], -1);
-  //     textPane.click();
-  //     document.querySelector('.exampleModal').style.display = 'none';
-  //   });
-  //   link.classList.add('example_links');
-  //   const nameCell = document.createElement("td");
-  //   nameCell.appendChild(link);
-  //   const difficultyCell = document.createElement("td");
-  //   difficultyCell.textContent = "N/A";
-  //   const topicsCell = document.createElement("td");
-  //   topicsCell.textContent = "N/A";
-
-  //   newRow.appendChild(nameCell);
-  //   newRow.appendChild(difficultyCell);
-  //   newRow.appendChild(topicsCell);
-
-  //   document.querySelector('.examplesTable').appendChild(newRow);
-  // }
-
-  for (let i = 0; i < codeExamples.length; i++) {
+
+  for (let i = 0; i < codeText.length; i++) {
     const newRow = document.createElement("tr");
     const link = document.createElement("a");
     link.href = "#";
-    link.textContent = codeExamples[i].name;
+    link.textContent = codeText[i].name;
     link.addEventListener('click', function() {
-      textEditor.setValue(codeExamples[i].code, -1);
+      textEditor.setValue(codeText[i].code, -1);
       textPane.click();
       document.querySelector('.exampleModal').style.display = 'none';
     });
@@ -388,9 +362,9 @@ function generateTable() {
     const nameCell = document.createElement("td");
     nameCell.appendChild(link);
     const difficultyCell = document.createElement("td");
-    difficultyCell.textContent = codeExamples[i].difficulty;
+    difficultyCell.textContent = codeText[i].difficulty;
     const topicsCell = document.createElement("td");
-    topicsCell.textContent = codeExamples[i].topic;
+    topicsCell.textContent = codeText[i].topic;
 
     newRow.appendChild(nameCell);
     newRow.appendChild(difficultyCell);

From 25005aad1fa2d7efd0e91fb3aec088b34254a03d Mon Sep 17 00:00:00 2001
From: ellonamac <macmi2el@dukes.jmu.edu>
Date: Mon, 8 Jul 2024 10:46:11 -0400
Subject: [PATCH 5/6] editing examples.js so there is no whitespace on praxly

---
 src/examples.js | 334 +++++++++++++++++++++++++-----------------------
 1 file changed, 173 insertions(+), 161 deletions(-)

diff --git a/src/examples.js b/src/examples.js
index f373bf9..d572af6 100644
--- a/src/examples.js
+++ b/src/examples.js
@@ -4,237 +4,249 @@
 export const codeText = [
 	{
 		name: "Example Program",
-		code: `## // click on the blue links above to browse
-		// and try out example code!`,
+		code:
+`// click on the blue links above to browse
+// and try out example code!`,
 		difficulty: "N/A",
 		topic: "N/A"
 	},
 	{
 		name: "Order of Operations",
-		code: `// 1. what do you think this will print out?
-		println "question 1 prints"
-		println 3 + 4 * 5 > 32 and 1 + 1 == 2
+		code:
+`// 1. what do you think this will print out?
+println "question 1 prints"
+println 3 + 4 * 5 > 32 and 1 + 1 == 2
 
-		// 2. what do you think this will print out?
-		println "question 2 prints"
-		println "1" + 5 + 6`,
+// 2. what do you think this will print out?
+println "question 2 prints"
+println "1" + 5 + 6`,
 		difficulty: "N/A",
 		topic: "N/A"
 	},
 	{
 		name: "Variables assignment",
-		code: `int a = 4
-		int b = 32
-		int c = 0
-		c = a + b
-		a = b
-		b = a - c % b
-		println a
-		println b
-		println c`,
+		code:
+`int a = 4
+int b = 32
+int c = 0
+c = a + b
+a = b
+b = a - c % b
+println a
+println b
+println c`,
 		difficulty: "N/A",
 		topic: "N/A"
 	},
 	{
 		name: "Scope",
-		code: `// The output might surprise you
-		int b = 3
-		void change( int b)
-			b = 100
-		end change
-		change(b)
-		println b`,
+		code:
+`// The output might surprise you
+int b = 3
+void change( int b)
+	b = 100
+end change
+change(b)
+println b`,
 		difficulty: "N/A",
 		topic: "N/A"
 	},
 	{
 		name: "gcd",
-		code: `int gcd(int a, int b)
-		int temp = b
-		while (b≠0)
-			b = a % b
-			a = temp
-		end while
-		return a
-	end gcd
-	println gcd(21, 35)`,
+		code:
+`int gcd(int a, int b)
+int temp = b
+while (b≠0)
+	b = a % b
+	a = temp
+end while
+return a
+end gcd
+println gcd(21, 35)`,
 		difficulty: "N/A",
 		topic: "N/A"
 	},
 	{
 		name: "Factorial",
-		code: `// this function returns the factorial of a number.
-		int fact(int n)
-			if (n < 2)
-				return n
-			end if
-			return n * fact(n - 1)
-		end fact
-		// try printing different numbers to test your code!
-		println fact(5)`,
+		code:
+`// this function returns the factorial of a number.
+int fact(int n)
+	if (n < 2)
+		return n
+	end if
+	return n * fact(n - 1)
+end fact
+// try printing different numbers to test your code!
+println fact(5)`,
 		difficulty: "N/A",
 		topic: "N/A"
 	},
 	{
 		name: "Fibonacci",
-		code: `int fibonacci(int n)
-		if (n <= 1)
-			return n
-		else
-			return fibonacci(n - 1) + fibonacci(n - 2)
-		end if
-	end fibonacci
-	println fibonacci(10)`,
+		code:
+`int fibonacci(int n)
+if (n <= 1)
+	return n
+else
+	return fibonacci(n - 1) + fibonacci(n - 2)
+end if
+end fibonacci
+println fibonacci(10)`,
 		difficulty: "N/A",
 		topic: "N/A"
 	},
 	{
 		name: "Mystery",
-		code: `//this is from question 12 of the example problems
-		void mystery(int n)
-				while (n ≠ 1)
-						if (n % 2 == 1)
-								n ← 3 * n + 1
-						else
-								n ← n / 2
-						end if
-						print n
-				end while
-		end mystery
-		mystery(6)`,
+		code:
+`//this is from question 12 of the example problems
+void mystery(int n)
+		while (n ≠ 1)
+				if (n % 2 == 1)
+						n ← 3 * n + 1
+				else
+						n ← n / 2
+				end if
+				print n
+		end while
+end mystery
+mystery(6)`,
 		difficulty: "N/A",
 		topic: "N/A"
 	},
 	{
 		name: "Bubble Sort",
-		code: `// Global array declaration
-		int[] myArray = {5, 2, 9, 1, 5, 6};
+		code:
+`// Global array declaration
+int[] myArray = {5, 2, 9, 1, 5, 6};
 
-		// Bubble sort function
-		void bubbleSort()
-				int n = 6
-				for (int i = 0; i < n - 1; i = i + 1)
-						for (int j = 0; j < n - i - 1; j = j + 1)
-								if (myArray[j] > myArray[j + 1])
-										// Swap elements if they are in the wrong order
-										int temp = myArray[j]
-										myArray[j] = myArray[j + 1]
-										myArray[j + 1] = temp
-								end if
-						end for
+// Bubble sort function
+void bubbleSort()
+		int n = 6
+		for (int i = 0; i < n - 1; i = i + 1)
+				for (int j = 0; j < n - i - 1; j = j + 1)
+						if (myArray[j] > myArray[j + 1])
+								// Swap elements if they are in the wrong order
+								int temp = myArray[j]
+								myArray[j] = myArray[j + 1]
+								myArray[j + 1] = temp
+						end if
 				end for
-		end bubbleSort
+		end for
+end bubbleSort
 
-		// Print array function
-		void printArray()
-				int n = 6
-				for (int i = 0; i < n; i = i + 1)
-						println myArray[i]
-				end for
-		end printArray
+// Print array function
+void printArray()
+		int n = 6
+		for (int i = 0; i < n; i = i + 1)
+				println myArray[i]
+		end for
+end printArray
 
-		// Example usage
-		bubbleSort()
-		printArray()`,
+// Example usage
+bubbleSort()
+printArray()`,
 		difficulty: "N/A",
 		topic: "N/A"
 	},
 	{
 		name: "Selection Sort",
-		code: `// Global array declaration
-		int[] myArray = {5, 2, 9, 1, 5, 6};
+		code:
+`// Global array declaration
+int[] myArray = {5, 2, 9, 1, 5, 6};
 
-		// Selection sort function
-		void selectionSort()
-				int n = 6
-				for (int i = 0; i < n - 1; i = i + 1)
-						// Find the minimum element in the unsorted part of the array
-						int minIndex = i
-						for (int j = i + 1; j < n; j = j + 1)
-								if (myArray[j] < myArray[minIndex])
-										minIndex = j
-								end if
-						end for
-
-						// Swap the found minimum element with the first element
-						int temp = myArray[minIndex]
-						myArray[minIndex] = myArray[i]
-						myArray[i] = temp
+// Selection sort function
+void selectionSort()
+		int n = 6
+		for (int i = 0; i < n - 1; i = i + 1)
+				// Find the minimum element in the unsorted part of the array
+				int minIndex = i
+				for (int j = i + 1; j < n; j = j + 1)
+						if (myArray[j] < myArray[minIndex])
+								minIndex = j
+						end if
 				end for
-		end selectionSort
 
-		// Print array function
-		void printArray()
-				int n = 6
-				for (int i = 0; i < n; i = i + 1)
-						println myArray[i]
-				end for
-		end printArray
+				// Swap the found minimum element with the first element
+				int temp = myArray[minIndex]
+				myArray[minIndex] = myArray[i]
+				myArray[i] = temp
+		end for
+end selectionSort
 
-		// Example usage
-		selectionSort()
-		printArray()`,
+// Print array function
+void printArray()
+		int n = 6
+		for (int i = 0; i < n; i = i + 1)
+				println myArray[i]
+		end for
+end printArray
+
+// Example usage
+selectionSort()
+printArray()`,
 		difficulty: "N/A",
 		topic: "N/A"
 	},
 	{
 		name: "Calculate Change",
-		code: `// Function to calculate change
-		void calculateChange(int paidAmount, int itemCost)
-			int change ← paidAmount - itemCost
-			int cents ← change
+		code:
+`// Function to calculate change
+void calculateChange(int paidAmount, int itemCost)
+	int change ← paidAmount - itemCost
+	int cents ← change
 
-			int quarters ← cents / 25
-			cents ← cents % 25
-			int dimes ← cents / 10
-			cents ← cents % 10
-			int nickels ← cents / 5
-			int pennies ← cents % 5
+	int quarters ← cents / 25
+	cents ← cents % 25
+	int dimes ← cents / 10
+	cents ← cents % 10
+	int nickels ← cents / 5
+	int pennies ← cents % 5
 
-			// Print change breakdown
-			println "Change to be given:"
-			println "Quarters: " + quarters
-			println "Dimes: " + dimes
-			println "Nickels: " + nickels
-			println "Pennies: " + pennies
-		end calculateChange
+	// Print change breakdown
+	println "Change to be given:"
+	println "Quarters: " + quarters
+	println "Dimes: " + dimes
+	println "Nickels: " + nickels
+	println "Pennies: " + pennies
+end calculateChange
 
-		// Main function
-		void main()
-			int itemCost ← 1789
-			int paidAmount ← 2000
+// Main function
+void main()
+	int itemCost ← 1789
+	int paidAmount ← 2000
 
-			// Check if paid amount is sufficient
-			if (paidAmount < itemCost)
-				println "Insufficient amount paid."
-			else
-				// Calculate and print change
-				calculateChange(paidAmount, itemCost)
-			end if
-		end main
+	// Check if paid amount is sufficient
+	if (paidAmount < itemCost)
+		println "Insufficient amount paid."
+	else
+		// Calculate and print change
+		calculateChange(paidAmount, itemCost)
+	end if
+end main
 
-		// Run the main function
-		main()`,
+// Run the main function
+main()`,
 		difficulty: "N/A",
 		topic: "N/A"
 	},
 	{
 		name: "Count Characters",
-		code: `// Count character function
-		int countCharacter(String str, char targetChar)
-			int count ← 0
-			for (int i ← 0; i < str.length(); i ← i + 1)
-				if (str.charAt(i) == targetChar)
-					count ← count + 1
-				end if
-			end for
-			return count
-		end countCharacter
+		code:
+`// Count character function
+int countCharacter(String str, char targetChar)
+	int count ← 0
+	for (int i ← 0; i < str.length(); i ← i + 1)
+		if (str.charAt(i) == targetChar)
+			count ← count + 1
+		end if
+	end for
+	return count
+end countCharacter
 
-		println "Enter a string: "
-		String userString ← input
-		int occurrences ← countCharacter(userString, 'a')
-		println "Number of occurrences of '" + "a" + "' in " + userString + ":" + occurrences`,
+println "Enter a string: "
+String userString ← input
+int occurrences ← countCharacter(userString, 'a')
+println "Number of occurrences of '" + "a" + "' in " + userString + ":" + occurrences`,
 		difficulty: "N/A",
 		topic: "N/A"
 	}

From a28a47c5e4b547b15ab3a69d0a55156f497005cd Mon Sep 17 00:00:00 2001
From: ellonamac <macmi2el@dukes.jmu.edu>
Date: Mon, 8 Jul 2024 12:52:50 -0400
Subject: [PATCH 6/6] remove println form examples.js

---
 src/examples.js | 42 +++++++++++++++++++++---------------------
 1 file changed, 21 insertions(+), 21 deletions(-)

diff --git a/src/examples.js b/src/examples.js
index d572af6..30e9bde 100644
--- a/src/examples.js
+++ b/src/examples.js
@@ -14,12 +14,12 @@ export const codeText = [
 		name: "Order of Operations",
 		code:
 `// 1. what do you think this will print out?
-println "question 1 prints"
-println 3 + 4 * 5 > 32 and 1 + 1 == 2
+print "question 1 prints"
+print 3 + 4 * 5 > 32 and 1 + 1 == 2
 
 // 2. what do you think this will print out?
-println "question 2 prints"
-println "1" + 5 + 6`,
+print "question 2 prints"
+print "1" + 5 + 6`,
 		difficulty: "N/A",
 		topic: "N/A"
 	},
@@ -32,9 +32,9 @@ int c = 0
 c = a + b
 a = b
 b = a - c % b
-println a
-println b
-println c`,
+print a
+print b
+print c`,
 		difficulty: "N/A",
 		topic: "N/A"
 	},
@@ -47,7 +47,7 @@ void change( int b)
 	b = 100
 end change
 change(b)
-println b`,
+print b`,
 		difficulty: "N/A",
 		topic: "N/A"
 	},
@@ -62,7 +62,7 @@ while (b≠0)
 end while
 return a
 end gcd
-println gcd(21, 35)`,
+print gcd(21, 35)`,
 		difficulty: "N/A",
 		topic: "N/A"
 	},
@@ -77,7 +77,7 @@ int fact(int n)
 	return n * fact(n - 1)
 end fact
 // try printing different numbers to test your code!
-println fact(5)`,
+print fact(5)`,
 		difficulty: "N/A",
 		topic: "N/A"
 	},
@@ -91,7 +91,7 @@ else
 	return fibonacci(n - 1) + fibonacci(n - 2)
 end if
 end fibonacci
-println fibonacci(10)`,
+print fibonacci(10)`,
 		difficulty: "N/A",
 		topic: "N/A"
 	},
@@ -138,7 +138,7 @@ end bubbleSort
 void printArray()
 		int n = 6
 		for (int i = 0; i < n; i = i + 1)
-				println myArray[i]
+				print myArray[i]
 		end for
 end printArray
 
@@ -177,7 +177,7 @@ end selectionSort
 void printArray()
 		int n = 6
 		for (int i = 0; i < n; i = i + 1)
-				println myArray[i]
+				print myArray[i]
 		end for
 end printArray
 
@@ -203,11 +203,11 @@ void calculateChange(int paidAmount, int itemCost)
 	int pennies ← cents % 5
 
 	// Print change breakdown
-	println "Change to be given:"
-	println "Quarters: " + quarters
-	println "Dimes: " + dimes
-	println "Nickels: " + nickels
-	println "Pennies: " + pennies
+	print "Change to be given:"
+	print "Quarters: " + quarters
+	print "Dimes: " + dimes
+	print "Nickels: " + nickels
+	print "Pennies: " + pennies
 end calculateChange
 
 // Main function
@@ -217,7 +217,7 @@ void main()
 
 	// Check if paid amount is sufficient
 	if (paidAmount < itemCost)
-		println "Insufficient amount paid."
+		print "Insufficient amount paid."
 	else
 		// Calculate and print change
 		calculateChange(paidAmount, itemCost)
@@ -243,10 +243,10 @@ int countCharacter(String str, char targetChar)
 	return count
 end countCharacter
 
-println "Enter a string: "
+print "Enter a string: "
 String userString ← input
 int occurrences ← countCharacter(userString, 'a')
-println "Number of occurrences of '" + "a" + "' in " + userString + ":" + occurrences`,
+print "Number of occurrences of '" + "a" + "' in " + userString + ":" + occurrences`,
 		difficulty: "N/A",
 		topic: "N/A"
 	}