Loading…

Loading article…

Ready to go from reading to doing?

Every ESA course ships with full video modules, dictation templates, CPT codes, and direct access to Dr. Mork — so you can implement what you learn in weeks, not months.

See Courses Contact Us

// Detects the current post via body class (postid-NNN) and fetches its
// data from the WP REST API. Works inside a Kadence Hooked Element that
// replaces the single post layout on all posts.
(function(){
  // Ancestor neutralization (so Kadence container doesn’t constrain us)
  const wrap = document.querySelectorAll(‘.esa-wp’);
  const w = wrap[wrap.length – 1];
  if(!w) return;
  const RESET = ‘max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;background:transparent!important;’;
  let anc = w.parentElement;
  while(anc && anc.tagName !== ‘BODY’ && anc.tagName !== ‘HTML’){
    anc.classList.add(‘esa-wp-ancestor’);
    const prev = anc.getAttribute(‘style’) || ”;
    if(prev.indexOf(‘max-width:none’) === -1){
      anc.setAttribute(‘style’, prev + (prev && !prev.trim().endsWith(‘;’) ? ‘;’ : ”) + RESET);
    }
    anc = anc.parentElement;
  }
  if(document.documentElement) document.documentElement.style.overflowX = ‘hidden’;
  if(document.body){ document.body.style.overflowX = ‘hidden’; document.body.style.margin = ‘0’; }

// Mobile nav toggle
  const ham = w.querySelector(‘.nav-hamburger’);
  const links = w.querySelector(‘.nav-links’);
  if(ham && links){
    ham.addEventListener(‘click’, function(){
      ham.classList.toggle(‘open’);
      links.classList.toggle(‘open’);
      document.body.classList.toggle(‘esa-menu-open’, links.classList.contains(‘open’));
    });
  }

// Find current post ID + post type from body class
  // WP adds classes like “postid-123 single-post” or “postid-456 single-scientific_studies”
  const bodyCls  = document.body.className || ”;
  const idMatch  = bodyCls.match(/postid-(\d+)/);
  const typeMatch = bodyCls.match(/(?:^|\s)single-([a-z0-9_-]+)/i);
  const postTypeSlug = typeMatch ? typeMatch[1] : ‘post’;

const titleEl    = document.getElementById(‘esa-post-title’);
  const crumbEl    = document.getElementById(‘esa-post-crumb-title’);
  const catEl      = document.getElementById(‘esa-post-category’);
  const metaEl     = document.getElementById(‘esa-post-meta’);
  const featuredEl = document.getElementById(‘esa-post-featured’);
  const imgEl      = document.getElementById(‘esa-post-image’);
  const bodyEl     = document.getElementById(‘esa-post-body’);
  const loadingEl  = document.getElementById(‘esa-post-loading’);
  const authorEl   = document.getElementById(‘esa-post-author’);
  const bodyWrap   = document.getElementById(‘esa-post-body-wrap’);

if(!idMatch){
    showError();
    return;
  }
  const postId = idMatch[1];
  const base = (window.location.origin || ‘https://endoscopicspineacademy.com’);

// Step 1 — resolve the REST base for this post type.
  // `post` → `posts`; custom types may map to hyphen/plural variants, so we
  // ask WP what the true rest_base is via /wp-json/wp/v2/types. If that call
  // fails we fall back to a list of common guesses.
  function resolveRestBase(){
    if(postTypeSlug === ‘post’) return Promise.resolve(‘posts’);
    return fetch(base + ‘/wp-json/wp/v2/types’)
      .then(function(r){ return r.ok ? r.json() : null; })
      .then(function(types){
        if(types && types[postTypeSlug] && types[postTypeSlug].rest_base){
          return types[postTypeSlug].rest_base;
        }
        // Fallback guesses
        return postTypeSlug.replace(/_/g, ‘-‘);
      })
      .catch(function(){ return postTypeSlug.replace(/_/g, ‘-‘); });
  }

// Step 2 — fetch the post from the correct endpoint. If that 404s we
  // try a couple of common alternatives before giving up.
  function fetchPost(restBase){
    const tried = [];
    const candidates = [
      restBase,
      postTypeSlug,
      postTypeSlug.replace(/_/g, ‘-‘),
      postTypeSlug.replace(/-/g, ‘_’),
      ‘posts’
    ].filter(function(b, i, a){ return b && a.indexOf(b) === i; });

resolveRestBase()
    .then(fetchPost)
    .then(function(post){
      const title = (post.title && post.title.rendered) || ‘Untitled’;
      const content = (post.content && post.content.rendered) || ”;
      const date = formatDate(post.date);
      const mins = readingTime(content);

// Title + breadcrumb
      titleEl.innerHTML = title;
      crumbEl.textContent = stripHTML(title);
      document.title = stripHTML(title) + ‘ · ESA Blog’;

// Category pill
      try {
        const terms = post._embedded && post._embedded[‘wp:term’];
        if(terms){
          for(let i = 0; i < terms.length; i++){
            if(Array.isArray(terms[i]) && terms[i].length && terms[i][0].name){
              catEl.textContent = terms[i][0].name;
              catEl.style.display = 'inline-block';
              break;
            }
          }
        }
      } catch {}

// Meta row
      const CAL = '<svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>‘;
      const CLK = ‘<svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><polyline points="12,6 12,12 16,14"/></svg>‘;
      metaEl.innerHTML =
        ‘<span class="post-meta-item">‘ + CAL + date + ‘</span>‘ +
        ‘<span class="post-meta-item">‘ + CLK + mins + ‘ min read</span>‘;
      metaEl.style.display = ‘flex’;

// Featured image
      try {
        const media = post._embedded && post._embedded[‘wp:featuredmedia’] && post._embedded[‘wp:featuredmedia’][0];
        if(media && media.source_url){
          imgEl.src = media.source_url;
          imgEl.alt = stripHTML(title);
          featuredEl.style.display = ‘block’;
        } else {
          bodyWrap.classList.add(‘no-featured’);
        }
      } catch { bodyWrap.classList.add(‘no-featured’); }

// Body content
      loadingEl.style.display = ‘none’;
      bodyEl.innerHTML = content;
      authorEl.style.display = ‘flex’;
    })
    .catch(function(err){
      console.error(‘[ESA single-post] fetch error:’, err);
      showError();
    });
})();