// Hook in a function after the rendering defaults are set (executed within NcPosts.start)
NcPosts.hookOptionsBeforeDefaults(function (options) {
console.log(options)
  // Create a new inline renderer to replace the default one
  var CustomInlineRenderer = {
    typeKey: "BILDE", // Handles <ncpost-content data-type="BILDE" ..> elements
    renderElement: function (element, mediaElement, domReadyRegistrator) {
      // Render this after we know the DOM is ready and resized properly (required for embeds such as scripts)
      domReadyRegistrator(function () {

        //we would get the data attribute from the bulletin response
        let getDataSrc = mediaElement.getAttribute("data-src");
        let getDataCaption = mediaElement.getAttribute("data-caption");
        console.log(getDataSrc);
        //append the data-src to the element
        element.innerHTML = '<img style="width: 100%" src="' + getDataSrc + '"><br>' + getDataCaption;
        element.setAttribute(
          "style",
          "background-color: yellow; padding: 20px"
        );
        // Replaces script nodes set by innerHTML and actually creates new script elements and attaches them for them to execute
        NcPosts.CustomInlineRenderer.nodeScriptReplace(element);
      });
    }
  };
  if (!options.extraInlineRenderers) {
    options.extraInlineRenderers = [];
  }
  // Replace the default CustomInlineRenderer with our own custom renderer by adding this here (overwrites it since we have the same typeKey)
  options.extraInlineRenderers.push(CustomInlineRenderer);
});

NcPosts.start({
  channelId: 36370,
  tenantKey: "dev-demo",
  container: document.getElementById("master-container"),
  showMoreElement: document.getElementById("lc-load-more")
});