npm - @feedlog-ai/webcomponents - Versions diffs - 0.0.21 → 0.0.23 - Mend

@feedlog-ai/webcomponents 0.0.21 → 0.0.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (48) hide show

package/README.md CHANGED Viewed

@@ -118,18 +118,18 @@ The playground lets you configure:
     ></script>
   </head>
   <body>
-    <feedlog-github-issues-client
+    <feedlog-issues-client
       api-key="your-api-key"
       type="bug"
       limit="10"
       theme="light"
       max-width="42rem"
     >
-    </feedlog-github-issues-client>
+    </feedlog-issues-client>
     <script>
       // Listen for events
-      const client = document.querySelector('feedlog-github-issues-client');
+      const client = document.querySelector('feedlog-issues-client');
       client.addEventListener('feedlogUpvote', event => {
         console.log('Issue upvoted:', event.detail);
@@ -147,12 +147,12 @@ The playground lets you configure:
 ```tsx
 import React from 'react';
-import { FeedlogGithubIssuesClient } from '@feedlog-ai/webcomponents/dist/components';
+import { FeedlogIssuesClient } from '@feedlog-ai/webcomponents/dist/components';
 function App() {
   return (
     <div>
-      <feedlog-github-issues-client
+      <feedlog-issues-client
         api-key="your-api-key"
         type="bug"
         limit={10}
@@ -174,7 +174,7 @@ function App() {
 ```vue
 <template>
-  <feedlog-github-issues-client
+  <feedlog-issues-client
     api-key="your-api-key"
     type="bug"
     :limit="10"
@@ -183,7 +183,7 @@ function App() {
     @feedlog-upvote="handleUpvote"
     @feedlog-error="handleError"
   >
-  </feedlog-github-issues-client>
+  </feedlog-issues-client>
 </template>
 <script setup lang="ts">
@@ -205,7 +205,7 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-root',
   template: `
-    <feedlog-github-issues-client
+    <feedlog-issues-client
       api-key="your-api-key"
       type="bug"
       limit="10"
@@ -214,7 +214,7 @@ import { Component } from '@angular/core';
       (feedlogUpvote)="onUpvote($event)"
       (feedlogError)="onError($event)"
     >
-    </feedlog-github-issues-client>
+    </feedlog-issues-client>
   `,
 })
 export class AppComponent {
@@ -235,7 +235,7 @@ The package also includes additional UI components:
 - `feedlog-badge`: Label component with variant support
 - `feedlog-button`: Button component with variants and sizes
 - `feedlog-card`: Reusable card container component
-- `feedlog-github-issues`: Issues display component (used internally by client)
+- `feedlog-issues`: Issues display component (used internally by client)
 - `feedlog-issues-list`: Issues list component (used internally)
 ## Build Outputs
@@ -284,8 +284,8 @@ interface ErrorEventDetail {
 Components use Shadow DOM for encapsulation. You can style them using CSS custom properties. See the [main README](../../README.md#-style-customization) for full copy-paste examples.
 ```css
-feedlog-github-issues-client,
-feedlog-github-issues {
+feedlog-issues-client,
+feedlog-issues {
   /* Card */
   --feedlog-card-padding: 1.25rem;
   --feedlog-card-accent-width: 3px;

package/dist/cjs/{feedlog-button_2.cjs.entry.js → feedlog-button_3.cjs.entry.js} RENAMED Viewed

@@ -1637,5 +1637,37 @@ const FeedlogIssueComponent = class {
 };
 FeedlogIssueComponent.style = feedlogIssueCss();
+const feedlogIssuesListCss = () => `:host{display:block;--feedlog-muted-foreground:#64748b;--feedlog-foreground:oklch(0.145 0 0);--feedlog-empty-illustration-bg:oklch(0.96 0.01 260);--feedlog-empty-illustration-stroke:oklch(0.75 0.02 260);--feedlog-empty-illustration-muted:oklch(0.82 0.01 260)}:host(.dark){--feedlog-muted-foreground:oklch(0.72 0.02 260);--feedlog-foreground:oklch(0.985 0 0);--feedlog-empty-illustration-bg:oklch(0.28 0.02 260);--feedlog-empty-illustration-stroke:oklch(0.45 0.02 260);--feedlog-empty-illustration-muted:oklch(0.38 0.01 260)}.issues-list{display:flex;flex-direction:column;gap:0.5rem}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--feedlog-muted-foreground);font-size:0.875rem}.empty-state-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:20rem}.empty-state-illustration{margin-bottom:1.5rem;opacity:0.9}.empty-state-title{margin:0 0 0.5rem 0;font-size:1.125rem;font-weight:600;color:var(--feedlog-foreground);line-height:1.4}.empty-state-message{margin:0;font-size:0.875rem;color:var(--feedlog-muted-foreground);line-height:1.5}`;
+const FeedlogIssuesList = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.feedlogUpvote = index.createEvent(this, "feedlogUpvote");
+        /**
+         * Array of issues to display
+         */
+        this.issues = [];
+        /**
+         * Theme variant: 'light' or 'dark'
+         */
+        this.theme = 'light';
+        this.handleUpvote = (event) => {
+            event.stopPropagation();
+            this.feedlogUpvote.emit(event.detail);
+        };
+    }
+    renderEmptyStateIllustration() {
+        return (index.h("svg", { class: "empty-state-illustration", xmlns: "http://www.w3.org/2000/svg", width: "120", height: "96", viewBox: "0 0 120 96", fill: "none", "aria-hidden": "true" }, index.h("path", { d: "M20 36h80v44c0 4.4-3.6 8-8 8H28c-4.4 0-8-3.6-8-8V36z", fill: "var(--feedlog-empty-illustration-bg)", stroke: "var(--feedlog-empty-illustration-stroke)", "stroke-width": "1.5", "stroke-linejoin": "round" }), index.h("path", { d: "M20 36l20-24h40l20 24", fill: "none", stroke: "var(--feedlog-empty-illustration-stroke)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M44 52h32M44 60h24M44 68h28", stroke: "var(--feedlog-empty-illustration-muted)", "stroke-width": "1.25", "stroke-linecap": "round" })));
+    }
+    render() {
+        return (index.h(index.Host, { key: 'd797fd4978179c9081678e2fb3e7e2be756b4ea2', class: this.theme === 'dark' ? 'dark' : '' }, index.h("div", { key: '1fe373bbad55cf718d65279ae718f9b95e89e37f', class: "issues-list" }, this.issues.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")))) : (this.issues.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) }));
+        })))));
+    }
+};
+FeedlogIssuesList.style = feedlogIssuesListCss();
 exports.feedlog_button = FeedlogButton;
 exports.feedlog_issue = FeedlogIssueComponent;
+exports.feedlog_issues_list = FeedlogIssuesList;

package/dist/cjs/{feedlog-github-issues-client.cjs.entry.js → feedlog-issues-client.cjs.entry.js} RENAMED Viewed

@@ -343,7 +343,7 @@ class FeedlogSDK {
     }
 }
-const FeedlogGithubIssuesClient = class {
+const FeedlogIssuesClient = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.feedlogUpvote = index.createEvent(this, "feedlogUpvote");
@@ -488,7 +488,7 @@ const FeedlogGithubIssuesClient = class {
             if (this.isDisconnected || currentRequestId !== this.fetchRequestId) {
                 return;
             }
-            const errorMsg = err instanceof Error ? err.message : 'Failed to fetch issues';
+            const errorMsg = err instanceof Error ? err.message : "Couldn't load updates";
             this.error = errorMsg;
             this.issues = [];
             this.feedlogError.emit({
@@ -553,8 +553,8 @@ const FeedlogGithubIssuesClient = class {
         }
     }
     render() {
-        return (index.h("feedlog-github-issues", { key: '5d5bbd34f21c89b18ecb78f2411cfb825ff78d12', issues: this.issues, maxWidth: this.maxWidth, theme: this.theme, heading: this.heading, subtitle: this.subtitle, 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: '8c8635788f390477f1e5217e423d79438c45858d', issues: this.issues, 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() }));
     }
 };
-exports.feedlog_github_issues_client = FeedlogGithubIssuesClient;
+exports.feedlog_issues_client = FeedlogIssuesClient;

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

@@ -0,0 +1,71 @@
+'use strict';
+var index = require('./index-DnsqTPII.js');
+const feedlogIssuesCss = () => `:host{display:block;font-family:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;--feedlog-background:#ffffff;--feedlog-foreground:oklch(0.145 0 0);--feedlog-card:#ffffff;--feedlog-card-foreground:oklch(0.145 0 0);--feedlog-muted:#ececf0;--feedlog-muted-foreground:#717182;--feedlog-border:rgba(0, 0, 0, 0.1);--feedlog-accent-color:#2563eb;--feedlog-destructive:#d4183d;--feedlog-blue-400:oklch(0.707 0.165 254.624);--feedlog-blue-600:oklch(0.546 0.245 262.881);--feedlog-blue-100:oklch(0.932 0.032 255.585);--feedlog-red-100:#fce7f3;--feedlog-red-400:#f472b6;--feedlog-red-600:#db2777;--feedlog-radius:0.625rem;--feedlog-gap:0.5rem;--feedlog-padding:2rem;--feedlog-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 1px 2px -1px rgba(0, 0, 0, 0.08)}:host(.dark){--feedlog-background:oklch(0.18 0.01 260);--feedlog-foreground:oklch(0.985 0 0);--feedlog-card:oklch(0.24 0.01 260);--feedlog-card-foreground:oklch(0.985 0 0);--feedlog-muted:oklch(0.32 0.01 260);--feedlog-muted-foreground:oklch(0.72 0.02 260);--feedlog-border:oklch(0.34 0.01 260);--feedlog-accent-color:#3b82f6;--feedlog-destructive:oklch(0.396 0.141 25.723);--feedlog-blue-400:oklch(0.707 0.165 254.624);--feedlog-blue-600:oklch(0.546 0.245 262.881);--feedlog-blue-900-30:color-mix(in oklab, oklch(0.379 0.146 265.522) 30%, transparent);--feedlog-red-900-30:color-mix(in oklab, oklch(0.396 0.141 25.723) 30%, transparent);--feedlog-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.3)}.issues-container{min-height:100vh;background-color:var(--feedlog-background);padding:var(--feedlog-padding);margin:0 auto}.issues-header{margin-bottom:1.5rem;display:flex;align-items:flex-start;justify-content:space-between}.header-content{flex:1}.issues-title{color:var(--feedlog-foreground);margin:0 0 0.25rem 0;font-size:1.5rem;font-weight:500;line-height:1.5}.issues-subtitle{color:var(--feedlog-muted-foreground);font-size:0.875rem;margin:0}.loading-state{padding:0}.loading-skeletons{display:flex;flex-direction:column;gap:var(--feedlog-gap)}.skeleton-card{background-color:var(--feedlog-card);border:1px solid var(--feedlog-border);border-radius:var(--feedlog-radius);box-shadow:var(--feedlog-shadow);position:relative;overflow:hidden}.skeleton-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--feedlog-muted)}.skeleton-content{padding:1.25rem;padding-left:calc(1.25rem + 3px);display:flex;flex-direction:column;gap:0.875rem}.skeleton-header{display:flex;align-items:center;justify-content:space-between;gap:0.75rem}.skeleton-badge{width:4.5rem;height:1.25rem;border-radius:0.375rem;background-color:var(--feedlog-muted);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-timestamp{width:3rem;height:0.75rem;border-radius:0.25rem;background-color:var(--feedlog-muted);animation:skeleton-pulse 1.5s ease-in-out infinite 0.2s}.skeleton-main{display:flex;flex-direction:column;gap:0.5rem}.skeleton-title{height:0.9375rem;border-radius:0.25rem;background-color:var(--feedlog-muted);animation:skeleton-pulse 1.5s ease-in-out infinite 0.1s;width:85%}.skeleton-body{display:flex;flex-direction:column;gap:0.375rem}.skeleton-line{height:0.8125rem;border-radius:0.25rem;background-color:var(--feedlog-muted);animation:skeleton-pulse 1.5s ease-in-out infinite 0.15s;width:100%}.skeleton-line.short{width:70%}.skeleton-repo{width:6rem;height:0.75rem;border-radius:0.25rem;background-color:var(--feedlog-muted);animation:skeleton-pulse 1.5s ease-in-out infinite 0.25s}.skeleton-footer{display:flex;justify-content:flex-end}.skeleton-upvote{width:2.5rem;height:2rem;border-radius:0.5rem;background-color:var(--feedlog-muted);animation:skeleton-pulse 1.5s ease-in-out infinite 0.3s}@keyframes skeleton-pulse{0%,100%{opacity:1}50%{opacity:0.5}}.error-state{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;min-height:12rem}.error-state-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:20rem;padding:2rem}.error-icon{color:var(--feedlog-muted-foreground);opacity:0.8;margin-bottom:1rem}.error-state-title{margin:0 0 0.5rem 0;font-size:1.125rem;font-weight:600;color:var(--feedlog-foreground);line-height:1.4}.error-state-message{margin:0 0 1.25rem 0;font-size:0.875rem;color:var(--feedlog-muted-foreground);line-height:1.5}.load-more-container{display:flex;justify-content:center;padding:2rem 0;gap:1rem}`;
+const FeedlogIssues = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.feedlogUpvote = index.createEvent(this, "feedlogUpvote");
+        this.feedlogLoadMore = index.createEvent(this, "feedlogLoadMore");
+        /**
+         * Array of issues to display
+         */
+        this.issues = [];
+        /**
+         * Maximum width of the container
+         */
+        this.maxWidth = '42rem';
+        /**
+         * Theme variant: 'light' or 'dark'
+         */
+        this.theme = 'light';
+        /**
+         * Loading state - shows loading indicator when true
+         */
+        this.loading = false;
+        /**
+         * Error message - shows error state when set
+         */
+        this.error = null;
+        /**
+         * Whether there are more issues to load
+         */
+        this.hasMore = false;
+        /**
+         * Whether more issues are currently loading
+         */
+        this.isLoadingMore = false;
+        /**
+         * Internal state for theme
+         */
+        this.currentTheme = 'light';
+        this.handleUpvote = (event) => {
+            event.stopPropagation();
+            this.feedlogUpvote.emit(event.detail);
+        };
+        this.handleLoadMore = () => {
+            this.feedlogLoadMore.emit();
+        };
+    }
+    componentWillLoad() {
+        this.currentTheme = this.theme;
+    }
+    renderErrorIcon() {
+        return (index.h("svg", { class: "error-icon", xmlns: "http://www.w3.org/2000/svg", width: "48", height: "48", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("circle", { cx: "12", cy: "12", r: "10" }), index.h("line", { x1: "12", y1: "8", x2: "12", y2: "12" }), index.h("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })));
+    }
+    renderIssuesList() {
+        var _a, _b;
+        return (index.h("feedlog-issues-list", { issues: this.issues, theme: this.currentTheme, getIssueUrl: this.getIssueUrl, emptyStateTitle: (_a = this.emptyStateTitle) !== null && _a !== void 0 ? _a : 'No updates yet', emptyStateMessage: (_b = this.emptyStateMessage) !== null && _b !== void 0 ? _b : 'Check back later for new updates.', onFeedlogUpvote: (e) => this.handleUpvote(e) }));
+    }
+    render() {
+        const containerStyle = {
+            maxWidth: this.maxWidth,
+        };
+        return (index.h(index.Host, { key: '812719c5d6f25108834d1a422dee280c18033e36', class: this.currentTheme === 'dark' ? 'dark' : '' }, index.h("div", { key: '1e415969878bad8fb14ea9e648d2c2d2e0d492a1', class: "issues-container", style: containerStyle }, (this.heading || this.subtitle) && (index.h("header", { key: '5bf1308396ff3bc04a57763317fa71a34d48cc95', class: "issues-header" }, index.h("div", { key: '19494458a1bcd11c3d91c08e98887f9d6ed33314', class: "header-content" }, this.heading && index.h("h1", { key: 'f89bd679a9dd9262c93573ef0bfbbb23bd892a87', class: "issues-title" }, this.heading), this.subtitle && index.h("p", { key: '2bcc73dfb95d7ae8971004522fe44cca5128701b', class: "issues-subtitle" }, this.subtitle)))), this.loading && (index.h("div", { key: '85c06c80b624cd16d532bea5f0ad6fb7cc06f692', class: "loading-state", role: "status", "aria-label": "Loading issues" }, index.h("div", { key: '766cd9e7c18586f937a1b864e7bcfce60fe79707', 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: '5ca08a9ddc95b4ef59d6c776a24e08b5ac65c0b3', class: "error-state", role: "alert" }, index.h("div", { key: '93218f816564cff58f591b53d1aad6b6bc8a1c64', class: "error-state-content" }, this.renderErrorIcon(), index.h("h2", { key: 'f141f75b92164af3f4d139a17937b0533641bcc0', class: "error-state-title" }, "Something went wrong"), index.h("p", { key: '61225c7f4f46944787d4a6448386c8209cdaf74c', class: "error-state-message" }, this.error)))), !this.loading && !this.error && (index.h("div", { key: '5ac699f4c5d0e5b5d20f1546efe24f80cba70748' }, this.renderIssuesList(), this.hasMore && (index.h("div", { key: '9ad22c48dac0d8874dfae9735c850b2ca52836e7', class: "load-more-container" }, index.h("feedlog-button", { key: 'de55c05ca8b80ec5df98051653ca135874edc98b', onFeedlogClick: this.handleLoadMore, disabled: this.isLoadingMore, variant: "outline" }, this.isLoadingMore ? 'Loading...' : 'Load More Issues'))))))));
+    }
+};
+FeedlogIssues.style = feedlogIssuesCss();
+exports.feedlog_issues = FeedlogIssues;

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

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

package/dist/cjs/loader.cjs.js CHANGED Viewed

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

package/dist/collection/collection-manifest.json CHANGED Viewed

@@ -3,8 +3,8 @@
     "components/feedlog-card/feedlog-card.js",
     "components/feedlog-badge/feedlog-badge.js",
     "components/feedlog-button/feedlog-button.js",
-    "components/feedlog-github-issues/feedlog-github-issues.js",
-    "components/feedlog-github-issues-client/feedlog-github-issues-client.js",
+    "components/feedlog-issues/feedlog-issues.js",
+    "components/feedlog-issues-client/feedlog-issues-client.js",
     "components/feedlog-issue/feedlog-issue.js",
     "components/feedlog-issues-list/feedlog-issues-list.js"
   ],

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

@@ -0,0 +1,245 @@
+:host {
+  display: block;
+  font-family:
+    ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
+  /* Light theme defaults */
+  --feedlog-background: #ffffff;
+  --feedlog-foreground: oklch(0.145 0 0);
+  --feedlog-card: #ffffff;
+  --feedlog-card-foreground: oklch(0.145 0 0);
+  --feedlog-muted: #ececf0;
+  --feedlog-muted-foreground: #717182;
+  --feedlog-border: rgba(0, 0, 0, 0.1);
+  --feedlog-accent-color: #2563eb;
+  --feedlog-destructive: #d4183d;
+  --feedlog-blue-400: oklch(0.707 0.165 254.624);
+  --feedlog-blue-600: oklch(0.546 0.245 262.881);
+  --feedlog-blue-100: oklch(0.932 0.032 255.585);
+  --feedlog-red-100: #fce7f3;
+  --feedlog-red-400: #f472b6;
+  --feedlog-red-600: #db2777;
+  --feedlog-radius: 0.625rem;
+  --feedlog-gap: 0.5rem;
+  --feedlog-padding: 2rem;
+  --feedlog-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 1px 2px -1px rgba(0, 0, 0, 0.08);
+}
+:host(.dark) {
+  /* Dark theme values */
+  --feedlog-background: oklch(0.18 0.01 260);
+  --feedlog-foreground: oklch(0.985 0 0);
+  --feedlog-card: oklch(0.24 0.01 260);
+  --feedlog-card-foreground: oklch(0.985 0 0);
+  --feedlog-muted: oklch(0.32 0.01 260);
+  --feedlog-muted-foreground: oklch(0.72 0.02 260);
+  --feedlog-border: oklch(0.34 0.01 260);
+  --feedlog-accent-color: #3b82f6;
+  --feedlog-destructive: oklch(0.396 0.141 25.723);
+  --feedlog-blue-400: oklch(0.707 0.165 254.624);
+  --feedlog-blue-600: oklch(0.546 0.245 262.881);
+  --feedlog-blue-900-30: color-mix(in oklab, oklch(0.379 0.146 265.522) 30%, transparent);
+  --feedlog-red-900-30: color-mix(in oklab, oklch(0.396 0.141 25.723) 30%, transparent);
+  --feedlog-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
+}
+.issues-container {
+  min-height: 100vh;
+  background-color: var(--feedlog-background);
+  padding: var(--feedlog-padding);
+  margin: 0 auto;
+}
+.issues-header {
+  margin-bottom: 1.5rem;
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+}
+.header-content {
+  flex: 1;
+}
+.issues-title {
+  color: var(--feedlog-foreground);
+  margin: 0 0 0.25rem 0;
+  font-size: 1.5rem;
+  font-weight: 500;
+  line-height: 1.5;
+}
+.issues-subtitle {
+  color: var(--feedlog-muted-foreground);
+  font-size: 0.875rem;
+  margin: 0;
+}
+.loading-state {
+  padding: 0;
+}
+.loading-skeletons {
+  display: flex;
+  flex-direction: column;
+  gap: var(--feedlog-gap);
+}
+.skeleton-card {
+  background-color: var(--feedlog-card);
+  border: 1px solid var(--feedlog-border);
+  border-radius: var(--feedlog-radius);
+  box-shadow: var(--feedlog-shadow);
+  position: relative;
+  overflow: hidden;
+}
+.skeleton-card::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 3px;
+  background: var(--feedlog-muted);
+}
+.skeleton-content {
+  padding: 1.25rem;
+  padding-left: calc(1.25rem + 3px);
+  display: flex;
+  flex-direction: column;
+  gap: 0.875rem;
+}
+.skeleton-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+}
+.skeleton-badge {
+  width: 4.5rem;
+  height: 1.25rem;
+  border-radius: 0.375rem;
+  background-color: var(--feedlog-muted);
+  animation: skeleton-pulse 1.5s ease-in-out infinite;
+}
+.skeleton-timestamp {
+  width: 3rem;
+  height: 0.75rem;
+  border-radius: 0.25rem;
+  background-color: var(--feedlog-muted);
+  animation: skeleton-pulse 1.5s ease-in-out infinite 0.2s;
+}
+.skeleton-main {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+.skeleton-title {
+  height: 0.9375rem;
+  border-radius: 0.25rem;
+  background-color: var(--feedlog-muted);
+  animation: skeleton-pulse 1.5s ease-in-out infinite 0.1s;
+  width: 85%;
+}
+.skeleton-body {
+  display: flex;
+  flex-direction: column;
+  gap: 0.375rem;
+}
+.skeleton-line {
+  height: 0.8125rem;
+  border-radius: 0.25rem;
+  background-color: var(--feedlog-muted);
+  animation: skeleton-pulse 1.5s ease-in-out infinite 0.15s;
+  width: 100%;
+}
+.skeleton-line.short {
+  width: 70%;
+}
+.skeleton-repo {
+  width: 6rem;
+  height: 0.75rem;
+  border-radius: 0.25rem;
+  background-color: var(--feedlog-muted);
+  animation: skeleton-pulse 1.5s ease-in-out infinite 0.25s;
+}
+.skeleton-footer {
+  display: flex;
+  justify-content: flex-end;
+}
+.skeleton-upvote {
+  width: 2.5rem;
+  height: 2rem;
+  border-radius: 0.5rem;
+  background-color: var(--feedlog-muted);
+  animation: skeleton-pulse 1.5s ease-in-out infinite 0.3s;
+}
+@keyframes skeleton-pulse {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
+.error-state {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 3rem 2rem;
+  min-height: 12rem;
+}
+.error-state-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  max-width: 20rem;
+  padding: 2rem;
+}
+.error-icon {
+  color: var(--feedlog-muted-foreground);
+  opacity: 0.8;
+  margin-bottom: 1rem;
+}
+.error-state-title {
+  margin: 0 0 0.5rem 0;
+  font-size: 1.125rem;
+  font-weight: 600;
+  color: var(--feedlog-foreground);
+  line-height: 1.4;
+}
+.error-state-message {
+  margin: 0 0 1.25rem 0;
+  font-size: 0.875rem;
+  color: var(--feedlog-muted-foreground);
+  line-height: 1.5;
+}
+.load-more-container {
+  display: flex;
+  justify-content: center;
+  padding: 2rem 0;
+  gap: 1rem;
+}

package/dist/collection/components/{feedlog-github-issues/feedlog-github-issues.js → feedlog-issues/feedlog-issues.js} RENAMED Viewed

@@ -1,11 +1,11 @@
 import { h, Host } from "@stencil/core";
 /**
- * Feedlog GitHub Issues Component
+ * Feedlog Issues Component
  *
- * Component for displaying GitHub issues with support for bugs and enhancements.
+ * Component for displaying issues with support for bugs and enhancements.
  * Includes full list rendering, loading/error states, and pagination support.
  */
-export class FeedlogGithubIssues {
+export class FeedlogIssues {
     constructor() {
         /**
          * Array of issues to display
@@ -50,28 +50,29 @@ export class FeedlogGithubIssues {
     componentWillLoad() {
         this.currentTheme = this.theme;
     }
+    renderErrorIcon() {
+        return (h("svg", { class: "error-icon", xmlns: "http://www.w3.org/2000/svg", width: "48", height: "48", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("circle", { cx: "12", cy: "12", r: "10" }), h("line", { x1: "12", y1: "8", x2: "12", y2: "12" }), h("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })));
+    }
     renderIssuesList() {
-        return (h("div", { class: "issues-list" }, this.issues.length === 0 ? (h("div", { class: "empty-state" }, h("p", null, "No issues found"))) : (this.issues.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.currentTheme, onFeedlogUpvote: (e) => this.handleUpvote(e) }));
-        }))));
+        var _a, _b;
+        return (h("feedlog-issues-list", { issues: this.issues, theme: this.currentTheme, getIssueUrl: this.getIssueUrl, emptyStateTitle: (_a = this.emptyStateTitle) !== null && _a !== void 0 ? _a : 'No updates yet', emptyStateMessage: (_b = this.emptyStateMessage) !== null && _b !== void 0 ? _b : 'Check back later for new updates.', onFeedlogUpvote: (e) => this.handleUpvote(e) }));
     }
     render() {
         const containerStyle = {
             maxWidth: this.maxWidth,
         };
-        return (h(Host, { key: '8d371971cf80542020ff10d09e49b1e86cbd1170', class: this.currentTheme === 'dark' ? 'dark' : '' }, h("div", { key: '6a46103b04afbd473ca02a5f16125192a00f2e9b', class: "github-issues-container", style: containerStyle }, (this.heading || this.subtitle) && (h("header", { key: '55b481d2ea993566769670aeef1959aa76cc422e', class: "issues-header" }, h("div", { key: 'c80a94733595b2fc74f9e670b8ebe92498e762f5', class: "header-content" }, this.heading && h("h1", { key: '16cb4c7cf71d1d91b52dede91f900a79f9a66458', class: "issues-title" }, this.heading), this.subtitle && h("p", { key: 'ee0d7a228dc935b2fa88a03133e79888a60853df', class: "issues-subtitle" }, this.subtitle)))), this.loading && (h("div", { key: '3830120b4883517f73133bb3b51f26a3cd2c0503', class: "loading-state" }, h("p", { key: '13a5c0d3f466092c77b3cc6b8d3af448c44b4f48' }, "Loading issues..."))), this.error && (h("div", { key: '84b1c7407a0b3c858598663feb8d4a782ec1bff2', class: "error-state" }, h("p", { key: 'd846f63028dc9134a28270853d1af08cf3b75ef5' }, "Error: ", this.error))), !this.loading && !this.error && (h("div", { key: 'e9676a45008da5976db58180d72275e3080a51a1' }, this.renderIssuesList(), this.hasMore && (h("div", { key: '85ef1768fbcc1636bbeeaa2a74afaa552455d05e', class: "load-more-container" }, h("feedlog-button", { key: 'd408617ab69f6d70acbb9dfc360d3a09c79279b1', onFeedlogClick: this.handleLoadMore, disabled: this.isLoadingMore, variant: "outline" }, this.isLoadingMore ? 'Loading...' : 'Load More Issues'))))))));
+        return (h(Host, { key: '812719c5d6f25108834d1a422dee280c18033e36', class: this.currentTheme === 'dark' ? 'dark' : '' }, h("div", { key: '1e415969878bad8fb14ea9e648d2c2d2e0d492a1', class: "issues-container", style: containerStyle }, (this.heading || this.subtitle) && (h("header", { key: '5bf1308396ff3bc04a57763317fa71a34d48cc95', class: "issues-header" }, h("div", { key: '19494458a1bcd11c3d91c08e98887f9d6ed33314', class: "header-content" }, this.heading && h("h1", { key: 'f89bd679a9dd9262c93573ef0bfbbb23bd892a87', class: "issues-title" }, this.heading), this.subtitle && h("p", { key: '2bcc73dfb95d7ae8971004522fe44cca5128701b', class: "issues-subtitle" }, this.subtitle)))), this.loading && (h("div", { key: '85c06c80b624cd16d532bea5f0ad6fb7cc06f692', class: "loading-state", role: "status", "aria-label": "Loading issues" }, h("div", { key: '766cd9e7c18586f937a1b864e7bcfce60fe79707', 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: '5ca08a9ddc95b4ef59d6c776a24e08b5ac65c0b3', class: "error-state", role: "alert" }, h("div", { key: '93218f816564cff58f591b53d1aad6b6bc8a1c64', class: "error-state-content" }, this.renderErrorIcon(), h("h2", { key: 'f141f75b92164af3f4d139a17937b0533641bcc0', class: "error-state-title" }, "Something went wrong"), h("p", { key: '61225c7f4f46944787d4a6448386c8209cdaf74c', class: "error-state-message" }, this.error)))), !this.loading && !this.error && (h("div", { key: '5ac699f4c5d0e5b5d20f1546efe24f80cba70748' }, this.renderIssuesList(), this.hasMore && (h("div", { key: '9ad22c48dac0d8874dfae9735c850b2ca52836e7', class: "load-more-container" }, h("feedlog-button", { key: 'de55c05ca8b80ec5df98051653ca135874edc98b', onFeedlogClick: this.handleLoadMore, disabled: this.isLoadingMore, variant: "outline" }, this.isLoadingMore ? 'Loading...' : 'Load More Issues'))))))));
     }
-    static get is() { return "feedlog-github-issues"; }
+    static get is() { return "feedlog-issues"; }
     static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["feedlog-github-issues.css"]
+            "$": ["feedlog-issues.css"]
         };
     }
     static get styleUrls() {
         return {
-            "$": ["feedlog-github-issues.css"]
+            "$": ["feedlog-issues.css"]
         };
     }
     static get properties() {
@@ -178,6 +179,44 @@ export class FeedlogGithubIssues {
                 "reflect": false,
                 "attribute": "subtitle"
             },
+            "emptyStateTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Empty state title. Defaults to \"No updates yet\"."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "empty-state-title"
+            },
+            "emptyStateMessage": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Empty state message. Defaults to \"Check back later for new updates.\"."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "empty-state-message"
+            },
             "loading": {
                 "type": "boolean",
                 "mutable": false,
@@ -276,7 +315,7 @@ export class FeedlogGithubIssues {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Optional callback to resolve GitHub issue URL when githubIssueLink is not available.\nRequired because repository.owner was removed from the API for privacy."
+                    "text": "Optional callback to resolve issue URL when githubIssueLink is not available.\nRequired because repository.owner was removed from the API for privacy."
                 },
                 "getter": false,
                 "setter": false