Constant Errors

[Filopodub]

I've tried to use your extension in my itop and i constantly have frontend errors, but after reloading page everything works just fine

this one when i tried to check item in check list

[vbkunin]

Thanks for the information. But there isn’t enough information to understand what’s going on. Please check the browser console for any frontend errors — that should help clarify what needs to be adjusted. Also, please specify the iTop version you’re using.

[Filopodub]

I'm using newest itop, i got these errors after every step, I'll send some. I'm just junior in these things so I'll appreciate any help.
This one after add checklist:
checklist.min.js?t=1769181433.2577:1 {"error":false,"id":"2","html":"<div class="checklist" data-checklist-id="2" data-checklist-name="Checklist"><div class="checklist-title" data-checklist-id="2"><h3 class="checklist-title-text" >Checklist</h3><input class="checklist-title-text-input" name="listTitle" value="Checklist" maxlength="255"><div class="checklist-title-actions" ><a class="checklist-btn quiet" data-checklist-action="edit">Edit</a><a class="checklist-btn quiet" data-checklist-action="delete">Delete...</a><a class="checklist-btn quiet" data-checklist-action="save">Save</a><a class="checklist-btn quiet" data-checklist-action="cancel">Cancel</a></div></div><ol class="checklist-items" ></ol><div class="checklist-new-item" ><a class="checklist-btn quiet" data-checklist-action="new_item">Add an item...</a><input class="checklist-item-text-input" name="newItemText" maxlength="255" placeholder="Add an item..."><div class="checklist-item-actions" ><a class="checklist-btn quiet" data-checklist-action="save_item">Save</a><a class="checklist-btn quiet" data-checklist-action="cancel_item">Cancel</a></div></div></div>","message":"ok"}

	                    <script type="text/javascript">
                            // Define a dummy empty callback if there's no script to execute
            let fOnJsFilesLoadedibocontentblock69739247483c1231429723 = function (fResolve) {
                fResolve();
            }
                            
            window['ajax_69739247483e64.81586776'] = new Promise(function (fAllJsFilesResolve, fAllJsFilesReject) {
                /**
                 * @type {Array} aJsFilesToLoad Files required by the current AjaxPage
                 *
                 * For each file:
                 * - "id": Used as an identifier to check if file is already being handled
                 * - "url" is the URL that will be used for loading. It should include any relevant query args, including the cache buster
                 *
                 * ```
                 * [
                 *  {"id": "https://itop/js/foo.js", "url": "https://itop/js/foo.js?cache_buster=123},
                 *  {"id": "https://itop/js/bar.js", "url": "https://itop/js/bar.js?a=b&cache_buster=123"},
                 *  ...
                 * ]
                 * ```
                 */
                
                // If these constants aren't defined by the main page, define them (global) ourselves
                if (typeof aLoadedJsFilesRegister === "undefined") {
                    Object.defineProperty(window, "aLoadedJsFilesRegister", {
                        value: new Map(),
                        writable: false,
                        configurable: false,
                        enumerable: true
                    });
                }      
                
                if (typeof aLoadedJsFilesResolveCallbacks === "undefined") {
                    Object.defineProperty(window, "aLoadedJsFilesResolveCallbacks", {
                        value: new Map(),
                        writable: false,
                        configurable: false,
                        enumerable: true
                    });
                }
                
                let aJsFilesToLoad = [];
                /**
                 * @type {Array} aJsFilesToLoadByOtherRequests Files required by the current AjaxPage but that are already being handled by another request (done or ongoing)
                 */
                let aJsFilesToLoadByOtherRequests = [];

                                        aJsFilesToLoad.push({
                        "id": "http://localhost/itop/pages/ajax.document.php?operation=dict&s=EN US-9193787df775a4da76d41a806d82687c",
                        "url": "http://localhost/itop/pages/ajax.document.php?operation=dict&s=EN US-9193787df775a4da76d41a806d82687c&t=1769181433.2577"
                    });

                    // If file is already present in the register (see it declaration in WebPage TWIG template), let its original requester load it
                    if (aLoadedJsFilesRegister.has("http://localhost/itop/pages/ajax.document.php?operation=dict&s=EN US-9193787df775a4da76d41a806d82687c") === true) {
                        aJsFilesToLoadByOtherRequests.push("http://localhost/itop/pages/ajax.document.php?operation=dict&s=EN US-9193787df775a4da76d41a806d82687c");
                    }
                    // Otherwise add it to register and initialize corresponding promise
                    else {
                        aLoadedJsFilesRegister.set("http://localhost/itop/pages/ajax.document.php?operation=dict&s=EN US-9193787df775a4da76d41a806d82687c", new Promise(function(fJsFileResolve) {
                            aLoadedJsFilesResolveCallbacks.set("http://localhost/itop/pages/ajax.document.php?operation=dict&s=EN US-9193787df775a4da76d41a806d82687c", fJsFileResolve);
                        }));
                    }
                
                let iCurrentIdx = 0;
                let iFilesToLoadCount = aJsFilesToLoad.length;
                if (iFilesToLoadCount > 0)
                {
                    let fLoadScriptibocontentblock69739247483c1231429723 = function () {
                        let sCurrentFileId = aJsFilesToLoad[iCurrentIdx]["id"];
                        let sCurrentFileUrl = aJsFilesToLoad[iCurrentIdx]["url"];

                        /** @type {Promise} oPromise Promise to use once file is loaded */
                        let oPromise = null;
                        // If file is handled by another request, retrieve the existing promise
                        if ($.inArray(sCurrentFileId, aJsFilesToLoadByOtherRequests) !== -1) {
                            oPromise = aLoadedJsFilesRegister.get(sCurrentFileId)
                        }
                        // Otherwise create its own promise to load it
                        else {
                            oPromise = $.when(
                                    $.ajax({
                                        url: sCurrentFileUrl,
                                        dataType: 'script',
                                        cache: true
                                    }),
                                    aLoadedJsFilesResolveCallbacks.get(sCurrentFileId)()
                            );
                        }

                        // Only once file is loaded (by the request or another), proceed to next step
                        oPromise.then(function () {
                            iCurrentIdx++;
                            if (iCurrentIdx !== iFilesToLoadCount)
                            {
                                fLoadScriptibocontentblock69739247483c1231429723();
                            }
                            else
                            {
                                fOnJsFilesLoadedibocontentblock69739247483c1231429723(fAllJsFilesResolve);
                            }
                        });
                    };
                    fLoadScriptibocontentblock69739247483c1231429723();
                }
                else
                {
                    fOnJsFilesLoadedibocontentblock69739247483c1231429723(fAllJsFilesResolve);
                }
            });
        </script>

(anonymous) @ checklist.min.js?t=1769181433.2577:1
(anonymous) @ checklist.min.js?t=1769181433.2577:1
XMLHttpRequest.send
ChecklistAPI.post @ checklist.min.js?t=1769181433.2577:1
(anonymous) @ checklist.min.js?t=1769181433.2577:1

this one after edit:
checklist.min.js?t=1769181433.2577:1 {"error":false,"id":"2","html":"","message":"ok"}

	                    <script type="text/javascript">
                            // Define a dummy empty callback if there's no script to execute
            let fOnJsFilesLoadedibocontentblock697392856beef075562611 = function (fResolve) {
                fResolve();
            }
                            
            window['ajax_697392856bf1c7.84051656'] = new Promise(function (fAllJsFilesResolve, fAllJsFilesReject) {
                /**
                 * @type {Array} aJsFilesToLoad Files required by the current AjaxPage
                 *
                 * For each file:
                 * - "id": Used as an identifier to check if file is already being handled
                 * - "url" is the URL that will be used for loading. It should include any relevant query args, including the cache buster
                 *
                 * ```
                 * [
                 *  {"id": "https://itop/js/foo.js", "url": "https://itop/js/foo.js?cache_buster=123},
                 *  {"id": "https://itop/js/bar.js", "url": "https://itop/js/bar.js?a=b&cache_buster=123"},
                 *  ...
                 * ]
                 * ```
                 */
                
                // If these constants aren't defined by the main page, define them (global) ourselves
                if (typeof aLoadedJsFilesRegister === "undefined") {
                    Object.defineProperty(window, "aLoadedJsFilesRegister", {
                        value: new Map(),
                        writable: false,
                        configurable: false,
                        enumerable: true
                    });
                }      
                
                if (typeof aLoadedJsFilesResolveCallbacks === "undefined") {
                    Object.defineProperty(window, "aLoadedJsFilesResolveCallbacks", {
                        value: new Map(),
                        writable: false,
                        configurable: false,
                        enumerable: true
                    });
                }
                
                let aJsFilesToLoad = [];
                /**
                 * @type {Array} aJsFilesToLoadByOtherRequests Files required by the current AjaxPage but that are already being handled by another request (done or ongoing)
                 */
                let aJsFilesToLoadByOtherRequests = [];

                                        aJsFilesToLoad.push({
                        "id": "http://localhost/itop/pages/ajax.document.php?operation=dict&s=EN US-9193787df775a4da76d41a806d82687c",
                        "url": "http://localhost/itop/pages/ajax.document.php?operation=dict&s=EN US-9193787df775a4da76d41a806d82687c&t=1769181433.2577"
                    });

                    // If file is already present in the register (see it declaration in WebPage TWIG template), let its original requester load it
                    if (aLoadedJsFilesRegister.has("http://localhost/itop/pages/ajax.document.php?operation=dict&s=EN US-9193787df775a4da76d41a806d82687c") === true) {
                        aJsFilesToLoadByOtherRequests.push("http://localhost/itop/pages/ajax.document.php?operation=dict&s=EN US-9193787df775a4da76d41a806d82687c");
                    }
                    // Otherwise add it to register and initialize corresponding promise
                    else {
                        aLoadedJsFilesRegister.set("http://localhost/itop/pages/ajax.document.php?operation=dict&s=EN US-9193787df775a4da76d41a806d82687c", new Promise(function(fJsFileResolve) {
                            aLoadedJsFilesResolveCallbacks.set("http://localhost/itop/pages/ajax.document.php?operation=dict&s=EN US-9193787df775a4da76d41a806d82687c", fJsFileResolve);
                        }));
                    }
                
                let iCurrentIdx = 0;
                let iFilesToLoadCount = aJsFilesToLoad.length;
                if (iFilesToLoadCount > 0)
                {
                    let fLoadScriptibocontentblock697392856beef075562611 = function () {
                        let sCurrentFileId = aJsFilesToLoad[iCurrentIdx]["id"];
                        let sCurrentFileUrl = aJsFilesToLoad[iCurrentIdx]["url"];

                        /** @type {Promise} oPromise Promise to use once file is loaded */
                        let oPromise = null;
                        // If file is handled by another request, retrieve the existing promise
                        if ($.inArray(sCurrentFileId, aJsFilesToLoadByOtherRequests) !== -1) {
                            oPromise = aLoadedJsFilesRegister.get(sCurrentFileId)
                        }
                        // Otherwise create its own promise to load it
                        else {
                            oPromise = $.when(
                                    $.ajax({
                                        url: sCurrentFileUrl,
                                        dataType: 'script',
                                        cache: true
                                    }),
                                    aLoadedJsFilesResolveCallbacks.get(sCurrentFileId)()
                            );
                        }

                        // Only once file is loaded (by the request or another), proceed to next step
                        oPromise.then(function () {
                            iCurrentIdx++;
                            if (iCurrentIdx !== iFilesToLoadCount)
                            {
                                fLoadScriptibocontentblock697392856beef075562611();
                            }
                            else
                            {
                                fOnJsFilesLoadedibocontentblock697392856beef075562611(fAllJsFilesResolve);
                            }
                        });
                    };
                    fLoadScriptibocontentblock697392856beef075562611();
                }
                else
                {
                    fOnJsFilesLoadedibocontentblock697392856beef075562611(fAllJsFilesResolve);
                }
            });
        </script>

and this one when deleting:
checklist.min.js?t=1769181433.2577:1 {"error":false,"id":null,"html":"","message":"ok","issues":[]}

	                    <script type="text/javascript">
                            // Define a dummy empty callback if there's no script to execute
            let fOnJsFilesLoadedibocontentblock697392cbaf927874076329 = function (fResolve) {
                fResolve();
            }
                            
            window['ajax_697392cbaf9509.58073114'] = new Promise(function (fAllJsFilesResolve, fAllJsFilesReject) {
                /**
                 * @type {Array} aJsFilesToLoad Files required by the current AjaxPage
                 *
                 * For each file:
                 * - "id": Used as an identifier to check if file is already being handled
                 * - "url" is the URL that will be used for loading. It should include any relevant query args, including the cache buster
                 *
                 * ```
                 * [
                 *  {"id": "https://itop/js/foo.js", "url": "https://itop/js/foo.js?cache_buster=123},
                 *  {"id": "https://itop/js/bar.js", "url": "https://itop/js/bar.js?a=b&cache_buster=123"},
                 *  ...
                 * ]
                 * ```
                 */
                
                // If these constants aren't defined by the main page, define them (global) ourselves
                if (typeof aLoadedJsFilesRegister === "undefined") {
                    Object.defineProperty(window, "aLoadedJsFilesRegister", {
                        value: new Map(),
                        writable: false,
                        configurable: false,
                        enumerable: true
                    });
                }      
                
                if (typeof aLoadedJsFilesResolveCallbacks === "undefined") {
                    Object.defineProperty(window, "aLoadedJsFilesResolveCallbacks", {
                        value: new Map(),
                        writable: false,
                        configurable: false,
                        enumerable: true
                    });
                }
                
                let aJsFilesToLoad = [];
                /**
                 * @type {Array} aJsFilesToLoadByOtherRequests Files required by the current AjaxPage but that are already being handled by another request (done or ongoing)
                 */
                let aJsFilesToLoadByOtherRequests = [];

                                        aJsFilesToLoad.push({
                        "id": "http://localhost/itop/pages/ajax.document.php?operation=dict&s=EN US-9193787df775a4da76d41a806d82687c",
                        "url": "http://localhost/itop/pages/ajax.document.php?operation=dict&s=EN US-9193787df775a4da76d41a806d82687c&t=1769181433.2577"
                    });

                    // If file is already present in the register (see it declaration in WebPage TWIG template), let its original requester load it
                    if (aLoadedJsFilesRegister.has("http://localhost/itop/pages/ajax.document.php?operation=dict&s=EN US-9193787df775a4da76d41a806d82687c") === true) {
                        aJsFilesToLoadByOtherRequests.push("http://localhost/itop/pages/ajax.document.php?operation=dict&s=EN US-9193787df775a4da76d41a806d82687c");
                    }
                    // Otherwise add it to register and initialize corresponding promise
                    else {
                        aLoadedJsFilesRegister.set("http://localhost/itop/pages/ajax.document.php?operation=dict&s=EN US-9193787df775a4da76d41a806d82687c", new Promise(function(fJsFileResolve) {
                            aLoadedJsFilesResolveCallbacks.set("http://localhost/itop/pages/ajax.document.php?operation=dict&s=EN US-9193787df775a4da76d41a806d82687c", fJsFileResolve);
                        }));
                    }
                
                let iCurrentIdx = 0;
                let iFilesToLoadCount = aJsFilesToLoad.length;
                if (iFilesToLoadCount > 0)
                {
                    let fLoadScriptibocontentblock697392cbaf927874076329 = function () {
                        let sCurrentFileId = aJsFilesToLoad[iCurrentIdx]["id"];
                        let sCurrentFileUrl = aJsFilesToLoad[iCurrentIdx]["url"];

                        /** @type {Promise} oPromise Promise to use once file is loaded */
                        let oPromise = null;
                        // If file is handled by another request, retrieve the existing promise
                        if ($.inArray(sCurrentFileId, aJsFilesToLoadByOtherRequests) !== -1) {
                            oPromise = aLoadedJsFilesRegister.get(sCurrentFileId)
                        }
                        // Otherwise create its own promise to load it
                        else {
                            oPromise = $.when(
                                    $.ajax({
                                        url: sCurrentFileUrl,
                                        dataType: 'script',
                                        cache: true
                                    }),
                                    aLoadedJsFilesResolveCallbacks.get(sCurrentFileId)()
                            );
                        }

                        // Only once file is loaded (by the request or another), proceed to next step
                        oPromise.then(function () {
                            iCurrentIdx++;
                            if (iCurrentIdx !== iFilesToLoadCount)
                            {
                                fLoadScriptibocontentblock697392cbaf927874076329();
                            }
                            else
                            {
                                fOnJsFilesLoadedibocontentblock697392cbaf927874076329(fAllJsFilesResolve);
                            }
                        });
                    };
                    fLoadScriptibocontentblock697392cbaf927874076329();
                }
                else
                {
                    fOnJsFilesLoadedibocontentblock697392cbaf927874076329(fAllJsFilesResolve);
                }
            });
        </script>

[Filopodub]

I fond a problem, i looked into checklist.min.js and changed this:
this.post = function (t, i) {
t.host_id = this.hostId;
t.host_class = this.hostClass;

    $.post(this.url, t, function (e) {
        try {
            var t = JSON.parse(e);
        } catch (t) {
            return i(new Error(e));
        }

        return t.error !== false
            ? i(new Error(t.message))
            : i(null, t);
    });

};

to this
this.post = function (data, callback) {
data.host_id = this.hostId;
data.host_class = this.hostClass;

  $.post(this.url, data, function (response) {
      let jsonText;
      let json;

      try {
          // Take ONLY the first line / first JSON object
          jsonText = response.trim().split('\n')[0];
          json = JSON.parse(jsonText);
      } catch (err) {
          console.error("Invalid JSON response:", response);
          return callback(err);
      }

      if (json.error !== false) {
          return callback(new Error(json.message || "Unknown error"));
      }

      callback(null, json);
  });

};