@squeletteapp/widget-react 0.1.1 → 1.0.0

package/dist/components.d.ts

@@ -1,27 +0,0 @@
-import * as React from 'react';
-import { type WidgetOptions } from './hooks';
-export interface FeedbackWidgetProps extends Omit<WidgetOptions, 'buttonSelector'> {
-    workspaceSlug: string;
-    boardSlug?: string;
-    children: React.ReactNode;
-    className?: string;
-    asChild?: boolean;
-    onOpenChange?: (isOpen: boolean) => void;
-}
-export interface RoadmapWidgetProps extends Omit<WidgetOptions, 'buttonSelector'> {
-    workspaceSlug: string;
-    boardSlug: string;
-    children: React.ReactNode;
-    className?: string;
-    asChild?: boolean;
-}
-export interface ChangelogWidgetProps extends Omit<WidgetOptions, 'buttonSelector'> {
-    workspaceSlug: string;
-    children: React.ReactNode;
-    className?: string;
-    asChild?: boolean;
-    onOpenChange?: (isOpen: boolean) => void;
-}
-export declare function FeedbackWidget({ workspaceSlug, boardSlug, children, className, asChild, onOpenChange, ...options }: FeedbackWidgetProps): import("react/jsx-runtime").JSX.Element;
-export declare function RoadmapWidget({ workspaceSlug, boardSlug, children, className, asChild, ...options }: RoadmapWidgetProps): import("react/jsx-runtime").JSX.Element;
-export declare function ChangelogWidget({ workspaceSlug, children, className, asChild, onOpenChange, ...options }: ChangelogWidgetProps): import("react/jsx-runtime").JSX.Element;

package/dist/components.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Slot } from '@radix-ui/react-slot';
-import * as React from 'react';
-import { useChangelogWidget, useFeedbackWidget, useRoadmapWidget, } from './hooks';
-export function FeedbackWidget({ workspaceSlug, boardSlug, children, className, asChild = false, onOpenChange, ...options }) {
-    const buttonId = React.useId();
-    useFeedbackWidget(workspaceSlug, boardSlug, {
-        ...options,
-        buttonSelector: `#${buttonId}`,
-        onOpenChange,
-    });
-    if (asChild) {
-        return React.createElement(Slot, { className, id: buttonId }, children);
-    }
-    return (_jsx("button", { className: className, id: buttonId, type: "button", children: children }));
-}
-export function RoadmapWidget({ workspaceSlug, boardSlug, children, className, asChild = false, ...options }) {
-    const buttonId = React.useId();
-    useRoadmapWidget(workspaceSlug, boardSlug, {
-        ...options,
-        buttonSelector: `#${buttonId}`,
-    });
-    if (asChild) {
-        return React.createElement(Slot, { className, id: buttonId }, children);
-    }
-    return (_jsx("button", { className: className, id: buttonId, type: "button", children: children }));
-}
-export function ChangelogWidget({ workspaceSlug, children, className, asChild = false, onOpenChange, ...options }) {
-    const buttonId = React.useId();
-    useChangelogWidget(workspaceSlug, {
-        ...options,
-        buttonSelector: `#${buttonId}`,
-        onOpenChange,
-    });
-    if (asChild) {
-        return React.createElement(Slot, { className, id: buttonId }, children);
-    }
-    return (_jsx("button", { className: className, id: buttonId, type: "button", children: children }));
-}

package/dist/hooks.d.ts

@@ -1,20 +0,0 @@
-export interface WidgetOptions {
-    buttonSelector: string;
-    position?: 'top' | 'bottom' | 'left' | 'right';
-    theme?: string;
-    onLoad?: () => void;
-    onOpenChange?: (isOpen: boolean) => void;
-}
-export interface WidgetInstance {
-    destroy: () => void;
-}
-export declare function useFeedbackWidget(workspaceSlug: string, boardSlug: string | undefined, options: WidgetOptions): WidgetInstance | null;
-export declare function useRoadmapWidget(workspaceSlug: string, boardSlug: string, options: WidgetOptions): WidgetInstance | null;
-export declare function useChangelogWidget(workspaceSlug: string, options: WidgetOptions): WidgetInstance | null;
-export declare function useWidget(options: {
-    url: string;
-    buttonSelector: string;
-    position?: 'top' | 'bottom' | 'left' | 'right';
-    onLoad?: () => void;
-    onOpenChange?: (isOpen: boolean) => void;
-}): WidgetInstance | null;

package/dist/hooks.js

@@ -1,143 +0,0 @@
-import { createChangelogWidget, createFeedbackWidget, createRoadmapWidget, createWidget, } from '@squeletteapp/widget';
-import { useCallback, useEffect, useRef } from 'react';
-export function useFeedbackWidget(workspaceSlug, boardSlug, options) {
-    const widgetRef = useRef(null);
-    const onOpenChangeRef = useRef(options.onOpenChange);
-    // Always keep the latest onOpenChange callback
-    onOpenChangeRef.current = options.onOpenChange;
-    const initWidget = useCallback(() => {
-        if (widgetRef.current) {
-            widgetRef.current.destroy();
-        }
-        const element = document.querySelector(options.buttonSelector);
-        if (!element) {
-            return null;
-        }
-        widgetRef.current = createFeedbackWidget(workspaceSlug, boardSlug, {
-            ...options,
-            onOpenChange: onOpenChangeRef.current
-                ? (isOpen) => { var _a; return (_a = onOpenChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onOpenChangeRef, isOpen); }
-                : undefined,
-        });
-        return widgetRef.current;
-    }, [
-        workspaceSlug,
-        boardSlug,
-        options.buttonSelector,
-        options.position,
-        options.theme,
-        options.onLoad,
-    ]);
-    useEffect(() => {
-        // Use requestAnimationFrame to ensure DOM is ready
-        const frame = requestAnimationFrame(() => {
-            const widget = initWidget();
-            widgetRef.current = widget;
-        });
-        return () => {
-            cancelAnimationFrame(frame);
-            if (widgetRef.current) {
-                widgetRef.current.destroy();
-            }
-        };
-    }, [initWidget]);
-    return widgetRef.current;
-}
-export function useRoadmapWidget(workspaceSlug, boardSlug, options) {
-    const widgetRef = useRef(null);
-    const initWidget = useCallback(() => {
-        if (widgetRef.current) {
-            widgetRef.current.destroy();
-        }
-        const element = document.querySelector(options.buttonSelector);
-        if (!element) {
-            return null;
-        }
-        widgetRef.current = createRoadmapWidget(workspaceSlug, boardSlug, options);
-        return widgetRef.current;
-    }, [workspaceSlug, boardSlug, options]);
-    useEffect(() => {
-        // Use requestAnimationFrame to ensure DOM is ready
-        const frame = requestAnimationFrame(() => {
-            const widget = initWidget();
-            widgetRef.current = widget;
-        });
-        return () => {
-            cancelAnimationFrame(frame);
-            if (widgetRef.current) {
-                widgetRef.current.destroy();
-            }
-        };
-    }, [initWidget]);
-    return widgetRef.current;
-}
-export function useChangelogWidget(workspaceSlug, options) {
-    const widgetRef = useRef(null);
-    const onOpenChangeRef = useRef(options.onOpenChange);
-    // Always keep the latest onOpenChange callback
-    onOpenChangeRef.current = options.onOpenChange;
-    const initWidget = useCallback(() => {
-        if (widgetRef.current) {
-            widgetRef.current.destroy();
-        }
-        const element = document.querySelector(options.buttonSelector);
-        if (!element) {
-            return null;
-        }
-        widgetRef.current = createChangelogWidget(workspaceSlug, {
-            ...options,
-            onOpenChange: onOpenChangeRef.current
-                ? (isOpen) => { var _a; return (_a = onOpenChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onOpenChangeRef, isOpen); }
-                : undefined,
-        });
-        return widgetRef.current;
-    }, [
-        workspaceSlug,
-        options.buttonSelector,
-        options.position,
-        options.theme,
-        options.onLoad,
-    ]);
-    useEffect(() => {
-        // Use requestAnimationFrame to ensure DOM is ready
-        const frame = requestAnimationFrame(() => {
-            const widget = initWidget();
-            widgetRef.current = widget;
-        });
-        return () => {
-            cancelAnimationFrame(frame);
-            if (widgetRef.current) {
-                widgetRef.current.destroy();
-            }
-        };
-    }, [initWidget]);
-    return widgetRef.current;
-}
-export function useWidget(options) {
-    const widgetRef = useRef(null);
-    const initWidget = useCallback(() => {
-        if (widgetRef.current) {
-            widgetRef.current.destroy();
-        }
-        const element = document.querySelector(options.buttonSelector);
-        if (!element) {
-            return null;
-        }
-        widgetRef.current = createWidget(options);
-        return widgetRef.current;
-    }, [options]);
-    useEffect(() => {
-        // Use requestAnimationFrame to ensure DOM is ready
-        const frame = requestAnimationFrame(() => {
-            const widget = initWidget();
-            widgetRef.current = widget;
-        });
-        return () => {
-            cancelAnimationFrame(frame);
-            if (widgetRef.current) {
-                widgetRef.current.destroy();
-            }
-        };
-    }, [initWidget]);
-    return widgetRef.current;
-}