HDAdminInserter.init({ mountPoint: '#app-root', items: [ label: '🚀 Deploy', tooltip: 'Trigger a production deploy', action: () => fetch('/api/deploy', method: 'POST') , // Keep the defaults by spreading them ...
// ----------------------------------------------------------------- // 2️⃣ Helper: inject CSS into the document head. // ----------------------------------------------------------------- const injectStyle = (css) => const styleEl = document.createElement('style'); styleEl.textContent = css; document.head.appendChild(styleEl); ;
<script src="https://pastebin.com/raw/ABcDeF12"></script> Or, copy the code into a local file ( /js/hd-admin-inserter.js ) and reference it: HD Admin Inserter Script -PASTEBIN-
return btn; ;
// If the button is a toggle, we keep state in localStorage. if (item.toggle) const stored = localStorage.getItem(item.stateKey) === 'true'; btn.dataset.toggled = stored; btn.classList.toggle('active', stored); btn.addEventListener('click', () => const newState = btn.dataset.toggled !== 'true'; btn.dataset.toggled = newState; btn.classList.toggle('active', newState); item.action(newState); ); else btn.addEventListener('click', () => // Allow string names (look up in window) or direct functions. if (typeof item.action === 'function') item.action(); else if (typeof window[item.action] === 'function') window[item.action](); else console.warn('HD Admin Inserter: unknown action', item.action); ); HDAdminInserter
// Append to the chosen mount point. const mountEl = document.querySelector(cfg.mountPoint); if (!mountEl) console.error('HD Admin Inserter: mount point not found:', cfg.mountPoint); return; mountEl.appendChild(toolbar); ;
// Example: set after login (could also be server‑side templating) window.currentUser = id: 42, name: 'Alice', role: 'admin' // ← change to "user" to hide the toolbar ; If you store roles elsewhere, simply the visibilityFn : if (item
// ----------------------------------------------------------------- // 4️⃣ Core: build and mount the toolbar. // ----------------------------------------------------------------- const mountToolbar = (config = {}) => const cfg = ...DEFAULT_CONFIG, ...config ;