Method #initElement

www/js/_hyperscript.js:2784–2839

(elt, target)

      delete elt._hyperscript;
    }
    #initElement(elt, target) {
      if (elt.closest && elt.closest(config.disableSelector)) {
        return;
      }
      var internalData = this.getInternalData(elt);
      var src = this.#getScript(elt);
      if (!src) return;
      var hash = this.#hashScript(src);
      if (internalData.initialized) {
        if (internalData.scriptHash === hash) {
          this.#resolveTemplateScopes(elt);
          return;
        }
        this.cleanup(elt);
        internalData = this.getInternalData(elt);
      }
      if (!this.triggerEvent(elt, "hyperscript:before:init")) return;
      internalData.initialized = true;
      internalData.scriptHash = hash;
      try {
        var tokens = this.#tokenizer.tokenize(src);
        var hyperScript = this.#kernel.parseHyperScript(tokens);
        if (!hyperScript) return;
        if (hyperScript.errors?.length) {
          this.triggerEvent(elt, "hyperscript:parse-error", {
            errors: hyperScript.errors
          });
          console.error(
            "hyperscript: " + hyperScript.errors.length + " parse error(s) on:",
            elt,
            "\n\n" + Parser.formatErrors(hyperScript.errors)
          );
          return;
        }
        this.#resolveTemplateScopes(elt);
        hyperScript.apply(target || elt, elt, null, this);
        elt.setAttribute("data-hyperscript-powered", "true");
        this.triggerEvent(elt, "hyperscript:after:init");
        setTimeout(() => {
          this.triggerEvent(target || elt, "load", {
            hyperscript: true
          });
        }, 1);
      } catch (e) {
        this.triggerEvent(elt, "exception", {
          error: e
        });
        console.error(
          "hyperscript errors were found on the following element:",
          elt,
          "\n\n",
          e.message,
          e.stack
        );
      }
    }
    #resolveTemplateScopes(elt) {
      var root = elt.closest('[data-live-template], [dom-scope="isolated"]');