@feedlog-ai/webcomponents 0.0.42 → 0.0.44

package/README.md

@@ -19,6 +19,12 @@ Stencil-based web components for GitHub issue management. These are framework-ag
 npm install @feedlog-ai/webcomponents
 ```
 
+## Server-side rendering (SSR) and Node
+
+Imports of these components are evaluated in Node for SSR (for example Vite dev, TanStack Start, or other frameworks that run the same ESM graph on the server). The package aligns with that environment: shared code from `@feedlog-ai/core` and markdown rendering ensure browser-only globals such as `self` are defined on `globalThis` before sanitization libraries load, so you should not need an app-level `self` polyfill for normal usage.
+
+Custom elements still rely on a DOM in the browser for full behavior; use the [Stencil hydrate bundle](https://stenciljs.com/docs/hydrate-app) (`@feedlog-ai/webcomponents/hydrate`) or your framework’s integration (for example `@feedlog-ai/react` with `feedlogSSR()`) for SSR patterns that hydrate on the client.
+
 ## Components
 
 ### FeedlogIssuesClient

package/dist/{esm/purify.es-B8AIqnOZ.js → cjs/browser-MBNPN4qV.js}

@@ -1,3 +1,34 @@
+'use strict';
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function getAugmentedNamespace(n) {
+  if (n.__esModule) return n;
+  var f = n.default;
+	if (typeof f == "function") {
+		var a = function a () {
+			if (this instanceof a) {
+        return Reflect.construct(f, arguments, this.constructor);
+			}
+			return f.apply(this, arguments);
+		};
+		a.prototype = f.prototype;
+  } else a = {};
+  Object.defineProperty(a, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
 /*! @license DOMPurify 3.3.3 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.3.3/LICENSE */
 
 const {
@@ -1385,8 +1416,23 @@ function createDOMPurify() {
 var purify = createDOMPurify();
 
 var purify_es = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  default: purify
+	__proto__: null,
+	default: purify
 });
 
-export { purify as a, purify_es as p };
+var require$$0 = /*@__PURE__*/getAugmentedNamespace(purify_es);
+
+var browser;
+var hasRequiredBrowser;
+
+function requireBrowser () {
+	if (hasRequiredBrowser) return browser;
+	hasRequiredBrowser = 1;
+	browser = self.DOMPurify || (self.DOMPurify = require$$0.default || require$$0);
+	return browser;
+}
+
+var browserExports = requireBrowser();
+var DOMPurify = /*@__PURE__*/getDefaultExportFromCjs(browserExports);
+
+exports.DOMPurify = DOMPurify;

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CXKBwRlh.js');
-var purify_es = require('./purify.es-CfCgypMZ.js');
+var browser = require('./browser-MBNPN4qV.js');
 
 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}`;
 
@@ -127,7 +127,7 @@ function parseMarkdown(markdown) {
         throw new Error('marked.parse returned a Promise; async markdown is not supported');
     }
     const html = parsed;
-    return purify_es.purify.sanitize(html, {
+    return browser.DOMPurify.sanitize(html, {
         ALLOWED_TAGS: [
             'p',
             'br',
@@ -177,10 +177,11 @@ const FeedlogIssueComponent = class {
         };
         this.handleUpvote = (event) => {
             event.stopPropagation();
+            const nextUpvoted = !this.issue.hasUpvoted;
             this.feedlogUpvote.emit({
                 issueId: this.issue.id,
-                currentUpvoted: this.issue.hasUpvoted,
-                currentCount: this.issue.upvoteCount,
+                upvoted: nextUpvoted,
+                upvoteCount: Math.max(0, this.issue.upvoteCount + (nextUpvoted ? 1 : -1)),
             });
         };
     }
@@ -365,7 +366,7 @@ const FeedlogIssuesList = class {
     }
     render() {
         const visibleIssues = this.getVisibleIssues();
-        return (index.h(index.Host, { key: '7721ed64730cd8e6b508fc829767ea79b2531628', class: this.theme === 'dark' ? 'dark' : '' }, index.h("div", { key: '6a2d83f46ce2391294cef018ec243dd13d06a063', class: "issues-list" }, visibleIssues.length === 0 ? (index.h("div", { class: "empty-state" }, this.emptyStateTitle && this.emptyStateMessage ? (index.h("div", { class: "empty-state-content" }, this.renderEmptyStateIllustration(), index.h("h2", { class: "empty-state-title" }, this.emptyStateTitle), index.h("p", { class: "empty-state-message" }, this.emptyStateMessage))) : (index.h("p", null, "No issues found")))) : (visibleIssues.map(issue => {
+        return (index.h(index.Host, { key: 'b2b009625ec2cec47449afd7602202a9f95b8740', class: this.theme === 'dark' ? 'dark' : '' }, index.h("div", { key: 'f108815569c064e45a78272a83f7048708470a3d', class: "issues-list" }, visibleIssues.length === 0 ? (index.h("div", { class: "empty-state" }, this.emptyStateTitle && this.emptyStateMessage ? (index.h("div", { class: "empty-state-content" }, this.renderEmptyStateIllustration(), index.h("h2", { class: "empty-state-title" }, this.emptyStateTitle), index.h("p", { class: "empty-state-message" }, this.emptyStateMessage))) : (index.h("p", null, "No issues found")))) : (visibleIssues.map(issue => {
             var _a, _b;
             return (index.h("feedlog-issue", { key: issue.id, issue: issue, issueUrl: (_b = (_a = this.getIssueUrl) === null || _a === void 0 ? void 0 : _a.call(this, issue)) !== null && _b !== void 0 ? _b : undefined, theme: this.theme, onFeedlogUpvote: (e) => this.handleUpvote(e) }));
         }))), this.renderPagination()));

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

@@ -1,51 +1,7 @@
 'use strict';
 
 var index = require('./index-CXKBwRlh.js');
-var purify_es = require('./purify.es-CfCgypMZ.js');
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-function getAugmentedNamespace(n) {
-  if (n.__esModule) return n;
-  var f = n.default;
-	if (typeof f == "function") {
-		var a = function a () {
-			if (this instanceof a) {
-        return Reflect.construct(f, arguments, this.constructor);
-			}
-			return f.apply(this, arguments);
-		};
-		a.prototype = f.prototype;
-  } else a = {};
-  Object.defineProperty(a, '__esModule', {value: true});
-	Object.keys(n).forEach(function (k) {
-		var d = Object.getOwnPropertyDescriptor(n, k);
-		Object.defineProperty(a, k, d.get ? d : {
-			enumerable: true,
-			get: function () {
-				return n[k];
-			}
-		});
-	});
-	return a;
-}
-
-var require$$0 = /*@__PURE__*/getAugmentedNamespace(purify_es.purify_es);
-
-var browser;
-var hasRequiredBrowser;
-
-function requireBrowser () {
-	if (hasRequiredBrowser) return browser;
-	hasRequiredBrowser = 1;
-	browser = self.DOMPurify || (self.DOMPurify = require$$0.default || require$$0);
-	return browser;
-}
-
-var browserExports = requireBrowser();
-var DOMPurify = /*@__PURE__*/getDefaultExportFromCjs(browserExports);
+var browser = require('./browser-MBNPN4qV.js');
 
 /**
  * HTML and XSS sanitization utilities
@@ -58,7 +14,7 @@ function sanitizeHtml(html) {
     if (typeof html !== 'string') {
         return '';
     }
-    return DOMPurify.sanitize(html, {
+    return browser.DOMPurify.sanitize(html, {
         USE_PROFILES: { html: true },
     });
 }
@@ -110,7 +66,7 @@ class FeedlogTimeoutError extends FeedlogError {
 class FeedlogSDK {
     constructor(config) {
         this.config = {
-            credentials: 'include',
+            credentials: 'same-origin',
             ...config,
         };
         this.apiKey = this.config.apiKey;
@@ -407,13 +363,17 @@ const FeedlogIssuesClient = class {
             if (!this.sdk || this.isDisconnected) {
                 return;
             }
-            const { issueId, currentUpvoted, currentCount } = event.detail;
+            const { issueId, upvoted, upvoteCount } = event.detail;
+            const currentIssue = this.issues.find(issue => issue.id === issueId);
+            if (!currentIssue) {
+                return;
+            }
             // Track request to handle race conditions
             const requestId = (this.upvoteRequestIds.get(issueId) || 0) + 1;
             this.upvoteRequestIds.set(issueId, requestId);
             // 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);
+                ? Object.assign(Object.assign({}, issue), { hasUpvoted: upvoted, upvoteCount }) : issue);
             try {
                 const result = await this.sdk.toggleUpvote(issueId);
                 // Ignore if component disconnected or request is stale
@@ -436,16 +396,13 @@ const FeedlogIssuesClient = class {
                 }
                 // Revert optimistic update on error
                 this.issues = this.issues.map(issue => issue.id === issueId
-                    ? Object.assign(Object.assign({}, issue), { hasUpvoted: currentUpvoted, upvoteCount: currentCount }) : issue);
+                    ? Object.assign(Object.assign({}, issue), { hasUpvoted: currentIssue.hasUpvoted, upvoteCount: currentIssue.upvoteCount }) : issue);
                 const errorMsg = err instanceof Error ? err.message : 'Failed to toggle upvote';
                 this.feedlogError.emit({ error: errorMsg });
             }
         };
     }
     componentWillLoad() {
-        this.previousType = this.type;
-        this.previousLimit = this.limit;
-        this.previousSortBy = this.sortBy;
         this.initializeSDK();
         // Return the promise so SSR waits for the fetch before serializing HTML.
         // During client hydration, skip fetch if we already have server-rendered data.
@@ -459,25 +416,27 @@ const FeedlogIssuesClient = class {
         this.isDisconnected = true;
         this.fetchRequestId++;
     }
-    componentDidUpdate() {
-        // Re-fetch if any props changed
-        const typeChanged = this.previousType !== this.type;
-        const limitChanged = this.previousLimit !== this.limit;
-        const sortByChanged = this.previousSortBy !== this.sortBy;
-        if (typeChanged || limitChanged || sortByChanged) {
-            // Invalidate any in-flight requests
-            this.fetchRequestId++;
-            // Reset pagination when filters change
-            this.cursor = null;
-            this.hasMore = false;
-            this.issues = [];
-            void this.fetchIssues().catch(() => {
-                /* errors handled inside fetchIssues */
-            });
-            this.previousType = this.type;
-            this.previousLimit = this.limit;
-            this.previousSortBy = this.sortBy;
+    handleQueryParamChange(newValue, oldValue) {
+        if (newValue === oldValue) {
+            return;
+        }
+        void this.resetAndRefetchIssues();
+    }
+    handleSdkConfigChange(newValue, oldValue) {
+        if (newValue === oldValue) {
+            return;
         }
+        this.initializeSDK();
+        void this.resetAndRefetchIssues();
+    }
+    async resetAndRefetchIssues() {
+        // Invalidate any in-flight requests and reset derived state before reloading.
+        this.fetchRequestId++;
+        this.cursor = null;
+        this.hasMore = false;
+        this.issues = [];
+        this.upvoteRequestIds.clear();
+        await this.fetchIssues();
     }
     initializeSDK() {
         try {
@@ -592,9 +551,26 @@ const FeedlogIssuesClient = class {
         const style = hostBg
             ? { '--feedlog-background': hostBg }
             : undefined;
-        return (index.h("feedlog-issues", { key: '4467ffabd5f18f9af6c8407622fb2554981b54bd', style: style, 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() }));
+        return (index.h("feedlog-issues", { key: 'd98b8366830171a8a09d01cc9e2b19a19850a5fd', style: style, 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 index.getElement(this); }
+    static get watchers() { return {
+        "type": [{
+                "handleQueryParamChange": 0
+            }],
+        "limit": [{
+                "handleQueryParamChange": 0
+            }],
+        "sortBy": [{
+                "handleQueryParamChange": 0
+            }],
+        "apiKey": [{
+                "handleSdkConfigChange": 0
+            }],
+        "endpoint": [{
+                "handleSdkConfigChange": 0
+            }]
+    }; }
 };
 
 exports.feedlog_issues_client = FeedlogIssuesClient;

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

@@ -56,7 +56,7 @@ const FeedlogIssues = class {
         const containerStyle = {
             maxWidth: this.maxWidth,
         };
-        return (index.h(index.Host, { key: '15ca787d3e5b45331a6582ea908b35b94b3a528c', class: this.theme === 'dark' ? 'dark' : '' }, index.h("div", { key: '79d655ca18778660f0156fbdec54764491eaac49', class: "issues-container", style: containerStyle }, (this.heading || this.subtitle) && (index.h("header", { key: 'e9e1b05451f55db894a1b6248dde4d9d90a96068', class: "issues-header" }, index.h("div", { key: 'b2921e777986f9c6afc3ba1cbf8023311c868b34', class: "header-content" }, this.heading && index.h("h1", { key: 'e484da412ff1a92b876f3075489e60be273076b3', class: "issues-title" }, this.heading), this.subtitle && index.h("p", { key: '5030cbb2fdf2deab3681c1177a14e2b540d2ea33', class: "issues-subtitle" }, this.subtitle)))), this.loading && (index.h("div", { key: 'f3fb2c02af4637832c518714f670ca2ae2624d49', class: "loading-state", role: "status", "aria-label": "Loading issues" }, index.h("div", { key: '14e60e4174d22dd2474677a7ec6365d053fe40e7', class: "loading-skeletons" }, [1, 2, 3].map(i => (index.h("div", { key: i, class: "skeleton-card" }, index.h("div", { class: "skeleton-content" }, index.h("div", { class: "skeleton-header" }, index.h("div", { class: "skeleton-badge" }), index.h("div", { class: "skeleton-timestamp" })), index.h("div", { class: "skeleton-main" }, index.h("div", { class: "skeleton-title" }), index.h("div", { class: "skeleton-body" }, index.h("div", { class: "skeleton-line" }), index.h("div", { class: "skeleton-line short" })), index.h("div", { class: "skeleton-repo" })), index.h("div", { class: "skeleton-footer" }, index.h("div", { class: "skeleton-upvote" }))))))))), this.error && (index.h("div", { key: '0c301ece57faeee2c6bbf2a4e346a88b6bc535cc', class: "error-state", role: "alert" }, index.h("div", { key: 'bab84dcbca74730ba44162c57baf65454ffb78c0', class: "error-state-content" }, this.renderErrorIcon(), index.h("h2", { key: '247b25d17323d08ec9c527ebec1352600614f3be', class: "error-state-title" }, "Something went wrong"), index.h("p", { key: '45501981e34a2a163e20724881945a0b75ef57d1', class: "error-state-message" }, this.error)))), !this.loading && !this.error && (index.h("div", { key: 'ca5a2697c898b61121c16a9d1f4320ad35a0bf84' }, this.renderIssuesList(), this.hasMore && (index.h("div", { key: '1896d074714f083c3e171d0516d1d71155cbcd6a', class: "load-more-container" }, index.h("feedlog-button", { key: 'b34a2081a91b14e13aa4ace4d67b4d812f4a1d77', onFeedlogClick: this.handleLoadMore, disabled: this.isLoadingMore, variant: "outline" }, this.isLoadingMore ? 'Loading...' : 'Load More Issues'))))))));
+        return (index.h(index.Host, { key: 'efed57e0c474b689a24e202f0fb6b67afd310572', class: this.theme === 'dark' ? 'dark' : '' }, index.h("div", { key: 'ddb7185c3ace088f2883b2dcd193beb8af213cf3', class: "issues-container", style: containerStyle }, (this.heading || this.subtitle) && (index.h("header", { key: '59aeafb96ac34de3ed7d0ecbd20f958dbc4d9ce9', class: "issues-header" }, index.h("div", { key: 'cba96e346d2e09c28cf253bca55e5bc822f69762', class: "header-content" }, this.heading && index.h("h1", { key: '7ce0ea76eb114c453a46592f2e5b1ea81b406cc4', class: "issues-title" }, this.heading), this.subtitle && index.h("p", { key: 'a83fbcc2baab2aeb2b72ff3dbfc03cd3c77a0278', class: "issues-subtitle" }, this.subtitle)))), this.loading && (index.h("div", { key: 'cf24d3838ef214697abfc2d8a03182e08e0ed6e7', class: "loading-state", role: "status", "aria-label": "Loading issues" }, index.h("div", { key: 'd2a1547e4cbd7f41518153d7a8ea757beb384088', class: "loading-skeletons" }, [1, 2, 3].map(i => (index.h("div", { key: i, class: "skeleton-card" }, index.h("div", { class: "skeleton-content" }, index.h("div", { class: "skeleton-header" }, index.h("div", { class: "skeleton-badge" }), index.h("div", { class: "skeleton-timestamp" })), index.h("div", { class: "skeleton-main" }, index.h("div", { class: "skeleton-title" }), index.h("div", { class: "skeleton-body" }, index.h("div", { class: "skeleton-line" }), index.h("div", { class: "skeleton-line short" })), index.h("div", { class: "skeleton-repo" })), index.h("div", { class: "skeleton-footer" }, index.h("div", { class: "skeleton-upvote" }))))))))), this.error && (index.h("div", { key: '79c70736a6ba731432ef2ba84c5902e52a2ed864', class: "error-state", role: "alert" }, index.h("div", { key: '31e987295d26e65c09187ae45e7305a46db27b32', class: "error-state-content" }, this.renderErrorIcon(), index.h("h2", { key: 'c030fb77e635ee6e50b9bebe16d8a97f75e2921c', class: "error-state-title" }, "Something went wrong"), index.h("p", { key: '5c725c8d65d304e58c06ce574366f7ab6f18ea59', class: "error-state-message" }, this.error)))), !this.loading && !this.error && (index.h("div", { key: '4217556c83dbd193eeed23ec50c40ec5fedbf420' }, this.renderIssuesList(), this.hasMore && (index.h("div", { key: 'df669ef16de0c2316715b97edd9c9af935e96464', class: "load-more-container" }, index.h("feedlog-button", { key: 'ba1498e81606245a55d0f428e8b3b7b0bf609367', onFeedlogClick: this.handleLoadMore, disabled: this.isLoadingMore, variant: "outline" }, this.isLoadingMore ? 'Loading...' : 'Load More Issues'))))))));
     }
 };
 FeedlogIssues.style = feedlogIssuesCss();

package/dist/cjs/feedlog-toolkit.cjs.js

@@ -18,7 +18,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await index.globalScripts();
-  return index.bootstrapLazy([["feedlog-card.cjs",[[257,"feedlog-card"]]],["feedlog-badge.cjs",[[257,"feedlog-badge",{"variant":[1]}]]],["feedlog-button_3.cjs",[[1,"feedlog-issues-list",{"issues":[16],"limit":[2],"theme":[1],"getIssueUrl":[16],"emptyStateTitle":[1,"empty-state-title"],"emptyStateMessage":[1,"empty-state-message"],"currentPage":[32]},null,{"issues":[{"resetPage":0}],"limit":[{"resetPage":0}]}],[257,"feedlog-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1]}],[257,"feedlog-issue",{"issue":[16],"issueUrl":[1,"issue-url"],"theme":[1]}]]],["feedlog-issues.cjs",[[1,"feedlog-issues",{"issues":[16],"maxWidth":[1,"max-width"],"limit":[2],"theme":[1025],"heading":[1],"subtitle":[1],"emptyStateTitle":[1,"empty-state-title"],"emptyStateMessage":[1,"empty-state-message"],"loading":[4],"error":[1],"hasMore":[4,"has-more"],"isLoadingMore":[4,"is-loading-more"],"getIssueUrl":[16]}]]],["feedlog-issues-client.cjs",[[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]}]]]], options);
+  return index.bootstrapLazy([["feedlog-card.cjs",[[257,"feedlog-card"]]],["feedlog-badge.cjs",[[257,"feedlog-badge",{"variant":[1]}]]],["feedlog-button_3.cjs",[[1,"feedlog-issues-list",{"issues":[16],"limit":[2],"theme":[1],"getIssueUrl":[16],"emptyStateTitle":[1,"empty-state-title"],"emptyStateMessage":[1,"empty-state-message"],"currentPage":[32]},null,{"issues":[{"resetPage":0}],"limit":[{"resetPage":0}]}],[257,"feedlog-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1]}],[257,"feedlog-issue",{"issue":[16],"issueUrl":[1,"issue-url"],"theme":[1]}]]],["feedlog-issues.cjs",[[1,"feedlog-issues",{"issues":[16],"maxWidth":[1,"max-width"],"limit":[2],"theme":[1],"heading":[1],"subtitle":[1],"emptyStateTitle":[1,"empty-state-title"],"emptyStateMessage":[1,"empty-state-message"],"loading":[4],"error":[1],"hasMore":[4,"has-more"],"isLoadingMore":[4,"is-loading-more"],"getIssueUrl":[16]}]]],["feedlog-issues-client.cjs",[[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]},null,{"type":[{"handleQueryParamChange":0}],"limit":[{"handleQueryParamChange":0}],"sortBy":[{"handleQueryParamChange":0}],"apiKey":[{"handleSdkConfigChange":0}],"endpoint":[{"handleSdkConfigChange":0}]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/loader.cjs.js

@@ -5,7 +5,7 @@ var index = require('./index-CXKBwRlh.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await index.globalScripts();
-  return index.bootstrapLazy([["feedlog-card.cjs",[[257,"feedlog-card"]]],["feedlog-badge.cjs",[[257,"feedlog-badge",{"variant":[1]}]]],["feedlog-button_3.cjs",[[1,"feedlog-issues-list",{"issues":[16],"limit":[2],"theme":[1],"getIssueUrl":[16],"emptyStateTitle":[1,"empty-state-title"],"emptyStateMessage":[1,"empty-state-message"],"currentPage":[32]},null,{"issues":[{"resetPage":0}],"limit":[{"resetPage":0}]}],[257,"feedlog-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1]}],[257,"feedlog-issue",{"issue":[16],"issueUrl":[1,"issue-url"],"theme":[1]}]]],["feedlog-issues.cjs",[[1,"feedlog-issues",{"issues":[16],"maxWidth":[1,"max-width"],"limit":[2],"theme":[1025],"heading":[1],"subtitle":[1],"emptyStateTitle":[1,"empty-state-title"],"emptyStateMessage":[1,"empty-state-message"],"loading":[4],"error":[1],"hasMore":[4,"has-more"],"isLoadingMore":[4,"is-loading-more"],"getIssueUrl":[16]}]]],["feedlog-issues-client.cjs",[[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]}]]]], options);
+  return index.bootstrapLazy([["feedlog-card.cjs",[[257,"feedlog-card"]]],["feedlog-badge.cjs",[[257,"feedlog-badge",{"variant":[1]}]]],["feedlog-button_3.cjs",[[1,"feedlog-issues-list",{"issues":[16],"limit":[2],"theme":[1],"getIssueUrl":[16],"emptyStateTitle":[1,"empty-state-title"],"emptyStateMessage":[1,"empty-state-message"],"currentPage":[32]},null,{"issues":[{"resetPage":0}],"limit":[{"resetPage":0}]}],[257,"feedlog-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1]}],[257,"feedlog-issue",{"issue":[16],"issueUrl":[1,"issue-url"],"theme":[1]}]]],["feedlog-issues.cjs",[[1,"feedlog-issues",{"issues":[16],"maxWidth":[1,"max-width"],"limit":[2],"theme":[1],"heading":[1],"subtitle":[1],"emptyStateTitle":[1,"empty-state-title"],"emptyStateMessage":[1,"empty-state-message"],"loading":[4],"error":[1],"hasMore":[4,"has-more"],"isLoadingMore":[4,"is-loading-more"],"getIssueUrl":[16]}]]],["feedlog-issues-client.cjs",[[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]},null,{"type":[{"handleQueryParamChange":0}],"limit":[{"handleQueryParamChange":0}],"sortBy":[{"handleQueryParamChange":0}],"apiKey":[{"handleSdkConfigChange":0}],"endpoint":[{"handleSdkConfigChange":0}]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

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

@@ -16,10 +16,11 @@ export class FeedlogIssueComponent {
         };
         this.handleUpvote = (event) => {
             event.stopPropagation();
+            const nextUpvoted = !this.issue.hasUpvoted;
             this.feedlogUpvote.emit({
                 issueId: this.issue.id,
-                currentUpvoted: this.issue.hasUpvoted,
-                currentCount: this.issue.upvoteCount,
+                upvoted: nextUpvoted,
+                upvoteCount: Math.max(0, this.issue.upvoteCount + (nextUpvoted ? 1 : -1)),
             });
         };
     }
@@ -222,8 +223,8 @@ export class FeedlogIssueComponent {
                     "text": "Event emitted when the issue is upvoted"
                 },
                 "complexType": {
-                    "original": "{\n    issueId: string;\n    currentUpvoted: boolean;\n    currentCount: number;\n  }",
-                    "resolved": "{ issueId: string; currentUpvoted: boolean; currentCount: number; }",
+                    "original": "{\n    issueId: string;\n    upvoted: boolean;\n    upvoteCount: number;\n  }",
+                    "resolved": "{ issueId: string; upvoted: boolean; upvoteCount: number; }",
                     "references": {}
                 }
             }];

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

@@ -54,7 +54,7 @@ export class FeedlogIssues {
         const containerStyle = {
             maxWidth: this.maxWidth,
         };
-        return (h(Host, { key: '15ca787d3e5b45331a6582ea908b35b94b3a528c', class: this.theme === 'dark' ? 'dark' : '' }, h("div", { key: '79d655ca18778660f0156fbdec54764491eaac49', class: "issues-container", style: containerStyle }, (this.heading || this.subtitle) && (h("header", { key: 'e9e1b05451f55db894a1b6248dde4d9d90a96068', class: "issues-header" }, h("div", { key: 'b2921e777986f9c6afc3ba1cbf8023311c868b34', class: "header-content" }, this.heading && h("h1", { key: 'e484da412ff1a92b876f3075489e60be273076b3', class: "issues-title" }, this.heading), this.subtitle && h("p", { key: '5030cbb2fdf2deab3681c1177a14e2b540d2ea33', class: "issues-subtitle" }, this.subtitle)))), this.loading && (h("div", { key: 'f3fb2c02af4637832c518714f670ca2ae2624d49', class: "loading-state", role: "status", "aria-label": "Loading issues" }, h("div", { key: '14e60e4174d22dd2474677a7ec6365d053fe40e7', class: "loading-skeletons" }, [1, 2, 3].map(i => (h("div", { key: i, class: "skeleton-card" }, h("div", { class: "skeleton-content" }, h("div", { class: "skeleton-header" }, h("div", { class: "skeleton-badge" }), h("div", { class: "skeleton-timestamp" })), h("div", { class: "skeleton-main" }, h("div", { class: "skeleton-title" }), h("div", { class: "skeleton-body" }, h("div", { class: "skeleton-line" }), h("div", { class: "skeleton-line short" })), h("div", { class: "skeleton-repo" })), h("div", { class: "skeleton-footer" }, h("div", { class: "skeleton-upvote" }))))))))), this.error && (h("div", { key: '0c301ece57faeee2c6bbf2a4e346a88b6bc535cc', class: "error-state", role: "alert" }, h("div", { key: 'bab84dcbca74730ba44162c57baf65454ffb78c0', class: "error-state-content" }, this.renderErrorIcon(), h("h2", { key: '247b25d17323d08ec9c527ebec1352600614f3be', class: "error-state-title" }, "Something went wrong"), h("p", { key: '45501981e34a2a163e20724881945a0b75ef57d1', class: "error-state-message" }, this.error)))), !this.loading && !this.error && (h("div", { key: 'ca5a2697c898b61121c16a9d1f4320ad35a0bf84' }, this.renderIssuesList(), this.hasMore && (h("div", { key: '1896d074714f083c3e171d0516d1d71155cbcd6a', class: "load-more-container" }, h("feedlog-button", { key: 'b34a2081a91b14e13aa4ace4d67b4d812f4a1d77', onFeedlogClick: this.handleLoadMore, disabled: this.isLoadingMore, variant: "outline" }, this.isLoadingMore ? 'Loading...' : 'Load More Issues'))))))));
+        return (h(Host, { key: 'efed57e0c474b689a24e202f0fb6b67afd310572', class: this.theme === 'dark' ? 'dark' : '' }, h("div", { key: 'ddb7185c3ace088f2883b2dcd193beb8af213cf3', class: "issues-container", style: containerStyle }, (this.heading || this.subtitle) && (h("header", { key: '59aeafb96ac34de3ed7d0ecbd20f958dbc4d9ce9', class: "issues-header" }, h("div", { key: 'cba96e346d2e09c28cf253bca55e5bc822f69762', class: "header-content" }, this.heading && h("h1", { key: '7ce0ea76eb114c453a46592f2e5b1ea81b406cc4', class: "issues-title" }, this.heading), this.subtitle && h("p", { key: 'a83fbcc2baab2aeb2b72ff3dbfc03cd3c77a0278', class: "issues-subtitle" }, this.subtitle)))), this.loading && (h("div", { key: 'cf24d3838ef214697abfc2d8a03182e08e0ed6e7', class: "loading-state", role: "status", "aria-label": "Loading issues" }, h("div", { key: 'd2a1547e4cbd7f41518153d7a8ea757beb384088', class: "loading-skeletons" }, [1, 2, 3].map(i => (h("div", { key: i, class: "skeleton-card" }, h("div", { class: "skeleton-content" }, h("div", { class: "skeleton-header" }, h("div", { class: "skeleton-badge" }), h("div", { class: "skeleton-timestamp" })), h("div", { class: "skeleton-main" }, h("div", { class: "skeleton-title" }), h("div", { class: "skeleton-body" }, h("div", { class: "skeleton-line" }), h("div", { class: "skeleton-line short" })), h("div", { class: "skeleton-repo" })), h("div", { class: "skeleton-footer" }, h("div", { class: "skeleton-upvote" }))))))))), this.error && (h("div", { key: '79c70736a6ba731432ef2ba84c5902e52a2ed864', class: "error-state", role: "alert" }, h("div", { key: '31e987295d26e65c09187ae45e7305a46db27b32', class: "error-state-content" }, this.renderErrorIcon(), h("h2", { key: 'c030fb77e635ee6e50b9bebe16d8a97f75e2921c', class: "error-state-title" }, "Something went wrong"), h("p", { key: '5c725c8d65d304e58c06ce574366f7ab6f18ea59', class: "error-state-message" }, this.error)))), !this.loading && !this.error && (h("div", { key: '4217556c83dbd193eeed23ec50c40ec5fedbf420' }, this.renderIssuesList(), this.hasMore && (h("div", { key: 'df669ef16de0c2316715b97edd9c9af935e96464', class: "load-more-container" }, h("feedlog-button", { key: 'ba1498e81606245a55d0f428e8b3b7b0bf609367', onFeedlogClick: this.handleLoadMore, disabled: this.isLoadingMore, variant: "outline" }, this.isLoadingMore ? 'Loading...' : 'Load More Issues'))))))));
     }
     static get is() { return "feedlog-issues"; }
     static get encapsulation() { return "shadow"; }
@@ -135,7 +135,7 @@ export class FeedlogIssues {
             },
             "theme": {
                 "type": "string",
-                "mutable": true,
+                "mutable": false,
                 "complexType": {
                     "original": "'light' | 'dark'",
                     "resolved": "\"dark\" | \"light\"",
@@ -346,8 +346,8 @@ export class FeedlogIssues {
                     "text": "Event emitted when an issue is upvoted"
                 },
                 "complexType": {
-                    "original": "{\n    issueId: string;\n    currentUpvoted: boolean;\n    currentCount: number;\n  }",
-                    "resolved": "{ issueId: string; currentUpvoted: boolean; currentCount: number; }",
+                    "original": "{\n    issueId: string;\n    upvoted: boolean;\n    upvoteCount: number;\n  }",
+                    "resolved": "{ issueId: string; upvoted: boolean; upvoteCount: number; }",
                     "references": {}
                 }
             }, {

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

@@ -33,13 +33,17 @@ export class FeedlogIssuesClient {
             if (!this.sdk || this.isDisconnected) {
                 return;
             }
-            const { issueId, currentUpvoted, currentCount } = event.detail;
+            const { issueId, upvoted, upvoteCount } = event.detail;
+            const currentIssue = this.issues.find(issue => issue.id === issueId);
+            if (!currentIssue) {
+                return;
+            }
             // Track request to handle race conditions
             const requestId = (this.upvoteRequestIds.get(issueId) || 0) + 1;
             this.upvoteRequestIds.set(issueId, requestId);
             // 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);
+                ? Object.assign(Object.assign({}, issue), { hasUpvoted: upvoted, upvoteCount }) : issue);
             try {
                 const result = await this.sdk.toggleUpvote(issueId);
                 // Ignore if component disconnected or request is stale
@@ -62,16 +66,13 @@ export class FeedlogIssuesClient {
                 }
                 // Revert optimistic update on error
                 this.issues = this.issues.map(issue => issue.id === issueId
-                    ? Object.assign(Object.assign({}, issue), { hasUpvoted: currentUpvoted, upvoteCount: currentCount }) : issue);
+                    ? Object.assign(Object.assign({}, issue), { hasUpvoted: currentIssue.hasUpvoted, upvoteCount: currentIssue.upvoteCount }) : issue);
                 const errorMsg = err instanceof Error ? err.message : 'Failed to toggle upvote';
                 this.feedlogError.emit({ error: errorMsg });
             }
         };
     }
     componentWillLoad() {
-        this.previousType = this.type;
-        this.previousLimit = this.limit;
-        this.previousSortBy = this.sortBy;
         this.initializeSDK();
         // Return the promise so SSR waits for the fetch before serializing HTML.
         // During client hydration, skip fetch if we already have server-rendered data.
@@ -85,25 +86,27 @@ export class FeedlogIssuesClient {
         this.isDisconnected = true;
         this.fetchRequestId++;
     }
-    componentDidUpdate() {
-        // Re-fetch if any props changed
-        const typeChanged = this.previousType !== this.type;
-        const limitChanged = this.previousLimit !== this.limit;
-        const sortByChanged = this.previousSortBy !== this.sortBy;
-        if (typeChanged || limitChanged || sortByChanged) {
-            // Invalidate any in-flight requests
-            this.fetchRequestId++;
-            // Reset pagination when filters change
-            this.cursor = null;
-            this.hasMore = false;
-            this.issues = [];
-            void this.fetchIssues().catch(() => {
-                /* errors handled inside fetchIssues */
-            });
-            this.previousType = this.type;
-            this.previousLimit = this.limit;
-            this.previousSortBy = this.sortBy;
+    handleQueryParamChange(newValue, oldValue) {
+        if (newValue === oldValue) {
+            return;
         }
+        void this.resetAndRefetchIssues();
+    }
+    handleSdkConfigChange(newValue, oldValue) {
+        if (newValue === oldValue) {
+            return;
+        }
+        this.initializeSDK();
+        void this.resetAndRefetchIssues();
+    }
+    async resetAndRefetchIssues() {
+        // Invalidate any in-flight requests and reset derived state before reloading.
+        this.fetchRequestId++;
+        this.cursor = null;
+        this.hasMore = false;
+        this.issues = [];
+        this.upvoteRequestIds.clear();
+        await this.fetchIssues();
     }
     initializeSDK() {
         try {
@@ -218,7 +221,7 @@ export class FeedlogIssuesClient {
         const style = hostBg
             ? { '--feedlog-background': hostBg }
             : undefined;
-        return (h("feedlog-issues", { key: '4467ffabd5f18f9af6c8407622fb2554981b54bd', style: style, 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() }));
+        return (h("feedlog-issues", { key: 'd98b8366830171a8a09d01cc9e2b19a19850a5fd', style: style, 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() }));
     }
     static get is() { return "feedlog-issues-client"; }
     static get encapsulation() { return "shadow"; }
@@ -236,7 +239,7 @@ export class FeedlogIssuesClient {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "API key for Feedlog authentication (required)\nThe API key determines which repositories' issues are fetched"
+                    "text": "Set via JS property only; not reflected to an HTML attribute (see Stencil `reflect`)."
                 },
                 "getter": false,
                 "setter": false,
@@ -510,4 +513,22 @@ export class FeedlogIssuesClient {
             }];
     }
     static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "type",
+                "methodName": "handleQueryParamChange"
+            }, {
+                "propName": "limit",
+                "methodName": "handleQueryParamChange"
+            }, {
+                "propName": "sortBy",
+                "methodName": "handleQueryParamChange"
+            }, {
+                "propName": "apiKey",
+                "methodName": "handleSdkConfigChange"
+            }, {
+                "propName": "endpoint",
+                "methodName": "handleSdkConfigChange"
+            }];
+    }
 }

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

@@ -68,7 +68,7 @@ export class FeedlogIssuesList {
     }
     render() {
         const visibleIssues = this.getVisibleIssues();
-        return (h(Host, { key: '7721ed64730cd8e6b508fc829767ea79b2531628', class: this.theme === 'dark' ? 'dark' : '' }, h("div", { key: '6a2d83f46ce2391294cef018ec243dd13d06a063', class: "issues-list" }, visibleIssues.length === 0 ? (h("div", { class: "empty-state" }, this.emptyStateTitle && this.emptyStateMessage ? (h("div", { class: "empty-state-content" }, this.renderEmptyStateIllustration(), h("h2", { class: "empty-state-title" }, this.emptyStateTitle), h("p", { class: "empty-state-message" }, this.emptyStateMessage))) : (h("p", null, "No issues found")))) : (visibleIssues.map(issue => {
+        return (h(Host, { key: 'b2b009625ec2cec47449afd7602202a9f95b8740', class: this.theme === 'dark' ? 'dark' : '' }, h("div", { key: 'f108815569c064e45a78272a83f7048708470a3d', class: "issues-list" }, visibleIssues.length === 0 ? (h("div", { class: "empty-state" }, this.emptyStateTitle && this.emptyStateMessage ? (h("div", { class: "empty-state-content" }, this.renderEmptyStateIllustration(), h("h2", { class: "empty-state-title" }, this.emptyStateTitle), h("p", { class: "empty-state-message" }, this.emptyStateMessage))) : (h("p", null, "No issues found")))) : (visibleIssues.map(issue => {
             var _a, _b;
             return (h("feedlog-issue", { key: issue.id, issue: issue, issueUrl: (_b = (_a = this.getIssueUrl) === null || _a === void 0 ? void 0 : _a.call(this, issue)) !== null && _b !== void 0 ? _b : undefined, theme: this.theme, onFeedlogUpvote: (e) => this.handleUpvote(e) }));
         }))), this.renderPagination()));
@@ -230,8 +230,8 @@ export class FeedlogIssuesList {
                     "text": "Emitted when an issue is upvoted"
                 },
                 "complexType": {
-                    "original": "{\n    issueId: string;\n    currentUpvoted: boolean;\n    currentCount: number;\n  }",
-                    "resolved": "{ issueId: string; currentUpvoted: boolean; currentCount: number; }",
+                    "original": "{\n    issueId: string;\n    upvoted: boolean;\n    upvoteCount: number;\n  }",
+                    "resolved": "{ issueId: string; upvoted: boolean; upvoteCount: number; }",
                     "references": {}
                 }
             }];

package/dist/collection/utils/markdown.js

@@ -1,5 +1,6 @@
+import "@feedlog-ai/core/ssr-globals";
 import { marked } from "marked";
-import DOMPurify from "dompurify";
+import DOMPurify from "isomorphic-dompurify";
 /**
  * Parse markdown to sanitized HTML for safe rendering.
  * Uses marked for parsing and DOMPurify for XSS protection.

package/dist/components/feedlog-badge.js

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

package/dist/components/feedlog-button.js

@@ -1 +1 @@
-import{F as o,d as s}from"./p-DMdb-G26.js";const p=o,r=s;export{p as FeedlogButton,r as defineCustomElement}
+import{F as o,d as r}from"./p-CIASvKvr.js";const s=o,p=r;export{s as FeedlogButton,p as defineCustomElement}

package/dist/components/feedlog-card.js

@@ -1 +1 @@
-import{t as e,p as o,H as d,h as a}from"./index.js";const r=o(class extends d{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return a("div",{key:"293a80e66adedfc1af29daf72390a4f464321b96",class:"feedlog-card"},a("slot",{key:"b7e5a827f89035e791d9c756db0f66198e6c5a38",name:"header"}),a("slot",{key:"da89fee0a01068c8438564848f218faa9c5d849e",name:"content"}),a("slot",{key:"30b05e80e4189c0f73810a48f64e072dfac83267",name:"footer"}))}static get style(){return':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}'}},[257,"feedlog-card"]);function l(){"undefined"!=typeof customElements&&["feedlog-card"].forEach((o=>{"feedlog-card"===o&&(customElements.get(e(o))||customElements.define(e(o),r))}))}l();const s=r,f=l;export{s as FeedlogCard,f as defineCustomElement}
+import{p as e,H as o,h as d,t as a}from"./index.js";const r=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return d("div",{key:"293a80e66adedfc1af29daf72390a4f464321b96",class:"feedlog-card"},d("slot",{key:"b7e5a827f89035e791d9c756db0f66198e6c5a38",name:"header"}),d("slot",{key:"da89fee0a01068c8438564848f218faa9c5d849e",name:"content"}),d("slot",{key:"30b05e80e4189c0f73810a48f64e072dfac83267",name:"footer"}))}static get style(){return':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}'}},[257,"feedlog-card"]);function l(){"undefined"!=typeof customElements&&["feedlog-card"].forEach((e=>{"feedlog-card"===e&&(customElements.get(a(e))||customElements.define(a(e),r))}))}l();const s=r,f=l;export{s as FeedlogCard,f as defineCustomElement}

package/dist/components/feedlog-issue.js

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