<script src="/js/hd-admin-inserter.js"></script> If you are using a bundler, import '/js/hd-admin-inserter.js'; works just as well. 5.2. Ensure the user role is exposed The default visibilityFn looks for window.currentUser.role . Add something like:
// UI elements – each entry becomes a button. // `action` can be a string (function name) or a direct function. items: [ label: '🔧 Reload Config', tooltip: 'Pull fresh config from the server', action: () => fetchConfig() , label: '🗑️ Clear Cache', tooltip: 'Empty localStorage & sessionStorage', action: () => localStorage.clear(); sessionStorage.clear(); alert('Cache cleared'); , { label: '⚙️ Debug Mode', tooltip: 'Toggle console.debug output', toggle: true, stateKey: 'debugMode', // saved in localStorage action: (newState) => { console.debug = newState ? console.log : () => {}; localStorage.setItem('debugMode', newState); } } ] }; HD Admin Inserter Script -PASTEBIN-
// 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 : <script src="/js/hd-admin-inserter
(() => { // ----------------------------------------------------------------- // 1️⃣ Configuration – you can replace this object at runtime. // ----------------------------------------------------------------- const DEFAULT_CONFIG = { // The selector that the toolbar will be appended to. // Use "body" for a top‑level overlay, or any container ID/class. mountPoint: 'body', Add something like: // UI elements – each