@feedlog-ai/webcomponents 0.0.27 → 0.0.29

package/dist/cjs/loader.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bk1-M_w_.js');
+var index = require('./index-CXKBwRlh.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/collection/components/feedlog-badge/feedlog-badge.css

@@ -4,26 +4,42 @@
   /* Light theme defaults */
   --feedlog-badge-font-size: 0.75rem;
   --feedlog-badge-font-weight: 500;
-  --feedlog-badge-padding-x: 0.5rem;
+  --feedlog-badge-padding-x: 0.625rem;
   --feedlog-badge-padding-y: 0.125rem;
-  --feedlog-badge-border-radius: calc(0.625rem - 2px);
-
-  /* Default/Enhancement variant colors */
-  --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);
-
-  /* Destructive variant colors */
-  --feedlog-destructive: #d4183d;
-  --feedlog-destructive-hover: #b91c1c;
+  --feedlog-badge-border-radius: 9999px; /* Pill shape */
+
+  /* Default/Enhancement variant colors - Soft Blue */
+  --feedlog-blue-bg: #eff6ff;
+  --feedlog-blue-text: #1e40af;
+  --feedlog-blue-bg-hover: #dbeafe;
+
+  /* Destructive variant colors - Soft Red */
+  --feedlog-red-bg: #fef2f2;
+  --feedlog-red-text: #991b1b;
+  --feedlog-red-bg-hover: #fee2e2;
+
+  /* Secondary variant - Muted */
+  --feedlog-muted-bg: #f1f5f9;
+  --feedlog-muted-text: #475569;
+  --feedlog-muted-bg-hover: #e2e8f0;
 }
 
 :host(.dark) {
   /* Dark theme values */
-  --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);
+  /* Default/Enhancement variant colors - Dark Blue */
+  --feedlog-blue-bg: rgba(37, 99, 235, 0.15);
+  --feedlog-blue-text: #93c5fd;
+  --feedlog-blue-bg-hover: rgba(37, 99, 235, 0.25);
+
+  /* Destructive variant colors - Dark Red */
+  --feedlog-red-bg: rgba(220, 38, 38, 0.15);
+  --feedlog-red-text: #fca5a5;
+  --feedlog-red-bg-hover: rgba(220, 38, 38, 0.25);
+
+  /* Secondary variant - Dark Muted */
+  --feedlog-muted-bg: oklch(0.32 0.01 260);
+  --feedlog-muted-text: oklch(0.8 0.02 260);
+  --feedlog-muted-bg-hover: oklch(0.38 0.01 260);
 }
 
 .badge {
@@ -36,63 +52,47 @@
   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;
+  transition: background-color 0.2s ease, color 0.2s ease;
   font-family: inherit;
+  border: 1px solid transparent;
 }
 
-/* Default variant - uses blue like enhancement */
+/* Default variant - Soft Blue */
 .badge-default {
-  background-color: var(--feedlog-blue-600);
-  color: #ffffff;
+  background-color: var(--feedlog-blue-bg);
+  color: var(--feedlog-blue-text);
 }
 
 .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);
+  background-color: var(--feedlog-blue-bg-hover);
 }
 
-/* Enhancement variant - blue styling */
+/* Enhancement variant - Soft Blue */
 .badge-enhancement {
-  background-color: var(--feedlog-blue-600);
-  color: #ffffff;
+  background-color: var(--feedlog-blue-bg);
+  color: var(--feedlog-blue-text);
 }
 
 .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);
+  background-color: var(--feedlog-blue-bg-hover);
 }
 
-/* Destructive variant - red/danger styling */
+/* Destructive variant - Soft Red */
 .badge-destructive {
-  background-color: var(--feedlog-destructive);
-  color: #ffffff;
+  background-color: var(--feedlog-red-bg);
+  color: var(--feedlog-red-text);
 }
 
 .badge-destructive:hover {
-  background-color: var(--feedlog-destructive-hover);
+  background-color: var(--feedlog-red-bg-hover);
 }
 
-/* Secondary variant - muted styling for status badges */
+/* Secondary variant - Muted styling */
 .badge-secondary {
-  background-color: var(--feedlog-muted, #f1f5f9);
-  color: var(--feedlog-muted-foreground, #64748b);
+  background-color: var(--feedlog-muted-bg);
+  color: var(--feedlog-muted-text);
 }
 
-:host(.dark) .badge-secondary {
-  background-color: var(--feedlog-muted, oklch(0.32 0.01 260));
-  color: var(--feedlog-muted-foreground, oklch(0.72 0.02 260));
+.badge-secondary:hover {
+  background-color: var(--feedlog-muted-bg-hover);
 }

package/dist/collection/components/feedlog-issue/feedlog-issue.css

@@ -23,29 +23,28 @@
   --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;
 
   /* Customization variables */
   --feedlog-card-padding: 1.25rem;
-  --feedlog-title-font-size: 0.9375rem;
+  --feedlog-title-font-size: 1.125rem;
   --feedlog-title-font-weight: 600;
-  --feedlog-body-font-size: 0.8125rem;
-  --feedlog-body-line-height: 1.5;
+  --feedlog-body-font-size: 0.875rem;
+  --feedlog-body-line-height: 1.6;
   --feedlog-timestamp-font-size: 0.6875rem;
   --feedlog-timestamp-color: var(--feedlog-muted-foreground);
-  --feedlog-card-accent-width: 3px;
+  --feedlog-card-radius: 0.75rem;
   --feedlog-icon-color: var(--feedlog-muted-foreground);
   --feedlog-icon-color-muted: var(--feedlog-muted-foreground);
   --feedlog-pin-color: var(--feedlog-accent-color);
   --feedlog-upvote-icon-color: var(--feedlog-blue-600);
   --feedlog-upvote-icon-filled-color: var(--feedlog-red-600);
-  --feedlog-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 1px 2px -1px rgba(0, 0, 0, 0.08);
-  --feedlog-shadow-hover: 0 4px 12px -2px rgba(0, 0, 0, 0.1), 0 2px 6px -2px rgba(0, 0, 0, 0.08);
+  /* Layered shadows for depth */
+  --feedlog-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.5);
+  --feedlog-shadow-hover-enhancement: 0 8px 16px rgba(37, 99, 235, 0.08), 0 12px 24px rgba(37, 99, 235, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+  --feedlog-shadow-hover-bug: 0 8px 16px rgba(212, 24, 61, 0.08), 0 12px 24px rgba(212, 24, 61, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.6);
 }
 
 :host(.dark) {
@@ -59,20 +58,20 @@
   --feedlog-border: oklch(0.34 0.01 260);
   --feedlog-accent-color: #3b82f6;
   --feedlog-destructive: oklch(0.396 0.141 25.723);
+  --feedlog-blue-300: oklch(0.78 0.12 255);
   --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);
   --feedlog-upvote-icon-color: var(--feedlog-blue-400);
   --feedlog-upvote-icon-filled-color: var(--feedlog-red-600);
-  --feedlog-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
-  --feedlog-shadow-hover: 0 4px 12px -2px rgba(0, 0, 0, 0.4);
+  --feedlog-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 12px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.05);
+  --feedlog-shadow-hover-enhancement: 0 8px 16px rgba(59, 130, 246, 0.15), 0 12px 24px rgba(59, 130, 246, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.08);
+  --feedlog-shadow-hover-bug: 0 8px 16px rgba(220, 38, 38, 0.15), 0 12px 24px rgba(220, 38, 38, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.08);
 }
 
 .issue-card {
-  background-color: var(--feedlog-card);
+  background: linear-gradient(180deg, var(--feedlog-card) 0%, color-mix(in oklab, var(--feedlog-card) 98%, var(--feedlog-muted) 2%) 100%);
   border: 1px solid var(--feedlog-border);
-  border-radius: var(--feedlog-radius);
+  border-radius: var(--feedlog-card-radius, var(--feedlog-radius));
   box-shadow: var(--feedlog-shadow);
   transition:
     box-shadow 0.2s ease,
@@ -81,49 +80,66 @@
   overflow: hidden;
 }
 
-.issue-card::before {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  width: var(--feedlog-card-accent-width);
-  background: var(--feedlog-accent-color);
+.issue-card:hover {
 }
 
-.issue-card.issue-type-bug::before {
-  background: var(--feedlog-destructive);
+.issue-card.issue-type-enhancement:hover {
+  box-shadow: var(--feedlog-shadow-hover-enhancement);
 }
 
-.issue-card:hover {
-  box-shadow: var(--feedlog-shadow-hover);
+.issue-card.issue-type-bug:hover {
+  box-shadow: var(--feedlog-shadow-hover-bug);
+}
+
+/* Media area - ready for future images/videos. Hidden until media support is added. */
+.issue-media {
+  display: none;
+  aspect-ratio: 16 / 9;
+  overflow: hidden;
+  border-radius: var(--feedlog-card-radius, var(--feedlog-radius)) var(--feedlog-card-radius, var(--feedlog-radius)) 0 0;
+  background-color: var(--feedlog-muted);
+  border-bottom: 1px solid var(--feedlog-border);
+}
+
+.issue-media.has-media {
+  display: block;
+}
+
+.issue-media ::slotted(img),
+.issue-media ::slotted(video) {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
 }
 
 .issue-content {
   padding: var(--feedlog-card-padding);
-  padding-left: calc(var(--feedlog-card-padding) + var(--feedlog-card-accent-width));
   display: flex;
   flex-direction: column;
   gap: 0.875rem;
 }
 
-.issue-header {
+.issue-header-top {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
-  gap: 0.75rem;
-  min-height: 1.5rem;
+  gap: 1rem;
+  margin-bottom: 0.875rem;
 }
 
-.issue-header-left {
+.issue-badges {
   display: flex;
   align-items: center;
   gap: 0.375rem;
   flex-wrap: wrap;
+  margin-left: -0.25rem;
 }
 
-.issue-type-badge {
-  width: fit-content;
+.issue-meta-right {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
 }
 
 .pinned-indicator {
@@ -155,9 +171,23 @@
 
 .issue-footer {
   display: flex;
+  flex-direction: row;
   align-items: center;
-  justify-content: flex-end;
+  justify-content: space-between;
+  gap: 0.75rem;
   margin-top: 0.75rem;
+  padding-top: 1rem;
+  border-top: 1px solid var(--feedlog-border);
+  flex-wrap: wrap;
+}
+
+.issue-footer-meta {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 0.75rem;
+  color: var(--feedlog-muted-foreground);
+  flex-wrap: wrap;
 }
 
 .issue-title {
@@ -165,7 +195,8 @@
   font-size: var(--feedlog-title-font-size);
   font-weight: var(--feedlog-title-font-weight);
   margin: 0 0 0.5rem 0;
-  line-height: 1.4;
+  line-height: 1.3;
+  letter-spacing: -0.015em;
   word-break: break-word;
 }
 
@@ -186,7 +217,7 @@
 }
 
 .issue-body p {
-  margin: 0 0 0.5em 0;
+  margin: 0 0 0.75em 0;
 }
 
 .issue-body p:last-child {
@@ -244,15 +275,6 @@
   color: var(--feedlog-muted-foreground);
 }
 
-.issue-repository {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  font-size: 0.75rem;
-  color: var(--feedlog-muted-foreground);
-  flex-wrap: wrap;
-}
-
 .repo-name {
   font-weight: 500;
 }
@@ -261,19 +283,20 @@
   display: inline-flex;
   align-items: center;
   gap: 0.25rem;
-  color: var(--feedlog-accent-color);
+  color: var(--feedlog-muted-foreground);
   text-decoration: none;
   font-weight: 500;
   font-size: 0.75rem;
-  padding: 0.125rem 0.375rem;
-  border-radius: 0.25rem;
+  padding: 0.25rem 0.5rem;
+  border-radius: 0.375rem;
   transition:
-    background-color 0.15s ease,
-    color 0.15s ease;
+    background-color 0.2s ease,
+    color 0.2s ease;
 }
 
 .github-link:hover {
-  text-decoration: underline;
+  color: var(--feedlog-card-foreground);
+  background-color: var(--feedlog-muted);
 }
 
 .github-link-icon {
@@ -298,25 +321,27 @@
   display: inline-flex;
   flex-direction: row;
   align-items: center;
-  border-radius: 0.375rem; /* 6px */
-  background-color: #ffffff;
+  border-radius: 9999px;
+  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
   border: 1px solid #e2e8f0;
   cursor: pointer;
-  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   flex-shrink: 0;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   overflow: hidden;
-  padding: 0.375rem 0.75rem;
+  padding: 0.375rem 0.875rem;
   gap: 0.5rem;
   font-family: inherit;
   line-height: 1;
 }
 
 .upvote-button:hover {
-  background-color: #f8fafc;
+  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
   border-color: #cbd5e1;
   transform: translateY(-1px);
-  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.04);
+  box-shadow:
+    0 4px 6px -1px rgba(0, 0, 0, 0.08),
+    0 2px 4px -2px rgba(0, 0, 0, 0.04);
 }
 
 .upvote-button:active {
@@ -325,12 +350,12 @@
 }
 
 .upvote-button.upvoted {
-  background-color: #eff6ff;
+  background: linear-gradient(180deg, #eff6ff 0%, #e0e7ff 100%);
   border-color: #bfdbfe;
 }
 
 .upvote-button.upvoted:hover {
-  background-color: #dbeafe;
+  background: linear-gradient(180deg, #dbeafe 0%, #c7d2fe 100%);
   border-color: #93c5fd;
 }
 
@@ -446,22 +471,22 @@
 
 /* Dark theme overrides */
 :host(.dark) .upvote-button {
-  background-color: var(--feedlog-card);
+  background: linear-gradient(180deg, var(--feedlog-card) 0%, color-mix(in oklab, var(--feedlog-card) 95%, var(--feedlog-muted) 5%) 100%);
   border-color: var(--feedlog-border);
 }
 
 :host(.dark) .upvote-button:hover {
-  background-color: var(--feedlog-muted);
+  background: var(--feedlog-muted);
   border-color: var(--feedlog-muted-foreground);
 }
 
 :host(.dark) .upvote-button.upvoted {
-  background-color: rgba(37, 99, 235, 0.15);
+  background: linear-gradient(180deg, rgba(37, 99, 235, 0.15) 0%, rgba(37, 99, 235, 0.2) 100%);
   border-color: rgba(37, 99, 235, 0.3);
 }
 
 :host(.dark) .upvote-button.upvoted:hover {
-  background-color: rgba(37, 99, 235, 0.25);
+  background: linear-gradient(180deg, rgba(37, 99, 235, 0.25) 0%, rgba(37, 99, 235, 0.3) 100%);
   border-color: rgba(37, 99, 235, 0.4);
 }
 

package/dist/collection/components/feedlog-issue/feedlog-issue.js

@@ -11,6 +11,9 @@ export class FeedlogIssueComponent {
          * Theme variant: 'light' or 'dark'
          */
         this.theme = 'light';
+        this.handleMediaSlotChange = () => {
+            this.updateMediaVisibility();
+        };
         this.handleUpvote = (event) => {
             event.stopPropagation();
             this.feedlogUpvote.emit({
@@ -20,6 +23,29 @@ export class FeedlogIssueComponent {
             });
         };
     }
+    componentDidLoad() {
+        var _a;
+        const mediaSlot = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="media"]');
+        if (mediaSlot) {
+            mediaSlot.addEventListener('slotchange', this.handleMediaSlotChange);
+            this.updateMediaVisibility();
+        }
+    }
+    disconnectedCallback() {
+        var _a;
+        const mediaSlot = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="media"]');
+        if (mediaSlot) {
+            mediaSlot.removeEventListener('slotchange', this.handleMediaSlotChange);
+        }
+    }
+    updateMediaVisibility() {
+        var _a;
+        const mediaEl = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.issue-media');
+        if (!mediaEl)
+            return;
+        const slot = this.host.querySelector('[slot="media"]');
+        mediaEl.classList.toggle('has-media', !!slot);
+    }
     /**
      * Renders the pin icon SVG (Lucide/Feather style)
      */
@@ -104,7 +130,7 @@ export class FeedlogIssueComponent {
         const statusBadgeLabel = this.getStatusBadgeLabel();
         const githubUrl = (_b = issue.githubIssueLink) !== null && _b !== void 0 ? _b : issueUrl;
         const showGithubButton = githubUrl != null && githubUrl !== '';
-        return (h(Host, { class: this.theme === 'dark' ? 'dark' : '', "data-upvoted": issue.hasUpvoted ? 'true' : 'false' }, h("div", { class: `issue-card issue-type-${issue.type}` }, h("div", { class: "issue-content" }, h("div", { class: "issue-header" }, h("div", { class: "issue-header-left" }, h("div", { class: "issue-type-badge" }, issue.type === 'bug' ? (h("feedlog-badge", { variant: "destructive" }, "Bug")) : (h("feedlog-badge", { variant: "enhancement" }, "Enhancement"))), statusBadgeLabel && (h("feedlog-badge", { variant: "secondary" }, statusBadgeLabel)), issue.pinnedAt && (h("div", { class: "pinned-indicator", title: "Pinned issue" }, this.renderPinIcon()))), h("span", { class: "issue-timestamp", title: timestampTitle }, timestampLabel, " ", this.formatDate(timestampDate))), h("div", { class: "issue-main" }, h("h3", { class: "issue-title" }, displayTitle), issue.body != null && issue.body !== '' && (h("div", { class: "issue-body", innerHTML: parseMarkdown(issue.body) })), h("div", { class: "issue-repository" }, repoName != null && (h("span", { class: "repo-name", title: repoTooltip }, repoName)), showGithubButton && (h("a", { part: "github-link", class: "github-link", href: githubUrl, target: "_blank", rel: "noopener noreferrer", title: "View on GitHub" }, this.renderExternalLinkIcon(), h("span", { class: "github-link-text" }, "View on GitHub")))), issue.type !== 'bug' && (h("div", { class: "issue-footer" }, h("button", { part: "upvote-button", class: `upvote-button ${issue.hasUpvoted ? 'upvoted' : ''}`, onClick: (e) => this.handleUpvote(e), title: issue.hasUpvoted ? 'Remove upvote' : 'Upvote this issue' }, h("div", { class: "upvote-action" }, h("slot", { name: "upvote-icon" }, this.renderUpvoteIcon(issue.hasUpvoted)), h("span", { class: "upvote-label" }, "Upvote")), h("div", { class: "reel-container" }, h("span", { class: "upvote-count reel-number", key: issue.upvoteCount }, issue.upvoteCount))))))))));
+        return (h(Host, { class: this.theme === 'dark' ? 'dark' : '', "data-upvoted": issue.hasUpvoted ? 'true' : 'false' }, h("div", { class: `issue-card issue-type-${issue.type}` }, h("div", { class: "issue-media", part: "media" }, h("slot", { name: "media" })), h("div", { class: "issue-content" }, h("div", { class: "issue-main" }, h("div", { class: "issue-header-top" }, h("div", { class: "issue-badges" }, issue.type === 'bug' ? (h("feedlog-badge", { variant: "destructive" }, "Bug")) : (h("feedlog-badge", { variant: "enhancement" }, "Enhancement")), statusBadgeLabel && (h("feedlog-badge", { variant: "secondary" }, statusBadgeLabel))), h("div", { class: "issue-meta-right" }, issue.pinnedAt && (h("div", { class: "pinned-indicator", title: "Pinned issue" }, this.renderPinIcon())), h("span", { class: "issue-timestamp", title: timestampTitle }, timestampLabel, " ", this.formatDate(timestampDate)))), h("h3", { class: "issue-title" }, displayTitle), issue.body != null && issue.body !== '' && (h("div", { class: "issue-body", innerHTML: parseMarkdown(issue.body) })), (repoName != null || showGithubButton || issue.type !== 'bug') && (h("div", { class: "issue-footer" }, (repoName != null || showGithubButton) && (h("div", { class: "issue-footer-meta" }, repoName != null && (h("span", { class: "repo-name", title: repoTooltip }, repoName)), showGithubButton && (h("a", { part: "github-link", class: "github-link", href: githubUrl, target: "_blank", rel: "noopener noreferrer", title: "View on GitHub" }, this.renderExternalLinkIcon(), h("span", { class: "github-link-text" }, "View on GitHub"))))), issue.type !== 'bug' && (h("button", { part: "upvote-button", class: `upvote-button ${issue.hasUpvoted ? 'upvoted' : ''}`, onClick: (e) => this.handleUpvote(e), title: issue.hasUpvoted ? 'Remove upvote' : 'Upvote this issue' }, h("div", { class: "upvote-action" }, h("slot", { name: "upvote-icon" }, this.renderUpvoteIcon(issue.hasUpvoted)), h("span", { class: "upvote-label" }, "Upvote")), h("div", { class: "reel-container" }, h("span", { class: "upvote-count reel-number", key: issue.upvoteCount }, issue.upvoteCount)))))))))));
     }
     static get is() { return "feedlog-issue"; }
     static get encapsulation() { return "shadow"; }
@@ -202,4 +228,5 @@ export class FeedlogIssueComponent {
                 }
             }];
     }
+    static get elementRef() { return "host"; }
 }

package/dist/collection/components/feedlog-issue/feedlog-issue.stories.js

@@ -157,10 +157,11 @@ export const CustomCSSVars = {
             fontFamily: "'Georgia', 'Times New Roman', serif",
             /* Card */
             '--feedlog-card-padding': '1.5rem',
-            '--feedlog-card-accent-width': '5px',
+            '--feedlog-card-radius': '0.875rem',
             '--feedlog-radius': '0.875rem',
             '--feedlog-shadow': '0 2px 8px 0 rgba(0, 0, 0, 0.12), 0 1px 3px -1px rgba(0, 0, 0, 0.1)',
-            '--feedlog-shadow-hover': '0 8px 24px -4px rgba(0, 0, 0, 0.15), 0 4px 8px -2px rgba(0, 0, 0, 0.1)',
+            '--feedlog-shadow-hover-enhancement': '0 8px 24px -4px rgba(5, 150, 105, 0.15), 0 4px 8px -2px rgba(5, 150, 105, 0.1)',
+            '--feedlog-shadow-hover-bug': '0 8px 24px -4px rgba(220, 38, 38, 0.15), 0 4px 8px -2px rgba(220, 38, 38, 0.1)',
             /* Typography */
             '--feedlog-title-font-size': '1.0625rem',
             '--feedlog-title-font-weight': '700',

package/dist/collection/components/feedlog-issues/feedlog-issues.css

@@ -39,8 +39,6 @@
   --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);
   --feedlog-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
 }
 

package/dist/collection/components/feedlog-issues/feedlog-issues.stories.js

@@ -286,10 +286,11 @@ export const CustomCSSVars = {
             fontFamily: "'Georgia', 'Times New Roman', serif",
             /* Card */
             '--feedlog-card-padding': '1.5rem',
-            '--feedlog-card-accent-width': '5px',
+            '--feedlog-card-radius': '0.875rem',
             '--feedlog-radius': '0.875rem',
             '--feedlog-shadow': '0 2px 8px 0 rgba(0, 0, 0, 0.12), 0 1px 3px -1px rgba(0, 0, 0, 0.1)',
-            '--feedlog-shadow-hover': '0 8px 24px -4px rgba(0, 0, 0, 0.15), 0 4px 8px -2px rgba(0, 0, 0, 0.1)',
+            '--feedlog-shadow-hover-enhancement': '0 8px 24px -4px rgba(5, 150, 105, 0.15), 0 4px 8px -2px rgba(5, 150, 105, 0.1)',
+            '--feedlog-shadow-hover-bug': '0 8px 24px -4px rgba(220, 38, 38, 0.15), 0 4px 8px -2px rgba(220, 38, 38, 0.1)',
             /* Typography */
             '--feedlog-title-font-size': '1.0625rem',
             '--feedlog-title-font-weight': '700',

package/dist/components/feedlog-badge.js

@@ -1 +1 @@
-import{F as o,d as s}from"./p-Chc3XZ5Y.js";const p=o,r=s;export{p as FeedlogBadge,r as defineCustomElement}
+import{F as o,d as s}from"./p-DzATWlAC.js";const p=o,r=s;export{p as FeedlogBadge,r as defineCustomElement}

package/dist/components/feedlog-issue.js

@@ -1 +1 @@
-import{F as o,d as s}from"./p-BuX7UXwe.js";const p=o,r=s;export{p as FeedlogIssue,r as defineCustomElement}
+import{F as o,d as s}from"./p-BRjVS8bz.js";const p=o,r=s;export{p as FeedlogIssue,r as defineCustomElement}

package/dist/components/feedlog-issues-client.js

@@ -1 +1 @@
-import{t,p as e,H as s,c as i,h as o}from"./index.js";import{d as r}from"./p-Chc3XZ5Y.js";import{d as n}from"./p-DMdb-G26.js";import{d as h}from"./p-BuX7UXwe.js";import{d as a}from"./p-GzOCQT_k.js";import{d as u}from"./p-DMKFbFjj.js";function l(t){if("string"!=typeof t)return"";let e=t.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,"");return e=e.replace(/\s*on\w+\s*=\s*["'][^"']*["']/gi,""),e=e.replace(/\s*on\w+\s*=\s*[^\s>]*/gi,""),e=e.replace(/<iframe\b[^<]*(?:(?!<\/iframe>)<[^<]*)*<\/iframe>/gi,""),e=e.replace(/<style\b[^<]*(?:(?!<\/style>)<[^<]*)*<\/style>/gi,""),e=e.replace(/<(embed|object)\b[^<]*>/gi,""),e=e.replace(/javascript:/gi,""),e=e.replace(/data:(?!image\/(?:png|jpg|jpeg|gif|webp);)/gi,""),e}class d extends Error{constructor(t,e,s){super(t),this.statusCode=e,this.originalError=s,this.name="FeedlogError",Object.setPrototypeOf(this,d.prototype)}}class c extends d{constructor(t){super(t),this.name="FeedlogValidationError",Object.setPrototypeOf(this,c.prototype)}}class p extends d{constructor(t,e,s){super(t,e,s),this.name="FeedlogNetworkError",Object.setPrototypeOf(this,p.prototype)}}class f extends d{constructor(t="Request timed out"){super(t),this.name="FeedlogTimeoutError",Object.setPrototypeOf(this,f.prototype)}}class g{constructor(t){if(this.config={credentials:"include",...t},this.apiKey=this.config.apiKey,!this.apiKey)throw new c("apiKey is required in FeedlogSDKConfig");this.endpoint=this.config.endpoint||"https://api.feedlog.app",this.timeout=this.config.timeout||3e4,this.endpoint=this.endpoint.replace(/\/$/,"")}async fetchIssues(t={}){try{const e=this.buildIssuesUrl(t),s=await this.fetchWithTimeout(e,{method:"GET",headers:this.getAuthHeaders(),credentials:this.config.credentials||"include"});if(!s.ok)throw new p("Failed to fetch issues: "+s.statusText,s.status);const i=await s.json();return this.validateIssuesResponse(i)}catch(t){if(t instanceof d)throw t;if(t instanceof TypeError&&t.message.includes("fetch"))throw new p("Network error: Unable to reach API",void 0,t);throw new d("Failed to fetch issues: "+(t instanceof Error?t.message:"Unknown error"),void 0,t)}}async toggleUpvote(t){if(!t||"string"!=typeof t)throw new c("Issue ID is required");try{const e=`${this.endpoint}/api/issues/${encodeURIComponent(t)}/upvote`,s=await this.fetchWithTimeout(e,{method:"POST",headers:this.getAuthHeaders(),credentials:this.config.credentials||"include",body:JSON.stringify({})});if(404===s.status)throw new p("Issue not found",404);if(401===s.status)throw new p("Unauthorized",401);if(403===s.status)throw new p("Forbidden: Domain not allowed for this repository",403);if(!s.ok)throw new p("Failed to toggle upvote: "+s.statusText,s.status);const i=await s.json();return this.validateUpvoteResponse(i)}catch(t){if(t instanceof d)throw t;if(t instanceof TypeError&&t.message.includes("fetch"))throw new p("Network error: Unable to reach API",void 0,t);throw new d("Failed to toggle upvote: "+(t instanceof Error?t.message:"Unknown error"),void 0,t)}}buildIssuesUrl(t){const e=new URL(this.endpoint+"/api/issues");if(t.repositoryIds){const s=Array.isArray(t.repositoryIds)?t.repositoryIds:[t.repositoryIds];for(const t of s)e.searchParams.append("repositoryIds",t)}return t.type&&e.searchParams.set("type",t.type),t.sortBy&&e.searchParams.set("sortBy",t.sortBy),t.cursor&&e.searchParams.set("cursor",t.cursor),void 0!==t.limit&&e.searchParams.set("limit",""+t.limit),""+e}getAuthHeaders(){const t={"Content-Type":"application/json"};return this.apiKey&&(t["x-api-key"]=this.apiKey),t}async fetchWithTimeout(t,e){const s=new AbortController,i=setTimeout((()=>s.abort()),this.timeout);try{const o=await fetch(t,{...e,signal:s.signal});return clearTimeout(i),o}catch(t){if(clearTimeout(i),t instanceof Error&&"AbortError"===t.name)throw new f(`Request timed out after ${this.timeout}ms`);throw t}}validateIssuesResponse(t){if(!t||"object"!=typeof t)throw new c("Invalid API response: expected object");const e=t;if(!Array.isArray(e.issues))throw new c("Invalid API response: issues must be an array");if(!e.pagination||"object"!=typeof e.pagination)throw new c("Invalid API response: pagination is required");return{issues:e.issues.map((t=>this.validateIssue(t))),pagination:{cursor:e.pagination.cursor,hasMore:!!e.pagination.hasMore}}}validateIssue(t){if(!t||"object"!=typeof t)throw new c("Invalid issue: expected object");const e=t;if("string"!=typeof e.id)throw new c("Invalid issue: id is required and must be a string");if(!["bug","enhancement"].includes(e.type+""))throw new c('Invalid issue: type must be "bug" or "enhancement"');if(!["open","in_progress","closed"].includes(e.status+""))throw new c('Invalid issue: status must be "open", "in_progress", or "closed"');if(!e.repository||"object"!=typeof e.repository)throw new c("Invalid issue: repository is required");const s=e.repository;if("string"!=typeof s.id)throw new c("Invalid issue: repository must have id");const i=null!==e.githubIssueLink&&"string"==typeof e.githubIssueLink?e.githubIssueLink+"":null,o=e.title,r=null!=o&&""!==o?l(o+""):null,n=e.body,h=null!=n&&""!==n?l(n+""):null,a=s.name,u=null!=a&&""!==a?a+"":null,d=s.description,p=null!=d&&""!==d?l(d+""):null;return{id:e.id+"",githubIssueLink:i,type:e.type||"bug",status:e.status||"open",pinnedAt:e.pinnedAt?e.pinnedAt+"":null,revision:Number(e.revision)||1,title:r,body:h,repository:{id:s.id+"",name:u,description:p},updatedAt:e.updatedAt+""||(new Date).toISOString(),createdAt:e.createdAt+""||(new Date).toISOString(),upvoteCount:Number(e.upvoteCount)||0,hasUpvoted:!!e.hasUpvoted}}validateUpvoteResponse(t){if(!t||"object"!=typeof t)throw new c("Invalid upvote response: expected object");const e=t;if("boolean"!=typeof e.upvoted)throw new c("Invalid upvote response: upvoted must be a boolean");if("number"!=typeof e.upvoteCount)throw new c("Invalid upvote response: upvoteCount must be a number");if("string"!=typeof e.anonymousUserId)throw new c("Invalid upvote response: anonymousUserId must be a string");return{upvoted:e.upvoted,upvoteCount:e.upvoteCount,anonymousUserId:e.anonymousUserId}}getEndpoint(){return this.endpoint}getTimeout(){return this.timeout}}const m=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.feedlogUpvote=i(this,"feedlogUpvote"),this.feedlogError=i(this,"feedlogError"),this.maxWidth="42rem",this.theme="light",this.issues=[],this.loading=!0,this.error=null,this.cursor=null,this.hasMore=!1,this.isLoadingMore=!1,this.sdk=null,this.fetchRequestId=0,this.isDisconnected=!1,this.upvoteRequestIds=new Map,this.handleUpvote=async t=>{if(!this.sdk||this.isDisconnected)return;const{issueId:e,currentUpvoted:s,currentCount:i}=t.detail,o=(this.upvoteRequestIds.get(e)||0)+1;this.upvoteRequestIds.set(e,o),this.issues=this.issues.map((t=>t.id===e?Object.assign(Object.assign({},t),{hasUpvoted:!s,upvoteCount:s?i-1:i+1}):t));try{const t=await this.sdk.toggleUpvote(e);if(this.isDisconnected||this.upvoteRequestIds.get(e)!==o)return;this.issues=this.issues.map((s=>s.id===e?Object.assign(Object.assign({},s),{hasUpvoted:t.upvoted,upvoteCount:t.upvoteCount}):s)),this.feedlogUpvote.emit({issueId:e,upvoted:t.upvoted,upvoteCount:t.upvoteCount})}catch(t){if(this.isDisconnected||this.upvoteRequestIds.get(e)!==o)return;this.issues=this.issues.map((t=>t.id===e?Object.assign(Object.assign({},t),{hasUpvoted:s,upvoteCount:i}):t)),this.feedlogError.emit({error:t instanceof Error?t.message:"Failed to toggle upvote"})}}}componentWillLoad(){this.previousType=this.type,this.previousLimit=this.limit,this.previousSortBy=this.sortBy,this.initializeSDK(),this.fetchIssues()}disconnectedCallback(){this.isDisconnected=!0,this.fetchRequestId++}componentDidUpdate(){(this.previousType!==this.type||this.previousLimit!==this.limit||this.previousSortBy!==this.sortBy)&&(this.fetchRequestId++,this.cursor=null,this.hasMore=!1,this.issues=[],this.fetchIssues(),this.previousType=this.type,this.previousLimit=this.limit,this.previousSortBy=this.sortBy)}initializeSDK(){try{if(!this.apiKey)throw Error("API key is required for the Feedlog SDK");this.sdk=new g(Object.assign({apiKey:this.apiKey},this.endpoint&&{endpoint:this.endpoint})),this.error=null}catch(t){const e=t instanceof Error?t.message:"Failed to initialize SDK";this.error=e,this.feedlogError.emit({error:e})}}async fetchIssues(){if(!this.sdk)return;const t=this.fetchRequestId;try{this.loading=!0,this.error=null;const e={};this.type&&(e.type=this.type),this.sortBy&&(e.sortBy=this.sortBy),this.limit&&(e.limit=this.limit),this.cursor&&(e.cursor=this.cursor);const s=await this.sdk.fetchIssues(e);if(this.isDisconnected||t!==this.fetchRequestId)return;this.issues=s.issues,this.cursor=s.pagination.cursor,this.hasMore=s.pagination.hasMore}catch(e){if(this.isDisconnected||t!==this.fetchRequestId)return;const s=e instanceof Error?e.message:"Couldn't load updates";this.error=s,this.issues=[],this.feedlogError.emit({error:s,code:null==e?void 0:e.statusCode})}finally{this.isDisconnected||t!==this.fetchRequestId||(this.loading=!1,this.isLoadingMore=!1)}}async loadMore(){if(!this.sdk||!this.hasMore||this.isLoadingMore||this.loading)return;const t=this.fetchRequestId;this.isLoadingMore=!0;try{const e={};this.type&&(e.type=this.type),this.sortBy&&(e.sortBy=this.sortBy),this.limit&&(e.limit=this.limit),this.cursor&&(e.cursor=this.cursor);const s=await this.sdk.fetchIssues(e);if(this.isDisconnected||t!==this.fetchRequestId)return;this.issues=[...this.issues,...s.issues],this.cursor=s.pagination.cursor,this.hasMore=s.pagination.hasMore}catch(e){if(this.isDisconnected||t!==this.fetchRequestId)return;this.feedlogError.emit({error:e instanceof Error?e.message:"Failed to load more issues",code:null==e?void 0:e.statusCode})}finally{this.isDisconnected||t!==this.fetchRequestId||(this.isLoadingMore=!1)}}render(){var t,e;const s=null===(e=null===(t=this.el)||void 0===t?void 0:t.style)||void 0===e?void 0:e.getPropertyValue("--feedlog-background");return o("feedlog-issues",{key:"15ae96d7d7b51964026f873f8b97e10530ed02b4",style:s?{"--feedlog-background":s}:void 0,issues:this.issues,limit:this.limit,maxWidth:this.maxWidth,theme:this.theme,heading:this.heading,subtitle:this.subtitle,emptyStateTitle:this.emptyStateTitle,emptyStateMessage:this.emptyStateMessage,getIssueUrl:this.getIssueUrl,loading:this.loading,error:this.error,hasMore:this.hasMore,isLoadingMore:this.isLoadingMore,onFeedlogUpvote:this.handleUpvote,onFeedlogLoadMore:async()=>this.loadMore()})}get el(){return this}},[1,"feedlog-issues-client",{apiKey:[1,"api-key"],type:[1],limit:[2],sortBy:[1,"sort-by"],endpoint:[1],maxWidth:[1,"max-width"],theme:[1],heading:[1],subtitle:[1],emptyStateTitle:[1,"empty-state-title"],emptyStateMessage:[1,"empty-state-message"],getIssueUrl:[16],issues:[32],loading:[32],error:[32],cursor:[32],hasMore:[32],isLoadingMore:[32]}]);function w(){"undefined"!=typeof customElements&&["feedlog-issues-client","feedlog-badge","feedlog-button","feedlog-issue","feedlog-issues","feedlog-issues-list"].forEach((e=>{switch(e){case"feedlog-issues-client":customElements.get(t(e))||customElements.define(t(e),m);break;case"feedlog-badge":customElements.get(t(e))||r();break;case"feedlog-button":customElements.get(t(e))||n();break;case"feedlog-issue":customElements.get(t(e))||h();break;case"feedlog-issues":customElements.get(t(e))||a();break;case"feedlog-issues-list":customElements.get(t(e))||u()}}))}w();const b=m,y=w;export{b as FeedlogIssuesClient,y as defineCustomElement}
+import{t,p as e,H as s,c as i,h as o}from"./index.js";import{d as r}from"./p-DzATWlAC.js";import{d as n}from"./p-DMdb-G26.js";import{d as h}from"./p-BRjVS8bz.js";import{d as a}from"./p-BBbiSGNf.js";import{d as u}from"./p-CuFKEckF.js";function l(t){if("string"!=typeof t)return"";let e=t.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,"");return e=e.replace(/\s*on\w+\s*=\s*["'][^"']*["']/gi,""),e=e.replace(/\s*on\w+\s*=\s*[^\s>]*/gi,""),e=e.replace(/<iframe\b[^<]*(?:(?!<\/iframe>)<[^<]*)*<\/iframe>/gi,""),e=e.replace(/<style\b[^<]*(?:(?!<\/style>)<[^<]*)*<\/style>/gi,""),e=e.replace(/<(embed|object)\b[^<]*>/gi,""),e=e.replace(/javascript:/gi,""),e=e.replace(/data:(?!image\/(?:png|jpg|jpeg|gif|webp);)/gi,""),e}class d extends Error{constructor(t,e,s){super(t),this.statusCode=e,this.originalError=s,this.name="FeedlogError",Object.setPrototypeOf(this,d.prototype)}}class c extends d{constructor(t){super(t),this.name="FeedlogValidationError",Object.setPrototypeOf(this,c.prototype)}}class p extends d{constructor(t,e,s){super(t,e,s),this.name="FeedlogNetworkError",Object.setPrototypeOf(this,p.prototype)}}class f extends d{constructor(t="Request timed out"){super(t),this.name="FeedlogTimeoutError",Object.setPrototypeOf(this,f.prototype)}}class g{constructor(t){if(this.config={credentials:"include",...t},this.apiKey=this.config.apiKey,!this.apiKey)throw new c("apiKey is required in FeedlogSDKConfig");this.endpoint=this.config.endpoint||"https://api.feedlog.app",this.timeout=this.config.timeout||3e4,this.endpoint=this.endpoint.replace(/\/$/,"")}async fetchIssues(t={}){try{const e=this.buildIssuesUrl(t),s=await this.fetchWithTimeout(e,{method:"GET",headers:this.getAuthHeaders(),credentials:this.config.credentials||"include"});if(!s.ok)throw new p("Failed to fetch issues: "+s.statusText,s.status);const i=await s.json();return this.validateIssuesResponse(i)}catch(t){if(t instanceof d)throw t;if(t instanceof TypeError&&t.message.includes("fetch"))throw new p("Network error: Unable to reach API",void 0,t);throw new d("Failed to fetch issues: "+(t instanceof Error?t.message:"Unknown error"),void 0,t)}}async toggleUpvote(t){if(!t||"string"!=typeof t)throw new c("Issue ID is required");try{const e=`${this.endpoint}/api/issues/${encodeURIComponent(t)}/upvote`,s=await this.fetchWithTimeout(e,{method:"POST",headers:this.getAuthHeaders(),credentials:this.config.credentials||"include",body:JSON.stringify({})});if(404===s.status)throw new p("Issue not found",404);if(401===s.status)throw new p("Unauthorized",401);if(403===s.status)throw new p("Forbidden: Domain not allowed for this repository",403);if(!s.ok)throw new p("Failed to toggle upvote: "+s.statusText,s.status);const i=await s.json();return this.validateUpvoteResponse(i)}catch(t){if(t instanceof d)throw t;if(t instanceof TypeError&&t.message.includes("fetch"))throw new p("Network error: Unable to reach API",void 0,t);throw new d("Failed to toggle upvote: "+(t instanceof Error?t.message:"Unknown error"),void 0,t)}}buildIssuesUrl(t){const e=new URL(this.endpoint+"/api/issues");if(t.repositoryIds){const s=Array.isArray(t.repositoryIds)?t.repositoryIds:[t.repositoryIds];for(const t of s)e.searchParams.append("repositoryIds",t)}return t.type&&e.searchParams.set("type",t.type),t.sortBy&&e.searchParams.set("sortBy",t.sortBy),t.cursor&&e.searchParams.set("cursor",t.cursor),void 0!==t.limit&&e.searchParams.set("limit",""+t.limit),""+e}getAuthHeaders(){const t={"Content-Type":"application/json"};return this.apiKey&&(t["x-api-key"]=this.apiKey),t}async fetchWithTimeout(t,e){const s=new AbortController,i=setTimeout((()=>s.abort()),this.timeout);try{const o=await fetch(t,{...e,signal:s.signal});return clearTimeout(i),o}catch(t){if(clearTimeout(i),t instanceof Error&&"AbortError"===t.name)throw new f(`Request timed out after ${this.timeout}ms`);throw t}}validateIssuesResponse(t){if(!t||"object"!=typeof t)throw new c("Invalid API response: expected object");const e=t;if(!Array.isArray(e.issues))throw new c("Invalid API response: issues must be an array");if(!e.pagination||"object"!=typeof e.pagination)throw new c("Invalid API response: pagination is required");return{issues:e.issues.map((t=>this.validateIssue(t))),pagination:{cursor:e.pagination.cursor,hasMore:!!e.pagination.hasMore}}}validateIssue(t){if(!t||"object"!=typeof t)throw new c("Invalid issue: expected object");const e=t;if("string"!=typeof e.id)throw new c("Invalid issue: id is required and must be a string");if(!["bug","enhancement"].includes(e.type+""))throw new c('Invalid issue: type must be "bug" or "enhancement"');if(!["open","in_progress","closed"].includes(e.status+""))throw new c('Invalid issue: status must be "open", "in_progress", or "closed"');if(!e.repository||"object"!=typeof e.repository)throw new c("Invalid issue: repository is required");const s=e.repository;if("string"!=typeof s.id)throw new c("Invalid issue: repository must have id");const i=null!==e.githubIssueLink&&"string"==typeof e.githubIssueLink?e.githubIssueLink+"":null,o=e.title,r=null!=o&&""!==o?l(o+""):null,n=e.body,h=null!=n&&""!==n?l(n+""):null,a=s.name,u=null!=a&&""!==a?a+"":null,d=s.description,p=null!=d&&""!==d?l(d+""):null;return{id:e.id+"",githubIssueLink:i,type:e.type||"bug",status:e.status||"open",pinnedAt:e.pinnedAt?e.pinnedAt+"":null,revision:Number(e.revision)||1,title:r,body:h,repository:{id:s.id+"",name:u,description:p},updatedAt:e.updatedAt+""||(new Date).toISOString(),createdAt:e.createdAt+""||(new Date).toISOString(),upvoteCount:Number(e.upvoteCount)||0,hasUpvoted:!!e.hasUpvoted}}validateUpvoteResponse(t){if(!t||"object"!=typeof t)throw new c("Invalid upvote response: expected object");const e=t;if("boolean"!=typeof e.upvoted)throw new c("Invalid upvote response: upvoted must be a boolean");if("number"!=typeof e.upvoteCount)throw new c("Invalid upvote response: upvoteCount must be a number");if("string"!=typeof e.anonymousUserId)throw new c("Invalid upvote response: anonymousUserId must be a string");return{upvoted:e.upvoted,upvoteCount:e.upvoteCount,anonymousUserId:e.anonymousUserId}}getEndpoint(){return this.endpoint}getTimeout(){return this.timeout}}const m=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.feedlogUpvote=i(this,"feedlogUpvote"),this.feedlogError=i(this,"feedlogError"),this.maxWidth="42rem",this.theme="light",this.issues=[],this.loading=!0,this.error=null,this.cursor=null,this.hasMore=!1,this.isLoadingMore=!1,this.sdk=null,this.fetchRequestId=0,this.isDisconnected=!1,this.upvoteRequestIds=new Map,this.handleUpvote=async t=>{if(!this.sdk||this.isDisconnected)return;const{issueId:e,currentUpvoted:s,currentCount:i}=t.detail,o=(this.upvoteRequestIds.get(e)||0)+1;this.upvoteRequestIds.set(e,o),this.issues=this.issues.map((t=>t.id===e?Object.assign(Object.assign({},t),{hasUpvoted:!s,upvoteCount:s?i-1:i+1}):t));try{const t=await this.sdk.toggleUpvote(e);if(this.isDisconnected||this.upvoteRequestIds.get(e)!==o)return;this.issues=this.issues.map((s=>s.id===e?Object.assign(Object.assign({},s),{hasUpvoted:t.upvoted,upvoteCount:t.upvoteCount}):s)),this.feedlogUpvote.emit({issueId:e,upvoted:t.upvoted,upvoteCount:t.upvoteCount})}catch(t){if(this.isDisconnected||this.upvoteRequestIds.get(e)!==o)return;this.issues=this.issues.map((t=>t.id===e?Object.assign(Object.assign({},t),{hasUpvoted:s,upvoteCount:i}):t)),this.feedlogError.emit({error:t instanceof Error?t.message:"Failed to toggle upvote"})}}}componentWillLoad(){this.previousType=this.type,this.previousLimit=this.limit,this.previousSortBy=this.sortBy,this.initializeSDK(),this.fetchIssues()}disconnectedCallback(){this.isDisconnected=!0,this.fetchRequestId++}componentDidUpdate(){(this.previousType!==this.type||this.previousLimit!==this.limit||this.previousSortBy!==this.sortBy)&&(this.fetchRequestId++,this.cursor=null,this.hasMore=!1,this.issues=[],this.fetchIssues(),this.previousType=this.type,this.previousLimit=this.limit,this.previousSortBy=this.sortBy)}initializeSDK(){try{if(!this.apiKey)throw Error("API key is required for the Feedlog SDK");this.sdk=new g(Object.assign({apiKey:this.apiKey},this.endpoint&&{endpoint:this.endpoint})),this.error=null}catch(t){const e=t instanceof Error?t.message:"Failed to initialize SDK";this.error=e,this.feedlogError.emit({error:e})}}async fetchIssues(){if(!this.sdk)return;const t=this.fetchRequestId;try{this.loading=!0,this.error=null;const e={};this.type&&(e.type=this.type),this.sortBy&&(e.sortBy=this.sortBy),this.limit&&(e.limit=this.limit),this.cursor&&(e.cursor=this.cursor);const s=await this.sdk.fetchIssues(e);if(this.isDisconnected||t!==this.fetchRequestId)return;this.issues=s.issues,this.cursor=s.pagination.cursor,this.hasMore=s.pagination.hasMore}catch(e){if(this.isDisconnected||t!==this.fetchRequestId)return;const s=e instanceof Error?e.message:"Couldn't load updates";this.error=s,this.issues=[],this.feedlogError.emit({error:s,code:null==e?void 0:e.statusCode})}finally{this.isDisconnected||t!==this.fetchRequestId||(this.loading=!1,this.isLoadingMore=!1)}}async loadMore(){if(!this.sdk||!this.hasMore||this.isLoadingMore||this.loading)return;const t=this.fetchRequestId;this.isLoadingMore=!0;try{const e={};this.type&&(e.type=this.type),this.sortBy&&(e.sortBy=this.sortBy),this.limit&&(e.limit=this.limit),this.cursor&&(e.cursor=this.cursor);const s=await this.sdk.fetchIssues(e);if(this.isDisconnected||t!==this.fetchRequestId)return;this.issues=[...this.issues,...s.issues],this.cursor=s.pagination.cursor,this.hasMore=s.pagination.hasMore}catch(e){if(this.isDisconnected||t!==this.fetchRequestId)return;this.feedlogError.emit({error:e instanceof Error?e.message:"Failed to load more issues",code:null==e?void 0:e.statusCode})}finally{this.isDisconnected||t!==this.fetchRequestId||(this.isLoadingMore=!1)}}render(){var t,e;const s=null===(e=null===(t=this.el)||void 0===t?void 0:t.style)||void 0===e?void 0:e.getPropertyValue("--feedlog-background");return o("feedlog-issues",{key:"15ae96d7d7b51964026f873f8b97e10530ed02b4",style:s?{"--feedlog-background":s}:void 0,issues:this.issues,limit:this.limit,maxWidth:this.maxWidth,theme:this.theme,heading:this.heading,subtitle:this.subtitle,emptyStateTitle:this.emptyStateTitle,emptyStateMessage:this.emptyStateMessage,getIssueUrl:this.getIssueUrl,loading:this.loading,error:this.error,hasMore:this.hasMore,isLoadingMore:this.isLoadingMore,onFeedlogUpvote:this.handleUpvote,onFeedlogLoadMore:async()=>this.loadMore()})}get el(){return this}},[1,"feedlog-issues-client",{apiKey:[1,"api-key"],type:[1],limit:[2],sortBy:[1,"sort-by"],endpoint:[1],maxWidth:[1,"max-width"],theme:[1],heading:[1],subtitle:[1],emptyStateTitle:[1,"empty-state-title"],emptyStateMessage:[1,"empty-state-message"],getIssueUrl:[16],issues:[32],loading:[32],error:[32],cursor:[32],hasMore:[32],isLoadingMore:[32]}]);function w(){"undefined"!=typeof customElements&&["feedlog-issues-client","feedlog-badge","feedlog-button","feedlog-issue","feedlog-issues","feedlog-issues-list"].forEach((e=>{switch(e){case"feedlog-issues-client":customElements.get(t(e))||customElements.define(t(e),m);break;case"feedlog-badge":customElements.get(t(e))||r();break;case"feedlog-button":customElements.get(t(e))||n();break;case"feedlog-issue":customElements.get(t(e))||h();break;case"feedlog-issues":customElements.get(t(e))||a();break;case"feedlog-issues-list":customElements.get(t(e))||u()}}))}w();const b=m,y=w;export{b as FeedlogIssuesClient,y as defineCustomElement}

package/dist/components/feedlog-issues-list.js

@@ -1 +1 @@
-import{F as o,d as s}from"./p-DMKFbFjj.js";const j=o,p=s;export{j as FeedlogIssuesList,p as defineCustomElement}
+import{F as o,d as s}from"./p-CuFKEckF.js";const p=o,r=s;export{p as FeedlogIssuesList,r as defineCustomElement}

package/dist/components/feedlog-issues.js

@@ -1 +1 @@
-import{F as o,d as s}from"./p-GzOCQT_k.js";const p=o,r=s;export{p as FeedlogIssues,r as defineCustomElement}
+import{F as o,d as s}from"./p-BBbiSGNf.js";const p=o,r=s;export{p as FeedlogIssues,r as defineCustomElement}