@feedlog-ai/webcomponents 0.0.1

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

@@ -0,0 +1,81 @@
+'use strict';
+
+var index = require('./index-5lluu_3h.js');
+
+const feedlogGithubIssuesCss = () => `: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-muted-foreground:#717182;--feedlog-destructive:#d4183d;--feedlog-padding:2rem}:host(.dark){--feedlog-background:oklch(0.145 0 0);--feedlog-foreground:oklch(0.985 0 0);--feedlog-muted-foreground:oklch(0.708 0 0);--feedlog-destructive:oklch(0.637 0.237 25.331)}.github-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,.error-state{padding:2rem;text-align:center;color:var(--feedlog-muted-foreground)}.error-state{color:var(--feedlog-destructive)}.load-more-container{display:flex;justify-content:center;padding:2rem 0;gap:1rem}`;
+
+/**
+ * Sun icon SVG component
+ */
+const SunIcon = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("circle", { cx: "12", cy: "12", r: "4" }), index.h("path", { d: "M12 2v2" }), index.h("path", { d: "M12 20v2" }), index.h("path", { d: "m4.93 4.93 1.41 1.41" }), index.h("path", { d: "m17.66 17.66 1.41 1.41" }), index.h("path", { d: "M2 12h2" }), index.h("path", { d: "M20 12h2" }), index.h("path", { d: "m6.34 17.66-1.41 1.41" }), index.h("path", { d: "m19.07 4.93-1.41 1.41" })));
+/**
+ * Moon icon SVG component
+ */
+const MoonIcon = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })));
+const FeedlogGithubIssues = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.feedlogUpvote = index.createEvent(this, "feedlogUpvote");
+        this.feedlogThemeChange = index.createEvent(this, "feedlogThemeChange");
+        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 to show the theme toggle button
+         */
+        this.showThemeToggle = true;
+        /**
+         * 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) => {
+            this.feedlogUpvote.emit(event.detail);
+        };
+        this.toggleTheme = () => {
+            this.currentTheme = this.currentTheme === 'dark' ? 'light' : 'dark';
+            this.theme = this.currentTheme;
+            this.feedlogThemeChange.emit(this.currentTheme);
+        };
+        this.handleLoadMore = () => {
+            this.feedlogLoadMore.emit();
+        };
+    }
+    componentWillLoad() {
+        this.currentTheme = this.theme;
+    }
+    render() {
+        const containerStyle = {
+            maxWidth: this.maxWidth,
+        };
+        return (index.h(index.Host, { key: '8f238ab41f45799062270c84188596d770d6bde0', class: this.currentTheme === 'dark' ? 'dark' : '' }, index.h("div", { key: 'af0c2155ef3cdc12f228ec804ee906afd7d75477', class: "github-issues-container", style: containerStyle }, index.h("header", { key: 'ccf9a063df220f7a48e3600cb22df8203960a45b', class: "issues-header" }, index.h("div", { key: 'c261d6b0c8168a66faef9ec2fb381619f5175070', class: "header-content" }, index.h("h1", { key: '19203aa63dab0648b0a2865fe812233bfbbc225a', class: "issues-title" }, "GitHub Issues"), index.h("p", { key: 'e717a4e64cc747c81ad7a9e1cec234c247bfc329', class: "issues-subtitle" }, "Track bugs and enhancements for your project")), this.showThemeToggle && (index.h("feedlog-button", { key: '21057c7d384c53262e699e0384234077b0b36314', variant: "outline", size: "sm", onFeedlogClick: this.toggleTheme }, this.currentTheme === 'dark' ? index.h(SunIcon, null) : index.h(MoonIcon, null)))), this.loading && (index.h("div", { key: '2059c491247e0a48a81d802d9757d9fa97ac1a72', class: "loading-state" }, index.h("p", { key: '5654904e73b05bd5a05aa0243506e4bf074e5486' }, "Loading issues..."))), this.error && (index.h("div", { key: '7d2e09e0055e5d834aa870ed47bd4ebaba64dff1', class: "error-state" }, index.h("p", { key: 'd4cc2bb872c81234b4e81a4ec4ce21aff368ad74' }, "Error: ", this.error))), !this.loading && !this.error && (index.h("div", { key: 'e25eb90f7098416837a26a44e5811888530220a4' }, index.h("feedlog-issues-list", { key: 'a8e7ec5c5861cb31456738107b93f6e7adebbbe9', issues: this.issues, theme: this.currentTheme, onFeedlogUpvote: this.handleUpvote }), this.hasMore && (index.h("div", { key: '0d935e9247f44bff0700fce487d0bc4ccd104f2a', class: "load-more-container" }, index.h("feedlog-button", { key: '2858d701f5e3d219c39a6a28a7475c619464bc72', onFeedlogClick: this.handleLoadMore, disabled: this.isLoadingMore, variant: "outline" }, this.isLoadingMore ? 'Loading...' : 'Load More Issues'))))))));
+    }
+};
+FeedlogGithubIssues.style = feedlogGithubIssuesCss();
+
+exports.feedlog_github_issues = FeedlogGithubIssues;

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

@@ -0,0 +1,24 @@
+'use strict';
+
+var index = require('./index-5lluu_3h.js');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+/*
+ Stencil Client Patch Browser v4.40.1 | MIT Licensed | https://stenciljs.com
+ */
+
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('feedlog-toolkit.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await index.globalScripts();
+  return index.bootstrapLazy([["feedlog-card.cjs",[[257,"feedlog-card"]]],["feedlog-badge_3.cjs",[[1,"feedlog-issues-list",{"issues":[16],"theme":[1]}],[257,"feedlog-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1]}],[257,"feedlog-badge",{"variant":[1]}]]],["feedlog-github-issues.cjs",[[1,"feedlog-github-issues",{"issues":[16],"maxWidth":[1,"max-width"],"theme":[1025],"loading":[4],"error":[1],"showThemeToggle":[4,"show-theme-toggle"],"hasMore":[4,"has-more"],"isLoadingMore":[4,"is-loading-more"],"currentTheme":[32]}]]],["feedlog-github-issues-client.cjs",[[1,"feedlog-github-issues-client",{"repos":[1],"type":[1],"limit":[2],"endpoint":[1],"maxWidth":[1,"max-width"],"theme":[1],"showThemeToggle":[4,"show-theme-toggle"],"issues":[32],"loading":[32],"error":[32],"cursor":[32],"hasMore":[32],"isLoadingMore":[32]}]]]], options);
+});
+
+exports.setNonce = index.setNonce;