hermesbuttons 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +397 -0
  3. package/dist/chunk-3CPSZAJ2.mjs +398 -0
  4. package/dist/chunk-3CPSZAJ2.mjs.map +1 -0
  5. package/dist/hermes-button-OWZRXNSO.mjs +263 -0
  6. package/dist/hermes-button-OWZRXNSO.mjs.map +1 -0
  7. package/dist/hermes-skill-button-5MLIQS4T.mjs +263 -0
  8. package/dist/hermes-skill-button-5MLIQS4T.mjs.map +1 -0
  9. package/dist/index.d.mts +245 -0
  10. package/dist/index.d.ts +245 -0
  11. package/dist/index.global.js +920 -0
  12. package/dist/index.global.js.map +1 -0
  13. package/dist/index.js +921 -0
  14. package/dist/index.js.map +1 -0
  15. package/dist/index.mjs +921 -0
  16. package/dist/index.mjs.map +1 -0
  17. package/dist/react.d.mts +84 -0
  18. package/dist/react.d.ts +84 -0
  19. package/dist/react.js +920 -0
  20. package/dist/react.js.map +1 -0
  21. package/dist/react.mjs +2 -0
  22. package/dist/react.mjs.map +1 -0
  23. package/dist/vue.d.mts +64 -0
  24. package/dist/vue.d.ts +64 -0
  25. package/dist/vue.js +920 -0
  26. package/dist/vue.js.map +1 -0
  27. package/dist/vue.mjs +920 -0
  28. package/dist/vue.mjs.map +1 -0
  29. package/package.json +68 -0
package/dist/react.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/icons.ts","../src/themes.ts","../src/popup-dialog.ts","../src/hermes-button.ts","../src/hermes-skill-button.ts","../src/react.ts"],"sourcesContent":["export const HERMES_ICON = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"hb-icon\">\n <!-- Wing helmet -->\n <path d=\"M12 2C8.5 2 6 4.5 6 7c0 1.5.5 2.8 1.5 3.8L6 14h12l-1.5-3.2C17.5 9.8 18 8.5 18 7c0-2.5-2.5-5-6-5z\" fill=\"currentColor\" opacity=\"0.2\"/>\n <path d=\"M12 2C8.5 2 6 4.5 6 7c0 1.5.5 2.8 1.5 3.8L6 14h12l-1.5-3.2C17.5 9.8 18 8.5 18 7c0-2.5-2.5-5-6-5z\" stroke=\"currentColor\" stroke-width=\"1.5\" fill=\"none\" stroke-linejoin=\"round\"/>\n <!-- Wings -->\n <path d=\"M6 6.5C4.5 5 2 5 2 7s1.5 3 3 3\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\n <path d=\"M18 6.5C19.5 5 22 5 22 7s-1.5 3-3 3\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\n <!-- Caduceus staff -->\n <line x1=\"12\" y1=\"14\" x2=\"12\" y2=\"22\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"/>\n <!-- Snakes -->\n <path d=\"M9.5 16c1.5 1 3.5 1 5 0\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" fill=\"none\"/>\n <path d=\"M9.5 19c1.5 1 3.5 1 5 0\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" fill=\"none\"/>\n <!-- Eye -->\n <circle cx=\"12\" cy=\"7.5\" r=\"1.5\" fill=\"currentColor\"/>\n</svg>`;\n\nexport const HERMES_SKILL_ICON = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"hb-icon\">\n <!-- Brain/memory symbol -->\n <path d=\"M12 3C8 3 5 6 5 9c0 2 1 3.5 2 4.5V16a2 2 0 002 2h6a2 2 0 002-2v-2.5c1-1 2-2.5 2-4.5 0-3-3-6-7-6z\" fill=\"currentColor\" opacity=\"0.15\"/>\n <path d=\"M12 3C8 3 5 6 5 9c0 2 1 3.5 2 4.5V16a2 2 0 002 2h6a2 2 0 002-2v-2.5c1-1 2-2.5 2-4.5 0-3-3-6-7-6z\" stroke=\"currentColor\" stroke-width=\"1.5\" fill=\"none\" stroke-linejoin=\"round\"/>\n <!-- Neural connections -->\n <path d=\"M9 9.5c0-1 .5-2 1.5-2.5M15 9.5c0-1-.5-2-1.5-2.5M10.5 11c.5.5 1.5 1 3 0\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" fill=\"none\"/>\n <!-- Growing roots -->\n <path d=\"M9 18v2M12 18v3M15 18v2\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\n <!-- Sparkle -->\n <circle cx=\"8\" cy=\"6\" r=\"0.8\" fill=\"currentColor\"/>\n <circle cx=\"16\" cy=\"6\" r=\"0.8\" fill=\"currentColor\"/>\n</svg>`;\n\nexport const COPY_ICON = `<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"hb-icon-sm\">\n <rect x=\"5\" y=\"5\" width=\"8\" height=\"8\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.5\" fill=\"none\"/>\n <path d=\"M3 10V3.5A1.5 1.5 0 014.5 2H10\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\n</svg>`;\n\nexport const CHECK_ICON = `<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"hb-icon-sm\">\n <path d=\"M3 8.5l3.5 3.5L13 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>`;\n\nexport const DOWNLOAD_ICON = `<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"hb-icon-sm\">\n <path d=\"M8 2v8m0 0l-3-3m3 3l3-3\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M3 12v1.5a1 1 0 001 1h8a1 1 0 001-1V12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\n</svg>`;\n\nexport const CLOSE_ICON = `<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"hb-icon-sm\">\n <path d=\"M4 4l8 8m0-8l-8 8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\n</svg>`;\n\nexport const TERMINAL_ICON = `<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"hb-icon-sm\">\n <rect x=\"1\" y=\"2\" width=\"14\" height=\"12\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\" fill=\"none\"/>\n <path d=\"M4 6l3 2.5L4 11\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M9 11h3\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\n</svg>`;\n","import type { ThemeTokens, Theme } from './types';\n\nexport const BRAND_COLOR = '#7C3AED';\nexport const BRAND_COLOR_HOVER = '#6D28D9';\nexport const BRAND_COLOR_ACTIVE = '#5B21B6';\n\nexport const ALT_BRAND_COLOR = '#14B8A6';\n\nexport const themes: Record<Exclude<Theme, 'system'>, ThemeTokens> = {\n branded: {\n bg: BRAND_COLOR,\n text: '#FFFFFF',\n border: 'transparent',\n surface: '#FFFFFF',\n surfaceText: '#1A1025',\n muted: '#7C7589',\n primary: BRAND_COLOR,\n primaryText: '#FFFFFF',\n codeBg: '#1A1025',\n codeText: '#F3EEFF',\n },\n 'branded-alt': {\n bg: ALT_BRAND_COLOR,\n text: '#FFFFFF',\n border: 'transparent',\n surface: '#FFFFFF',\n surfaceText: '#1A1025',\n muted: '#7C7589',\n primary: ALT_BRAND_COLOR,\n primaryText: '#FFFFFF',\n codeBg: '#1A1025',\n codeText: '#F3EEFF',\n },\n dark: {\n bg: '#1A1025',\n text: '#F3EEFF',\n border: '#2D2440',\n surface: '#231A35',\n surfaceText: '#F3EEFF',\n muted: '#9F95B0',\n primary: BRAND_COLOR,\n primaryText: '#FFFFFF',\n codeBg: '#0F0A18',\n codeText: '#F3EEFF',\n },\n light: {\n bg: '#FFFFFF',\n text: '#1A1025',\n border: '#E8E0F0',\n surface: '#FAF8FF',\n surfaceText: '#1A1025',\n muted: '#7C7589',\n primary: BRAND_COLOR,\n primaryText: '#FFFFFF',\n codeBg: '#1A1025',\n codeText: '#F3EEFF',\n },\n};\n\nexport function resolveTheme(theme: Theme): ThemeTokens {\n if (theme !== 'system') return themes[theme];\n if (typeof window === 'undefined') return themes.light;\n return window.matchMedia('(prefers-color-scheme: dark)').matches\n ? themes.dark\n : themes.light;\n}\n\nexport function themeToCSS(tokens: ThemeTokens): string {\n return `\n --hb-bg: ${tokens.bg};\n --hb-text: ${tokens.text};\n --hb-border: ${tokens.border};\n --hb-surface: ${tokens.surface};\n --hb-surface-text: ${tokens.surfaceText};\n --hb-muted: ${tokens.muted};\n --hb-primary: ${tokens.primary};\n --hb-primary-text: ${tokens.primaryText};\n --hb-code-bg: ${tokens.codeBg};\n --hb-code-text: ${tokens.codeText};\n `;\n}\n\nexport const SHAPE_MAP = {\n rounded: { sm: '0.375rem', md: '0.5rem', lg: '0.625rem' },\n pill: { sm: '999px', md: '999px', lg: '999px' },\n square: { sm: '0', md: '0', lg: '0' },\n} as const;\n\nexport const SIZE_MAP = {\n sm: { height: '2rem', fontSize: '0.75rem', iconSize: '0.875rem', padding: '0 0.75rem', ccPadding: '0 0.5rem', gap: '0.375rem', radius: '0.375rem' },\n md: { height: '2.5rem', fontSize: '0.875rem', iconSize: '1.125rem', padding: '0 1rem', ccPadding: '0 0.75rem', gap: '0.5rem', radius: '0.5rem' },\n lg: { height: '3rem', fontSize: '1rem', iconSize: '1.375rem', padding: '0 1.25rem', ccPadding: '0 1rem', gap: '0.625rem', radius: '0.625rem' },\n};\n","import type { PopupOptions, ThemeTokens } from './types';\nimport { HERMES_ICON, HERMES_SKILL_ICON, COPY_ICON, CHECK_ICON, CLOSE_ICON } from './icons';\nimport { resolveTheme, themeToCSS, BRAND_COLOR_HOVER } from './themes';\n\nconst POPUP_STYLES = `\n :host {\n position: fixed;\n inset: 0;\n z-index: 999999;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n .hb-backdrop {\n position: absolute;\n inset: 0;\n background: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(4px);\n -webkit-backdrop-filter: blur(4px);\n animation: hb-fade-in 0.15s ease-out;\n }\n\n .hb-dialog {\n position: relative;\n width: 90%;\n max-width: 460px;\n background: var(--hb-surface);\n color: var(--hb-surface-text);\n border-radius: 16px;\n box-shadow: 0 24px 48px -12px rgba(0, 0, 0, 0.25), 0 0 0 1px var(--hb-border);\n overflow: hidden;\n animation: hb-scale-in 0.2s ease-out;\n }\n\n .hb-dialog-header {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 20px 24px 16px;\n border-bottom: 1px solid var(--hb-border);\n }\n\n .hb-dialog-header-icon {\n width: 36px;\n height: 36px;\n color: var(--hb-primary);\n flex-shrink: 0;\n }\n\n .hb-dialog-header-text {\n flex: 1;\n min-width: 0;\n }\n\n .hb-dialog-title {\n font-size: 16px;\n font-weight: 600;\n line-height: 1.3;\n color: var(--hb-surface-text);\n }\n\n .hb-dialog-description {\n font-size: 13px;\n color: var(--hb-muted);\n margin-top: 2px;\n line-height: 1.4;\n }\n\n .hb-dialog-close {\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: none;\n background: transparent;\n color: var(--hb-muted);\n cursor: pointer;\n border-radius: 8px;\n flex-shrink: 0;\n transition: background 0.15s, color 0.15s;\n }\n\n .hb-dialog-close:hover {\n background: var(--hb-border);\n color: var(--hb-surface-text);\n }\n\n .hb-dialog-close svg { width: 14px; height: 14px; }\n\n .hb-dialog-body { padding: 20px 24px; }\n\n .hb-step {\n display: flex;\n gap: 12px;\n margin-bottom: 16px;\n }\n\n .hb-step:last-child { margin-bottom: 0; }\n\n .hb-step-num {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n background: var(--hb-primary);\n color: var(--hb-primary-text);\n font-size: 12px;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-top: 1px;\n }\n\n .hb-step-content {\n flex: 1;\n min-width: 0;\n }\n\n .hb-step-label {\n font-size: 13px;\n font-weight: 500;\n color: var(--hb-surface-text);\n margin-bottom: 8px;\n line-height: 1.4;\n }\n\n .hb-code-block {\n display: flex;\n align-items: center;\n background: var(--hb-code-bg);\n color: var(--hb-code-text);\n border-radius: 10px;\n padding: 2px 2px 2px 14px;\n font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', Consolas, 'Liberation Mono', Menlo, monospace;\n font-size: 13px;\n line-height: 1.5;\n gap: 8px;\n overflow: hidden;\n }\n\n .hb-code-text {\n flex: 1;\n overflow-x: auto;\n white-space: nowrap;\n padding: 10px 0;\n scrollbar-width: none;\n }\n\n .hb-code-text::-webkit-scrollbar { display: none; }\n\n .hb-code-prefix {\n color: var(--hb-muted);\n user-select: none;\n margin-right: 6px;\n }\n\n .hb-copy-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n height: 36px;\n min-width: 36px;\n padding: 0 12px;\n border: none;\n background: var(--hb-primary);\n color: var(--hb-primary-text);\n cursor: pointer;\n border-radius: 8px;\n font-family: inherit;\n font-size: 12px;\n font-weight: 500;\n flex-shrink: 0;\n transition: background 0.15s, transform 0.1s;\n white-space: nowrap;\n }\n\n .hb-copy-btn:hover { background: ${BRAND_COLOR_HOVER}; }\n .hb-copy-btn:active { transform: scale(0.96); }\n .hb-copy-btn svg { width: 14px; height: 14px; }\n\n .hb-copy-btn[data-copied=\"true\"] {\n background: #16a34a;\n }\n\n .hb-dialog-footer {\n padding: 16px 24px 20px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n\n .hb-action-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n width: 100%;\n height: 44px;\n border: none;\n background: var(--hb-primary);\n color: var(--hb-primary-text);\n cursor: pointer;\n border-radius: 10px;\n font-family: inherit;\n font-size: 14px;\n font-weight: 600;\n transition: background 0.15s, transform 0.1s;\n }\n\n .hb-action-btn:hover { background: ${BRAND_COLOR_HOVER}; }\n .hb-action-btn:active { transform: scale(0.98); }\n .hb-action-btn svg { width: 16px; height: 16px; }\n\n .hb-hint {\n font-size: 12px;\n color: var(--hb-muted);\n text-align: center;\n line-height: 1.4;\n }\n\n .hb-hint kbd {\n display: inline-block;\n padding: 1px 5px;\n font-family: inherit;\n font-size: 11px;\n background: var(--hb-border);\n border-radius: 4px;\n border: 1px solid var(--hb-border);\n }\n\n @keyframes hb-fade-in {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n @keyframes hb-scale-in {\n from { opacity: 0; transform: scale(0.95) translateY(8px); }\n to { opacity: 1; transform: scale(1) translateY(0); }\n }\n\n @media (max-width: 480px) {\n .hb-dialog {\n width: 96%;\n max-width: none;\n border-radius: 14px;\n max-height: 90dvh;\n overflow-y: auto;\n overscroll-behavior: contain;\n }\n\n .hb-dialog-header { padding: 16px 16px 12px; gap: 10px; }\n .hb-dialog-header-icon { width: 28px; height: 28px; }\n .hb-dialog-body { padding: 16px; }\n .hb-dialog-footer { padding: 12px 16px 16px; }\n\n .hb-step { gap: 10px; margin-bottom: 14px; }\n .hb-step-num { width: 22px; height: 22px; font-size: 11px; }\n .hb-step-label { font-size: 12px; margin-bottom: 6px; }\n\n .hb-code-block { font-size: 12px; padding: 2px 2px 2px 10px; border-radius: 8px; }\n .hb-copy-btn { height: 32px; padding: 0 10px; font-size: 11px; border-radius: 6px; }\n .hb-action-btn { height: 40px; font-size: 13px; border-radius: 8px; }\n .hb-hint { font-size: 11px; }\n }\n\n @media (max-width: 360px) {\n .hb-dialog { width: 100%; border-radius: 12px 12px 0 0; align-self: flex-end; }\n .hb-copy-btn span { display: none; }\n .hb-copy-btn { min-width: 32px; padding: 0 8px; }\n }\n\n @supports (padding: env(safe-area-inset-bottom)) {\n .hb-dialog-footer { padding-bottom: calc(20px + env(safe-area-inset-bottom)); }\n }\n`;\n\nexport class HermesPopupDialog extends HTMLElement {\n private _options!: PopupOptions;\n private _mqCleanup: (() => void) | null = null;\n\n constructor() {\n super();\n this.attachShadow({ mode: 'open' });\n }\n\n set options(opts: PopupOptions) {\n this._options = opts;\n this.render();\n }\n\n get options() {\n return this._options;\n }\n\n disconnectedCallback() {\n this._mqCleanup?.();\n this._mqCleanup = null;\n }\n\n private resolvePopupTokens(): ThemeTokens {\n const { theme } = this._options;\n\n if (theme === 'dark' || theme === 'light') return resolveTheme(theme);\n\n const prefersDark = typeof window !== 'undefined'\n && window.matchMedia('(prefers-color-scheme: dark)').matches;\n\n if (theme === 'system') {\n return prefersDark ? resolveTheme('dark') : resolveTheme('light');\n }\n\n const base = prefersDark ? resolveTheme('dark') : resolveTheme('light');\n const brand = resolveTheme(theme);\n return {\n ...base,\n primary: brand.primary,\n primaryText: brand.primaryText,\n };\n }\n\n private render() {\n if (!this.shadowRoot || !this._options) return;\n\n const { variant, title, description, command, fullCommand, skillUrl } = this._options;\n const tokens = this.resolvePopupTokens();\n const icon = variant === 'hermes' ? HERMES_ICON : HERMES_SKILL_ICON;\n\n const isHermesTerminal = variant === 'hermes';\n const displayCommand = fullCommand || command;\n\n this.shadowRoot.innerHTML = `\n <style>${POPUP_STYLES}</style>\n <div style=\"${themeToCSS(tokens)}\">\n <div class=\"hb-backdrop\" data-action=\"close\"></div>\n <div class=\"hb-dialog\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hb-dialog-title\">\n <div class=\"hb-dialog-header\">\n <div class=\"hb-dialog-header-icon\">${icon}</div>\n <div class=\"hb-dialog-header-text\">\n <div class=\"hb-dialog-title\" id=\"hb-dialog-title\">${title}</div>\n ${description ? `<div class=\"hb-dialog-description\">${description}</div>` : ''}\n </div>\n <button class=\"hb-dialog-close\" data-action=\"close\" aria-label=\"Close\">${CLOSE_ICON}</button>\n </div>\n <div class=\"hb-dialog-body\">\n ${isHermesTerminal ? this.renderHermesTerminalBody(displayCommand) : this.renderHermesSkillBody(command, skillUrl)}\n </div>\n <div class=\"hb-dialog-footer\">\n ${isHermesTerminal ? `\n <div class=\"hb-hint\">Press <kbd>⌘</kbd>+<kbd>V</kbd> or <kbd>Ctrl</kbd>+<kbd>V</kbd> in your terminal to run</div>\n ` : `\n <div class=\"hb-hint\">Press <kbd>⌘</kbd>+<kbd>V</kbd> or <kbd>Ctrl</kbd>+<kbd>V</kbd> in your Hermes session to run</div>\n `}\n </div>\n </div>\n </div>\n `;\n\n this.setupListeners();\n this.setupSystemThemeWatch();\n }\n\n private renderHermesTerminalBody(command: string): string {\n return `\n <div class=\"hb-step\">\n <div class=\"hb-step-num\">1</div>\n <div class=\"hb-step-content\">\n <div class=\"hb-step-label\">Copy this command to your clipboard</div>\n <div class=\"hb-code-block\">\n <div class=\"hb-code-text\"><span class=\"hb-code-prefix\">$</span>${this.escapeHtml(command)}</div>\n <button class=\"hb-copy-btn\" data-action=\"copy\" data-command=\"${this.escapeAttr(command)}\">${COPY_ICON}<span>Copy</span></button>\n </div>\n </div>\n </div>\n <div class=\"hb-step\">\n <div class=\"hb-step-num\">2</div>\n <div class=\"hb-step-content\">\n <div class=\"hb-step-label\">Paste and run in your terminal</div>\n </div>\n </div>\n `;\n }\n\n private renderHermesSkillBody(command: string, skillUrl?: string): string {\n let steps = '';\n\n if (skillUrl) {\n const fullPrompt = `Install the skill from ${skillUrl} and run ${command}`;\n steps += `\n <div class=\"hb-step\">\n <div class=\"hb-step-num\">1</div>\n <div class=\"hb-step-content\">\n <div class=\"hb-step-label\">Copy this prompt to your clipboard</div>\n <div class=\"hb-code-block\">\n <div class=\"hb-code-text\">${this.escapeHtml(fullPrompt)}</div>\n <button class=\"hb-copy-btn\" data-action=\"copy\" data-command=\"${this.escapeAttr(fullPrompt)}\">${COPY_ICON}<span>Copy</span></button>\n </div>\n </div>\n </div>\n <div class=\"hb-step\">\n <div class=\"hb-step-num\">2</div>\n <div class=\"hb-step-content\">\n <div class=\"hb-step-label\">Paste into a Hermes session — the agent will fetch the skill and set it up for you</div>\n </div>\n </div>\n `;\n } else {\n steps += `\n <div class=\"hb-step\">\n <div class=\"hb-step-num\">1</div>\n <div class=\"hb-step-content\">\n <div class=\"hb-step-label\">Copy this command to your clipboard</div>\n <div class=\"hb-code-block\">\n <div class=\"hb-code-text\">${this.escapeHtml(command)}</div>\n <button class=\"hb-copy-btn\" data-action=\"copy\" data-command=\"${this.escapeAttr(command)}\">${COPY_ICON}<span>Copy</span></button>\n </div>\n </div>\n </div>\n <div class=\"hb-step\">\n <div class=\"hb-step-num\">2</div>\n <div class=\"hb-step-content\">\n <div class=\"hb-step-label\">Paste and send in your Hermes session</div>\n </div>\n </div>\n `;\n }\n\n return steps;\n }\n\n private setupListeners() {\n if (!this.shadowRoot) return;\n\n this.shadowRoot.addEventListener('click', (e) => {\n const target = (e.target as HTMLElement).closest('[data-action]') as HTMLElement | null;\n if (!target) return;\n\n const action = target.dataset.action;\n\n if (action === 'close') {\n this.close();\n } else if (action === 'copy') {\n const cmd = target.dataset.command || '';\n this.copyToClipboard(cmd, target);\n }\n });\n\n this.shadowRoot.addEventListener('keydown', (e) => {\n if ((e as KeyboardEvent).key === 'Escape') this.close();\n });\n }\n\n private setupSystemThemeWatch() {\n this._mqCleanup?.();\n this._mqCleanup = null;\n\n const theme = this._options.theme;\n const needsWatch = theme === 'system' || theme === 'branded' || theme === 'branded-alt';\n if (!needsWatch || typeof window === 'undefined') return;\n\n const mq = window.matchMedia('(prefers-color-scheme: dark)');\n const handler = () => this.render();\n mq.addEventListener('change', handler);\n this._mqCleanup = () => mq.removeEventListener('change', handler);\n }\n\n private async copyToClipboard(command: string, button: HTMLElement) {\n try {\n await navigator.clipboard.writeText(command);\n const label = button.querySelector('span');\n const iconContainer = button;\n\n button.setAttribute('data-copied', 'true');\n if (label) label.textContent = 'Copied!';\n iconContainer.innerHTML = `${CHECK_ICON}<span>Copied!</span>`;\n\n this._options.onCopy?.(command);\n\n setTimeout(() => {\n button.setAttribute('data-copied', 'false');\n iconContainer.innerHTML = `${COPY_ICON}<span>Copy</span>`;\n }, 2000);\n } catch {\n const textarea = document.createElement('textarea');\n textarea.value = command;\n textarea.style.position = 'fixed';\n textarea.style.opacity = '0';\n document.body.appendChild(textarea);\n textarea.select();\n document.execCommand('copy');\n document.body.removeChild(textarea);\n\n this._options.onCopy?.(command);\n }\n }\n\n close() {\n const dialog = this.shadowRoot?.querySelector('.hb-dialog') as HTMLElement;\n const backdrop = this.shadowRoot?.querySelector('.hb-backdrop') as HTMLElement;\n\n if (dialog) {\n dialog.style.animation = 'hb-scale-in 0.15s ease-in reverse';\n }\n if (backdrop) {\n backdrop.style.animation = 'hb-fade-in 0.15s ease-in reverse';\n }\n\n setTimeout(() => {\n this._options.onClose?.();\n this.remove();\n }, 140);\n }\n\n private escapeHtml(str: string): string {\n const div = document.createElement('div');\n div.textContent = str;\n return div.innerHTML;\n }\n\n private escapeAttr(str: string): string {\n return str.replace(/\"/g, '&quot;').replace(/'/g, '&#39;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n }\n}\n\nif (typeof customElements !== 'undefined' && !customElements.get('hermes-popup-dialog')) {\n customElements.define('hermes-popup-dialog', HermesPopupDialog);\n}\n\nexport function showPopup(options: PopupOptions): HermesPopupDialog {\n const popup = document.createElement('hermes-popup-dialog') as HermesPopupDialog;\n popup.options = options;\n document.body.appendChild(popup);\n return popup;\n}\n","import type { HermesButtonOptions, Theme, Size, Variant, Shape } from './types';\nimport { HERMES_ICON } from './icons';\nimport { resolveTheme, themeToCSS, SIZE_MAP, SHAPE_MAP, BRAND_COLOR, BRAND_COLOR_HOVER, BRAND_COLOR_ACTIVE } from './themes';\nimport { showPopup } from './popup-dialog';\n\nconst BUTTON_STYLES = `\n :host {\n display: inline-block;\n vertical-align: middle;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n -webkit-tap-highlight-color: transparent;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n .hb-btn {\n display: inline-flex;\n align-items: center;\n gap: var(--hb-gap);\n height: var(--hb-height);\n min-height: 44px;\n padding: var(--hb-padding);\n border: 1.5px solid var(--hb-border);\n background: var(--hb-bg);\n color: var(--hb-text);\n font-family: inherit;\n font-size: var(--hb-font-size);\n font-weight: 600;\n line-height: 1;\n border-radius: var(--hb-radius);\n cursor: pointer;\n user-select: none;\n white-space: nowrap;\n touch-action: manipulation;\n transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease, color 0.15s ease;\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n }\n\n @media (pointer: fine) {\n .hb-btn { min-height: unset; }\n }\n\n /* ─── FILLED ─── */\n\n :host([data-variant=\"filled\"][data-theme=\"branded\"]) .hb-btn,\n :host([data-variant=\"filled\"][data-theme=\"branded-alt\"]) .hb-btn {\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);\n }\n :host([data-variant=\"filled\"][data-theme=\"branded\"]) .hb-btn:hover {\n background: ${BRAND_COLOR_HOVER};\n box-shadow: 0 2px 8px rgba(124, 58, 237, 0.35);\n }\n :host([data-variant=\"filled\"][data-theme=\"branded\"]) .hb-btn:active {\n background: ${BRAND_COLOR_ACTIVE};\n transform: scale(0.98);\n }\n :host([data-variant=\"filled\"][data-theme=\"branded-alt\"]) .hb-btn:hover {\n background: #0D9488;\n box-shadow: 0 2px 8px rgba(20, 184, 166, 0.35);\n }\n :host([data-variant=\"filled\"][data-theme=\"branded-alt\"]) .hb-btn:active {\n background: #0F766E;\n transform: scale(0.98);\n }\n\n :host([data-variant=\"filled\"][data-theme=\"dark\"]) .hb-btn {\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n :host([data-variant=\"filled\"][data-theme=\"dark\"]) .hb-btn:hover {\n background: #292524;\n border-color: #57534E;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n }\n :host([data-variant=\"filled\"][data-theme=\"dark\"]) .hb-btn:active {\n background: #1C1917;\n transform: scale(0.98);\n }\n\n :host([data-variant=\"filled\"][data-theme=\"light\"]) .hb-btn {\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);\n }\n :host([data-variant=\"filled\"][data-theme=\"light\"]) .hb-btn:hover {\n border-color: #D6D3D1;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n }\n :host([data-variant=\"filled\"][data-theme=\"light\"]) .hb-btn:active {\n background: #FAFAF9;\n transform: scale(0.98);\n }\n\n /* ─── OUTLINE ─── */\n\n :host([data-variant=\"outline\"][data-theme=\"branded\"]) .hb-btn {\n background: transparent;\n border-color: ${BRAND_COLOR};\n color: ${BRAND_COLOR};\n }\n :host([data-variant=\"outline\"][data-theme=\"branded\"]) .hb-btn:hover {\n background: rgba(124, 58, 237, 0.08);\n box-shadow: 0 2px 8px rgba(124, 58, 237, 0.15);\n }\n :host([data-variant=\"outline\"][data-theme=\"branded\"]) .hb-btn:active {\n background: rgba(124, 58, 237, 0.14);\n transform: scale(0.98);\n }\n\n :host([data-variant=\"outline\"][data-theme=\"branded-alt\"]) .hb-btn {\n background: transparent;\n border-color: #14B8A6;\n color: #14B8A6;\n }\n :host([data-variant=\"outline\"][data-theme=\"branded-alt\"]) .hb-btn:hover {\n background: rgba(20, 184, 166, 0.08);\n box-shadow: 0 2px 8px rgba(20, 184, 166, 0.15);\n }\n :host([data-variant=\"outline\"][data-theme=\"branded-alt\"]) .hb-btn:active {\n background: rgba(20, 184, 166, 0.14);\n transform: scale(0.98);\n }\n\n :host([data-variant=\"outline\"][data-theme=\"dark\"]) .hb-btn {\n background: transparent;\n border-color: #57534E;\n color: #F5F0EB;\n }\n :host([data-variant=\"outline\"][data-theme=\"dark\"]) .hb-btn:hover {\n border-color: ${BRAND_COLOR};\n background: rgba(124, 58, 237, 0.08);\n }\n :host([data-variant=\"outline\"][data-theme=\"dark\"]) .hb-btn:active {\n background: rgba(124, 58, 237, 0.14);\n transform: scale(0.98);\n }\n\n :host([data-variant=\"outline\"][data-theme=\"light\"]) .hb-btn {\n background: transparent;\n border-color: #D6D3D1;\n color: #1C1917;\n }\n :host([data-variant=\"outline\"][data-theme=\"light\"]) .hb-btn:hover {\n border-color: ${BRAND_COLOR};\n background: rgba(124, 58, 237, 0.05);\n }\n :host([data-variant=\"outline\"][data-theme=\"light\"]) .hb-btn:active {\n background: rgba(124, 58, 237, 0.1);\n transform: scale(0.98);\n }\n\n /* ─── GHOST ─── */\n\n :host([data-variant=\"ghost\"]) .hb-btn {\n background: transparent;\n border-color: transparent;\n }\n\n :host([data-variant=\"ghost\"][data-theme=\"branded\"]) .hb-btn {\n color: ${BRAND_COLOR};\n }\n :host([data-variant=\"ghost\"][data-theme=\"branded\"]) .hb-btn:hover {\n background: rgba(124, 58, 237, 0.1);\n }\n :host([data-variant=\"ghost\"][data-theme=\"branded\"]) .hb-btn:active {\n background: rgba(124, 58, 237, 0.16);\n transform: scale(0.98);\n }\n\n :host([data-variant=\"ghost\"][data-theme=\"branded-alt\"]) .hb-btn {\n color: #14B8A6;\n }\n :host([data-variant=\"ghost\"][data-theme=\"branded-alt\"]) .hb-btn:hover {\n background: rgba(20, 184, 166, 0.1);\n }\n :host([data-variant=\"ghost\"][data-theme=\"branded-alt\"]) .hb-btn:active {\n background: rgba(20, 184, 166, 0.16);\n transform: scale(0.98);\n }\n\n :host([data-variant=\"ghost\"][data-theme=\"dark\"]) .hb-btn {\n color: #F5F0EB;\n }\n :host([data-variant=\"ghost\"][data-theme=\"dark\"]) .hb-btn:hover {\n background: rgba(255, 255, 255, 0.06);\n }\n :host([data-variant=\"ghost\"][data-theme=\"dark\"]) .hb-btn:active {\n background: rgba(255, 255, 255, 0.1);\n transform: scale(0.98);\n }\n\n :host([data-variant=\"ghost\"][data-theme=\"light\"]) .hb-btn {\n color: #1C1917;\n }\n :host([data-variant=\"ghost\"][data-theme=\"light\"]) .hb-btn:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n :host([data-variant=\"ghost\"][data-theme=\"light\"]) .hb-btn:active {\n background: rgba(0, 0, 0, 0.08);\n transform: scale(0.98);\n }\n\n /* ─── FOCUS ─── */\n\n .hb-btn:focus-visible {\n outline: 2px solid var(--hb-focus-color, ${BRAND_COLOR});\n outline-offset: 2px;\n }\n\n /* ─── ICON ─── */\n\n .hb-btn-icon {\n width: var(--hb-icon-size);\n height: var(--hb-icon-size);\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .hb-btn-icon svg { width: 100%; height: 100%; }\n\n :host([data-variant=\"filled\"][data-theme=\"branded\"]) .hb-btn-icon,\n :host([data-variant=\"filled\"][data-theme=\"branded-alt\"]) .hb-btn-icon {\n color: #FFFFFF;\n --hb-icon-accent: rgba(255,255,255,0.2);\n }\n :host([data-variant=\"filled\"][data-theme=\"dark\"]) .hb-btn-icon {\n color: var(--hb-accent-color, ${BRAND_COLOR});\n }\n :host([data-variant=\"filled\"][data-theme=\"light\"]) .hb-btn-icon {\n color: var(--hb-accent-color, ${BRAND_COLOR});\n }\n\n :host([data-variant=\"outline\"]) .hb-btn-icon,\n :host([data-variant=\"ghost\"]) .hb-btn-icon {\n color: var(--hb-accent-color, ${BRAND_COLOR});\n }\n\n /* ─── LABEL ─── */\n\n .hb-btn-label {\n letter-spacing: -0.01em;\n }\n`;\n\nexport class HermesButton extends HTMLElement {\n static observedAttributes = ['command', 'theme', 'size', 'variant', 'shape', 'popup', 'prompt-flag', 'popup-title', 'popup-description'];\n\n private _options: HermesButtonOptions = {\n command: '',\n theme: 'branded',\n size: 'md',\n variant: 'filled',\n popup: true,\n promptFlag: true,\n };\n\n private _mqCleanup: (() => void) | null = null;\n private _rendered = false;\n\n constructor() {\n super();\n this.attachShadow({ mode: 'open' });\n }\n\n connectedCallback() {\n this.syncFromAttributes();\n this.render();\n this.updateLightDOM();\n }\n\n disconnectedCallback() {\n this._mqCleanup?.();\n this._mqCleanup = null;\n }\n\n attributeChangedCallback() {\n if (!this._rendered) return;\n this.syncFromAttributes();\n this.render();\n this.updateLightDOM();\n }\n\n set options(opts: Partial<HermesButtonOptions>) {\n this._options = { ...this._options, ...opts };\n this.render();\n this.updateLightDOM();\n }\n\n get options() {\n return this._options;\n }\n\n private syncFromAttributes() {\n const command = this.getAttribute('command');\n const theme = this.getAttribute('theme') as Theme | null;\n const size = this.getAttribute('size') as Size | null;\n const variant = this.getAttribute('variant') as Variant | null;\n const shape = this.getAttribute('shape') as Shape | null;\n const popup = this.getAttribute('popup');\n const promptFlag = this.getAttribute('prompt-flag');\n const popupTitle = this.getAttribute('popup-title');\n const popupDescription = this.getAttribute('popup-description');\n\n if (command !== null) this._options.command = command;\n if (theme) this._options.theme = theme;\n if (size) this._options.size = size;\n if (variant) this._options.variant = variant;\n if (shape) this._options.shape = shape;\n if (popup !== null) this._options.popup = popup !== 'false';\n if (promptFlag !== null) this._options.promptFlag = promptFlag !== 'false';\n if (popupTitle !== null) this._options.popupTitle = popupTitle;\n if (popupDescription !== null) this._options.popupDescription = popupDescription;\n }\n\n private updateLightDOM() {\n const { command } = this._options;\n const fullCommand = this.getFullCommand();\n\n this.setAttribute('role', 'button');\n this.setAttribute('tabindex', '0');\n this.setAttribute('aria-label', `Run on Hermes: ${command}`);\n if (this._options.popup !== false) {\n this.setAttribute('aria-haspopup', 'dialog');\n } else {\n this.removeAttribute('aria-haspopup');\n }\n\n let link = this.querySelector('a[data-hb-crawl]') as HTMLAnchorElement | null;\n if (!link) {\n link = document.createElement('a');\n link.setAttribute('data-hb-crawl', '');\n link.setAttribute('aria-hidden', 'true');\n link.style.cssText = 'position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;';\n this.appendChild(link);\n }\n link.href = `https://hermes.ai/run?command=${encodeURIComponent(fullCommand)}`;\n link.textContent = `Run on Hermes: ${command}`;\n link.setAttribute('data-platform', 'hermes');\n link.setAttribute('data-command', command);\n link.setAttribute('data-full-command', fullCommand);\n }\n\n private getResolvedTheme(): Theme {\n return this._options.theme || 'branded';\n }\n\n private getFullCommand(): string {\n const { command, promptFlag } = this._options;\n if (promptFlag === false) return command;\n return `hermes -p \"${command}\"`;\n }\n\n private render() {\n if (!this.shadowRoot) return;\n\n const theme = this.getResolvedTheme();\n const resolvedTheme = theme === 'system' ? (\n typeof window !== 'undefined' && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n ) : theme;\n const variant = this._options.variant || 'filled';\n\n const tokens = resolveTheme(theme);\n const size = this._options.size || 'md';\n const shape = this._options.shape || 'rounded';\n const sizeTokens = SIZE_MAP[size];\n const radius = SHAPE_MAP[shape][size];\n\n this.setAttribute('data-theme', resolvedTheme);\n this.setAttribute('data-variant', variant);\n\n const bgOverride = variant !== 'filled' ? 'transparent' : tokens.bg;\n const borderOverride = variant === 'ghost' ? 'transparent' :\n variant === 'outline' ? tokens.primary : tokens.border;\n const textOverride = variant !== 'filled' ? tokens.primary : tokens.text;\n\n this.shadowRoot.innerHTML = `\n <style>${BUTTON_STYLES}</style>\n <button\n class=\"hb-btn\"\n type=\"button\"\n style=\"\n ${themeToCSS(tokens)}\n --hb-bg: ${bgOverride};\n --hb-border: ${borderOverride};\n --hb-text: ${textOverride};\n --hb-accent-color: ${tokens.primary};\n --hb-focus-color: ${tokens.primary};\n --hb-height: ${sizeTokens.height};\n --hb-font-size: ${sizeTokens.fontSize};\n --hb-icon-size: ${sizeTokens.iconSize};\n --hb-padding: ${sizeTokens.ccPadding};\n --hb-gap: ${sizeTokens.gap};\n --hb-radius: ${radius};\n \"\n aria-label=\"Run on Hermes: ${this._options.command.replace(/\"/g, '&quot;')}\"\n >\n <span class=\"hb-btn-icon\" aria-hidden=\"true\">${HERMES_ICON}</span>\n <span class=\"hb-btn-label\">Run on Hermes</span>\n </button>\n `;\n\n const btn = this.shadowRoot.querySelector('.hb-btn')!;\n btn.addEventListener('click', () => this.handleClick());\n btn.addEventListener('keydown', (e) => {\n if ((e as KeyboardEvent).key === 'Enter' || (e as KeyboardEvent).key === ' ') {\n e.preventDefault();\n this.handleClick();\n }\n });\n this._rendered = true;\n this.setupSystemThemeWatch();\n }\n\n private handleClick() {\n const { popup, command, popupTitle, popupDescription } = this._options;\n const fullCommand = this.getFullCommand();\n\n this.dispatchEvent(new CustomEvent('hb-open', {\n bubbles: true,\n composed: true,\n detail: { command, fullCommand },\n }));\n\n if (popup === false) {\n navigator.clipboard.writeText(fullCommand).then(() => {\n this._options.onCopy?.(fullCommand);\n this.dispatchEvent(new CustomEvent('hb-copy', {\n bubbles: true,\n composed: true,\n detail: { command: fullCommand },\n }));\n });\n return;\n }\n\n showPopup({\n variant: 'hermes',\n theme: this.getResolvedTheme(),\n title: popupTitle || 'Run on Hermes',\n description: popupDescription || 'Execute this command in your terminal to get started with Hermes Agent.',\n command,\n fullCommand,\n onCopy: (cmd: string) => {\n this._options.onCopy?.(cmd);\n this.dispatchEvent(new CustomEvent('hb-copy', {\n bubbles: true,\n composed: true,\n detail: { command: cmd },\n }));\n },\n onClose: () => {\n this.dispatchEvent(new CustomEvent('hb-close', {\n bubbles: true,\n composed: true,\n }));\n },\n });\n }\n\n private setupSystemThemeWatch() {\n this._mqCleanup?.();\n this._mqCleanup = null;\n\n if (this.getResolvedTheme() !== 'system' || typeof window === 'undefined') return;\n\n const mq = window.matchMedia('(prefers-color-scheme: dark)');\n const handler = () => this.render();\n mq.addEventListener('change', handler);\n this._mqCleanup = () => mq.removeEventListener('change', handler);\n }\n}\n\nexport function registerHermesButton(tagName = 'hermes-button') {\n if (typeof customElements === 'undefined') return;\n if (!customElements.get(tagName)) {\n customElements.define(tagName, HermesButton);\n }\n}\n\nregisterHermesButton();\n\nexport function createHermesButton(options: HermesButtonOptions): HermesButton {\n const el = document.createElement('hermes-button') as HermesButton;\n el.options = options;\n return el;\n}\n","import type { HermesSkillButtonOptions, Theme, Size, Variant, Shape } from './types';\nimport { HERMES_SKILL_ICON } from './icons';\nimport { resolveTheme, themeToCSS, SIZE_MAP, SHAPE_MAP, BRAND_COLOR, BRAND_COLOR_HOVER, BRAND_COLOR_ACTIVE } from './themes';\nimport { showPopup } from './popup-dialog';\n\nconst BUTTON_STYLES = `\n :host {\n display: inline-block;\n vertical-align: middle;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n -webkit-tap-highlight-color: transparent;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n .hb-btn {\n display: inline-flex;\n align-items: center;\n gap: var(--hb-gap);\n height: var(--hb-height);\n min-height: 44px;\n padding: var(--hb-padding);\n border: 1.5px solid var(--hb-border);\n background: var(--hb-bg);\n color: var(--hb-text);\n font-family: inherit;\n font-size: var(--hb-font-size);\n font-weight: 600;\n line-height: 1;\n border-radius: var(--hb-radius);\n cursor: pointer;\n user-select: none;\n white-space: nowrap;\n touch-action: manipulation;\n transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease, color 0.15s ease;\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n }\n\n @media (pointer: fine) {\n .hb-btn { min-height: unset; }\n }\n\n /* ─── FILLED ─── */\n\n :host([data-variant=\"filled\"][data-theme=\"branded\"]) .hb-btn,\n :host([data-variant=\"filled\"][data-theme=\"branded-alt\"]) .hb-btn {\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);\n }\n :host([data-variant=\"filled\"][data-theme=\"branded\"]) .hb-btn:hover {\n background: ${BRAND_COLOR_HOVER};\n box-shadow: 0 2px 8px rgba(124, 58, 237, 0.35);\n }\n :host([data-variant=\"filled\"][data-theme=\"branded\"]) .hb-btn:active {\n background: ${BRAND_COLOR_ACTIVE};\n transform: scale(0.98);\n }\n :host([data-variant=\"filled\"][data-theme=\"branded-alt\"]) .hb-btn:hover {\n background: #0D9488;\n box-shadow: 0 2px 8px rgba(20, 184, 166, 0.35);\n }\n :host([data-variant=\"filled\"][data-theme=\"branded-alt\"]) .hb-btn:active {\n background: #0F766E;\n transform: scale(0.98);\n }\n\n :host([data-variant=\"filled\"][data-theme=\"dark\"]) .hb-btn {\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n :host([data-variant=\"filled\"][data-theme=\"dark\"]) .hb-btn:hover {\n background: #292524;\n border-color: #57534E;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n }\n :host([data-variant=\"filled\"][data-theme=\"dark\"]) .hb-btn:active {\n background: #1C1917;\n transform: scale(0.98);\n }\n\n :host([data-variant=\"filled\"][data-theme=\"light\"]) .hb-btn {\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);\n }\n :host([data-variant=\"filled\"][data-theme=\"light\"]) .hb-btn:hover {\n border-color: #D6D3D1;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n }\n :host([data-variant=\"filled\"][data-theme=\"light\"]) .hb-btn:active {\n background: #FAFAF9;\n transform: scale(0.98);\n }\n\n /* ─── OUTLINE ─── */\n\n :host([data-variant=\"outline\"][data-theme=\"branded\"]) .hb-btn {\n background: transparent;\n border-color: ${BRAND_COLOR};\n color: ${BRAND_COLOR};\n }\n :host([data-variant=\"outline\"][data-theme=\"branded\"]) .hb-btn:hover {\n background: rgba(124, 58, 237, 0.08);\n box-shadow: 0 2px 8px rgba(124, 58, 237, 0.15);\n }\n :host([data-variant=\"outline\"][data-theme=\"branded\"]) .hb-btn:active {\n background: rgba(124, 58, 237, 0.14);\n transform: scale(0.98);\n }\n\n :host([data-variant=\"outline\"][data-theme=\"branded-alt\"]) .hb-btn {\n background: transparent;\n border-color: #14B8A6;\n color: #14B8A6;\n }\n :host([data-variant=\"outline\"][data-theme=\"branded-alt\"]) .hb-btn:hover {\n background: rgba(20, 184, 166, 0.08);\n box-shadow: 0 2px 8px rgba(20, 184, 166, 0.15);\n }\n :host([data-variant=\"outline\"][data-theme=\"branded-alt\"]) .hb-btn:active {\n background: rgba(20, 184, 166, 0.14);\n transform: scale(0.98);\n }\n\n :host([data-variant=\"outline\"][data-theme=\"dark\"]) .hb-btn {\n background: transparent;\n border-color: #57534E;\n color: #F5F0EB;\n }\n :host([data-variant=\"outline\"][data-theme=\"dark\"]) .hb-btn:hover {\n border-color: ${BRAND_COLOR};\n background: rgba(124, 58, 237, 0.08);\n }\n :host([data-variant=\"outline\"][data-theme=\"dark\"]) .hb-btn:active {\n background: rgba(124, 58, 237, 0.14);\n transform: scale(0.98);\n }\n\n :host([data-variant=\"outline\"][data-theme=\"light\"]) .hb-btn {\n background: transparent;\n border-color: #D6D3D1;\n color: #1C1917;\n }\n :host([data-variant=\"outline\"][data-theme=\"light\"]) .hb-btn:hover {\n border-color: ${BRAND_COLOR};\n background: rgba(124, 58, 237, 0.05);\n }\n :host([data-variant=\"outline\"][data-theme=\"light\"]) .hb-btn:active {\n background: rgba(124, 58, 237, 0.1);\n transform: scale(0.98);\n }\n\n /* ─── GHOST ─── */\n\n :host([data-variant=\"ghost\"]) .hb-btn {\n background: transparent;\n border-color: transparent;\n }\n\n :host([data-variant=\"ghost\"][data-theme=\"branded\"]) .hb-btn {\n color: ${BRAND_COLOR};\n }\n :host([data-variant=\"ghost\"][data-theme=\"branded\"]) .hb-btn:hover {\n background: rgba(124, 58, 237, 0.1);\n }\n :host([data-variant=\"ghost\"][data-theme=\"branded\"]) .hb-btn:active {\n background: rgba(124, 58, 237, 0.16);\n transform: scale(0.98);\n }\n\n :host([data-variant=\"ghost\"][data-theme=\"branded-alt\"]) .hb-btn {\n color: #14B8A6;\n }\n :host([data-variant=\"ghost\"][data-theme=\"branded-alt\"]) .hb-btn:hover {\n background: rgba(20, 184, 166, 0.1);\n }\n :host([data-variant=\"ghost\"][data-theme=\"branded-alt\"]) .hb-btn:active {\n background: rgba(20, 184, 166, 0.16);\n transform: scale(0.98);\n }\n\n :host([data-variant=\"ghost\"][data-theme=\"dark\"]) .hb-btn {\n color: #F5F0EB;\n }\n :host([data-variant=\"ghost\"][data-theme=\"dark\"]) .hb-btn:hover {\n background: rgba(255, 255, 255, 0.06);\n }\n :host([data-variant=\"ghost\"][data-theme=\"dark\"]) .hb-btn:active {\n background: rgba(255, 255, 255, 0.1);\n transform: scale(0.98);\n }\n\n :host([data-variant=\"ghost\"][data-theme=\"light\"]) .hb-btn {\n color: #1C1917;\n }\n :host([data-variant=\"ghost\"][data-theme=\"light\"]) .hb-btn:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n :host([data-variant=\"ghost\"][data-theme=\"light\"]) .hb-btn:active {\n background: rgba(0, 0, 0, 0.08);\n transform: scale(0.98);\n }\n\n /* ─── FOCUS ─── */\n\n .hb-btn:focus-visible {\n outline: 2px solid var(--hb-focus-color, ${BRAND_COLOR});\n outline-offset: 2px;\n }\n\n /* ─── ICON ─── */\n\n .hb-btn-icon {\n width: var(--hb-icon-size);\n height: var(--hb-icon-size);\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .hb-btn-icon svg { width: 100%; height: 100%; }\n\n :host([data-variant=\"filled\"][data-theme=\"branded\"]) .hb-btn-icon,\n :host([data-variant=\"filled\"][data-theme=\"branded-alt\"]) .hb-btn-icon {\n color: #FFFFFF;\n --hb-icon-accent: rgba(255,255,255,0.2);\n }\n :host([data-variant=\"filled\"][data-theme=\"dark\"]) .hb-btn-icon {\n color: var(--hb-accent-color, ${BRAND_COLOR});\n }\n :host([data-variant=\"filled\"][data-theme=\"light\"]) .hb-btn-icon {\n color: var(--hb-accent-color, ${BRAND_COLOR});\n }\n\n :host([data-variant=\"outline\"]) .hb-btn-icon,\n :host([data-variant=\"ghost\"]) .hb-btn-icon {\n color: var(--hb-accent-color, ${BRAND_COLOR});\n }\n\n /* ─── LABEL ─── */\n\n .hb-btn-label {\n letter-spacing: -0.01em;\n }\n`;\n\nexport class HermesSkillButton extends HTMLElement {\n static observedAttributes = ['command', 'skill-url', 'theme', 'size', 'variant', 'shape', 'popup', 'popup-title', 'popup-description'];\n\n private _options: HermesSkillButtonOptions = {\n command: '',\n theme: 'branded',\n size: 'md',\n variant: 'filled',\n popup: true,\n };\n\n private _mqCleanup: (() => void) | null = null;\n private _rendered = false;\n\n constructor() {\n super();\n this.attachShadow({ mode: 'open' });\n }\n\n connectedCallback() {\n this.syncFromAttributes();\n this.render();\n this.updateLightDOM();\n }\n\n disconnectedCallback() {\n this._mqCleanup?.();\n this._mqCleanup = null;\n }\n\n attributeChangedCallback() {\n if (!this._rendered) return;\n this.syncFromAttributes();\n this.render();\n this.updateLightDOM();\n }\n\n set options(opts: Partial<HermesSkillButtonOptions>) {\n this._options = { ...this._options, ...opts };\n this.render();\n this.updateLightDOM();\n }\n\n get options() {\n return this._options;\n }\n\n private syncFromAttributes() {\n const command = this.getAttribute('command');\n const skillUrl = this.getAttribute('skill-url');\n const theme = this.getAttribute('theme') as Theme | null;\n const size = this.getAttribute('size') as Size | null;\n const variant = this.getAttribute('variant') as Variant | null;\n const shape = this.getAttribute('shape') as Shape | null;\n const popup = this.getAttribute('popup');\n const popupTitle = this.getAttribute('popup-title');\n const popupDescription = this.getAttribute('popup-description');\n\n if (command !== null) this._options.command = command;\n if (skillUrl !== null) this._options.skillUrl = skillUrl;\n if (theme) this._options.theme = theme;\n if (size) this._options.size = size;\n if (variant) this._options.variant = variant;\n if (shape) this._options.shape = shape;\n if (popup !== null) this._options.popup = popup !== 'false';\n if (popupTitle !== null) this._options.popupTitle = popupTitle;\n if (popupDescription !== null) this._options.popupDescription = popupDescription;\n }\n\n private updateLightDOM() {\n const { command, skillUrl } = this._options;\n\n this.setAttribute('role', 'button');\n this.setAttribute('tabindex', '0');\n this.setAttribute('aria-label', `Run on Hermes Skills: ${command}`);\n if (this._options.popup !== false) {\n this.setAttribute('aria-haspopup', 'dialog');\n } else {\n this.removeAttribute('aria-haspopup');\n }\n\n let link = this.querySelector('a[data-hb-crawl]') as HTMLAnchorElement | null;\n if (!link) {\n link = document.createElement('a');\n link.setAttribute('data-hb-crawl', '');\n link.setAttribute('aria-hidden', 'true');\n link.style.cssText = 'position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;';\n this.appendChild(link);\n }\n link.textContent = `Run on Hermes Skills: ${command}`;\n link.setAttribute('data-platform', 'hermes-skill');\n link.setAttribute('data-command', command);\n if (skillUrl) {\n link.href = skillUrl;\n link.setAttribute('data-skill-url', skillUrl);\n } else {\n link.href = `https://hermes.ai/skills?command=${encodeURIComponent(command)}`;\n link.removeAttribute('data-skill-url');\n }\n }\n\n private getResolvedTheme(): Theme {\n return this._options.theme || 'branded';\n }\n\n private render() {\n if (!this.shadowRoot) return;\n\n const theme = this.getResolvedTheme();\n const resolvedTheme = theme === 'system' ? (\n typeof window !== 'undefined' && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n ) : theme;\n const variant = this._options.variant || 'filled';\n\n const tokens = resolveTheme(theme);\n const size = this._options.size || 'md';\n const shape = this._options.shape || 'rounded';\n const sizeTokens = SIZE_MAP[size];\n const radius = SHAPE_MAP[shape][size];\n\n this.setAttribute('data-theme', resolvedTheme);\n this.setAttribute('data-variant', variant);\n\n const bgOverride = variant !== 'filled' ? 'transparent' : tokens.bg;\n const borderOverride = variant === 'ghost' ? 'transparent' :\n variant === 'outline' ? tokens.primary : tokens.border;\n const textOverride = variant !== 'filled' ? tokens.primary : tokens.text;\n\n this.shadowRoot.innerHTML = `\n <style>${BUTTON_STYLES}</style>\n <button\n class=\"hb-btn\"\n type=\"button\"\n style=\"\n ${themeToCSS(tokens)}\n --hb-bg: ${bgOverride};\n --hb-border: ${borderOverride};\n --hb-text: ${textOverride};\n --hb-accent-color: ${tokens.primary};\n --hb-focus-color: ${tokens.primary};\n --hb-height: ${sizeTokens.height};\n --hb-font-size: ${sizeTokens.fontSize};\n --hb-icon-size: ${sizeTokens.iconSize};\n --hb-padding: ${sizeTokens.padding};\n --hb-gap: ${sizeTokens.gap};\n --hb-radius: ${radius};\n \"\n aria-label=\"Run on Hermes Skills: ${this._options.command.replace(/\"/g, '&quot;')}\"\n >\n <span class=\"hb-btn-icon\" aria-hidden=\"true\">${HERMES_SKILL_ICON}</span>\n <span class=\"hb-btn-label\">Run on Hermes Skills</span>\n </button>\n `;\n\n const btn = this.shadowRoot.querySelector('.hb-btn')!;\n btn.addEventListener('click', () => this.handleClick());\n btn.addEventListener('keydown', (e) => {\n if ((e as KeyboardEvent).key === 'Enter' || (e as KeyboardEvent).key === ' ') {\n e.preventDefault();\n this.handleClick();\n }\n });\n this._rendered = true;\n this.setupSystemThemeWatch();\n }\n\n private handleClick() {\n const { popup, command, skillUrl, popupTitle, popupDescription } = this._options;\n\n this.dispatchEvent(new CustomEvent('hb-open', {\n bubbles: true,\n composed: true,\n detail: { command },\n }));\n\n if (popup === false) {\n navigator.clipboard.writeText(command).then(() => {\n this._options.onCopy?.(command);\n this.dispatchEvent(new CustomEvent('hb-copy', {\n bubbles: true,\n composed: true,\n detail: { command },\n }));\n });\n return;\n }\n\n showPopup({\n variant: 'hermes-skill',\n theme: this.getResolvedTheme(),\n title: popupTitle || 'Run on Hermes Skills',\n description: popupDescription || 'Copy and paste into a Hermes session to get started.',\n command,\n skillUrl,\n onCopy: (cmd) => {\n this._options.onCopy?.(cmd);\n this.dispatchEvent(new CustomEvent('hb-copy', {\n bubbles: true,\n composed: true,\n detail: { command: cmd },\n }));\n },\n onClose: () => {\n this.dispatchEvent(new CustomEvent('hb-close', {\n bubbles: true,\n composed: true,\n }));\n },\n });\n }\n\n private setupSystemThemeWatch() {\n this._mqCleanup?.();\n this._mqCleanup = null;\n\n if (this.getResolvedTheme() !== 'system' || typeof window === 'undefined') return;\n\n const mq = window.matchMedia('(prefers-color-scheme: dark)');\n const handler = () => this.render();\n mq.addEventListener('change', handler);\n this._mqCleanup = () => mq.removeEventListener('change', handler);\n }\n}\n\nexport function registerHermesSkillButton(tagName = 'hermes-skill-button') {\n if (typeof customElements === 'undefined') return;\n if (!customElements.get(tagName)) {\n customElements.define(tagName, HermesSkillButton);\n }\n}\n\nregisterHermesSkillButton();\n\nexport function createHermesSkillButton(options: HermesSkillButtonOptions): HermesSkillButton {\n const el = document.createElement('hermes-skill-button') as HermesSkillButton;\n el.options = options;\n return el;\n}\n","'use client';\n\nimport {\n useRef,\n useEffect,\n createElement,\n type FC,\n} from 'react';\nimport type { HermesButtonOptions, HermesSkillButtonOptions } from './types';\n\nexport type { HermesButtonOptions, HermesSkillButtonOptions };\n\nexport interface HermesButtonProps extends HermesButtonOptions {\n className?: string;\n style?: React.CSSProperties;\n /** Fired when command is copied. Also available via onCopy prop. */\n onHbCopy?: (e: CustomEvent<{ command: string }>) => void;\n onHbOpen?: (e: CustomEvent<{ command: string; fullCommand: string }>) => void;\n onHbClose?: (e: CustomEvent) => void;\n}\n\nexport interface HermesSkillButtonProps extends HermesSkillButtonOptions {\n className?: string;\n style?: React.CSSProperties;\n onHbCopy?: (e: CustomEvent<{ command: string }>) => void;\n onHbDownload?: (e: CustomEvent<{ url: string }>) => void;\n onHbOpen?: (e: CustomEvent<{ command: string }>) => void;\n onHbClose?: (e: CustomEvent) => void;\n}\n\nexport const HermesButton: FC<HermesButtonProps> = ({\n command,\n theme = 'branded',\n size = 'md',\n variant = 'filled',\n shape = 'rounded',\n popup = true,\n promptFlag = true,\n onCopy,\n popupTitle,\n popupDescription,\n className,\n style,\n onHbCopy,\n onHbOpen,\n onHbClose,\n}) => {\n const containerRef = useRef<HTMLDivElement>(null);\n const elRef = useRef<HTMLElement | null>(null);\n\n const hbCopyRef = useRef(onHbCopy);\n hbCopyRef.current = onHbCopy;\n const hbOpenRef = useRef(onHbOpen);\n hbOpenRef.current = onHbOpen;\n const hbCloseRef = useRef(onHbClose);\n hbCloseRef.current = onHbClose;\n\n useEffect(() => {\n if (!containerRef.current) return;\n\n import('./hermes-button').then(() => {\n if (!containerRef.current || elRef.current) return;\n\n const el = document.createElement('hermes-button');\n elRef.current = el;\n\n el.addEventListener('hb-copy', ((e: Event) => hbCopyRef.current?.(e as CustomEvent)) as EventListener);\n el.addEventListener('hb-open', ((e: Event) => hbOpenRef.current?.(e as CustomEvent)) as EventListener);\n el.addEventListener('hb-close', ((e: Event) => hbCloseRef.current?.(e as CustomEvent)) as EventListener);\n\n containerRef.current.appendChild(el);\n });\n\n return () => {\n const el = elRef.current;\n const container = containerRef.current;\n if (el && container?.contains(el)) {\n container.removeChild(el);\n }\n elRef.current = null;\n };\n }, []);\n\n useEffect(() => {\n const el = elRef.current;\n if (!el || !('options' in el)) return;\n\n (el as any).options = {\n command,\n theme,\n size,\n variant,\n shape,\n popup,\n promptFlag,\n onCopy,\n popupTitle,\n popupDescription,\n };\n }, [command, theme, size, variant, shape, popup, promptFlag, onCopy, popupTitle, popupDescription]);\n\n return createElement('div', {\n ref: containerRef,\n className,\n style: { display: 'inline-block', ...style },\n suppressHydrationWarning: true,\n });\n};\n\nexport const HermesSkillButton: FC<HermesSkillButtonProps> = ({\n command,\n skillUrl,\n theme = 'branded',\n size = 'md',\n variant = 'filled',\n shape = 'rounded',\n popup = true,\n onCopy,\n onDownload,\n popupTitle,\n popupDescription,\n className,\n style,\n onHbCopy,\n onHbDownload,\n onHbOpen,\n onHbClose,\n}) => {\n const containerRef = useRef<HTMLDivElement>(null);\n const elRef = useRef<HTMLElement | null>(null);\n\n const hbCopyRef = useRef(onHbCopy);\n hbCopyRef.current = onHbCopy;\n const hbDownloadRef = useRef(onHbDownload);\n hbDownloadRef.current = onHbDownload;\n const hbOpenRef = useRef(onHbOpen);\n hbOpenRef.current = onHbOpen;\n const hbCloseRef = useRef(onHbClose);\n hbCloseRef.current = onHbClose;\n\n useEffect(() => {\n if (!containerRef.current) return;\n\n import('./hermes-skill-button').then(() => {\n if (!containerRef.current || elRef.current) return;\n\n const el = document.createElement('hermes-skill-button');\n elRef.current = el;\n\n el.addEventListener('hb-copy', ((e: Event) => hbCopyRef.current?.(e as CustomEvent)) as EventListener);\n el.addEventListener('hb-download', ((e: Event) => hbDownloadRef.current?.(e as CustomEvent)) as EventListener);\n el.addEventListener('hb-open', ((e: Event) => hbOpenRef.current?.(e as CustomEvent)) as EventListener);\n el.addEventListener('hb-close', ((e: Event) => hbCloseRef.current?.(e as CustomEvent)) as EventListener);\n\n containerRef.current.appendChild(el);\n });\n\n return () => {\n const el = elRef.current;\n const container = containerRef.current;\n if (el && container?.contains(el)) {\n container.removeChild(el);\n }\n elRef.current = null;\n };\n }, []);\n\n useEffect(() => {\n const el = elRef.current;\n if (!el || !('options' in el)) return;\n\n (el as any).options = {\n command,\n skillUrl,\n theme,\n size,\n variant,\n shape,\n popup,\n onCopy,\n onDownload,\n popupTitle,\n popupDescription,\n };\n }, [command, skillUrl, theme, size, variant, shape, popup, onCopy, onDownload, popupTitle, popupDescription]);\n\n return createElement('div', {\n ref: containerRef,\n className,\n style: { display: 'inline-block', ...style },\n suppressHydrationWarning: true,\n });\n};\n"],"mappings":"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","names":["HERMES_ICON","HERMES_SKILL_ICON","COPY_ICON","CHECK_ICON","CLOSE_ICON","init_icons","__esmMin","resolveTheme","theme","themes","themeToCSS","tokens","BRAND_COLOR","BRAND_COLOR_HOVER","BRAND_COLOR_ACTIVE","ALT_BRAND_COLOR","SHAPE_MAP","SIZE_MAP","init_themes","__esmMin","showPopup","options","popup","POPUP_STYLES","HermesPopupDialog","init_popup_dialog","__esmMin","init_icons","init_themes","BRAND_COLOR_HOVER","opts","theme","resolveTheme","prefersDark","base","brand","variant","title","description","command","fullCommand","skillUrl","tokens","icon","HERMES_ICON","HERMES_SKILL_ICON","isHermesTerminal","displayCommand","themeToCSS","CLOSE_ICON","COPY_ICON","steps","fullPrompt","e","target","action","cmd","mq","handler","button","label","iconContainer","CHECK_ICON","textarea","dialog","backdrop","str","div","hermes_button_exports","__export","HermesButton","createHermesButton","registerHermesButton","tagName","options","el","BUTTON_STYLES","init_hermes_button","__esmMin","init_icons","init_themes","init_popup_dialog","BRAND_COLOR_HOVER","BRAND_COLOR_ACTIVE","BRAND_COLOR","opts","command","theme","size","variant","shape","popup","promptFlag","popupTitle","popupDescription","fullCommand","link","resolvedTheme","tokens","resolveTheme","sizeTokens","SIZE_MAP","radius","SHAPE_MAP","bgOverride","borderOverride","textOverride","themeToCSS","HERMES_ICON","btn","e","showPopup","cmd","mq","handler","hermes_skill_button_exports","__export","HermesSkillButton","createHermesSkillButton","registerHermesSkillButton","tagName","options","el","BUTTON_STYLES","init_hermes_skill_button","__esmMin","init_icons","init_themes","init_popup_dialog","BRAND_COLOR_HOVER","BRAND_COLOR_ACTIVE","BRAND_COLOR","opts","command","skillUrl","theme","size","variant","shape","popup","popupTitle","popupDescription","link","resolvedTheme","tokens","resolveTheme","sizeTokens","SIZE_MAP","radius","SHAPE_MAP","bgOverride","borderOverride","textOverride","themeToCSS","HERMES_SKILL_ICON","btn","e","showPopup","cmd","mq","handler","react_exports","__export","HermesButton","HermesSkillButton","__toCommonJS","import_react","command","theme","size","variant","shape","popup","promptFlag","onCopy","popupTitle","popupDescription","className","style","onHbCopy","onHbOpen","onHbClose","containerRef","elRef","hbCopyRef","hbOpenRef","hbCloseRef","el","e","container","skillUrl","onDownload","onHbDownload","hbDownloadRef"]}
package/dist/react.mjs ADDED
@@ -0,0 +1,2 @@
1
+ "use client";import{useRef as r,useEffect as B,createElement as k}from"react";var x=({command:l,theme:d="branded",size:m="md",variant:a="filled",shape:v="rounded",popup:E=!0,promptFlag:f=!0,onCopy:C,popupTitle:p,popupDescription:b,className:y,style:S,onHbCopy:R,onHbOpen:h,onHbClose:H})=>{let o=r(null),u=r(null),i=r(R);i.current=R;let c=r(h);c.current=h;let L=r(H);return L.current=H,B(()=>{if(o.current)return import("./hermes-button-OWZRXNSO.mjs").then(()=>{if(!o.current||u.current)return;let e=document.createElement("hermes-button");u.current=e,e.addEventListener("hb-copy",(n=>i.current?.(n))),e.addEventListener("hb-open",(n=>c.current?.(n))),e.addEventListener("hb-close",(n=>L.current?.(n))),o.current.appendChild(e)}),()=>{let e=u.current,n=o.current;e&&n?.contains(e)&&n.removeChild(e),u.current=null}},[]),B(()=>{let e=u.current;!e||!("options"in e)||(e.options={command:l,theme:d,size:m,variant:a,shape:v,popup:E,promptFlag:f,onCopy:C,popupTitle:p,popupDescription:b})},[l,d,m,a,v,E,f,C,p,b]),k("div",{ref:o,className:y,style:{display:"inline-block",...S},suppressHydrationWarning:!0})},P=({command:l,skillUrl:d,theme:m="branded",size:a="md",variant:v="filled",shape:E="rounded",popup:f=!0,onCopy:C,onDownload:p,popupTitle:b,popupDescription:y,className:S,style:R,onHbCopy:h,onHbDownload:H,onHbOpen:o,onHbClose:u})=>{let i=r(null),c=r(null),L=r(h);L.current=h;let e=r(H);e.current=H;let n=r(o);n.current=o;let g=r(u);return g.current=u,B(()=>{if(i.current)return import("./hermes-skill-button-5MLIQS4T.mjs").then(()=>{if(!i.current||c.current)return;let t=document.createElement("hermes-skill-button");c.current=t,t.addEventListener("hb-copy",(s=>L.current?.(s))),t.addEventListener("hb-download",(s=>e.current?.(s))),t.addEventListener("hb-open",(s=>n.current?.(s))),t.addEventListener("hb-close",(s=>g.current?.(s))),i.current.appendChild(t)}),()=>{let t=c.current,s=i.current;t&&s?.contains(t)&&s.removeChild(t),c.current=null}},[]),B(()=>{let t=c.current;!t||!("options"in t)||(t.options={command:l,skillUrl:d,theme:m,size:a,variant:v,shape:E,popup:f,onCopy:C,onDownload:p,popupTitle:b,popupDescription:y})},[l,d,m,a,v,E,f,C,p,b,y]),k("div",{ref:i,className:S,style:{display:"inline-block",...R},suppressHydrationWarning:!0})};export{x as HermesButton,P as HermesSkillButton};
2
+ //# sourceMappingURL=react.mjs.map
package/dist/react.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/react.ts"],"sourcesContent":["'use client';\n\nimport {\n useRef,\n useEffect,\n createElement,\n type FC,\n} from 'react';\nimport type { HermesButtonOptions, HermesSkillButtonOptions } from './types';\n\nexport type { HermesButtonOptions, HermesSkillButtonOptions };\n\nexport interface HermesButtonProps extends HermesButtonOptions {\n className?: string;\n style?: React.CSSProperties;\n /** Fired when command is copied. Also available via onCopy prop. */\n onHbCopy?: (e: CustomEvent<{ command: string }>) => void;\n onHbOpen?: (e: CustomEvent<{ command: string; fullCommand: string }>) => void;\n onHbClose?: (e: CustomEvent) => void;\n}\n\nexport interface HermesSkillButtonProps extends HermesSkillButtonOptions {\n className?: string;\n style?: React.CSSProperties;\n onHbCopy?: (e: CustomEvent<{ command: string }>) => void;\n onHbDownload?: (e: CustomEvent<{ url: string }>) => void;\n onHbOpen?: (e: CustomEvent<{ command: string }>) => void;\n onHbClose?: (e: CustomEvent) => void;\n}\n\nexport const HermesButton: FC<HermesButtonProps> = ({\n command,\n theme = 'branded',\n size = 'md',\n variant = 'filled',\n shape = 'rounded',\n popup = true,\n promptFlag = true,\n onCopy,\n popupTitle,\n popupDescription,\n className,\n style,\n onHbCopy,\n onHbOpen,\n onHbClose,\n}) => {\n const containerRef = useRef<HTMLDivElement>(null);\n const elRef = useRef<HTMLElement | null>(null);\n\n const hbCopyRef = useRef(onHbCopy);\n hbCopyRef.current = onHbCopy;\n const hbOpenRef = useRef(onHbOpen);\n hbOpenRef.current = onHbOpen;\n const hbCloseRef = useRef(onHbClose);\n hbCloseRef.current = onHbClose;\n\n useEffect(() => {\n if (!containerRef.current) return;\n\n import('./hermes-button').then(() => {\n if (!containerRef.current || elRef.current) return;\n\n const el = document.createElement('hermes-button');\n elRef.current = el;\n\n el.addEventListener('hb-copy', ((e: Event) => hbCopyRef.current?.(e as CustomEvent)) as EventListener);\n el.addEventListener('hb-open', ((e: Event) => hbOpenRef.current?.(e as CustomEvent)) as EventListener);\n el.addEventListener('hb-close', ((e: Event) => hbCloseRef.current?.(e as CustomEvent)) as EventListener);\n\n containerRef.current.appendChild(el);\n });\n\n return () => {\n const el = elRef.current;\n const container = containerRef.current;\n if (el && container?.contains(el)) {\n container.removeChild(el);\n }\n elRef.current = null;\n };\n }, []);\n\n useEffect(() => {\n const el = elRef.current;\n if (!el || !('options' in el)) return;\n\n (el as any).options = {\n command,\n theme,\n size,\n variant,\n shape,\n popup,\n promptFlag,\n onCopy,\n popupTitle,\n popupDescription,\n };\n }, [command, theme, size, variant, shape, popup, promptFlag, onCopy, popupTitle, popupDescription]);\n\n return createElement('div', {\n ref: containerRef,\n className,\n style: { display: 'inline-block', ...style },\n suppressHydrationWarning: true,\n });\n};\n\nexport const HermesSkillButton: FC<HermesSkillButtonProps> = ({\n command,\n skillUrl,\n theme = 'branded',\n size = 'md',\n variant = 'filled',\n shape = 'rounded',\n popup = true,\n onCopy,\n onDownload,\n popupTitle,\n popupDescription,\n className,\n style,\n onHbCopy,\n onHbDownload,\n onHbOpen,\n onHbClose,\n}) => {\n const containerRef = useRef<HTMLDivElement>(null);\n const elRef = useRef<HTMLElement | null>(null);\n\n const hbCopyRef = useRef(onHbCopy);\n hbCopyRef.current = onHbCopy;\n const hbDownloadRef = useRef(onHbDownload);\n hbDownloadRef.current = onHbDownload;\n const hbOpenRef = useRef(onHbOpen);\n hbOpenRef.current = onHbOpen;\n const hbCloseRef = useRef(onHbClose);\n hbCloseRef.current = onHbClose;\n\n useEffect(() => {\n if (!containerRef.current) return;\n\n import('./hermes-skill-button').then(() => {\n if (!containerRef.current || elRef.current) return;\n\n const el = document.createElement('hermes-skill-button');\n elRef.current = el;\n\n el.addEventListener('hb-copy', ((e: Event) => hbCopyRef.current?.(e as CustomEvent)) as EventListener);\n el.addEventListener('hb-download', ((e: Event) => hbDownloadRef.current?.(e as CustomEvent)) as EventListener);\n el.addEventListener('hb-open', ((e: Event) => hbOpenRef.current?.(e as CustomEvent)) as EventListener);\n el.addEventListener('hb-close', ((e: Event) => hbCloseRef.current?.(e as CustomEvent)) as EventListener);\n\n containerRef.current.appendChild(el);\n });\n\n return () => {\n const el = elRef.current;\n const container = containerRef.current;\n if (el && container?.contains(el)) {\n container.removeChild(el);\n }\n elRef.current = null;\n };\n }, []);\n\n useEffect(() => {\n const el = elRef.current;\n if (!el || !('options' in el)) return;\n\n (el as any).options = {\n command,\n skillUrl,\n theme,\n size,\n variant,\n shape,\n popup,\n onCopy,\n onDownload,\n popupTitle,\n popupDescription,\n };\n }, [command, skillUrl, theme, size, variant, shape, popup, onCopy, onDownload, popupTitle, popupDescription]);\n\n return createElement('div', {\n ref: containerRef,\n className,\n style: { display: 'inline-block', ...style },\n suppressHydrationWarning: true,\n });\n};\n"],"mappings":"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","names":["useRef","useEffect","createElement","HermesButton","command","theme","size","variant","shape","popup","promptFlag","onCopy","popupTitle","popupDescription","className","style","onHbCopy","onHbOpen","onHbClose","containerRef","elRef","hbCopyRef","hbOpenRef","hbCloseRef","el","e","container","HermesSkillButton","skillUrl","onDownload","onHbDownload","hbDownloadRef"]}
package/dist/vue.d.mts ADDED
@@ -0,0 +1,64 @@
1
+ type Theme = 'branded' | 'branded-alt' | 'dark' | 'light' | 'system';
2
+ type Size = 'sm' | 'md' | 'lg';
3
+ type Variant = 'filled' | 'outline' | 'ghost';
4
+ type Shape = 'rounded' | 'pill' | 'square';
5
+ interface HermesButtonOptions {
6
+ /** The command to run in Hermes Agent (e.g. "/research --deep") */
7
+ command: string;
8
+ /** Theme variant. Default: 'branded' */
9
+ theme?: Theme;
10
+ /** Button size. Default: 'md' */
11
+ size?: Size;
12
+ /** Visual variant. Default: 'filled' */
13
+ variant?: Variant;
14
+ /** Border radius shape. Default: 'rounded' */
15
+ shape?: Shape;
16
+ /** Whether to show a popup dialog on click. Default: true */
17
+ popup?: boolean;
18
+ /** Custom prompt flag value (prepended as `hermes -p`). Default: true */
19
+ promptFlag?: boolean;
20
+ /** Callback fired after the command is copied to clipboard */
21
+ onCopy?: (command: string) => void;
22
+ /** Custom popup title */
23
+ popupTitle?: string;
24
+ /** Custom popup description */
25
+ popupDescription?: string;
26
+ }
27
+ interface HermesSkillButtonOptions {
28
+ /** The slash command to run in Hermes (e.g. "/research-assistant") */
29
+ command: string;
30
+ /** URL to a downloadable skill package (.zip, SKILL.md, or plugin.json) */
31
+ skillUrl?: string;
32
+ /** Theme variant. Default: 'branded' */
33
+ theme?: Theme;
34
+ /** Button size. Default: 'md' */
35
+ size?: Size;
36
+ /** Visual variant. Default: 'filled' */
37
+ variant?: Variant;
38
+ /** Border radius shape. Default: 'rounded' */
39
+ shape?: Shape;
40
+ /** Whether to show a popup dialog on click. Default: true */
41
+ popup?: boolean;
42
+ /** Callback fired after the command is copied */
43
+ onCopy?: (command: string) => void;
44
+ /** Callback fired when the skill package is downloaded */
45
+ onDownload?: (url: string) => void;
46
+ /** Custom popup title */
47
+ popupTitle?: string;
48
+ /** Custom popup description */
49
+ popupDescription?: string;
50
+ }
51
+
52
+ /**
53
+ * Vue plugin — registers both custom elements and configures
54
+ * the Vue compiler to treat them as custom elements.
55
+ *
56
+ * Usage:
57
+ * import { HermesButtonsPlugin } from 'hermesbuttons/vue'
58
+ * app.use(HermesButtonsPlugin)
59
+ */
60
+ declare const HermesButtonsPlugin: {
61
+ install(app: any): void;
62
+ };
63
+
64
+ export { type HermesButtonOptions, HermesButtonsPlugin, type HermesSkillButtonOptions, type Size, type Theme, HermesButtonsPlugin as default };
package/dist/vue.d.ts ADDED
@@ -0,0 +1,64 @@
1
+ type Theme = 'branded' | 'branded-alt' | 'dark' | 'light' | 'system';
2
+ type Size = 'sm' | 'md' | 'lg';
3
+ type Variant = 'filled' | 'outline' | 'ghost';
4
+ type Shape = 'rounded' | 'pill' | 'square';
5
+ interface HermesButtonOptions {
6
+ /** The command to run in Hermes Agent (e.g. "/research --deep") */
7
+ command: string;
8
+ /** Theme variant. Default: 'branded' */
9
+ theme?: Theme;
10
+ /** Button size. Default: 'md' */
11
+ size?: Size;
12
+ /** Visual variant. Default: 'filled' */
13
+ variant?: Variant;
14
+ /** Border radius shape. Default: 'rounded' */
15
+ shape?: Shape;
16
+ /** Whether to show a popup dialog on click. Default: true */
17
+ popup?: boolean;
18
+ /** Custom prompt flag value (prepended as `hermes -p`). Default: true */
19
+ promptFlag?: boolean;
20
+ /** Callback fired after the command is copied to clipboard */
21
+ onCopy?: (command: string) => void;
22
+ /** Custom popup title */
23
+ popupTitle?: string;
24
+ /** Custom popup description */
25
+ popupDescription?: string;
26
+ }
27
+ interface HermesSkillButtonOptions {
28
+ /** The slash command to run in Hermes (e.g. "/research-assistant") */
29
+ command: string;
30
+ /** URL to a downloadable skill package (.zip, SKILL.md, or plugin.json) */
31
+ skillUrl?: string;
32
+ /** Theme variant. Default: 'branded' */
33
+ theme?: Theme;
34
+ /** Button size. Default: 'md' */
35
+ size?: Size;
36
+ /** Visual variant. Default: 'filled' */
37
+ variant?: Variant;
38
+ /** Border radius shape. Default: 'rounded' */
39
+ shape?: Shape;
40
+ /** Whether to show a popup dialog on click. Default: true */
41
+ popup?: boolean;
42
+ /** Callback fired after the command is copied */
43
+ onCopy?: (command: string) => void;
44
+ /** Callback fired when the skill package is downloaded */
45
+ onDownload?: (url: string) => void;
46
+ /** Custom popup title */
47
+ popupTitle?: string;
48
+ /** Custom popup description */
49
+ popupDescription?: string;
50
+ }
51
+
52
+ /**
53
+ * Vue plugin — registers both custom elements and configures
54
+ * the Vue compiler to treat them as custom elements.
55
+ *
56
+ * Usage:
57
+ * import { HermesButtonsPlugin } from 'hermesbuttons/vue'
58
+ * app.use(HermesButtonsPlugin)
59
+ */
60
+ declare const HermesButtonsPlugin: {
61
+ install(app: any): void;
62
+ };
63
+
64
+ export { type HermesButtonOptions, HermesButtonsPlugin, type HermesSkillButtonOptions, type Size, type Theme, HermesButtonsPlugin as default };