Skip to content

Commit

Permalink
Merge branch 'sauppb:main' into main
Browse files Browse the repository at this point in the history
  • Loading branch information
@sauppb
sauppb authored Nov 27, 2023
2 parents adcb3c6 + 27ff078 commit e7110e7
Show file tree
Hide file tree
Showing 31 changed files with 5,032 additions and 4,700 deletions.
2 changes: 2 additions & 0 deletions .gitignore
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,3 +24,5 @@ dist-ssr
*.sw?
node_modules

# Temporary files
.~*#
17 changes: 15 additions & 2 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,10 +2,11 @@

Praxly is an web-based IDE that empowers users to read, write, and run the pseudocode used in the [CS Praxis Test][1].
Praxly supports bidirectional synchronization between both block-based and text-based editors, allowing users to learn and visualize the code while also offering the efficiency of editing text.
The blocks are built using Google's [Blockly][2] library.
The text editor uses [Ace][2], and the block editor uses [Blockly][3].

[1]: https://www.ets.org/pdfs/praxis/5652.pdf#page=21
[2]: https://developers.google.com/blockly
[2]: https://ace.c9.io/
[3]: https://developers.google.com/blockly

<figure>
<img src="public/images/praxly-screenshot-narrow.png">
Expand All @@ -24,3 +25,15 @@ To run locally:
```
$ npm run dev
```

## Unit Testing

Install dependencies:
```
$ pip install colorama selenium
```

To run locally:
```
$ python runall.py [CSV_FILE]
```
83 changes: 36 additions & 47 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,106 +4,95 @@
<meta charset="utf-8">
<title>Praxly</title>
<link rel="stylesheet" href="./style.css">
<link id="ToolboxCss" rel="stylesheet" href="toolbox.css">
<link id="ToolboxCss" rel="stylesheet" href="toolbox-light.css">
<link rel="icon" href="/jmu.ico" type="image/x-icon">
<div id="toast" class="toast">URL copied to clipboard</div>
</head>
<body>
<header class="nav-bar">

<div id="title-version">
<h1 id="titleRefresh">Praxly 🍂</h1>
version <a href="changelog.html">11/13/2023</a>
version <a href="changelog.html">11/21/2023</a>
</div>
<div id="myModal" class="modal">

<div id="myModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<span class="close">&times;</span>

<h2>Welcome To Praxly!</h2>
<ul id="helpMenu">
<button class="helpMenuButtons" id="FeaturesButton">Features ✨</button>
<button class="helpMenuButtons" id="ChangelogButton">Changelog 📈</button>
<button class="helpMenuButtons" id="BugButton">Report a bug 🐞</button>
<button class="helpMenuButtons" id="GitHubButton">github 😺</button>
<button class="helpMenuButtons" id="AboutButton">About the creator 😎</button>

</ul>


<p>this is a place to try the pseudocode that will be used in the praxis exam. Feel free to switch between the blocks and the text whenever you please! </p>
<p>📕 The <b>Book</b> Icon is the manual, which is the reference to the pseudocode that this was made for.</p>
<p>🔗The Blue links are example programs. Feel free to submit your own example to me through the bug report form</p>
<p>This is a place to try the pseudocode that will be used in the praxis exam.
Feel free to switch between the blocks and the text whenever you please!</p>
<p>📕 The <b>Book</b> Icon is the manual, which is the reference to the pseudocode that this was made for.</p>
<p>🔗The Blue links are example programs. Feel free to submit your own example to me through the bug report form</p>

<h4>Notes</h4>
<ol>
<li>✅ This is in very early release, but as of now everyrthing on the blocks list will work properly. </li>
<li>🚨 error messages are probubly going to be inconsistent. I'm sure there will be many scenarios I didn't think of that will cause errors.</li>
<li>✅ This is in very early release, but as of now everything on the blocks list will work properly.</li>
<li>🚨 error messages are probably going to be inconsistent.
I'm sure there will be many scenarios I didn't think of that will cause errors.</li>
<li>😔 There is currently no support for object oriented programming </li>
</ol>
</div>

</div>



<ul>
<li>
<button id="runButton" class="run-button" title="Run Code">
<span class="button-text">Run Code</span>
</button>
</li>
<li><button id="share" class="share-button" title="Share">
<span class="button-text">Share</span>
</button>
</li>
<li><button id="darkMode" class="dark-mode-button" title="Dark Mode">
<span class="button-text">Dark Mode</span>
</button>
</li>
<span class="button-text">Share</span>
</button>
</li>
<li><button id="darkMode" class="dark-mode-button" title="Dark Mode">
<span class="button-text">Dark Mode</span>
</button>
</li>
<li><button id="reference" class="manual-button" title="reference">
<span class="button-text">manual</span>
</button></li>


<span class="button-text">manual</span>
</button></li>
<li><button id="help" class="help-button" title="Help">
<span class="button-text">Help</span>
</button>
<span class="button-text">Help</span>
</button>
</li>
</ul>

</header>

<div id="secondary_bar">

<div class="tab">
<button id="tab1_button" class="tablinks" >Default</button>
<button id="tab2_button" class="tablinks" >Text only</button>
<button id="tab3_button" class="tablinks" >Blocks only</button>
<button id="tab1_button" class="tablinks">Default</button>
<button id="tab2_button" class="tablinks">Text only</button>
<button id="tab3_button" class="tablinks">Blocks only</button>
<!-- this will be full of examples -->
</div>
<!-- <div>Example Programs</div> -->
<div id="exampleTable">

</div>

<div id="exampleTable"></div>
</div>


<main>

<div id="blocklyDiv"></div>
<div class="resizeBar"></div>
<div id="aceCode" class="codeEditor"></div>
</main>



<main>
<div id="aceCode" class="codeEditor"></div>
<div class="resizeBar"></div>
<div id="blocklyDiv"></div>
</main>

<div class="output">
<div class="clearOut">🗑</div>
<p class="stdout">output is here</p>
<p class="stderr"></p>
</div>

<script src="./src/main.js" type="module"></script>
</body>
</html>
28 changes: 14 additions & 14 deletions public/BugsList.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,8 +40,6 @@
padding: 8px;
}



.uncertain {
color: white;
background-color: red;
Expand All @@ -68,32 +66,34 @@
</style>
</head>
<body>
<main>
<main>
<div>
<h2>Reported Bugs</h2>

</div>

<table>
<tr>
<th>Feature Name</th>
<th>Feature Description</th>
</tr>
<tr>
<td><span class="uncertain">Error Messages</span></td>
<td>Please send any code that genertaes a scenerio that generates either an inaccurate or missing error statement</td>
<td>Please send any code that generates a scenario that generates either an inaccurate or missing error
statement</td>
</tr>
<tr>
<td><span class="uncertain">Parintheses missing</span></td>
<td>parintheses missing when transiotioning back from blocks to code. (I am not sure how to fix this without having a massive headache)</td>
<td><span class="uncertain">Parentheses missing</span></td>
<td>Parentheses missing when transitioning back from blocks to code. (I am not sure how to fix this without
having a massive headache)</td>
</tr>
<tr>
<td><span class="uncertain">deleting blocks doesnt delete text</span></td>
<td>if you delete one block, the text still updstes correctly. If you delete all blocks, the text is still there(?)</td>
<td><span class="uncertain">Deleting blocks doesn't delete text</span></td>
<td>If you delete one block, the text still updates correctly. If you delete all blocks, the text is still
there(?)</td>
</tr>

</table>
</main>
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSeo2mUrrhNZejPch9UcQQDHWk5e6ql_xFfFSdS6oiaNA-Tk8Q/viewform?embedded=true" width="640" height="1300" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
</body>
</html>
<iframe
src="https://docs.google.com/forms/d/e/1FAIpQLSeo2mUrrhNZejPch9UcQQDHWk5e6ql_xFfFSdS6oiaNA-Tk8Q/viewform?embedded=true"
width="640" height="1300" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
</body>
</html>
Loading

0 comments on commit e7110e7

Please sign in to comment.