تطوير نسخة الويب لمساعد المنفذ التسلسلي

// حفظ جميع console.logs
function debugout() {
  var self = this;

  // الخيارات
  self.realTimeLoggingOn = true; // تسجيل السجلات في الوقت الحقيقي (للإرسال إلى console.log)
  self.useTimestamps = false; // إدراج الطابع الزمني قبل كل سجل
  self.useLocalStorage = false; // تخزين الناتج باستخدام window.localStorage() وإضافته باستمرار إلى نفس السجل في كل جلسة
  self.recordLogs = true; // قم بتعيينه على false بعد الانتهاء من عملية التصحيح لتجنب استهلاك الذاكرة
  self.autoTrim = true; // لتجنب استهلاك الذاكرة بشكل لا نهائي
  self.maxLines = 2500; // إذا كان autoTrim مفعلاً ، يتم حفظ هذا العدد من السطور الأخيرة
  self.tailNumLines = 100; // عدد السطور التي ستسترد بواسطة tail()
  self.logFilename = "log.txt"; // اسم ملف السجل الذي يتم تنزيله باستخدام downloadLog()
  self.maxDepth = 25; // الحد الأقصى لعمق التكرار للكائنات المسجلة

  // المتغيرات
  self.depth = 0;
  self.parentSizes = [0];
  self.currentResult = "";
  self.startTime = new Date();
  self.output = "";

  this.version = function () {
    return "0.5.0";
  };

    switch (type) {
      case "Object":
        self.currentResult += "{\n";
        self.depth++;
        self.parentSizes.push(self.objectSize(obj));
        var i = 0;
        for (var prop in obj) {
          self.currentResult += self.indentsForDepth(self.depth);
          self.currentResult += prop + ": ";
          var subtype = self.determineType(obj[prop]);
          var subresult = self.formatType(subtype, obj[prop]);
          if (subresult) {
            self.currentResult += subresult;
            if (i != self.parentSizes[self.depth] - 1)
              self.currentResult += ",";
            self.currentResult += "\n";
          } else {
            if (i != self.parentSizes[self.depth] - 1)
              self.currentResult += ",";
            self.currentResult += "\n";
          }
          i++;
        }
        self.depth--;
        self.parentSizes.pop();
        self.currentResult += self.indentsForDepth(self.depth);
        self.currentResult += "}";
        if (self.depth == 0) return self.currentResult;
        break;
      case "Array":
        self.currentResult += "[";
        self.depth++;
        self.parentSizes.push(obj.length);
        for (var i = 0; i < obj.length; i++) {
          var subtype = self.determineType(obj[i]);
          if (subtype == "Object" || subtype == "Array")
            self.currentResult += "\n" + self.indentsForDepth(self.depth);
          var subresult = self.formatType(subtype, obj[i]);
          if (subresult) {
            self.currentResult += subresult;
            if (i != self.parentSizes[self.depth] - 1)
              self.currentResult += ", ";
            if (subtype == "Array") self.currentResult += "\n";
          } else {
            if (i != self.parentSizes[self.depth] - 1)
              self.currentResult += ", ";
            if (subtype != "Object") self.currentResult += "\n";
            else if (i == self.parentSizes[self.depth] - 1)
              self.currentResult += "\n";
          }
        }
        self.depth--;
        self.parentSizes.pop();
        self.currentResult += "]";
        if (self.depth == 0) return self.currentResult;
        break;
      case "function":
        obj += "";
        var lines = obj.split("\n");
        for (var i = 0; i < lines.length; i++) {
          if (lines[i].match(/\}/)) self.depth--;
          self.currentResult += self.indentsForDepth(self.depth);
          if (lines[i].match(/\{/)) self.depth++;
          self.currentResult += lines[i] + "\n";
        }
        return self.currentResult;
        break;
      case "RegExp":
        return "/" + obj.source + "/";
        break;
      case "Date":
      case "string":
        if (self.depth > 0 || obj.length == 0) {
          return '"' + obj + '"';
        } else {
          return obj;
        }
      case "boolean":
        if (obj) return "true";
        else return "false";
      case "number":
        return obj + "";
        break;
    }
  };
  this.indentsForDepth = function (depth) {
    var str = "";
    for (var i = 0; i < depth; i++) {
      str += "\t";
    }
    return str;
  };
  this.trimLog = function (log, maxLines) {
    var lines = log.split("\n");
    if (lines.length > maxLines) {
      lines = lines.slice(lines.length - maxLines);
    }
    return lines.join("\n");
  };
  this.lines = function () {
    return self.output.split("\n").length;
  };
  // calculate testing time
  this.formatSessionDuration = function (startTime, endTime) {
    var msec = endTime - startTime;
    var hh = Math.floor(msec / 1000 / 60 / 60);
    var hrs = ("0" + hh).slice(-2);
    msec -= hh * 1000 * 60 * 60;
    var mm = Math.floor(msec / 1000 / 60);
    var mins = ("0" + mm).slice(-2);
    msec -= mm * 1000 * 60;
    var ss = Math.floor(msec / 1000);
    var secs = ("0" + ss).slice(-2);
    msec -= ss * 1000;
    return "---- مدة الجلسة: " + hrs + ":" + mins + ":" + secs + " ----";
  };
  this.formatTimestamp = function (timestamp) {
    var year = timestamp.getFullYear();
    var date = timestamp.getDate();
    var month = ("0" + (timestamp.getMonth() + 1)).slice(-2);
    var hrs = Number(timestamp.getHours());
    var mins = ("0" + timestamp.getMinutes()).slice(-2);
    var secs = ("0" + timestamp.getSeconds()).slice(-2);
    return (
      "[" +
      year +
      "-" +
      month +
      "-" +
      date +
      " " +
      hrs +
      ":" +
      mins +
      ":" +
      secs +
      "]: "
    );
  };
  this.objectSize = function (obj) {
    var size = 0,
      key;
    for (key in obj) {
      if (obj.hasOwnProperty(key)) size++;
    }
    return size;
  };

### إضافة زر لتنزيل السجل

بعد البيان `<button id="SerialConnectButton" type="button" disabled>Connect</button>` ، أضف:

```html
<button onclick="bugout.downloadLog();">تنزيل السجل</button>

var bugout = new debugout();

bugout.log(chunk);