Interaction, SEO and release acceptance

export function bindHelpDialog(trigger, dialog) {
  let returnFocus;
  trigger.addEventListener('click', () => {
    if (dialog.open) return;
    returnFocus = document.activeElement;
    dialog.showModal();
  });
  dialog.querySelector('[data-close]').addEventListener('click', () => dialog.close());
  dialog.addEventListener('close', () => returnFocus?.focus());
}
// Supply a native <dialog> with an accessible heading and type=button close control.
// Keep ordinary help and contact links available without JavaScript.
// Do not show a promotion automatically over a mobile buying control.

{% if product != blank %}
  <script type="application/ld+json">
    {{ product | structured_data }}
  </script>
{% endif %}

# From a Shopify theme project, before preview acceptance:
shopify theme check --path .
git diff --check

# From a Headless project whose package.json defines these scripts:
npm run typecheck
npm run build

# After static checks: preview each market and recheck after a version switch.
# Retain the exact commit, lockfile, environment and recovery target.