// Authentication check - runs immediately to block page rendering
(function() {
  // Create blocking style element immediately
  const blockingStyle = document.createElement('style');
  blockingStyle.id = 'auth-block-style';
  blockingStyle.textContent = `
    html {
      visibility: hidden !important;
      background-color: #0E0E10 !important;
    }
    
    body {
      display: none !important;
    }
  `;
  
  // Insert at the very beginning of head or create head if doesn't exist
  if (document.head) {
    document.head.insertBefore(blockingStyle, document.head.firstChild);
  } else {
    const head = document.createElement('head');
    head.appendChild(blockingStyle);
    document.documentElement.insertBefore(head, document.documentElement.firstChild);
  }
  
  // Wait for DOM to be ready to add the full auth check
  function runAuthCheck() {
    // Create full auth styles
    const style = document.createElement('style');
    style.textContent = `
      .auth-error-screen {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #0E0E10;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: white;
        font-family: 'Inter Variable', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        z-index: 999999;
      }
      
      .auth-error-screen h1 {
        font-size: 20px;
        margin-bottom: 16px;
        font-weight: 500;
      }
      
      .auth-error-screen p {
        font-size: 14px;
        margin-bottom: 24px;
        opacity: 0.8;
      }
      
      .auth-error-screen button {
        background-color: white;
        color: #0E0E10;
        border: none;
        padding: 8px 16px;
        font-size: 14px;
        font-weight: 500;
        border-radius: 10px;
        cursor: pointer;
        transition: opacity 0.2s;
      }
      
      .auth-error-screen button:hover {
        opacity: 0.9;
      }
    `;
    document.head.appendChild(style);
    
    // Function to show authentication error
    function showAuthError() {
      // Remove blocking style
      const blockStyle = document.getElementById('auth-block-style');
      if (blockStyle) blockStyle.remove();
      
      // Clear everything
      document.documentElement.style.visibility = 'visible';
      document.documentElement.style.backgroundColor = '#0E0E10';
      document.body.style.display = 'block';
      document.body.innerHTML = '';
      
      // Create error screen
      const errorScreen = document.createElement('div');
      errorScreen.className = 'auth-error-screen';
      errorScreen.innerHTML = `
        <h1>Authentication required</h1>
        <p>You must be authenticated with Pointer to view our docs.</p>
        <button onclick="window.location.href='https://app.pointer.so'">
          Login to Pointer
        </button>
      `;
      
      document.body.appendChild(errorScreen);
    }
    
    // Function to show authenticated content
    function showAuthenticatedContent() {
      // Remove blocking style and show content
      const blockStyle = document.getElementById('auth-block-style');
      if (blockStyle) blockStyle.remove();
      
      document.documentElement.style.visibility = 'visible';
      document.documentElement.style.backgroundColor = '';
      document.body.style.display = '';
      
      // Load Pointer SDK after authentication is confirmed
      document.head.appendChild(Object.assign(document.createElement("script"), {src: "https://cdn.pointer.so/pointer-sdk@latest/pointer.browser.js?projectId=pt_proj_a344cfdf-51cc-46c3-940d-7d24ec638f23"}));
    }
    
    // Check authentication status
    async function checkAuth() {
      try {
        const response = await fetch('https://api.pointer.so/auth/check', {
          method: 'GET',
          credentials: 'include', // Include cookies for authentication
          headers: {
            'Content-Type': 'application/json',
          }
        });
        
        if (!response.ok) {
          throw new Error('Auth check failed');
        }
        
        const data = await response.json();
        
        if (data.authenticated === true) {
          showAuthenticatedContent();
        } else {
          showAuthError();
        }
      } catch (error) {
        // If there's any error checking auth, show the error screen
        console.error('Authentication check failed:', error);
        showAuthError();
      }
    }
    
    // Run the check
    checkAuth();
  }
  
  // Run auth check when DOM is ready
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', runAuthCheck);
  } else {
    runAuthCheck();
  }
})();


Your questions about pricing, answered. Still need help? <a href='mailto:team@pointer.so'>Contact us</a>.

Pricing

Pointer

Get started with Pointer and turn support into a growth engine. Reduce tickets, lower churn, and guide users to their “aha” moment.

Introduction

Get started with Pointer in under 5 minutes.

Quickstart

Add Pointer's copilot and answer engine to your application.

Product

Add Pointer's answer engine to your documentation site.

Docs

Add Pointer's answer engine to your help center or support portal.

Help center

Add Pointer's answer engine to your marketing website with JavaScript.

Website

Deploy a second cursor to guide users through your app with interactive, AI-powered step-by-step guides.

Copilot

AI-powered answers that provide accurate, cited responses from your knowledge base.

Answer engine

Automatically analyze your product with the Pointer CLI to build comprehensive knowledge.

Crawler

Add rules, files, and web links to give Pointer additional context about your product.

Adding sources

Maintain, optimize, and manage your knowledge base to ensure best performance.

Updating content

Access analytics, user insights, and usage data to understand how users interact with Pointer.

Reports

Identify users, track interactions, and analyze behavior to deliver personalized experiences and insights.

User tracking

Configure allowed domains to control where Pointer can be used.

Domains

Customize your Pointer widget and command menu appearance using the visual playground editor with real-time preview.

Styling

Customize Pointer's appearance across light and dark modes.

Themes

Your questions about Pointer's features, answered. Still need help? <a href='mailto:team@pointer.so'>Contact us</a>.

Features

Common issues and solutions for Pointer integration. Still need help? <a href='mailto:team@pointer.so'>Contact us</a>.

Troubleshooting

Learn about all the ways you can contact us.

Get in touch

Learn more about the magic behind Pointer — visual guides that make your users happy. 

AI walkthroughs

AI chat

Learn how to set up interactive onboarding and guided product tours.

Getting started

Learn to create step-by-step, guided tours. 

Simple flows

Learn to create onboarding experiences with welcome screens and checklists.

Composite flows

Learn how to control when and how flows appear to your users.

Flow triggers

Identify users and track their interactions with your app.

Track user interactions and progress in your application.

Event tracking

Complete reference for Pointer's user tracking API.

API reference

Examples of integrating user tracking with popular frameworks and authentication systems.

Integration examples

Learn how to customize your widget's appearance and content.

Overview

Add to your:

Core AI features

Knowledge

Analytics

Customization

FAQs

Pricing