Standardize package structure and naming conventions

[Copilot]

The three BLX packages (TOC, Inline SVG, Modal) had inconsistent headers, naming conventions, and initialization patterns.

Changes

Headers: Unified format across all packages

• TOC/Inline SVG: Already correct
• Modal: Removed file path comment, changed v1.0.6 → Version: 1.0.6

Global naming: Standardized to window.BLX_[UPPERCASE]

• Inline SVG: window.BLX.inlineSVG → window.BLX_INLINE_SVG

Initialization: Unified to readyState check pattern

• Inline SVG: Added readyState check (was DOMContentLoaded-only)
• Modal: Removed __BLX_MODAL_INITIALISED__ guard (unnecessary)

Global loader: Updated function calls and added optional chaining

Documentation: Added PACKAGE_STRUCTURE.md with format guidelines

Standard format

// BLX [Package Name]
// Version: X.Y.Z

(() => {
  // Reusable function — exposed globally
  window.BLX_[UPPERCASE] = function () { /* ... */ };

  // Run once on initial page load (even if script injected late)
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', window.BLX_[UPPERCASE]);
  } else {
    window.BLX_[UPPERCASE]();
  }
})();

Original prompt

Can you make you make sure each package follows the same format/structure, I'd like to maintain some consistency across packages.

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.