version-pill-react 1.1.1 → 1.2.0

package/dist/index.d.mts

@@ -13,6 +13,22 @@ interface Version {
         type: string;
     }[];
 }
+interface RoadmapTask {
+    id: string;
+    title: string;
+    type: string;
+    priority: string;
+    column: string;
+    isPublic?: boolean;
+}
+interface Idea {
+    id: string;
+    title: string;
+    description?: string;
+    status: string;
+    votes: number;
+    hasVoted?: boolean;
+}
 interface ProjectInfo {
     name: string;
     slug: string;
@@ -23,110 +39,70 @@ interface ChangelogAPIResponse {
     project: ProjectInfo;
     changelog: Version[];
 }
+interface RoadmapAPIResponse {
+    project: ProjectInfo;
+    tasks: RoadmapTask[];
+}
 interface BadgeAPIResponse {
     version: string | null;
     name: string;
     slug: string;
 }
 interface VersionPillConfig {
-    /** Your project slug from Version Pill dashboard */
     projectId: string;
-    /** Version Pill API base URL (default: https://versionpill.com) */
     baseUrl?: string;
 }
 type BadgeStyle = "dot" | "pill" | "minimal" | "glass" | "gradient";
 type BadgeSize = "sm" | "md" | "lg";
+type ModalTab = "changelog" | "roadmap" | "ideas";
 interface VersionPillProps extends VersionPillConfig {
-    /** Position of the pill */
     position?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "inline";
-    /** Custom class name */
     className?: string;
-    /** Theme */
     theme?: "light" | "dark" | "auto";
-    /** Badge style variant */
     style?: BadgeStyle;
-    /** Badge size */
     size?: BadgeSize;
-    /** Show "Powered by Version Pill" branding */
     showBranding?: boolean;
-    /** Accent color */
     accent?: "green" | "blue" | "purple" | "orange" | "neutral";
-    /** Callback when a new version is detected */
     onNewVersion?: (version: Version) => void;
-    /** Callback when badge is clicked */
     onClick?: () => void;
 }
 interface ChangelogProps extends VersionPillConfig {
-    /** Max height in pixels */
     maxHeight?: number;
-    /** Theme */
     theme?: "light" | "dark" | "auto";
-    /** Custom class name */
     className?: string;
 }
 interface RoadmapProps extends VersionPillConfig {
-    /** Max height in pixels */
     maxHeight?: number;
-    /** Theme */
     theme?: "light" | "dark" | "auto";
-    /** Custom class name */
     className?: string;
 }
 declare function VersionPill({ projectId, baseUrl, position, className, theme, style, size, showBranding, accent, onNewVersion, onClick, }: VersionPillProps): react_jsx_runtime.JSX.Element | null;
 interface VersionBadgeProps {
-    /** Your project slug from Version Pill dashboard */
     projectId: string;
-    /** Version Pill API base URL (default: https://versionpill.com) */
     baseUrl?: string;
-    /** Theme */
     theme?: "light" | "dark" | "auto";
-    /** Badge style variant */
     style?: BadgeStyle;
-    /** Badge size */
     size?: BadgeSize;
-    /** Accent color */
     accent?: "green" | "blue" | "purple" | "orange" | "neutral";
-    /** Custom class name */
     className?: string;
-    /** Link to changelog (if provided, badge becomes a link) */
     href?: string;
 }
 declare function VersionBadge({ projectId, baseUrl, theme, style, size, accent, className, href, }: VersionBadgeProps): react_jsx_runtime.JSX.Element | null;
-declare function Changelog({ projectId, baseUrl, maxHeight, theme, className, }: ChangelogProps): react_jsx_runtime.JSX.Element;
-declare function Roadmap({ projectId, baseUrl, maxHeight, theme, className, }: RoadmapProps): react_jsx_runtime.JSX.Element;
 interface UseVersionOptions {
-    /** Your project slug from Version Pill dashboard */
     projectId: string;
-    /** Version Pill API base URL (default: https://versionpill.com) */
     baseUrl?: string;
-    /** Refetch interval in ms (0 = no refetch) */
     refetchInterval?: number;
 }
 interface UseVersionResult {
-    /** Current version string (e.g., "1.2.3") */
     version: string | null;
-    /** Project name */
     name: string | null;
-    /** Project slug */
     slug: string | null;
-    /** Loading state */
     loading: boolean;
-    /** Error message if fetch failed */
     error: string | null;
-    /** Manually refetch the version */
     refetch: () => Promise<void>;
 }
-/**
- * Hook to fetch the current version for a project.
- * Use this when you need the version data without the UI components.
- *
- * @example
- * ```tsx
- * const { version, loading } = useVersion({ projectId: "my-app" });
- * if (loading) return <Skeleton />;
- * return <span>v{version}</span>;
- * ```
- */
 declare function useVersion({ projectId, baseUrl, refetchInterval, }: UseVersionOptions): UseVersionResult;
+declare function Changelog({ projectId, baseUrl, maxHeight, theme, className, }: ChangelogProps): react_jsx_runtime.JSX.Element;
+declare function Roadmap({ projectId, baseUrl, maxHeight, theme, className, }: RoadmapProps): react_jsx_runtime.JSX.Element;
 
-export { type BadgeAPIResponse, type BadgeSize, type BadgeStyle, Changelog, type ChangelogAPIResponse, type ChangelogProps, type ProjectInfo, Roadmap, type RoadmapProps, type UseVersionOptions, type UseVersionResult, type Version, VersionBadge, type VersionBadgeProps, VersionPill, type VersionPillConfig, type VersionPillProps, VersionPill as default, useVersion };
+export { type BadgeAPIResponse, type BadgeSize, type BadgeStyle, Changelog, type ChangelogAPIResponse, type ChangelogProps, type Idea, type ModalTab, type ProjectInfo, Roadmap, type RoadmapAPIResponse, type RoadmapProps, type RoadmapTask, type UseVersionOptions, type UseVersionResult, type Version, VersionBadge, type VersionBadgeProps, VersionPill, type VersionPillConfig, type VersionPillProps, VersionPill as default, useVersion };

package/dist/index.d.ts

@@ -13,6 +13,22 @@ interface Version {
         type: string;
     }[];
 }
+interface RoadmapTask {
+    id: string;
+    title: string;
+    type: string;
+    priority: string;
+    column: string;
+    isPublic?: boolean;
+}
+interface Idea {
+    id: string;
+    title: string;
+    description?: string;
+    status: string;
+    votes: number;
+    hasVoted?: boolean;
+}
 interface ProjectInfo {
     name: string;
     slug: string;
@@ -23,110 +39,70 @@ interface ChangelogAPIResponse {
     project: ProjectInfo;
     changelog: Version[];
 }
+interface RoadmapAPIResponse {
+    project: ProjectInfo;
+    tasks: RoadmapTask[];
+}
 interface BadgeAPIResponse {
     version: string | null;
     name: string;
     slug: string;
 }
 interface VersionPillConfig {
-    /** Your project slug from Version Pill dashboard */
     projectId: string;
-    /** Version Pill API base URL (default: https://versionpill.com) */
     baseUrl?: string;
 }
 type BadgeStyle = "dot" | "pill" | "minimal" | "glass" | "gradient";
 type BadgeSize = "sm" | "md" | "lg";
+type ModalTab = "changelog" | "roadmap" | "ideas";
 interface VersionPillProps extends VersionPillConfig {
-    /** Position of the pill */
     position?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "inline";
-    /** Custom class name */
     className?: string;
-    /** Theme */
     theme?: "light" | "dark" | "auto";
-    /** Badge style variant */
     style?: BadgeStyle;
-    /** Badge size */
     size?: BadgeSize;
-    /** Show "Powered by Version Pill" branding */
     showBranding?: boolean;
-    /** Accent color */
     accent?: "green" | "blue" | "purple" | "orange" | "neutral";
-    /** Callback when a new version is detected */
     onNewVersion?: (version: Version) => void;
-    /** Callback when badge is clicked */
     onClick?: () => void;
 }
 interface ChangelogProps extends VersionPillConfig {
-    /** Max height in pixels */
     maxHeight?: number;
-    /** Theme */
     theme?: "light" | "dark" | "auto";
-    /** Custom class name */
     className?: string;
 }
 interface RoadmapProps extends VersionPillConfig {
-    /** Max height in pixels */
     maxHeight?: number;
-    /** Theme */
     theme?: "light" | "dark" | "auto";
-    /** Custom class name */
     className?: string;
 }
 declare function VersionPill({ projectId, baseUrl, position, className, theme, style, size, showBranding, accent, onNewVersion, onClick, }: VersionPillProps): react_jsx_runtime.JSX.Element | null;
 interface VersionBadgeProps {
-    /** Your project slug from Version Pill dashboard */
     projectId: string;
-    /** Version Pill API base URL (default: https://versionpill.com) */
     baseUrl?: string;
-    /** Theme */
     theme?: "light" | "dark" | "auto";
-    /** Badge style variant */
     style?: BadgeStyle;
-    /** Badge size */
     size?: BadgeSize;
-    /** Accent color */
     accent?: "green" | "blue" | "purple" | "orange" | "neutral";
-    /** Custom class name */
     className?: string;
-    /** Link to changelog (if provided, badge becomes a link) */
     href?: string;
 }
 declare function VersionBadge({ projectId, baseUrl, theme, style, size, accent, className, href, }: VersionBadgeProps): react_jsx_runtime.JSX.Element | null;
-declare function Changelog({ projectId, baseUrl, maxHeight, theme, className, }: ChangelogProps): react_jsx_runtime.JSX.Element;
-declare function Roadmap({ projectId, baseUrl, maxHeight, theme, className, }: RoadmapProps): react_jsx_runtime.JSX.Element;
 interface UseVersionOptions {
-    /** Your project slug from Version Pill dashboard */
     projectId: string;
-    /** Version Pill API base URL (default: https://versionpill.com) */
     baseUrl?: string;
-    /** Refetch interval in ms (0 = no refetch) */
     refetchInterval?: number;
 }
 interface UseVersionResult {
-    /** Current version string (e.g., "1.2.3") */
     version: string | null;
-    /** Project name */
     name: string | null;
-    /** Project slug */
     slug: string | null;
-    /** Loading state */
     loading: boolean;
-    /** Error message if fetch failed */
     error: string | null;
-    /** Manually refetch the version */
     refetch: () => Promise<void>;
 }
-/**
- * Hook to fetch the current version for a project.
- * Use this when you need the version data without the UI components.
- *
- * @example
- * ```tsx
- * const { version, loading } = useVersion({ projectId: "my-app" });
- * if (loading) return <Skeleton />;
- * return <span>v{version}</span>;
- * ```
- */
 declare function useVersion({ projectId, baseUrl, refetchInterval, }: UseVersionOptions): UseVersionResult;
+declare function Changelog({ projectId, baseUrl, maxHeight, theme, className, }: ChangelogProps): react_jsx_runtime.JSX.Element;
+declare function Roadmap({ projectId, baseUrl, maxHeight, theme, className, }: RoadmapProps): react_jsx_runtime.JSX.Element;
 
-export { type BadgeAPIResponse, type BadgeSize, type BadgeStyle, Changelog, type ChangelogAPIResponse, type ChangelogProps, type ProjectInfo, Roadmap, type RoadmapProps, type UseVersionOptions, type UseVersionResult, type Version, VersionBadge, type VersionBadgeProps, VersionPill, type VersionPillConfig, type VersionPillProps, VersionPill as default, useVersion };
+export { type BadgeAPIResponse, type BadgeSize, type BadgeStyle, Changelog, type ChangelogAPIResponse, type ChangelogProps, type Idea, type ModalTab, type ProjectInfo, Roadmap, type RoadmapAPIResponse, type RoadmapProps, type RoadmapTask, type UseVersionOptions, type UseVersionResult, type Version, VersionBadge, type VersionBadgeProps, VersionPill, type VersionPillConfig, type VersionPillProps, VersionPill as default, useVersion };