Merge pull request #34 from ccrma/dev

WebChucK IDE 2.1.3

.gitignore

@@ -7,3 +7,4 @@ node_modules
 .idx
 yarn.lock
 dist
+scripts/json

.prettierignore

@@ -0,0 +1 @@
+**/*.json

index.html

@@ -153,13 +153,19 @@
                 <div id="viewDropdown" class="hidden dropdown w-40">
                   <ul class="py-2 text-base text-gray-700 dark:text-gray-200" aria-labelledby="dropdownDefaultButton">
                     <li>
-                      <button id="darkModeToggle" type="button" class="dropdownItem">
-                        Dark Mode: Off
+                      <button id="chuckNowToggle" type="button" class="dropdownItem">
+                        ChucK Time: Off
                       </button>
                     </li>
+                    <li class="divider dark:border-t-gray-400" data-content="THEME"></li>
                     <li>
-                      <button id="chuckNowToggle" type="button" class="dropdownItem">
-                        ChucK Time: Off
+                      <button id="darkModeToggle" type="button" class="dropdownItem disabled:opacity-50">
+                        Mode: Light
+                      </button>
+                    </li>
+                    <li>
+                      <button id="colorPreferenceToggle" type="button" class="dropdownItem">
+                        System: On
                       </button>
                     </li>
                   </ul>
@@ -189,26 +195,26 @@
                 <div id="helpDropdown" class="hidden dropdown w-48">
                   <ul class="py-2 text-base text-gray-700 dark:text-gray-200" aria-labelledby="dropdownDefaultButton">
                     <li>
-                      <a href="https://chuck.stanford.edu/doc/reference" target="_blank" class="block px-4 py-2 font-medium hover:bg-gray-50 dark:hover:bg-gray-600 dark:hover:text-light">ChucK Reference</a>
+                      <a href="https://chuck.stanford.edu/doc/reference" target="_blank" class="dropdownItem">ChucK Reference</a>
                     </li>
                     <li>
-                      <a href="https://chuck.stanford.edu/doc" target="_blank" class="block px-4 py-2 font-medium hover:bg-gray-50 dark:hover:bg-gray-600 dark:hover:text-light">Documentation</a>
+                      <a href="https://chuck.stanford.edu/doc" target="_blank" class="dropdownItem">Documentation</a>
                     </li>
 
                     <li class="divider dark:border-t-gray-400" data-content="GITHUB"></li>
                     <li>
-                      <a href="https://github.com/ccrma/webchuck-ide" target="_blank" class="block px-4 py-2 font-medium hover:bg-gray-50 dark:hover:bg-gray-600 dark:hover:text-light">Github Repo</a>
+                      <a href="https://github.com/ccrma/webchuck-ide" target="_blank" class="dropdownItem">GitHub Repo</a>
                     </li>
                     <li>
-                      <a href="https://github.com/ccrma/webchuck-ide/issues/new" target="_blank" class="block px-4 py-2 font-medium hover:bg-gray-50 dark:hover:bg-gray-600 dark:hover:text-light">Report an Issue</a>
+                      <a href="https://github.com/ccrma/webchuck-ide/issues/new" target="_blank" class="dropdownItem">Report an Issue</a>
                     </li>
 
                     <li class="divider dark:border-t-gray-400" data-content="LINKS"></li>
                     <li>
-                      <a href="https://chuck.stanford.edu/webchuck" target="_blank" class="block px-4 py-2 font-medium hover:bg-gray-50 dark:hover:bg-gray-600 dark:hover:text-light">Learn WebChucK</a>
+                      <a href="https://chuck.stanford.edu/webchuck" target="_blank" class="dropdownItem">Learn WebChucK</a>
                     </li>
                     <li>
-                      <a href="https://discord.gg/ENr3nurrx8" target="_blank" class="block px-4 py-2 font-medium hover:bg-gray-50 dark:hover:bg-gray-600 dark:hover:text-light">Discord Community</a>
+                      <a href="https://discord.gg/ENr3nurrx8" target="_blank" class="dropdownItem">Discord Community</a>
                     </li>
                   </ul>
                 </div>

package.json

@@ -16,23 +16,23 @@
         "@typescript-eslint/eslint-plugin": "^6.19.0",
         "@typescript-eslint/parser": "^6.19.0",
         "autoprefixer": "^10.4.14",
-        "eslint": "^8.56.0",
+        "eslint": "^8.57.0",
         "postcss": "^8.4.23",
         "prettier": "2.8.7",
         "tailwindcss": "^3.3.2",
         "typescript": "^4.9.3",
         "vite": "^4.2.0"
     },
     "dependencies": {
+        "@xterm/addon-fit": "^0.10.0",
         "@xterm/addon-web-links": "^0.11.0",
+        "@xterm/xterm": "^5.5.0",
         "js-search": "^2.0.1",
         "jszip": "^3.10.1",
         "monaco-editor": "^0.37.1",
         "monaco-vim": "^0.4.0",
         "pako": "^2.1.0",
         "webchuck": "github:ccrma/webchuck",
-        "xterm": "^5.3.0",
-        "xterm-addon-fit": "^0.8.0",
         "xterm-link-provider": "^1.3.1"
     }
 }