@qooxdoo/framework 7.9.2 → 8.0.0-beta.2

package/lib/resource/qx/tool/website/src/diagnostics/dependson.js

@@ -1,26 +1,25 @@
-$(function () {
+document.addEventListener('DOMContentLoaded', function () {
   var db;
   var appDb;
   var CLASSES = {};
   var expanded = {};
 
   function expand(parent) {
-    var $parent = $(parent);
-    var className = $parent.attr("data-classname");
-    var $ul = $("ul", parent);
+    var className = parent.getAttribute("data-classname");
+    var ul = parent.querySelector("ul");
 
     expanded[className] = true;
-    if ($ul.length) {
-      $ul.remove();
+    if (ul) {
+      ul.remove();
       return;
     }
-    var $ul = $("<ul>");
-    $parent.append($ul);
-    show(className, $ul);
+    ul = document.createElement('ul');
+    parent.appendChild(ul);
+    show(className, ul);
     updateDisplay();
   }
 
-  function show(name, $list) {
+  function show(name, list) {
     var def = db.classInfo[name];
     if (!def || !def.dependsOn) return;
     for (var depName in def.dependsOn) {
@@ -28,72 +27,82 @@ $(function () {
         continue;
       }
       var isLoad = def.dependsOn[depName].load;
-      var $li = $("<li>").text(depName).attr("data-classname", depName);
+      var li = document.createElement('li');
+      li.textContent = depName;
+      li.setAttribute("data-classname", depName);
       if (isLoad) {
-        $li.addClass("load");
+        li.classList.add("load");
       } else {
-        $li.addClass("runtime");
+        li.classList.add("runtime");
       }
-      $li.click(function (e) {
+      li.addEventListener('click', function (e) {
         e.stopPropagation();
         expand(this);
       });
-      $list.append($li);
+      list.appendChild(li);
     }
   }
 
-  function showAll($list) {
-    if (!$list) {
-      $list = $("#root ul");
+  function showAll(list) {
+    if (!list) {
+      list = document.querySelector("#root ul");
     }
-    $list.children("li").each(function () {
-      let $li = $(this);
-      if ($li.children("li").length != 0) {
+    Array.from(list.children).forEach(function (li) {
+      if (li.querySelectorAll("li").length != 0) {
         return;
       }
-      let classname = $li.attr("data-classname");
+      let classname = li.getAttribute("data-classname");
       if (expanded[classname]) {
         return;
       }
-      expand($li);
-      showAll($("ul", $li));
+      expand(li);
+      let childUl = li.querySelector("ul");
+      if (childUl) {
+        showAll(childUl);
+      }
     });
   }
   window.showAll = showAll;
 
   function selectClass(name) {
-    $("#root").append($("<h3>").text(name + " Depends On"));
-    var $root = $("<ul>");
-    $("#root").append($root);
-    show(name, $root);
+    let root = document.getElementById("root");
+    let h3 = document.createElement('h3');
+    h3.textContent = name + " Depends On";
+    root.appendChild(h3);
+    var ul = document.createElement('ul');
+    root.appendChild(ul);
+    show(name, ul);
   }
 
   function updateDisplay() {
-    var value = $("#show").val();
+    var value = document.getElementById("show").value;
+    let loadElems = document.querySelectorAll(".load");
+    let runtimeElems = document.querySelectorAll(".runtime");
+
     switch (value) {
       case "runtime":
-        $(".load").hide();
-        $(".runtime").show();
+        loadElems.forEach(el => el.style.display = 'none');
+        runtimeElems.forEach(el => el.style.display = '');
         break;
 
       case "load":
-        $(".load").show();
-        $(".runtime").hide();
+        loadElems.forEach(el => el.style.display = '');
+        runtimeElems.forEach(el => el.style.display = 'none');
         break;
 
       default:
-        $(".load").show();
-        $(".runtime").show();
+        loadElems.forEach(el => el.style.display = '');
+        runtimeElems.forEach(el => el.style.display = '');
         break;
     }
   }
 
-  var query = $.qxcli.query;
-  $.qxcli
+  var query = window.qxcli.query;
+  window.qxcli
     .get(query.targetDir + "/db.json")
     .then(function (tmp) {
       db = tmp;
-      return $.qxcli.get(
+      return window.qxcli.get(
         query.targetDir + "/" + query.appDir + "/compile-info.json"
       );
     })
@@ -102,7 +111,7 @@ $(function () {
       appDb.parts.forEach(function (part) {
         part.classes.forEach(classname => (CLASSES[classname] = true));
       });
-      selectClass($.qxcli.query.appClass);
-      $("#show").change(updateDisplay);
+      selectClass(window.qxcli.query.appClass);
+      document.getElementById("show").addEventListener('change', updateDisplay);
     });
 });

package/lib/resource/qx/tool/website/src/diagnostics/requiredby.js

@@ -1,66 +1,73 @@
-$(function () {
+document.addEventListener('DOMContentLoaded', function () {
   var db;
   var CLASSES = {};
 
-  function show(name, $list) {
+  function show(name, list) {
     var def = db.classInfo[name];
     if (!def || !def.requiredBy) return;
     for (var depName in def.requiredBy) {
       if (!CLASSES[depName]) continue;
-      var $li = $("<li>").text(depName).attr("data-classname", depName);
-      if (def.requiredBy[depName].load) $li.addClass("load");
-      else $li.addClass("runtime");
-      $li.click(function (e) {
+      var li = document.createElement('li');
+      li.textContent = depName;
+      li.setAttribute("data-classname", depName);
+      if (def.requiredBy[depName].load) li.classList.add("load");
+      else li.classList.add("runtime");
+      li.addEventListener('click', function (e) {
         e.stopPropagation();
-        var $this = $(this);
-        var className = $this.attr("data-classname");
-        var $ul = $("ul", this);
-        if ($ul.length) {
-          $ul.remove();
+        var className = this.getAttribute("data-classname");
+        var ul = this.querySelector("ul");
+        if (ul) {
+          ul.remove();
           return;
         }
-        var $ul = $("<ul>");
-        $this.append($ul);
-        show(className, $ul);
+        ul = document.createElement('ul');
+        this.appendChild(ul);
+        show(className, ul);
         updateDisplay();
       });
-      $list.append($li);
+      list.appendChild(li);
     }
   }
 
   function selectClass(name) {
-    $("#root").append($("<h3>").text(name + " Required By"));
-    var $root = $("<ul>");
-    $("#root").append($root);
-    show(name, $root);
+    let root = document.getElementById("root");
+    let h3 = document.createElement('h3');
+    h3.textContent = name + " Required By";
+    root.appendChild(h3);
+    var ul = document.createElement('ul');
+    root.appendChild(ul);
+    show(name, ul);
   }
 
   function updateDisplay() {
-    var value = $("#show").val();
+    var value = document.getElementById("show").value;
+    let loadElems = document.querySelectorAll(".load");
+    let runtimeElems = document.querySelectorAll(".runtime");
+
     switch (value) {
       case "runtime":
-        $(".load").hide();
-        $(".runtime").show();
+        loadElems.forEach(el => el.style.display = 'none');
+        runtimeElems.forEach(el => el.style.display = '');
         break;
 
       case "load":
-        $(".load").show();
-        $(".runtime").hide();
+        loadElems.forEach(el => el.style.display = '');
+        runtimeElems.forEach(el => el.style.display = 'none');
         break;
 
       default:
-        $(".load").show();
-        $(".runtime").show();
+        loadElems.forEach(el => el.style.display = '');
+        runtimeElems.forEach(el => el.style.display = '');
         break;
     }
   }
 
-  var query = $.qxcli.query;
-  $.qxcli
+  var query = window.qxcli.query;
+  window.qxcli
     .get(query.targetDir + "/db.json")
     .then(function (tmp) {
       db = tmp;
-      return $.qxcli.get(
+      return window.qxcli.get(
         query.targetDir + "/" + query.appDir + "/compile-info.json"
       );
     })
@@ -83,8 +90,8 @@ $(function () {
         }
       }
 
-      selectClass($.qxcli.query.appClass);
+      selectClass(window.qxcli.query.appClass);
 
-      $("#show").change(updateDisplay);
+      document.getElementById("show").addEventListener('change', updateDisplay);
     });
 });

package/lib/resource/qx/tool/website/src/index.html

@@ -12,8 +12,8 @@ layout: default.dot
       
     </div>
     <script type="text/javascript">
-    $(function() {
-      $.qxcli.pages.homepage();
+    document.addEventListener('DOMContentLoaded', function () {
+      window.qxcli.pages.homepage();
     });
     </script>
   </div>

package/lib/resource/qx/tool/website/src/scripts/serve.js

@@ -1,4 +1,4 @@
-$(function () {
+document.addEventListener('DOMContentLoaded', function () {
   var query = {};
   (document.location.search.substring(1) || "")
     .split("&")
@@ -11,98 +11,96 @@ $(function () {
       }
     });
 
-  $.qxcli = {
+  window.qxcli = {
     query: query,
 
     get(uri) {
-      return new Promise(function (resolve, reject) {
-        $.ajax(uri, {
-          cache: false,
-          dataType: "json",
-
-          error(jqXHR, textStatus, errorThrown) {
-            reject(textStatus || errorThrown);
-          },
-
-          success: resolve
-        });
+      return fetch(uri, {
+        cache: 'no-cache'
+      }).then(response => {
+        if (!response.ok) {
+          throw new Error('HTTP error ' + response.status);
+        }
+        return response.json();
       });
     }
   };
 
-  $.qxcli.serve = {
-    apps: $.qxcli.get("/serve.api/apps.json")
+  window.qxcli.serve = {
+    apps: window.qxcli.get("/serve.api/apps.json")
   };
 
-  $.qxcli.pages = {
+  window.qxcli.pages = {
     homepage() {
-      $.qxcli.serve.apps.then(function (data) {
+      window.qxcli.serve.apps.then(function (data) {
         console.log(JSON.stringify(data, null, 2));
-        let $root = $("#applications");
-        $root.empty();
+        let root = document.getElementById("applications");
+        root.innerHTML = '';
         data.forEach(targetData => {
-          $root.append(
-            $("<h2>").text(
-              (targetData.target.type == "build" ? "Build" : "Source") +
-                " Target in " +
-                targetData.target.outputDir
-            )
-          );
+          let h2 = document.createElement('h2');
+          h2.textContent = (targetData.target.type == "build" ? "Build" : "Source") +
+            " Target in " +
+            targetData.target.outputDir;
+          root.appendChild(h2);
 
-          var $ul = $("<ul>");
+          var ul = document.createElement('ul');
           targetData.apps.sort(function (l, r) {
             l = l.title || l.name;
             r = r.title || r.name;
             return l < r ? -1 : l > r ? 1 : 0;
           });
           targetData.apps.forEach(function (appData) {
-            var $li = $("<li>");
+            var li = document.createElement('li');
             if (appData.isBrowser) {
-              var $a = $("<a>");
-              $a.text(appData.title || appData.name);
-              $a.attr(
-                "href",
+              var a = document.createElement('a');
+              a.textContent = appData.title || appData.name;
+              a.setAttribute('href',
                 targetData.target.outputDir + appData.outputPath + "/index.html"
               );
-
-              $li.append($a);
+              li.appendChild(a);
             } else {
-              var $p = $("<p>");
-              $p.text(appData.title || appData.name);
-              $li.append($p);
+              var p = document.createElement('p');
+              p.textContent = appData.title || appData.name;
+              li.appendChild(p);
+            }
+            if (appData.description) {
+              let p = document.createElement('p');
+              p.textContent = appData.description;
+              li.appendChild(p);
             }
-            if (appData.description)
-              $li.append($("<p>").text(appData.description));
-            $li.append(
-              "<p class='tools'>" +
-                "<a href='diagnostics/dependson.html?targetDir=" +
-                targetData.target.outputDir +
-                "&appDir=" +
-                appData.outputPath +
-                "&appClass=" +
-                appData.appClass +
-                "'>Depends-On Analysis</a>, " +
-                "<a href='diagnostics/requiredby.html?targetDir=" +
-                targetData.target.outputDir +
-                "&appDir=" +
-                appData.outputPath +
-                "&appClass=" +
-                appData.appClass +
-                "'>Required-By Analysis</a>" +
-                "</p>"
-            );
+            let toolsP = document.createElement('p');
+            toolsP.className = 'tools';
+            toolsP.innerHTML =
+              "<a href='diagnostics/dependson.html?targetDir=" +
+              targetData.target.outputDir +
+              "&appDir=" +
+              appData.outputPath +
+              "&appClass=" +
+              appData.appClass +
+              "'>Depends-On Analysis</a>, " +
+              "<a href='diagnostics/requiredby.html?targetDir=" +
+              targetData.target.outputDir +
+              "&appDir=" +
+              appData.outputPath +
+              "&appClass=" +
+              appData.appClass +
+              "'>Required-By Analysis</a>";
+            li.appendChild(toolsP);
 
-            $ul.append($li);
+            ul.appendChild(li);
           });
-          $root.append($ul);
+          root.appendChild(ul);
         });
-        $root.append(
-          "<p style='font-size: 10px'><input type='checkbox' id='cbxShowTools'>Show Tools</p>"
-        );
+        let p = document.createElement('p');
+        p.style.fontSize = '10px';
+        p.innerHTML = "<input type='checkbox' id='cbxShowTools'>Show Tools";
+        root.appendChild(p);
 
-        $("#cbxShowTools").change(function () {
-          if (this.checked) $(".tools").show();
-          else $(".tools").hide();
+        document.getElementById('cbxShowTools').addEventListener('change', function () {
+          let tools = document.querySelectorAll('.tools');
+          tools.forEach(function (tool) {
+            tool.style.display = this.checked ? 'inherit' : 'none';
+          }.bind(this));
         });
       });
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qooxdoo/framework",
-  "version": "7.9.2",
+  "version": "8.0.0-beta.2",
   "description": "The JS Framework for Coders",
   "author": "The qooxdoo project",
   "keywords": [
@@ -55,7 +55,7 @@
   ],
   "dependencies": {
     "@babel/core": "^7.23.2",
-    "@babel/eslint-parser": "^7.22.15",
+    "@babel/eslint-parser": "^7.25.9",
     "@babel/generator": "^7.23.0",
     "@babel/parser": "^7.23.0",
     "@babel/plugin-proposal-optional-chaining-assign": "^7.23.0",
@@ -71,62 +71,61 @@
     "@metalsmith/layouts": "^2.7.0",
     "@metalsmith/markdown": "^1.10.0",
     "@octokit/rest": "^20.0.2",
-    "@qooxdoo/eslint-config-jsdoc-disable": "^1.0.3",
-    "@qooxdoo/eslint-config-qx": "^2.0.1",
-    "@qooxdoo/eslint-plugin-qx": "^1.2.22",
+    "@qooxdoo/eslint-config-jsdoc-disable": "^2.0.3",
+    "@qooxdoo/eslint-config-qx": "^3.0.1",
+    "@qooxdoo/eslint-plugin-qx": "^2.0.1",
+    "adm-zip": "^0.5.10",
     "ajv": "^8.12.0",
     "app-module-path": "^2.2.0",
     "async": "^2.6.3",
-    "babelify": "^10.0.0",
     "better-ajv-errors": "^1.2.0",
-    "browserify": "^17.0.1",
     "chokidar": "^3.5.3",
-    "cldr": "^7.4.1",
+    "cli-progress": "^3.12.0",
     "columnify": "^1.6.0",
     "console-control-strings": "^1.1.0",
     "core-js-bundle": "^3.33.1",
     "dot": "^1.1.3",
-    "download": "^6.0.0",
     "es6-promise-pool": "^2.5.0",
-    "eslint": "^8.51.0",
+    "esbuild": "^0.27.3",
+    "esbuild-plugin-polyfill-node": "^0.3.0",
+    "eslint": "^9.15.0",
     "eslint-formatter-codeframe": "^7.32.1",
-    "eslint-plugin-jsdoc": "46.8.2",
-    "express": "^4.18.2",
+    "eslint-plugin-jsdoc": "^50.5.0",
+    "express": "^5.1.0",
     "fontkit": "^2.0.2",
-    "gauge": "^2.7.4",
     "get-value": "^3.0.1",
-    "github-api": "^3.4.0",
-    "glob": "^7.1.6",
+    "glob": "^13.0.6",
     "image-size": "^0.8.3",
-    "inquirer": "^7.3.3",
+    "inquirer": "^13.2.5",
+    "jsdoctypeparser": "^9.0.0",
     "json-stable-stringify": "^1.0.2",
     "jstransformer-dot": "^0.1.2",
     "metalsmith": "^2.6.1",
-    "node-fetch": "^3.3.2",
     "object-hash": "^2.1.1",
     "prettier": "^2.5.1",
     "ps-tree": "^1.2.0",
     "regenerator-runtime": "^0.14.1",
-    "replace-in-file": "^5.0.0",
-    "rimraf": "^3.0.2",
+    "replace-in-file": "^8.4.0",
+    "rimraf": "^6.1.3",
     "sass": "1.69.4",
     "semver": "^7.5.4",
     "set-value": "^4.1.0",
     "showdown": "^1.9.1",
     "source-map-js": "^1.0.2",
-    "tap-colorize": "^1.2.0",
     "terser": "^5.22.0",
-    "tmp": "0.2.4",
+    "tmp": "^0.2.5",
     "unset-value": "^1.0.0",
     "upath": "^1.2.0",
     "update-notifier": "^6.0.2",
     "xml2js": "^0.6.2",
-    "yargs": "^15.4.1"
+    "yauzl-promise": "^4.0.0"
   },
   "devDependencies": {
+    "baseline-browser-mapping": "^2.10.0",
     "dirsum": "^0.1.1",
     "source-map-support": "^0.5.21",
-    "tape": "^5.7.1"
+    "tree-kill": "^1.2.2"
   },
-  "engine": "node >= 12"
+  "engine": "node >= 20",
+  "overrides": {}
 }

package/source/boot/index.html

@@ -39,8 +39,8 @@
         }
 
         // DEMO
-        notify("This is ...", 1000, function () {
-          notify("... a qx.website notification demo.", 2000);
+        notify("This is ...", 5000, function () {
+          notify("... a qx.website notification demo.", 5000);
         });
 
       });