🚀 Spectrum Chat Widget

⚡ Single Line Installation

The simplest possible installation with zero configuration required. Just include the script and add the custom element - everything else is handled automatically!

Quick Setup:

<!-- Zero configuration - uses built-in defaults! -->
<script src="dist/spectrum-chat.js"></script>
<spectrum-chat></spectrum-chat>

• Zero configuration required
• Automatic API endpoint detection
• Built-in sensible defaults
• Perfect for quick testing

📄 Single Page Installation

Perfect for individual HTML pages or when you need granular control over each page. Add the chat widget directly to any HTML page using custom elements.

Quick Setup:

<!-- Include configuration -->
<script src="config.js"></script>

<!-- Include the script -->
<script src="dist/spectrum-chat.js"></script>

<!-- Add the chat widget (configured dynamically) -->
<spectrum-chat
  id="spectrum-chat-widget"
  api-url=""
  tenant-id=""
  title=""
  intro-text=""
  primary-color=""
  position=""
  width=""
  height=""
></spectrum-chat>

<script>
  // Configure with environment-specific settings
  const config = window.SpectrumConfig.getConfig();
  const chatElement = document.getElementById('spectrum-chat-widget');
  chatElement.setAttribute('api-url', config.apiUrl);
  chatElement.setAttribute('tenant-id', config.tenantId);
  // ... set other attributes
</script>

Key Features:

• HTML attribute configuration
• Per-page customization
• No global dependencies
• Easy to integrate

🌐 Template Based Installation

Ideal for multi-page websites with shared templates. Configure once and the chat widget appears automatically on all pages with persistent conversation state.

Quick Setup:

<!-- Include configuration -->
<script src="config.js"></script>

<!-- Global configuration -->
<script>
  // Configure with environment-specific settings
  window.SpectrumChatConfig = window.SpectrumConfig.getConfig();
</script>

<!-- Include the script -->
<script src="dist/spectrum-chat.js"></script>

Key Features:

• Global configuration
• Cross-page persistence
• Automatic initialization
• Template-friendly