@feedlog-ai/webcomponents 0.0.1

package/dist/cjs/feedlog-badge_3.cjs.entry.js

@@ -0,0 +1,119 @@
+'use strict';
+
+var index = require('./index-5lluu_3h.js');
+
+const feedlogBadgeCss = () => `:host{display:inline-block;--feedlog-badge-font-size:0.75rem;--feedlog-badge-font-weight:500;--feedlog-badge-padding-x:0.5rem;--feedlog-badge-padding-y:0.125rem;--feedlog-badge-border-radius:calc(0.625rem - 2px);--feedlog-blue-500:oklch(0.623 0.214 259.815);--feedlog-blue-600:oklch(0.546 0.245 262.881);--feedlog-blue-700:oklch(0.488 0.243 264.376);--feedlog-destructive:#d4183d;--feedlog-destructive-hover:#b91c1c}:host(.dark){--feedlog-blue-500:oklch(0.623 0.214 259.815);--feedlog-blue-600:oklch(0.546 0.245 262.881);--feedlog-destructive:oklch(0.396 0.141 25.723);--feedlog-destructive-hover:oklch(0.45 0.16 25.723)}.badge{display:inline-flex;align-items:center;justify-content:center;font-size:var(--feedlog-badge-font-size);font-weight:var(--feedlog-badge-font-weight);padding:var(--feedlog-badge-padding-y) var(--feedlog-badge-padding-x);border-radius:var(--feedlog-badge-border-radius);white-space:nowrap;transition:background-color 0.15s ease;font-family:inherit}.badge-default{background-color:var(--feedlog-blue-600);color:#ffffff}.badge-default:hover{background-color:var(--feedlog-blue-700)}:host(.dark) .badge-default{background-color:var(--feedlog-blue-500)}:host(.dark) .badge-default:hover{background-color:var(--feedlog-blue-600)}.badge-enhancement{background-color:var(--feedlog-blue-600);color:#ffffff}.badge-enhancement:hover{background-color:var(--feedlog-blue-700)}:host(.dark) .badge-enhancement{background-color:var(--feedlog-blue-500)}:host(.dark) .badge-enhancement:hover{background-color:var(--feedlog-blue-600)}.badge-destructive{background-color:var(--feedlog-destructive);color:#ffffff}.badge-destructive:hover{background-color:var(--feedlog-destructive-hover)}`;
+
+const FeedlogBadge = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * Badge variant style
+         */
+        this.variant = 'default';
+    }
+    render() {
+        return (index.h("span", { key: '482a74feb8d254a75383c30c7b39790edd04a05b', class: `badge badge-${this.variant}` }, index.h("slot", { key: '8d2db3fe0c2bc58e17829db4de7d0233189bb101' })));
+    }
+};
+FeedlogBadge.style = feedlogBadgeCss();
+
+const feedlogButtonCss = () => `:host{display:inline-block;font-family:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;--feedlog-background:#ffffff;--feedlog-foreground:oklch(0.145 0 0);--feedlog-primary:#030213;--feedlog-primary-foreground:oklch(1 0 0);--feedlog-secondary:oklch(0.95 0.0058 264.53);--feedlog-secondary-foreground:#030213;--feedlog-muted:#ececf0;--feedlog-accent:#e9ebef;--feedlog-accent-foreground:#030213;--feedlog-border:rgba(0, 0, 0, 0.1);--feedlog-input:transparent;--feedlog-ring:oklch(0.708 0 0);--feedlog-destructive:#d4183d;--feedlog-radius:0.625rem}:host(.dark){--feedlog-background:oklch(0.145 0 0);--feedlog-foreground:oklch(0.985 0 0);--feedlog-primary:oklch(0.985 0 0);--feedlog-primary-foreground:oklch(0.205 0 0);--feedlog-secondary:oklch(0.269 0 0);--feedlog-secondary-foreground:oklch(0.985 0 0);--feedlog-muted:oklch(0.269 0 0);--feedlog-accent:oklch(0.269 0 0);--feedlog-accent-foreground:oklch(0.985 0 0);--feedlog-border:oklch(0.269 0 0);--feedlog-input:oklch(0.269 0 0);--feedlog-ring:oklch(0.439 0 0);--feedlog-destructive:oklch(0.396 0.141 25.723)}button{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;white-space:nowrap;font-size:0.875rem;font-weight:500;border-radius:calc(var(--feedlog-radius) - 2px);border:1px solid transparent;cursor:pointer;transition:all 0.15s ease;outline:none;font-family:inherit}button:disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}button:focus-visible{border-color:var(--feedlog-ring);box-shadow:0 0 0 3px color-mix(in oklab, var(--feedlog-ring) 50%, transparent)}.button-default{background-color:var(--feedlog-primary);color:var(--feedlog-primary-foreground);border-color:transparent}.button-default:hover:not(:disabled){background-color:color-mix(in oklab, var(--feedlog-primary) 90%, transparent)}.button-outline{background-color:var(--feedlog-background);color:var(--feedlog-foreground);border-color:var(--feedlog-border)}.button-outline:hover:not(:disabled){background-color:var(--feedlog-accent);color:var(--feedlog-accent-foreground)}:host(.dark) .button-outline{background-color:transparent;border-color:var(--feedlog-input)}:host(.dark) .button-outline:hover:not(:disabled){background-color:color-mix(in oklab, var(--feedlog-accent) 50%, transparent)}.button-ghost{background-color:transparent;color:var(--feedlog-foreground);border-color:transparent}.button-ghost:hover:not(:disabled){background-color:var(--feedlog-accent);color:var(--feedlog-accent-foreground)}.button-destructive{background-color:var(--feedlog-destructive);color:#ffffff;border-color:transparent}.button-destructive:hover:not(:disabled){background-color:color-mix(in oklab, var(--feedlog-destructive) 90%, transparent)}:host(.dark) .button-destructive{background-color:color-mix(in oklab, var(--feedlog-destructive) 60%, transparent)}.button-size-sm{height:2rem;padding:0 0.75rem;font-size:0.75rem}.button-size-sm:has(svg:only-child){width:2rem;padding:0}.button-size-default{height:2.25rem;padding:0.5rem 1rem}.button-size-lg{height:2.5rem;padding:0.625rem 1.5rem;font-size:1rem}button svg{pointer-events:none;flex-shrink:0;width:1rem;height:1rem}`;
+
+const FeedlogButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.feedlogClick = index.createEvent(this, "feedlogClick");
+        /**
+         * Button variant style
+         */
+        this.variant = 'default';
+        /**
+         * Button size
+         */
+        this.size = 'default';
+        /**
+         * Disabled state
+         */
+        this.disabled = false;
+        /**
+         * Button type
+         */
+        this.type = 'button';
+        this.handleClick = (event) => {
+            if (!this.disabled) {
+                this.feedlogClick.emit(event);
+            }
+        };
+    }
+    render() {
+        const sizeClass = this.size === 'default' ? 'button-size-default' : `button-size-${this.size}`;
+        return (index.h("button", { key: '6cdd8347def51592707b1fb9aab0dc565ca0f76f', type: this.type, class: `button button-${this.variant} ${sizeClass}`, disabled: this.disabled, onClick: this.handleClick }, index.h("slot", { key: '3f3845195fa4b8a551473ecf1d5702321a31763e' })));
+    }
+};
+FeedlogButton.style = feedlogButtonCss();
+
+const feedlogIssuesListCss = () => `:host{display:block;font-family:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;--feedlog-background:#ffffff;--feedlog-foreground:oklch(0.145 0 0);--feedlog-card:#ffffff;--feedlog-card-foreground:oklch(0.145 0 0);--feedlog-muted:#ececf0;--feedlog-muted-foreground:#717182;--feedlog-border:rgba(0, 0, 0, 0.1);--feedlog-accent-color:#2563eb;--feedlog-destructive:#d4183d;--feedlog-blue-400:oklch(0.707 0.165 254.624);--feedlog-blue-600:oklch(0.546 0.245 262.881);--feedlog-blue-100:oklch(0.932 0.032 255.585);--feedlog-red-100:#fce7f3;--feedlog-red-400:#f472b6;--feedlog-red-600:#db2777;--feedlog-radius:0.625rem;--feedlog-gap:0.5rem}:host(.dark){--feedlog-background:oklch(0.145 0 0);--feedlog-foreground:oklch(0.985 0 0);--feedlog-card:oklch(0.145 0 0);--feedlog-card-foreground:oklch(0.985 0 0);--feedlog-muted:oklch(0.269 0 0);--feedlog-muted-foreground:oklch(0.708 0 0);--feedlog-border:oklch(0.269 0 0);--feedlog-accent-color:#3b82f6;--feedlog-destructive:oklch(0.396 0.141 25.723);--feedlog-blue-400:oklch(0.707 0.165 254.624);--feedlog-blue-600:oklch(0.546 0.245 262.881);--feedlog-blue-900-30:color-mix(in oklab, oklch(0.379 0.146 265.522) 30%, transparent);--feedlog-red-900-30:color-mix(in oklab, oklch(0.396 0.141 25.723) 30%, transparent)}.issues-list{display:flex;flex-direction:column;gap:var(--feedlog-gap)}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--feedlog-muted-foreground);font-size:0.875rem}.issue-card{background-color:var(--feedlog-card);border:1px solid var(--feedlog-border);border-radius:var(--feedlog-radius);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);transition:box-shadow 0.15s ease;position:relative}.issue-card:hover{box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)}.issue-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.issue-header{display:flex;align-items:center;gap:0.5rem;justify-content:space-between}.issue-type-badge{width:fit-content}.pinned-indicator{font-size:1rem;opacity:0.7}.issue-main{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.issue-details{flex:1;min-width:0}.issue-title{color:var(--feedlog-card-foreground);font-size:0.875rem;font-weight:600;margin:0 0 0.375rem 0;line-height:1.4;word-break:break-word}.issue-body{color:var(--feedlog-muted-foreground);font-size:0.75rem;line-height:1.625;margin:0 0 0.75rem 0;word-break:break-word;white-space:pre-wrap}.issue-repository{display:flex;align-items:center;gap:0.5rem;font-size:0.75rem;color:var(--feedlog-muted-foreground);margin-bottom:0.5rem}.repo-name{font-weight:500}.github-number{color:var(--feedlog-blue-600);font-weight:600}:host(.dark) .github-number{color:var(--feedlog-blue-400)}.upvote-button{display:flex;flex-direction:column;align-items:center;gap:0.125rem;padding:0.5rem 0.75rem;border-radius:0.5rem;background-color:var(--feedlog-muted);border:1px solid transparent;cursor:pointer;transition:all 0.15s ease;flex-shrink:0;font-size:0.75rem;font-weight:600}.upvote-button:hover{background-color:var(--feedlog-blue-100);border-color:var(--feedlog-blue-400)}.upvote-button.upvoted{background-color:var(--feedlog-red-100);border-color:var(--feedlog-red-400)}.upvote-button.upvoted:hover{background-color:var(--feedlog-red-100);border-color:var(--feedlog-red-600)}:host(.dark) .upvote-button:hover{background-color:var(--feedlog-blue-900-30);border-color:var(--feedlog-blue-600)}:host(.dark) .upvote-button.upvoted{background-color:var(--feedlog-red-900-30);border-color:var(--feedlog-red-600)}.upvote-icon{width:1rem;height:1rem;stroke-width:2}.upvote-icon.filled{color:var(--feedlog-red-600)}.upvote-icon.outline{color:var(--feedlog-blue-600)}:host(.dark) .upvote-icon.outline{color:var(--feedlog-blue-400)}.upvote-count{font-size:0.75rem;font-weight:600;color:var(--feedlog-card-foreground)}.issue-footer{display:flex;flex-direction:column;gap:0.25rem;font-size:0.75rem}.issue-date{color:var(--feedlog-muted-foreground);cursor:help}`;
+
+/**
+ * Heart icon SVG component (filled)
+ */
+const HeartFilledIcon = () => (index.h("svg", { class: "upvote-icon filled", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", stroke: "none" }, index.h("path", { d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" })));
+/**
+ * Heart icon SVG component (outline)
+ */
+const HeartOutlineIcon = () => (index.h("svg", { class: "upvote-icon outline", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("path", { d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" })));
+const FeedlogIssuesList = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.feedlogUpvote = index.createEvent(this, "feedlogUpvote");
+        /**
+         * Array of issues to display
+         */
+        this.issues = [];
+        /**
+         * Theme variant: 'light' or 'dark'
+         */
+        this.theme = 'light';
+        this.handleUpvote = (event, issue) => {
+            event.stopPropagation();
+            this.feedlogUpvote.emit({
+                issueId: issue.id,
+                currentUpvoted: issue.hasUpvoted,
+                currentCount: issue.upvoteCount,
+            });
+        };
+    }
+    render() {
+        return (index.h(index.Host, { key: '5cef6f5476239d0f8096664c04690aa4c3383bd0', class: this.theme === 'dark' ? 'dark' : '' }, index.h("div", { key: 'd72fffe457f0497dbbbe0c64dab3282f76a49217', class: "issues-list" }, this.issues.length === 0 ? (index.h("div", { class: "empty-state" }, index.h("p", null, "No issues found"))) : (this.issues.map(issue => (index.h("div", { key: issue.id, class: "issue-card" }, index.h("div", { class: "issue-content" }, index.h("div", { class: "issue-header" }, index.h("div", { class: "issue-type-badge" }, issue.type === 'bug' ? (index.h("feedlog-badge", { variant: "destructive" }, "Bug")) : (index.h("feedlog-badge", { variant: "enhancement" }, "Enhancement"))), issue.pinnedAt && (index.h("div", { class: "pinned-indicator", title: "Pinned issue" }, "\uD83D\uDCCC"))), index.h("div", { class: "issue-main" }, index.h("div", { class: "issue-details" }, index.h("h3", { class: "issue-title" }, issue.title), index.h("p", { class: "issue-body" }, issue.body), index.h("div", { class: "issue-repository" }, index.h("span", { class: "repo-name" }, issue.repository.owner, "/", issue.repository.name))), index.h("button", { class: `upvote-button ${issue.hasUpvoted ? 'upvoted' : ''}`, onClick: (e) => this.handleUpvote(e, issue), title: issue.hasUpvoted ? 'Remove upvote' : 'Upvote this issue' }, issue.hasUpvoted ? index.h(HeartFilledIcon, null) : index.h(HeartOutlineIcon, null), index.h("span", { class: "upvote-count" }, issue.upvoteCount))), index.h("div", { class: "issue-footer" }, index.h("span", { class: "issue-date", title: `Updated: ${issue.updatedAt}` }, "Updated ", this.formatDate(issue.updatedAt)), index.h("span", { class: "issue-date", title: `Created: ${issue.createdAt}` }, "Created ", this.formatDate(issue.createdAt)))))))))));
+    }
+    /**
+     * Format an ISO date string to a relative time string
+     */
+    formatDate(dateString) {
+        try {
+            const date = new Date(dateString);
+            const now = new Date();
+            const seconds = Math.floor((now.getTime() - date.getTime()) / 1000);
+            if (seconds < 60)
+                return 'just now';
+            if (seconds < 3600)
+                return `${Math.floor(seconds / 60)}m ago`;
+            if (seconds < 86400)
+                return `${Math.floor(seconds / 3600)}h ago`;
+            if (seconds < 604800)
+                return `${Math.floor(seconds / 86400)}d ago`;
+            if (seconds < 2592000)
+                return `${Math.floor(seconds / 604800)}w ago`;
+            return date.toLocaleDateString();
+        }
+        catch (_a) {
+            return 'unknown date';
+        }
+    }
+};
+FeedlogIssuesList.style = feedlogIssuesListCss();
+
+exports.feedlog_badge = FeedlogBadge;
+exports.feedlog_button = FeedlogButton;
+exports.feedlog_issues_list = FeedlogIssuesList;

package/dist/cjs/feedlog-card.cjs.entry.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var index = require('./index-5lluu_3h.js');
+
+const feedlogCardCss = () => `:host{display:block;font-family:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;--feedlog-card:#ffffff;--feedlog-card-foreground:oklch(0.145 0 0);--feedlog-border:rgba(0, 0, 0, 0.1);--feedlog-radius:0.625rem;--feedlog-card-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);--feedlog-card-hover-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)}:host(.dark){--feedlog-card:oklch(0.145 0 0);--feedlog-card-foreground:oklch(0.985 0 0);--feedlog-border:oklch(0.269 0 0);--feedlog-card-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.3);--feedlog-card-hover-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -4px rgba(0, 0, 0, 0.3)}.feedlog-card{background-color:var(--feedlog-card);color:var(--feedlog-card-foreground);border:1px solid var(--feedlog-border);border-radius:var(--feedlog-radius);box-shadow:var(--feedlog-card-shadow);transition:box-shadow 0.15s ease;position:relative}.feedlog-card:hover{box-shadow:var(--feedlog-card-hover-shadow)}::slotted([slot="header"]){display:block}::slotted([slot="content"]){display:block}::slotted([slot="footer"]){display:block}`;
+
+const FeedlogCard = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("div", { key: '293a80e66adedfc1af29daf72390a4f464321b96', class: "feedlog-card" }, index.h("slot", { key: 'b7e5a827f89035e791d9c756db0f66198e6c5a38', name: "header" }), index.h("slot", { key: 'da89fee0a01068c8438564848f218faa9c5d849e', name: "content" }), index.h("slot", { key: '30b05e80e4189c0f73810a48f64e072dfac83267', name: "footer" })));
+    }
+};
+FeedlogCard.style = feedlogCardCss();
+
+exports.feedlog_card = FeedlogCard;

package/dist/cjs/feedlog-github-issues-client.cjs.entry.js

@@ -0,0 +1,520 @@
+'use strict';
+
+var index = require('./index-5lluu_3h.js');
+
+/**
+ * HTML and XSS sanitization utilities
+ */
+/**
+ * Basic HTML entity escaping to prevent XSS
+ * This is a lightweight alternative to DOMPurify
+ */
+/**
+ * Sanitize HTML by removing dangerous tags and attributes
+ * Removes script tags, event handlers, and other potentially malicious content
+ */
+function sanitizeHtml(html) {
+    if (typeof html !== 'string') {
+        return '';
+    }
+    // Remove script tags and content
+    let sanitized = html.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, '');
+    // Remove on* event handlers
+    sanitized = sanitized.replace(/\s*on\w+\s*=\s*["'][^"']*["']/gi, '');
+    sanitized = sanitized.replace(/\s*on\w+\s*=\s*[^\s>]*/gi, '');
+    // Remove iframe tags
+    sanitized = sanitized.replace(/<iframe\b[^<]*(?:(?!<\/iframe>)<[^<]*)*<\/iframe>/gi, '');
+    // Remove style tags
+    sanitized = sanitized.replace(/<style\b[^<]*(?:(?!<\/style>)<[^<]*)*<\/style>/gi, '');
+    // Remove embed and object tags
+    sanitized = sanitized.replace(/<(embed|object)\b[^<]*>/gi, '');
+    // Remove javascript: protocol
+    sanitized = sanitized.replace(/javascript:/gi, '');
+    // Remove data: protocol for potentially dangerous mime types
+    sanitized = sanitized.replace(/data:(?!image\/(?:png|jpg|jpeg|gif|webp);)/gi, '');
+    return sanitized;
+}
+
+/**
+ * Custom error types for Feedlog SDK
+ */
+class FeedlogError extends Error {
+    constructor(message, statusCode, originalError) {
+        super(message);
+        this.statusCode = statusCode;
+        this.originalError = originalError;
+        this.name = 'FeedlogError';
+        Object.setPrototypeOf(this, FeedlogError.prototype);
+    }
+}
+class FeedlogValidationError extends FeedlogError {
+    constructor(message) {
+        super(message);
+        this.name = 'FeedlogValidationError';
+        Object.setPrototypeOf(this, FeedlogValidationError.prototype);
+    }
+}
+class FeedlogNetworkError extends FeedlogError {
+    constructor(message, statusCode, originalError) {
+        super(message, statusCode, originalError);
+        this.name = 'FeedlogNetworkError';
+        Object.setPrototypeOf(this, FeedlogNetworkError.prototype);
+    }
+}
+class FeedlogTimeoutError extends FeedlogError {
+    constructor(message = 'Request timed out') {
+        super(message);
+        this.name = 'FeedlogTimeoutError';
+        Object.setPrototypeOf(this, FeedlogTimeoutError.prototype);
+    }
+}
+
+/**
+ * Core SDK for Feedlog Toolkit
+ *
+ * This package provides the core functionality and utilities
+ * used across all Feedlog Toolkit packages.
+ */
+/**
+ * Main Feedlog SDK class
+ * Provides methods to interact with the Feedlog API
+ */
+class FeedlogSDK {
+    constructor(config = {}) {
+        this.config = {
+            credentials: 'include',
+            ...config,
+        };
+        this.endpoint = this.config.endpoint || 'https://api.feedlog.app';
+        this.timeout = this.config.timeout || 30000;
+        // Ensure endpoint doesn't have trailing slash
+        this.endpoint = this.endpoint.replace(/\/$/, '');
+    }
+    /**
+     * Fetch issues from the API
+     * Supports filtering by repository IDs, type, pagination, and limit
+     */
+    async fetchIssues(params = {}) {
+        try {
+            const url = this.buildIssuesUrl(params);
+            const response = await this.fetchWithTimeout(url, {
+                method: 'GET',
+                headers: this.getAuthHeaders(),
+                credentials: this.config.credentials || 'include',
+            });
+            if (!response.ok) {
+                throw new FeedlogNetworkError(`Failed to fetch issues: ${response.statusText}`, response.status);
+            }
+            const data = await response.json();
+            return this.validateIssuesResponse(data);
+        }
+        catch (error) {
+            if (error instanceof FeedlogError) {
+                throw error;
+            }
+            if (error instanceof TypeError && error.message.includes('fetch')) {
+                throw new FeedlogNetworkError('Network error: Unable to reach API', undefined, error);
+            }
+            throw new FeedlogError(`Failed to fetch issues: ${error instanceof Error ? error.message : 'Unknown error'}`, undefined, error);
+        }
+    }
+    /**
+     * Toggle upvote on an issue
+     * Adds upvote if not already upvoted, removes if already upvoted
+     */
+    async toggleUpvote(issueId) {
+        if (!issueId || typeof issueId !== 'string') {
+            throw new FeedlogValidationError('Issue ID is required');
+        }
+        try {
+            const url = `${this.endpoint}/api/issues/${encodeURIComponent(issueId)}/upvote`;
+            const response = await this.fetchWithTimeout(url, {
+                method: 'POST',
+                headers: this.getAuthHeaders(),
+                credentials: this.config.credentials || 'include',
+            });
+            if (response.status === 404) {
+                throw new FeedlogNetworkError('Issue not found', 404);
+            }
+            if (response.status === 401) {
+                throw new FeedlogNetworkError('Unauthorized', 401);
+            }
+            if (response.status === 403) {
+                throw new FeedlogNetworkError('Forbidden: Domain not allowed for this repository', 403);
+            }
+            if (!response.ok) {
+                throw new FeedlogNetworkError(`Failed to toggle upvote: ${response.statusText}`, response.status);
+            }
+            const data = await response.json();
+            return this.validateUpvoteResponse(data);
+        }
+        catch (error) {
+            if (error instanceof FeedlogError) {
+                throw error;
+            }
+            if (error instanceof TypeError && error.message.includes('fetch')) {
+                throw new FeedlogNetworkError('Network error: Unable to reach API', undefined, error);
+            }
+            throw new FeedlogError(`Failed to toggle upvote: ${error instanceof Error ? error.message : 'Unknown error'}`, undefined, error);
+        }
+    }
+    /**
+     * Build the full URL for fetching issues with query parameters
+     */
+    buildIssuesUrl(params) {
+        const url = new URL(`${this.endpoint}/api/issues`);
+        // Handle repositoryIds - can be single string or array
+        if (params.repositoryIds) {
+            const ids = Array.isArray(params.repositoryIds)
+                ? params.repositoryIds
+                : [params.repositoryIds];
+            for (const id of ids) {
+                url.searchParams.append('repositoryIds', id);
+            }
+        }
+        if (params.type) {
+            url.searchParams.set('type', params.type);
+        }
+        if (params.cursor) {
+            url.searchParams.set('cursor', params.cursor);
+        }
+        if (params.limit !== undefined) {
+            url.searchParams.set('limit', params.limit.toString());
+        }
+        return url.toString();
+    }
+    /**
+     * Get request headers
+     */
+    getAuthHeaders() {
+        return {
+            'Content-Type': 'application/json',
+        };
+    }
+    /**
+     * Fetch with timeout support using AbortController
+     */
+    async fetchWithTimeout(url, init) {
+        const controller = new AbortController();
+        const timeout = setTimeout(() => controller.abort(), this.timeout);
+        try {
+            const response = await fetch(url, {
+                ...init,
+                signal: controller.signal,
+            });
+            clearTimeout(timeout);
+            return response;
+        }
+        catch (error) {
+            clearTimeout(timeout);
+            if (error instanceof Error && error.name === 'AbortError') {
+                throw new FeedlogTimeoutError(`Request timed out after ${this.timeout}ms`);
+            }
+            throw error;
+        }
+    }
+    /**
+     * Validate and sanitize issues response
+     */
+    validateIssuesResponse(data) {
+        if (!data || typeof data !== 'object') {
+            throw new FeedlogValidationError('Invalid API response: expected object');
+        }
+        const response = data;
+        if (!Array.isArray(response.issues)) {
+            throw new FeedlogValidationError('Invalid API response: issues must be an array');
+        }
+        if (!response.pagination || typeof response.pagination !== 'object') {
+            throw new FeedlogValidationError('Invalid API response: pagination is required');
+        }
+        const issues = response.issues.map(issue => this.validateIssue(issue));
+        return {
+            issues,
+            pagination: {
+                cursor: response.pagination.cursor,
+                hasMore: Boolean(response.pagination.hasMore),
+            },
+        };
+    }
+    /**
+     * Validate and sanitize an individual issue
+     */
+    validateIssue(data) {
+        if (!data || typeof data !== 'object') {
+            throw new FeedlogValidationError('Invalid issue: expected object');
+        }
+        const issue = data;
+        // Validate required fields
+        if (typeof issue.id !== 'string') {
+            throw new FeedlogValidationError('Invalid issue: id is required and must be a string');
+        }
+        if (typeof issue.title !== 'string') {
+            throw new FeedlogValidationError('Invalid issue: title is required and must be a string');
+        }
+        if (!['bug', 'enhancement'].includes(String(issue.type))) {
+            throw new FeedlogValidationError('Invalid issue: type must be "bug" or "enhancement"');
+        }
+        if (!['open', 'closed'].includes(String(issue.status))) {
+            throw new FeedlogValidationError('Invalid issue: status must be "open" or "closed"');
+        }
+        if (!issue.repository || typeof issue.repository !== 'object') {
+            throw new FeedlogValidationError('Invalid issue: repository is required');
+        }
+        const repo = issue.repository;
+        if (typeof repo.id !== 'string' ||
+            typeof repo.name !== 'string' ||
+            typeof repo.owner !== 'string') {
+            throw new FeedlogValidationError('Invalid issue: repository must have id, name, and owner');
+        }
+        // Sanitize string fields to prevent XSS
+        const sanitizedTitle = sanitizeHtml(String(issue.title));
+        const sanitizedBody = sanitizeHtml(String(issue.body || ''));
+        return {
+            id: String(issue.id),
+            type: issue.type || 'bug',
+            status: issue.status || 'open',
+            pinnedAt: issue.pinnedAt ? String(issue.pinnedAt) : null,
+            revision: Number(issue.revision) || 1,
+            title: sanitizedTitle,
+            body: sanitizedBody,
+            repository: {
+                id: String(repo.id),
+                name: String(repo.name),
+                owner: String(repo.owner),
+            },
+            updatedAt: String(issue.updatedAt) || new Date().toISOString(),
+            createdAt: String(issue.createdAt) || new Date().toISOString(),
+            upvoteCount: Number(issue.upvoteCount) || 0,
+            hasUpvoted: Boolean(issue.hasUpvoted),
+        };
+    }
+    /**
+     * Validate upvote response
+     */
+    validateUpvoteResponse(data) {
+        if (!data || typeof data !== 'object') {
+            throw new FeedlogValidationError('Invalid upvote response: expected object');
+        }
+        const response = data;
+        if (typeof response.upvoted !== 'boolean') {
+            throw new FeedlogValidationError('Invalid upvote response: upvoted must be a boolean');
+        }
+        if (typeof response.upvoteCount !== 'number') {
+            throw new FeedlogValidationError('Invalid upvote response: upvoteCount must be a number');
+        }
+        if (typeof response.anonymousUserId !== 'string') {
+            throw new FeedlogValidationError('Invalid upvote response: anonymousUserId must be a string');
+        }
+        return {
+            upvoted: response.upvoted,
+            upvoteCount: response.upvoteCount,
+            anonymousUserId: response.anonymousUserId,
+        };
+    }
+    /**
+     * Get the current endpoint
+     */
+    getEndpoint() {
+        return this.endpoint;
+    }
+    /**
+     * Get the current timeout setting
+     */
+    getTimeout() {
+        return this.timeout;
+    }
+}
+
+const FeedlogGithubIssuesClient = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.feedlogUpvote = index.createEvent(this, "feedlogUpvote");
+        this.feedlogThemeChange = index.createEvent(this, "feedlogThemeChange");
+        this.feedlogError = index.createEvent(this, "feedlogError");
+        /**
+         * Maximum width of the container
+         */
+        this.maxWidth = '42rem';
+        /**
+         * Theme variant: 'light' or 'dark'
+         */
+        this.theme = 'light';
+        /**
+         * Whether to show the theme toggle button
+         */
+        this.showThemeToggle = true;
+        this.issues = [];
+        this.loading = true;
+        this.error = null;
+        this.cursor = null;
+        this.hasMore = false;
+        this.isLoadingMore = false;
+        this.sdk = null;
+        this.handleUpvote = async (event) => {
+            if (!this.sdk) {
+                return;
+            }
+            const { issueId, currentUpvoted, currentCount } = event.detail;
+            // Optimistic update
+            this.issues = this.issues.map(issue => issue.id === issueId
+                ? Object.assign(Object.assign({}, issue), { hasUpvoted: !currentUpvoted, upvoteCount: currentUpvoted ? currentCount - 1 : currentCount + 1 }) : issue);
+            try {
+                const result = await this.sdk.toggleUpvote(issueId);
+                // Update with server response
+                this.issues = this.issues.map(issue => issue.id === issueId
+                    ? Object.assign(Object.assign({}, issue), { hasUpvoted: result.upvoted, upvoteCount: result.upvoteCount }) : issue);
+                this.feedlogUpvote.emit({
+                    issueId,
+                    upvoted: result.upvoted,
+                    upvoteCount: result.upvoteCount,
+                });
+            }
+            catch (err) {
+                // Revert optimistic update on error
+                this.issues = this.issues.map(issue => issue.id === issueId
+                    ? Object.assign(Object.assign({}, issue), { hasUpvoted: currentUpvoted, upvoteCount: currentCount }) : issue);
+                const errorMsg = err instanceof Error ? err.message : 'Failed to toggle upvote';
+                this.feedlogError.emit({ error: errorMsg });
+            }
+        };
+        this.handleThemeChange = (event) => {
+            this.theme = event.detail;
+            this.feedlogThemeChange.emit(event.detail);
+        };
+    }
+    componentWillLoad() {
+        this.previousRepos = this.repos;
+        this.previousType = this.type;
+        this.previousLimit = this.limit;
+        this.initializeSDK();
+        this.fetchIssues();
+    }
+    componentDidUpdate() {
+        // Re-fetch if any props changed
+        const reposChanged = JSON.stringify(this.previousRepos) !== JSON.stringify(this.repos);
+        const typeChanged = this.previousType !== this.type;
+        const limitChanged = this.previousLimit !== this.limit;
+        if (reposChanged || typeChanged || limitChanged) {
+            // Reset pagination when filters change
+            this.cursor = null;
+            this.hasMore = false;
+            this.issues = [];
+            this.fetchIssues();
+            this.previousRepos = this.repos;
+            this.previousType = this.type;
+            this.previousLimit = this.limit;
+        }
+    }
+    initializeSDK() {
+        try {
+            this.sdk = new FeedlogSDK(Object.assign({}, (this.endpoint && { endpoint: this.endpoint })));
+            this.error = null;
+        }
+        catch (err) {
+            const errorMsg = err instanceof Error ? err.message : 'Failed to initialize SDK';
+            this.error = errorMsg;
+            this.feedlogError.emit({ error: errorMsg });
+        }
+    }
+    parseRepos() {
+        if (!this.repos) {
+            return [];
+        }
+        if (typeof this.repos === 'string') {
+            try {
+                const parsed = JSON.parse(this.repos);
+                return Array.isArray(parsed) ? parsed : [this.repos];
+            }
+            catch (_a) {
+                // If not valid JSON, treat as single repo ID
+                return [this.repos];
+            }
+        }
+        return Array.isArray(this.repos) ? this.repos : [];
+    }
+    async fetchIssues() {
+        if (!this.sdk) {
+            return;
+        }
+        const repos = this.parseRepos();
+        if (repos.length === 0) {
+            this.error = 'At least one repository is required';
+            this.loading = false;
+            this.feedlogError.emit({ error: 'At least one repository is required' });
+            return;
+        }
+        try {
+            this.loading = true;
+            this.error = null;
+            const params = {
+                repositoryIds: repos,
+            };
+            if (this.type) {
+                params.type = this.type;
+            }
+            if (this.limit) {
+                params.limit = this.limit;
+            }
+            if (this.cursor) {
+                params.cursor = this.cursor;
+            }
+            const response = await this.sdk.fetchIssues(params);
+            this.issues = response.issues;
+            this.cursor = response.pagination.cursor;
+            this.hasMore = response.pagination.hasMore;
+        }
+        catch (err) {
+            const errorMsg = err instanceof Error ? err.message : 'Failed to fetch issues';
+            this.error = errorMsg;
+            this.issues = [];
+            this.feedlogError.emit({
+                error: errorMsg,
+                code: err === null || err === void 0 ? void 0 : err.statusCode,
+            });
+        }
+        finally {
+            this.loading = false;
+            this.isLoadingMore = false;
+        }
+    }
+    async loadMore() {
+        if (!this.sdk || !this.hasMore || this.isLoadingMore || this.loading) {
+            return;
+        }
+        this.isLoadingMore = true;
+        try {
+            const repos = this.parseRepos();
+            const params = {
+                repositoryIds: repos,
+            };
+            if (this.type) {
+                params.type = this.type;
+            }
+            if (this.limit) {
+                params.limit = this.limit;
+            }
+            if (this.cursor) {
+                params.cursor = this.cursor;
+            }
+            const response = await this.sdk.fetchIssues(params);
+            this.issues = [...this.issues, ...response.issues];
+            this.cursor = response.pagination.cursor;
+            this.hasMore = response.pagination.hasMore;
+        }
+        catch (err) {
+            const errorMsg = err instanceof Error ? err.message : 'Failed to load more issues';
+            this.feedlogError.emit({
+                error: errorMsg,
+                code: err === null || err === void 0 ? void 0 : err.statusCode,
+            });
+        }
+        finally {
+            this.isLoadingMore = false;
+        }
+    }
+    render() {
+        return (index.h("feedlog-github-issues", { key: '38b9e7ec8a5473acbab39df1d0476fcb357866bf', issues: this.issues, maxWidth: this.maxWidth, theme: this.theme, showThemeToggle: this.showThemeToggle, loading: this.loading, error: this.error, hasMore: this.hasMore, isLoadingMore: this.isLoadingMore, onFeedlogUpvote: this.handleUpvote, onFeedlogThemeChange: this.handleThemeChange, onFeedlogLoadMore: async () => this.loadMore() }));
+    }
+};
+
+exports.feedlog_github_issues_client = FeedlogGithubIssuesClient;