@feedlog-ai/webcomponents 0.0.1

package/dist/types/components.d.ts

@@ -0,0 +1,532 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { FeedlogIssue } from "@feedlog-ai/core";
+export { FeedlogIssue } from "@feedlog-ai/core";
+export namespace Components {
+    /**
+     * Feedlog Badge Component
+     * A label component with variant support for different styles.
+     */
+    interface FeedlogBadge {
+        /**
+          * Badge variant style
+          * @default 'default'
+         */
+        "variant": 'default' | 'destructive' | 'enhancement';
+    }
+    /**
+     * Feedlog Button Component
+     * A button component with variant and size support.
+     */
+    interface FeedlogButton {
+        /**
+          * Disabled state
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Button size
+          * @default 'default'
+         */
+        "size": 'default' | 'sm' | 'lg';
+        /**
+          * Button type
+          * @default 'button'
+         */
+        "type": 'button' | 'submit' | 'reset';
+        /**
+          * Button variant style
+          * @default 'default'
+         */
+        "variant": 'default' | 'outline' | 'ghost' | 'destructive';
+    }
+    /**
+     * Feedlog Card Component
+     * A reusable card container component with header and content areas.
+     */
+    interface FeedlogCard {
+    }
+    /**
+     * Feedlog GitHub Issues Component
+     * Component for displaying GitHub issues with support for bugs and enhancements.
+     * This component handles the UI rendering and delegates to feedlog-issues-list for the actual list.
+     */
+    interface FeedlogGithubIssues {
+        /**
+          * Error message - shows error state when set
+          * @default null
+         */
+        "error": string | null;
+        /**
+          * Whether there are more issues to load
+          * @default false
+         */
+        "hasMore": boolean;
+        /**
+          * Whether more issues are currently loading
+          * @default false
+         */
+        "isLoadingMore": boolean;
+        /**
+          * Array of issues to display
+          * @default []
+         */
+        "issues": FeedlogIssue[];
+        /**
+          * Loading state - shows loading indicator when true
+          * @default false
+         */
+        "loading": boolean;
+        /**
+          * Maximum width of the container
+          * @default '42rem'
+         */
+        "maxWidth": string;
+        /**
+          * Whether to show the theme toggle button
+          * @default true
+         */
+        "showThemeToggle": boolean;
+        /**
+          * Theme variant: 'light' or 'dark'
+          * @default 'light'
+         */
+        "theme": 'light' | 'dark';
+    }
+    /**
+     * Feedlog GitHub Issues Client Component
+     * A component for displaying GitHub issues fetched using the Feedlog SDK.
+     * This component uses the SDK internally to fetch data and delegates to feedlog-github-issues for rendering.
+     */
+    interface FeedlogGithubIssuesClient {
+        /**
+          * Custom API endpoint
+         */
+        "endpoint"?: string;
+        /**
+          * Maximum number of issues to fetch (1-100, default 10)
+         */
+        "limit"?: number;
+        /**
+          * Maximum width of the container
+          * @default '42rem'
+         */
+        "maxWidth": string;
+        /**
+          * Array of repository public IDs or single ID Format: repository public ID (not owner/repo)
+         */
+        "repos"?: string[] | string;
+        /**
+          * Whether to show the theme toggle button
+          * @default true
+         */
+        "showThemeToggle": boolean;
+        /**
+          * Theme variant: 'light' or 'dark'
+          * @default 'light'
+         */
+        "theme": 'light' | 'dark';
+        /**
+          * Filter issues by type: 'bug' or 'enhancement'
+         */
+        "type"?: 'bug' | 'enhancement';
+    }
+    /**
+     * Feedlog Issues List Component
+     * A component for displaying a list of GitHub issues with support for bugs and enhancements.
+     */
+    interface FeedlogIssuesList {
+        /**
+          * Array of issues to display
+          * @default []
+         */
+        "issues": FeedlogIssue[];
+        /**
+          * Theme variant: 'light' or 'dark'
+          * @default 'light'
+         */
+        "theme": 'light' | 'dark';
+    }
+}
+export interface FeedlogButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLFeedlogButtonElement;
+}
+export interface FeedlogGithubIssuesCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLFeedlogGithubIssuesElement;
+}
+export interface FeedlogGithubIssuesClientCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLFeedlogGithubIssuesClientElement;
+}
+export interface FeedlogIssuesListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLFeedlogIssuesListElement;
+}
+declare global {
+    /**
+     * Feedlog Badge Component
+     * A label component with variant support for different styles.
+     */
+    interface HTMLFeedlogBadgeElement extends Components.FeedlogBadge, HTMLStencilElement {
+    }
+    var HTMLFeedlogBadgeElement: {
+        prototype: HTMLFeedlogBadgeElement;
+        new (): HTMLFeedlogBadgeElement;
+    };
+    interface HTMLFeedlogButtonElementEventMap {
+        "feedlogClick": MouseEvent;
+    }
+    /**
+     * Feedlog Button Component
+     * A button component with variant and size support.
+     */
+    interface HTMLFeedlogButtonElement extends Components.FeedlogButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLFeedlogButtonElementEventMap>(type: K, listener: (this: HTMLFeedlogButtonElement, ev: FeedlogButtonCustomEvent<HTMLFeedlogButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLFeedlogButtonElementEventMap>(type: K, listener: (this: HTMLFeedlogButtonElement, ev: FeedlogButtonCustomEvent<HTMLFeedlogButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLFeedlogButtonElement: {
+        prototype: HTMLFeedlogButtonElement;
+        new (): HTMLFeedlogButtonElement;
+    };
+    /**
+     * Feedlog Card Component
+     * A reusable card container component with header and content areas.
+     */
+    interface HTMLFeedlogCardElement extends Components.FeedlogCard, HTMLStencilElement {
+    }
+    var HTMLFeedlogCardElement: {
+        prototype: HTMLFeedlogCardElement;
+        new (): HTMLFeedlogCardElement;
+    };
+    interface HTMLFeedlogGithubIssuesElementEventMap {
+        "feedlogUpvote": {
+    issueId: string;
+    currentUpvoted: boolean;
+    currentCount: number;
+  };
+        "feedlogThemeChange": 'light' | 'dark';
+        "feedlogLoadMore": void;
+    }
+    /**
+     * Feedlog GitHub Issues Component
+     * Component for displaying GitHub issues with support for bugs and enhancements.
+     * This component handles the UI rendering and delegates to feedlog-issues-list for the actual list.
+     */
+    interface HTMLFeedlogGithubIssuesElement extends Components.FeedlogGithubIssues, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLFeedlogGithubIssuesElementEventMap>(type: K, listener: (this: HTMLFeedlogGithubIssuesElement, ev: FeedlogGithubIssuesCustomEvent<HTMLFeedlogGithubIssuesElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLFeedlogGithubIssuesElementEventMap>(type: K, listener: (this: HTMLFeedlogGithubIssuesElement, ev: FeedlogGithubIssuesCustomEvent<HTMLFeedlogGithubIssuesElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLFeedlogGithubIssuesElement: {
+        prototype: HTMLFeedlogGithubIssuesElement;
+        new (): HTMLFeedlogGithubIssuesElement;
+    };
+    interface HTMLFeedlogGithubIssuesClientElementEventMap {
+        "feedlogUpvote": { issueId: string; upvoted: boolean; upvoteCount: number };
+        "feedlogThemeChange": 'light' | 'dark';
+        "feedlogError": { error: string; code?: number };
+    }
+    /**
+     * Feedlog GitHub Issues Client Component
+     * A component for displaying GitHub issues fetched using the Feedlog SDK.
+     * This component uses the SDK internally to fetch data and delegates to feedlog-github-issues for rendering.
+     */
+    interface HTMLFeedlogGithubIssuesClientElement extends Components.FeedlogGithubIssuesClient, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLFeedlogGithubIssuesClientElementEventMap>(type: K, listener: (this: HTMLFeedlogGithubIssuesClientElement, ev: FeedlogGithubIssuesClientCustomEvent<HTMLFeedlogGithubIssuesClientElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLFeedlogGithubIssuesClientElementEventMap>(type: K, listener: (this: HTMLFeedlogGithubIssuesClientElement, ev: FeedlogGithubIssuesClientCustomEvent<HTMLFeedlogGithubIssuesClientElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLFeedlogGithubIssuesClientElement: {
+        prototype: HTMLFeedlogGithubIssuesClientElement;
+        new (): HTMLFeedlogGithubIssuesClientElement;
+    };
+    interface HTMLFeedlogIssuesListElementEventMap {
+        "feedlogUpvote": {
+    issueId: string;
+    currentUpvoted: boolean;
+    currentCount: number;
+  };
+    }
+    /**
+     * Feedlog Issues List Component
+     * A component for displaying a list of GitHub issues with support for bugs and enhancements.
+     */
+    interface HTMLFeedlogIssuesListElement extends Components.FeedlogIssuesList, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLFeedlogIssuesListElementEventMap>(type: K, listener: (this: HTMLFeedlogIssuesListElement, ev: FeedlogIssuesListCustomEvent<HTMLFeedlogIssuesListElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLFeedlogIssuesListElementEventMap>(type: K, listener: (this: HTMLFeedlogIssuesListElement, ev: FeedlogIssuesListCustomEvent<HTMLFeedlogIssuesListElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLFeedlogIssuesListElement: {
+        prototype: HTMLFeedlogIssuesListElement;
+        new (): HTMLFeedlogIssuesListElement;
+    };
+    interface HTMLElementTagNameMap {
+        "feedlog-badge": HTMLFeedlogBadgeElement;
+        "feedlog-button": HTMLFeedlogButtonElement;
+        "feedlog-card": HTMLFeedlogCardElement;
+        "feedlog-github-issues": HTMLFeedlogGithubIssuesElement;
+        "feedlog-github-issues-client": HTMLFeedlogGithubIssuesClientElement;
+        "feedlog-issues-list": HTMLFeedlogIssuesListElement;
+    }
+}
+declare namespace LocalJSX {
+    /**
+     * Feedlog Badge Component
+     * A label component with variant support for different styles.
+     */
+    interface FeedlogBadge {
+        /**
+          * Badge variant style
+          * @default 'default'
+         */
+        "variant"?: 'default' | 'destructive' | 'enhancement';
+    }
+    /**
+     * Feedlog Button Component
+     * A button component with variant and size support.
+     */
+    interface FeedlogButton {
+        /**
+          * Disabled state
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Event emitted when button is clicked
+         */
+        "onFeedlogClick"?: (event: FeedlogButtonCustomEvent<MouseEvent>) => void;
+        /**
+          * Button size
+          * @default 'default'
+         */
+        "size"?: 'default' | 'sm' | 'lg';
+        /**
+          * Button type
+          * @default 'button'
+         */
+        "type"?: 'button' | 'submit' | 'reset';
+        /**
+          * Button variant style
+          * @default 'default'
+         */
+        "variant"?: 'default' | 'outline' | 'ghost' | 'destructive';
+    }
+    /**
+     * Feedlog Card Component
+     * A reusable card container component with header and content areas.
+     */
+    interface FeedlogCard {
+    }
+    /**
+     * Feedlog GitHub Issues Component
+     * Component for displaying GitHub issues with support for bugs and enhancements.
+     * This component handles the UI rendering and delegates to feedlog-issues-list for the actual list.
+     */
+    interface FeedlogGithubIssues {
+        /**
+          * Error message - shows error state when set
+          * @default null
+         */
+        "error"?: string | null;
+        /**
+          * Whether there are more issues to load
+          * @default false
+         */
+        "hasMore"?: boolean;
+        /**
+          * Whether more issues are currently loading
+          * @default false
+         */
+        "isLoadingMore"?: boolean;
+        /**
+          * Array of issues to display
+          * @default []
+         */
+        "issues"?: FeedlogIssue[];
+        /**
+          * Loading state - shows loading indicator when true
+          * @default false
+         */
+        "loading"?: boolean;
+        /**
+          * Maximum width of the container
+          * @default '42rem'
+         */
+        "maxWidth"?: string;
+        /**
+          * Event emitted to load more issues
+         */
+        "onFeedlogLoadMore"?: (event: FeedlogGithubIssuesCustomEvent<void>) => void;
+        /**
+          * Event emitted when theme changes
+         */
+        "onFeedlogThemeChange"?: (event: FeedlogGithubIssuesCustomEvent<'light' | 'dark'>) => void;
+        /**
+          * Event emitted when an issue is upvoted
+         */
+        "onFeedlogUpvote"?: (event: FeedlogGithubIssuesCustomEvent<{
+    issueId: string;
+    currentUpvoted: boolean;
+    currentCount: number;
+  }>) => void;
+        /**
+          * Whether to show the theme toggle button
+          * @default true
+         */
+        "showThemeToggle"?: boolean;
+        /**
+          * Theme variant: 'light' or 'dark'
+          * @default 'light'
+         */
+        "theme"?: 'light' | 'dark';
+    }
+    /**
+     * Feedlog GitHub Issues Client Component
+     * A component for displaying GitHub issues fetched using the Feedlog SDK.
+     * This component uses the SDK internally to fetch data and delegates to feedlog-github-issues for rendering.
+     */
+    interface FeedlogGithubIssuesClient {
+        /**
+          * Custom API endpoint
+         */
+        "endpoint"?: string;
+        /**
+          * Maximum number of issues to fetch (1-100, default 10)
+         */
+        "limit"?: number;
+        /**
+          * Maximum width of the container
+          * @default '42rem'
+         */
+        "maxWidth"?: string;
+        /**
+          * Event emitted on error
+         */
+        "onFeedlogError"?: (event: FeedlogGithubIssuesClientCustomEvent<{ error: string; code?: number }>) => void;
+        /**
+          * Event emitted when theme changes
+         */
+        "onFeedlogThemeChange"?: (event: FeedlogGithubIssuesClientCustomEvent<'light' | 'dark'>) => void;
+        /**
+          * Event emitted when an issue is upvoted
+         */
+        "onFeedlogUpvote"?: (event: FeedlogGithubIssuesClientCustomEvent<{ issueId: string; upvoted: boolean; upvoteCount: number }>) => void;
+        /**
+          * Array of repository public IDs or single ID Format: repository public ID (not owner/repo)
+         */
+        "repos"?: string[] | string;
+        /**
+          * Whether to show the theme toggle button
+          * @default true
+         */
+        "showThemeToggle"?: boolean;
+        /**
+          * Theme variant: 'light' or 'dark'
+          * @default 'light'
+         */
+        "theme"?: 'light' | 'dark';
+        /**
+          * Filter issues by type: 'bug' or 'enhancement'
+         */
+        "type"?: 'bug' | 'enhancement';
+    }
+    /**
+     * Feedlog Issues List Component
+     * A component for displaying a list of GitHub issues with support for bugs and enhancements.
+     */
+    interface FeedlogIssuesList {
+        /**
+          * Array of issues to display
+          * @default []
+         */
+        "issues"?: FeedlogIssue[];
+        /**
+          * Event emitted when an issue is upvoted
+         */
+        "onFeedlogUpvote"?: (event: FeedlogIssuesListCustomEvent<{
+    issueId: string;
+    currentUpvoted: boolean;
+    currentCount: number;
+  }>) => void;
+        /**
+          * Theme variant: 'light' or 'dark'
+          * @default 'light'
+         */
+        "theme"?: 'light' | 'dark';
+    }
+    interface IntrinsicElements {
+        "feedlog-badge": FeedlogBadge;
+        "feedlog-button": FeedlogButton;
+        "feedlog-card": FeedlogCard;
+        "feedlog-github-issues": FeedlogGithubIssues;
+        "feedlog-github-issues-client": FeedlogGithubIssuesClient;
+        "feedlog-issues-list": FeedlogIssuesList;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            /**
+             * Feedlog Badge Component
+             * A label component with variant support for different styles.
+             */
+            "feedlog-badge": LocalJSX.FeedlogBadge & JSXBase.HTMLAttributes<HTMLFeedlogBadgeElement>;
+            /**
+             * Feedlog Button Component
+             * A button component with variant and size support.
+             */
+            "feedlog-button": LocalJSX.FeedlogButton & JSXBase.HTMLAttributes<HTMLFeedlogButtonElement>;
+            /**
+             * Feedlog Card Component
+             * A reusable card container component with header and content areas.
+             */
+            "feedlog-card": LocalJSX.FeedlogCard & JSXBase.HTMLAttributes<HTMLFeedlogCardElement>;
+            /**
+             * Feedlog GitHub Issues Component
+             * Component for displaying GitHub issues with support for bugs and enhancements.
+             * This component handles the UI rendering and delegates to feedlog-issues-list for the actual list.
+             */
+            "feedlog-github-issues": LocalJSX.FeedlogGithubIssues & JSXBase.HTMLAttributes<HTMLFeedlogGithubIssuesElement>;
+            /**
+             * Feedlog GitHub Issues Client Component
+             * A component for displaying GitHub issues fetched using the Feedlog SDK.
+             * This component uses the SDK internally to fetch data and delegates to feedlog-github-issues for rendering.
+             */
+            "feedlog-github-issues-client": LocalJSX.FeedlogGithubIssuesClient & JSXBase.HTMLAttributes<HTMLFeedlogGithubIssuesClientElement>;
+            /**
+             * Feedlog Issues List Component
+             * A component for displaying a list of GitHub issues with support for bugs and enhancements.
+             */
+            "feedlog-issues-list": LocalJSX.FeedlogIssuesList & JSXBase.HTMLAttributes<HTMLFeedlogIssuesListElement>;
+        }
+    }
+}

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export type { Components, JSX } from './components';