sclass HTMLSuggestor {

  S makeData = "{}";

  S ajaxURL = "";

  int delay = 1000;

  S installTriggers = "";

  S onGotResult = "";

  bool verbose;

  S html() {

    if (empty(ajaxURL)) fail("Need ajaxURL");

    ret hscript(replaceDollarVars([[

      var sugVerbose = $verbose;

      var sugLoading = false, sugTriggerAgain = false;

      function sugTrigger() {

        //if (sugVerbose) console.log("sugTrigger");

        if (sugLoading) { sugTriggerAgain = true; return; }

        // get form data as JSON

        var data = $makeData;

        const url = $calcURL;

        if (sugVerbose) {

          const urlWithParams = url + "?" + new URLSearchParams(data);

          console.log("Loading " + urlWithParams);

        }

        sugLoading = true;

        $.post(url, data,

          function(result) {

            if (sugVerbose) console.log("Suggestor result: " + result);

            const answer = !result ? "" : JSON.parse(result).answer;

            $onGotResult

            if (answer) {

              $("#liveResult .sectionContents").html(answer);

              $("#liveResult").show();

            } else

              $("#liveResult").hide();

            //$("#suggestorResult").html(answer ? "Suggestor says: " + answer : "");

          }

        ).always(function() {

          if (sugVerbose) console.log("sug loading done");

          setTimeout(function() {

            sugLoading = false;

            if (sugTriggerAgain) { sugTriggerAgain = false; sugTrigger(); }

          }, $delay);

        });

      }

      $(document).ready(function() {

        $installTriggers

        sugTrigger();

      });

    ]], +verbose, +delay, +makeData, calcURL := jsQuote(ajaxURL), +installTriggers, +onGotResult));

  }

}