[#181] remove scattered todos and aggregate in temporary todo.txt file, add new css files to split up huge IO stylesheet for better future DevX

src/core/Recipe.mjs

@@ -4,7 +4,6 @@
  * @license Apache-2.0
  */
 
-// @TODO: NTS return this to original? ( it breaks dev though )
 // import OperationConfig from "./config/OperationConfig.json" assert {type: "json"};
 import OperationConfig from "./config/OperationConfig.json";
 import OperationError from "./errors/OperationError.mjs";

src/core/lib/Magic.mjs

@@ -1,4 +1,3 @@
-// @TODO: NTS return this to original? ( it breaks dev though )
 // import OperationConfig from "../config/OperationConfig.json" assert {type: "json"};
 import OperationConfig from "../config/OperationConfig.json";
 import Utils, { isWorkerEnvironment } from "../Utils.mjs";

src/web/App.mjs

@@ -59,7 +59,6 @@ class App {
     setup() {
         document.dispatchEvent(this.manager.appstart);
 
-        // @TODO: add a window resize listener
         if (  window.innerWidth >= this.breakpoint ) {
             this.initialiseSplitter();
             this.setCompileMessage();

src/web/html/index.html

@@ -198,7 +198,6 @@
                          data-help="<p>The Operations list contains all the operations in CyberChef arranged into categories. Some operations may be present in multiple categories. You can search for operations using the search box.</p><p>To use an operation, either double click it, or drag it into the Recipe pane. You will then be able to configure its arguments (or 'Ingredients' in CyberChef terminology).</p>">
                         Operations
 
-                        <!--@TODO: this should just be removed, however that currently breaks some code-->
                         <span class="pane-controls hide-on-maximised-output">
                             <button type="button"
                                     class="btn btn-warning bmd-btn-icon"
@@ -217,7 +216,7 @@
                         </span>
 
                     </div>
-                    <div class="foo">
+                    <div class="dropdown-operations">
                         <input id="search"
                                type="search"
                                class="form-control"

src/web/waiters/OperationsWaiter.mjs

@@ -34,7 +34,6 @@ class OperationsWaiter {
      * @param {HTMLElement} elm
      * @param {boolean} isVisible
      *
-     * @TODO: this is pretty generic so probably move it ( to manager? )
      */
     isVisible( elm, isVisible ){
         if ( isVisible ) {