hale-commenting-system 2.2.0 → 2.2.2

package/dist/cli/onboarding.js

@@ -1,395 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.runOnboarding = runOnboarding;
-const inquirer_1 = __importDefault(require("inquirer"));
-const validators = __importStar(require("./validators"));
-const generators = __importStar(require("./generators"));
-const detect_1 = require("./detect");
-async function runOnboarding() {
-    // Welcome & Explanation
-    console.log('🚀 Welcome to Hale Commenting System!\n');
-    console.log('This commenting system allows you to:');
-    console.log('  • Add comments directly on your design pages');
-    console.log('  • Sync comments with GitHub Issues');
-    console.log('  • Link Jira tickets to pages');
-    console.log('  • Store design goals and context\n');
-    console.log('Why GitHub?');
-    console.log('  We use GitHub Issues to store and sync all comments. When you add a comment');
-    console.log('  on a page, it creates a GitHub Issue. This allows comments to persist, sync');
-    console.log('  across devices, and be managed like any other GitHub Issue.\n');
-    console.log('Why Jira?');
-    console.log('  You can link Jira tickets to specific pages or sections. This helps connect');
-    console.log('  design work to development tracking and provides context for reviewers.\n');
-    // Step 1: Project Status Check
-    console.log('📋 Step 1: Project Setup Check\n');
-    const hasProject = await inquirer_1.default.prompt([
-        {
-            type: 'list',
-            name: 'hasProject',
-            message: 'Do you have a PatternFly Seed project set up locally?',
-            choices: [
-                { name: 'Yes, I have it set up', value: 'yes' },
-                { name: 'No, I need help setting it up', value: 'no' }
-            ]
-        }
-    ]);
-    if (hasProject.hasProject === 'no') {
-        console.log('\n📚 Setting up PatternFly Seed:\n');
-        console.log('1. Fork the PatternFly Seed repository:');
-        console.log('   Visit: https://github.com/patternfly/patternfly-react-seed');
-        console.log('   Click "Fork" in the top right\n');
-        console.log('2. Clone your fork locally:');
-        console.log('   git clone https://github.com/YOUR_USERNAME/patternfly-react-seed.git');
-        console.log('   cd patternfly-react-seed\n');
-        console.log('3. Install dependencies:');
-        console.log('   npm install\n');
-        console.log('4. Run this setup again:');
-        console.log('   npx hale-commenting-system init\n');
-        process.exit(0);
-    }
-    // Check if it's actually a PF Seed project
-    if (!(0, detect_1.detectPatternFlySeed)()) {
-        console.error('❌ Error: This doesn\'t appear to be a PatternFly Seed project.');
-        console.error('Please run this command from a PatternFly Seed project directory.');
-        process.exit(1);
-    }
-    // Detect project setup type
-    const gitInfo = (0, detect_1.detectGitRemote)();
-    const setupType = (0, detect_1.detectProjectSetup)();
-    let projectSetup = 'unknown';
-    let owner = gitInfo?.owner;
-    let repo = gitInfo?.repo;
-    if (setupType === 'none' || !gitInfo) {
-        // No git remote - need to set up
-        const setupAnswer = await inquirer_1.default.prompt([
-            {
-                type: 'list',
-                name: 'setupType',
-                message: 'How did you set up your PatternFly Seed project?',
-                choices: [
-                    { name: 'I forked the PatternFly Seed repo on GitHub', value: 'forked' },
-                    { name: 'I cloned the PatternFly Seed repo locally', value: 'cloned' },
-                    { name: 'I\'m not sure', value: 'unknown' }
-                ]
-            }
-        ]);
-        projectSetup = setupAnswer.setupType;
-    }
-    else {
-        projectSetup = setupType;
-    }
-    // Handle different setup types
-    if (projectSetup === 'forked') {
-        // Ask for owner/repo if not detected
-        if (!owner || !repo) {
-            const forkAnswers = await inquirer_1.default.prompt([
-                {
-                    type: 'input',
-                    name: 'owner',
-                    message: 'What is your GitHub username or organization name?',
-                    default: owner,
-                    validate: (input) => {
-                        if (!input.trim())
-                            return 'Owner is required';
-                        return true;
-                    }
-                },
-                {
-                    type: 'input',
-                    name: 'repo',
-                    message: 'What is the name of your forked repository?',
-                    default: repo,
-                    validate: (input) => {
-                        if (!input.trim())
-                            return 'Repository name is required';
-                        return true;
-                    }
-                }
-            ]);
-            owner = forkAnswers.owner;
-            repo = forkAnswers.repo;
-        }
-        else {
-            console.log(`\n✅ Detected repository: ${owner}/${repo}\n`);
-        }
-    }
-    else if (projectSetup === 'cloned') {
-        console.log('\n📝 Since you cloned the repo, you\'ll need to create your own GitHub repository.\n');
-        console.log('Steps:');
-        console.log('1. Create a new repository on GitHub');
-        console.log('2. Add it as a remote: git remote add origin <your-repo-url>');
-        console.log('3. Push your code: git push -u origin main\n');
-        const hasCreated = await inquirer_1.default.prompt([
-            {
-                type: 'confirm',
-                name: 'created',
-                message: 'Have you created and pushed to your GitHub repository?',
-                default: false
-            }
-        ]);
-        if (!hasCreated.created) {
-            console.log('\nPlease complete the steps above and run this setup again.');
-            process.exit(0);
-        }
-        // Ask for owner/repo
-        const repoAnswers = await inquirer_1.default.prompt([
-            {
-                type: 'input',
-                name: 'owner',
-                message: 'What is your GitHub username or organization name?',
-                validate: (input) => {
-                    if (!input.trim())
-                        return 'Owner is required';
-                    return true;
-                }
-            },
-            {
-                type: 'input',
-                name: 'repo',
-                message: 'What is the name of your GitHub repository?',
-                validate: (input) => {
-                    if (!input.trim())
-                        return 'Repository name is required';
-                    return true;
-                }
-            }
-        ]);
-        owner = repoAnswers.owner;
-        repo = repoAnswers.repo;
-    }
-    else if (projectSetup === 'unknown') {
-        // Try to detect from git
-        if (gitInfo && gitInfo.owner && gitInfo.repo) {
-            console.log(`\n✅ Detected repository: ${gitInfo.owner}/${gitInfo.repo}\n`);
-            owner = gitInfo.owner;
-            repo = gitInfo.repo;
-        }
-        else {
-            // Ask for owner/repo
-            const repoAnswers = await inquirer_1.default.prompt([
-                {
-                    type: 'input',
-                    name: 'owner',
-                    message: 'What is your GitHub username or organization name?',
-                    validate: (input) => {
-                        if (!input.trim())
-                            return 'Owner is required';
-                        return true;
-                    }
-                },
-                {
-                    type: 'input',
-                    name: 'repo',
-                    message: 'What is the name of your GitHub repository?',
-                    validate: (input) => {
-                        if (!input.trim())
-                            return 'Repository name is required';
-                        return true;
-                    }
-                }
-            ]);
-            owner = repoAnswers.owner;
-            repo = repoAnswers.repo;
-        }
-    }
-    // Step 2: GitHub OAuth Setup (Optional)
-    console.log('\n📦 Step 2: GitHub Integration (Optional)\n');
-    console.log('GitHub integration allows comments to sync with GitHub Issues.');
-    console.log('You can set this up now or add it later.\n');
-    const setupGitHub = await inquirer_1.default.prompt([
-        {
-            type: 'confirm',
-            name: 'setup',
-            message: 'Do you want to set up GitHub integration now?',
-            default: true
-        }
-    ]);
-    let githubConfig = null;
-    let githubValid = false;
-    if (setupGitHub.setup) {
-        console.log('\nTo sync comments with GitHub Issues, we need to authenticate with GitHub.');
-        console.log('This requires creating a GitHub OAuth App.\n');
-        console.log('Instructions:');
-        console.log('1. Visit: https://github.com/settings/developers');
-        console.log('2. Click "New OAuth App"');
-        console.log('3. Fill in the form:');
-        console.log('   - Application name: Your app name (e.g., "My Design Comments")');
-        console.log('   - Homepage URL: http://localhost:9000 (or your dev server URL)');
-        console.log('   - Authorization callback URL: http://localhost:9000/api/github-oauth-callback');
-        console.log('4. Click "Register application"');
-        console.log('5. Copy the Client ID and generate a Client Secret\n');
-        const githubAnswers = await inquirer_1.default.prompt([
-            {
-                type: 'input',
-                name: 'clientId',
-                message: 'GitHub OAuth Client ID:',
-                validate: (input) => {
-                    if (!input.trim())
-                        return 'Client ID is required';
-                    return true;
-                }
-            },
-            {
-                type: 'password',
-                name: 'clientSecret',
-                message: 'GitHub OAuth Client Secret:',
-                mask: '*',
-                validate: (input) => {
-                    if (!input.trim())
-                        return 'Client Secret is required';
-                    return true;
-                }
-            }
-        ]);
-        // Validate GitHub credentials
-        console.log('\n🔍 Validating GitHub credentials...');
-        githubValid = await validators.validateGitHubCredentials(githubAnswers.clientId, githubAnswers.clientSecret, owner, repo);
-        if (!githubValid) {
-            console.error('❌ GitHub validation failed. Please check your credentials and try again.');
-            process.exit(1);
-        }
-        console.log('✅ GitHub credentials validated!\n');
-        githubConfig = {
-            clientId: githubAnswers.clientId,
-            clientSecret: githubAnswers.clientSecret,
-            owner: owner,
-            repo: repo
-        };
-    }
-    else {
-        console.log('\n⏭️  Skipping GitHub setup. You can add it later by editing .env and .env.server files.\n');
-    }
-    // Step 3: Jira Setup (Optional)
-    console.log('🎫 Step 3: Jira Integration (Optional)\n');
-    console.log('Jira integration allows you to link Jira tickets to pages in your design.');
-    console.log('You can set this up now or add it later.\n');
-    const setupJira = await inquirer_1.default.prompt([
-        {
-            type: 'confirm',
-            name: 'setup',
-            message: 'Do you want to set up Jira integration now?',
-            default: true
-        }
-    ]);
-    let jiraConfig = null;
-    let jiraValid = false;
-    if (setupJira.setup) {
-        console.log('\nFor Red Hat Jira, generate a Personal Access Token:');
-        console.log('1. Visit: https://issues.redhat.com/secure/ViewProfile.jspa');
-        console.log('2. Click "Personal Access Tokens" in the left sidebar');
-        console.log('3. Click "Create token"');
-        console.log('4. Give it a name (e.g., "Hale Commenting System")');
-        console.log('5. Remove expiration (or set a long expiration)');
-        console.log('6. Click "Create" and copy the token\n');
-        console.log('Note: We use Bearer token authentication (no email required for Red Hat Jira).\n');
-        const jiraAnswers = await inquirer_1.default.prompt([
-            {
-                type: 'input',
-                name: 'baseUrl',
-                message: 'Jira Base URL (press Enter for Red Hat Jira):',
-                default: 'https://issues.redhat.com',
-                validate: (input) => {
-                    if (!input.trim())
-                        return 'Base URL is required';
-                    try {
-                        new URL(input);
-                        return true;
-                    }
-                    catch {
-                        return 'Please enter a valid URL';
-                    }
-                }
-            },
-            {
-                type: 'password',
-                name: 'apiToken',
-                message: 'Jira API Token:',
-                mask: '*',
-                validate: (input) => {
-                    if (!input.trim())
-                        return 'API Token is required';
-                    return true;
-                }
-            }
-        ]);
-        // Validate Jira credentials
-        console.log('\n🔍 Validating Jira credentials...');
-        jiraValid = await validators.validateJiraCredentials(jiraAnswers.baseUrl, jiraAnswers.apiToken, undefined // No email for Bearer token
-        );
-        if (!jiraValid) {
-            console.error('❌ Jira validation failed. Please check your credentials and try again.');
-            process.exit(1);
-        }
-        console.log('✅ Jira credentials validated!\n');
-        jiraConfig = {
-            baseUrl: jiraAnswers.baseUrl,
-            apiToken: jiraAnswers.apiToken,
-            email: undefined
-        };
-    }
-    else {
-        console.log('\n⏭️  Skipping Jira setup. You can add it later by editing .env and .env.server files.\n');
-    }
-    // Step 4: Generate files
-    console.log('📝 Step 4: Generating configuration files...\n');
-    await generators.generateFiles({
-        github: githubConfig,
-        jira: jiraConfig,
-        owner: owner,
-        repo: repo
-    });
-    // Step 5: Integrate into project
-    console.log('🔧 Step 5: Integrating into PatternFly Seed project...\n');
-    await generators.integrateIntoProject();
-    console.log('\n✅ Setup complete!');
-    console.log('\nNext steps:');
-    console.log('1. Start your dev server: npm run start:dev');
-    console.log('   (If it\'s already running, restart it to load the new configuration)');
-    console.log('2. The commenting system will be available in your app!\n');
-    if (!githubConfig || !jiraConfig) {
-        console.log('📝 To add integrations later:');
-        if (!githubConfig) {
-            console.log('   • GitHub: Edit .env and .env.server files (see comments in files for instructions)');
-        }
-        if (!jiraConfig) {
-            console.log('   • Jira: Edit .env and .env.server files (see comments in files for instructions)');
-        }
-        console.log('   • Then restart your dev server\n');
-    }
-}

package/dist/cli/postinstall.d.ts

@@ -1,2 +0,0 @@
-#!/usr/bin/env node
-export {};

package/dist/cli/postinstall.js

@@ -1,65 +0,0 @@
-#!/usr/bin/env node
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const fs = __importStar(require("fs"));
-const path = __importStar(require("path"));
-const detect = __importStar(require("./detect"));
-const onboarding = __importStar(require("./onboarding"));
-async function main() {
-    const cwd = process.cwd();
-    const envPath = path.join(cwd, '.env');
-    // Check if already configured (has GitHub client ID in .env)
-    if (fs.existsSync(envPath)) {
-        const envContent = fs.readFileSync(envPath, 'utf-8');
-        if (envContent.includes('VITE_GITHUB_CLIENT_ID')) {
-            // Already configured, skip onboarding
-            return;
-        }
-    }
-    // Check if we're in a PatternFly Seed project
-    const isPFSeed = detect.detectPatternFlySeed();
-    if (!isPFSeed) {
-        // Not a PF Seed project, skip silently (might be installing in a different context)
-        return;
-    }
-    // Run onboarding
-    console.log('🚀 Hale Commenting System - First-time setup\n');
-    await onboarding.runOnboarding();
-}
-main().catch((error) => {
-    // Don't fail the install if onboarding has issues
-    console.error('⚠️  Onboarding error (non-fatal):', error.message);
-});

package/dist/cli/validators.d.ts

@@ -1,2 +0,0 @@
-export declare function validateGitHubCredentials(clientId: string, clientSecret: string, owner: string, repo: string): Promise<boolean>;
-export declare function validateJiraCredentials(baseUrl: string, apiToken: string, email?: string): Promise<boolean>;

package/dist/cli/validators.js

@@ -1,66 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateGitHubCredentials = validateGitHubCredentials;
-exports.validateJiraCredentials = validateJiraCredentials;
-const node_fetch_1 = __importDefault(require("node-fetch"));
-async function validateGitHubCredentials(clientId, clientSecret, owner, repo) {
-    try {
-        // Test OAuth app credentials by attempting token exchange (we'll use a dummy code)
-        // Actually, we can't test OAuth without a real callback, so we'll just check repo access
-        // For a real validation, we'd need the user to complete OAuth flow, but for onboarding
-        // we'll just verify the repo exists and is accessible
-        const repoUrl = `https://api.github.com/repos/${owner}/${repo}`;
-        const response = await (0, node_fetch_1.default)(repoUrl, {
-            headers: {
-                'Accept': 'application/vnd.github+json',
-                'User-Agent': 'hale-commenting-system'
-            }
-        });
-        if (response.ok) {
-            return true;
-        }
-        if (response.status === 404) {
-            console.error(`   Repository ${owner}/${repo} not found or not accessible`);
-            return false;
-        }
-        console.error(`   GitHub API error: ${response.status}`);
-        return false;
-    }
-    catch (error) {
-        console.error(`   Error validating GitHub: ${error.message}`);
-        return false;
-    }
-}
-async function validateJiraCredentials(baseUrl, apiToken, email) {
-    try {
-        const url = `${baseUrl.replace(/\/+$/, '')}/rest/api/2/myself`;
-        const authHeader = email
-            ? `Basic ${Buffer.from(`${email}:${apiToken}`).toString('base64')}`
-            : `Bearer ${apiToken}`;
-        const response = await (0, node_fetch_1.default)(url, {
-            headers: {
-                'Accept': 'application/json',
-                'Authorization': authHeader,
-                'User-Agent': 'hale-commenting-system'
-            }
-        });
-        if (response.ok) {
-            const data = await response.json();
-            console.log(`   ✅ Authenticated as: ${data.displayName || data.name || 'User'}`);
-            return true;
-        }
-        if (response.status === 401 || response.status === 403) {
-            console.error(`   Authentication failed. Check your token and email (if required).`);
-            return false;
-        }
-        console.error(`   Jira API error: ${response.status}`);
-        return false;
-    }
-    catch (error) {
-        console.error(`   Error validating Jira: ${error.message}`);
-        return false;
-    }
-}

package/dist/components/CommentOverlay.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const CommentOverlay: React.FunctionComponent;

package/dist/components/CommentOverlay.js

@@ -1,101 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CommentOverlay = void 0;
-const React = __importStar(require("react"));
-const react_router_dom_1 = require("react-router-dom");
-const CommentContext_1 = require("../contexts/CommentContext");
-const CommentPin_1 = require("./CommentPin");
-const version_1 = require("../utils/version");
-const CommentOverlay = () => {
-    const location = (0, react_router_dom_1.useLocation)();
-    const { commentsEnabled, addThread, selectedThreadId, setSelectedThreadId, syncFromGitHub, getThreadsForRoute } = (0, CommentContext_1.useComments)();
-    const detectedVersion = (0, version_1.getVersionFromPathOrQuery)(location.pathname, location.search);
-    const overlayRef = React.useRef(null);
-    // Show both open and closed threads as pins (GitHub-style: closed issues still exist)
-    const currentThreads = getThreadsForRoute(location.pathname, detectedVersion);
-    const handlePageClick = (e) => {
-        if (!commentsEnabled)
-            return;
-        // Check if clicking on a pin or any interactive element
-        const target = e.target;
-        if (target.closest('button') ||
-            target.closest('a') ||
-            target.closest('input') ||
-            target.closest('select') ||
-            target.closest('textarea') ||
-            target.closest('[role="button"]') ||
-            target.closest('[data-comment-controls]') ||
-            target.closest('[data-comment-pin]')) {
-            return; // Don't create pin if clicking interactive elements
-        }
-        // Get the overlay container dimensions (accounts for drawer being open)
-        if (!overlayRef.current)
-            return;
-        const rect = overlayRef.current.getBoundingClientRect();
-        // Calculate percentage based on the content area, not the full window
-        const xPercent = ((e.clientX - rect.left) / rect.width) * 100;
-        const yPercent = ((e.clientY - rect.top) / rect.height) * 100;
-        const threadId = addThread(xPercent, yPercent, location.pathname, detectedVersion);
-        setSelectedThreadId(threadId);
-    };
-    React.useEffect(() => {
-        console.log('🔄 CommentOverlay useEffect triggered', { commentsEnabled, pathname: location.pathname, detectedVersion });
-        if (commentsEnabled) {
-            document.addEventListener('click', handlePageClick);
-            // Pull latest changes from GitHub when entering comment mode or switching routes
-            console.log('🔄 CommentOverlay calling syncFromGitHub...');
-            syncFromGitHub(location.pathname, detectedVersion).catch(() => undefined);
-        }
-        return () => {
-            document.removeEventListener('click', handlePageClick);
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [commentsEnabled, location.pathname, detectedVersion]);
-    // Only show pins when commenting is enabled
-    if (!commentsEnabled) {
-        return null;
-    }
-    return (React.createElement("div", { ref: overlayRef, style: {
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            width: '100%',
-            height: '100%',
-            pointerEvents: 'none',
-            zIndex: 999,
-        } }, currentThreads.map((thread) => (React.createElement(CommentPin_1.CommentPin, { key: thread.id, xPercent: thread.xPercent, yPercent: thread.yPercent, commentCount: thread.comments.length, isClosed: thread.status === 'closed', isSelected: selectedThreadId === thread.id, onClick: () => setSelectedThreadId(thread.id) })))));
-};
-exports.CommentOverlay = CommentOverlay;

package/dist/components/CommentPanel.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-interface CommentPanelProps {
-    children: React.ReactNode;
-}
-export declare const CommentPanel: React.FunctionComponent<CommentPanelProps>;
-export {};