@squeletteapp/widget-react 0.1.1 → 1.1.0

package/dist/index.js

@@ -30,351 +30,162 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  ChangelogWidget: () => ChangelogWidget,
-  FeedbackWidget: () => FeedbackWidget,
-  RoadmapWidget: () => RoadmapWidget,
-  createChangelogWidget: () => import_widget2.createChangelogWidget,
-  createFeedbackWidget: () => import_widget2.createFeedbackWidget,
-  createRoadmapWidget: () => import_widget2.createRoadmapWidget,
-  createWidget: () => import_widget2.createWidget,
-  useChangelogWidget: () => useChangelogWidget,
-  useFeedbackWidget: () => useFeedbackWidget,
-  useRoadmapWidget: () => useRoadmapWidget,
-  useWidget: () => useWidget
+  ChangelogBanner: () => ChangelogBanner,
+  ChangelogEntriesListDropdown: () => ChangelogEntriesListDropdown,
+  ChangelogEntryModal: () => ChangelogEntryModal,
+  ChangelogProvider: () => ChangelogProvider,
+  useChangelogContext: () => useChangelogContext
 });
 module.exports = __toCommonJS(index_exports);
-var import_widget2 = require("@squeletteapp/widget");
 
-// ../../node_modules/@radix-ui/react-slot/dist/index.mjs
-var React2 = __toESM(require("react"), 1);
-
-// ../../node_modules/@radix-ui/react-compose-refs/dist/index.mjs
+// src/context.tsx
 var React = __toESM(require("react"), 1);
-function setRef(ref, value) {
-  if (typeof ref === "function") {
-    return ref(value);
-  } else if (ref !== null && ref !== void 0) {
-    ref.current = value;
-  }
-}
-function composeRefs(...refs) {
-  return (node) => {
-    let hasCleanup = false;
-    const cleanups = refs.map((ref) => {
-      const cleanup = setRef(ref, node);
-      if (!hasCleanup && typeof cleanup == "function") {
-        hasCleanup = true;
-      }
-      return cleanup;
-    });
-    if (hasCleanup) {
-      return () => {
-        for (let i = 0; i < cleanups.length; i++) {
-          const cleanup = cleanups[i];
-          if (typeof cleanup == "function") {
-            cleanup();
-          } else {
-            setRef(refs[i], null);
-          }
-        }
-      };
-    }
-  };
-}
-
-// ../../node_modules/@radix-ui/react-slot/dist/index.mjs
 var import_jsx_runtime = require("react/jsx-runtime");
-// @__NO_SIDE_EFFECTS__
-function createSlot(ownerName) {
-  const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
-  const Slot2 = React2.forwardRef((props, forwardedRef) => {
-    const { children, ...slotProps } = props;
-    const childrenArray = React2.Children.toArray(children);
-    const slottable = childrenArray.find(isSlottable);
-    if (slottable) {
-      const newElement = slottable.props.children;
-      const newChildren = childrenArray.map((child) => {
-        if (child === slottable) {
-          if (React2.Children.count(newElement) > 1) return React2.Children.only(null);
-          return React2.isValidElement(newElement) ? newElement.props.children : null;
-        } else {
-          return child;
-        }
+var ChangelogContext = React.createContext(null);
+function ChangelogProvider({
+  children,
+  slug,
+  theme = "light",
+  base
+}) {
+  const [context, setContext] = React.useState(null);
+  React.useEffect(() => {
+    import("@squeletteapp/widget").then((mod) => {
+      const widgetModule = mod;
+      setContext({
+        store: widgetModule.createChangelogStore(),
+        module: widgetModule
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React2.isValidElement(newElement) ? React2.cloneElement(newElement, void 0, newChildren) : null });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
-  });
-  Slot2.displayName = `${ownerName}.Slot`;
-  return Slot2;
-}
-var Slot = /* @__PURE__ */ createSlot("Slot");
-// @__NO_SIDE_EFFECTS__
-function createSlotClone(ownerName) {
-  const SlotClone = React2.forwardRef((props, forwardedRef) => {
-    const { children, ...slotProps } = props;
-    if (React2.isValidElement(children)) {
-      const childrenRef = getElementRef(children);
-      const props2 = mergeProps(slotProps, children.props);
-      if (children.type !== React2.Fragment) {
-        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
-      }
-      return React2.cloneElement(children, props2);
-    }
-    return React2.Children.count(children) > 1 ? React2.Children.only(null) : null;
-  });
-  SlotClone.displayName = `${ownerName}.SlotClone`;
-  return SlotClone;
-}
-var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
-function isSlottable(child) {
-  return React2.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
-}
-function mergeProps(slotProps, childProps) {
-  const overrideProps = { ...childProps };
-  for (const propName in childProps) {
-    const slotPropValue = slotProps[propName];
-    const childPropValue = childProps[propName];
-    const isHandler = /^on[A-Z]/.test(propName);
-    if (isHandler) {
-      if (slotPropValue && childPropValue) {
-        overrideProps[propName] = (...args) => {
-          const result = childPropValue(...args);
-          slotPropValue(...args);
-          return result;
-        };
-      } else if (slotPropValue) {
-        overrideProps[propName] = slotPropValue;
-      }
-    } else if (propName === "style") {
-      overrideProps[propName] = { ...slotPropValue, ...childPropValue };
-    } else if (propName === "className") {
-      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
-    }
+    });
+  }, []);
+  React.useEffect(() => {
+    context?.store.setTheme(theme);
+  }, [context, theme]);
+  if (!context) {
+    return null;
   }
-  return { ...slotProps, ...overrideProps };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    ChangelogContext.Provider,
+    {
+      value: { store: context.store, module: context.module, theme, base, slug },
+      children
+    }
+  );
 }
-function getElementRef(element) {
-  let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
-  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.ref;
-  }
-  getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
-  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.props.ref;
+function useChangelogContext() {
+  const context = React.useContext(ChangelogContext);
+  if (!context) {
+    throw new Error("useChangelogContext must be used within a ChangelogProvider");
   }
-  return element.props.ref || element.ref;
+  return context;
 }
 
-// src/components.tsx
-var React3 = __toESM(require("react"), 1);
-
-// src/hooks.ts
-var import_widget = require("@squeletteapp/widget");
-var import_react = require("react");
-function useFeedbackWidget(workspaceSlug, boardSlug, options) {
-  const widgetRef = (0, import_react.useRef)(null);
-  const onOpenChangeRef = (0, import_react.useRef)(options.onOpenChange);
-  onOpenChangeRef.current = options.onOpenChange;
-  const initWidget = (0, import_react.useCallback)(() => {
-    if (widgetRef.current) {
-      widgetRef.current.destroy();
-    }
-    const element = document.querySelector(options.buttonSelector);
-    if (!element) {
-      return null;
-    }
-    widgetRef.current = (0, import_widget.createFeedbackWidget)(workspaceSlug, boardSlug, {
-      ...options,
-      onOpenChange: onOpenChangeRef.current ? (isOpen) => onOpenChangeRef.current?.(isOpen) : void 0
-    });
-    return widgetRef.current;
-  }, [
-    workspaceSlug,
-    boardSlug,
-    options.buttonSelector,
-    options.position,
-    options.theme,
-    options.onLoad
-  ]);
-  (0, import_react.useEffect)(() => {
-    const frame = requestAnimationFrame(() => {
-      const widget = initWidget();
-      widgetRef.current = widget;
+// src/components/changelog-entry-modal.tsx
+var React2 = __toESM(require("react"), 1);
+function ChangelogEntryModal({
+  ticketId,
+  onOpenChange
+}) {
+  const { store, module: module2, theme, base, slug } = useChangelogContext();
+  const widgetRef = React2.useRef(null);
+  React2.useEffect(() => {
+    const widget = module2.createChangelogEntryWidget(ticketId, {
+      base,
+      contentTheme: theme,
+      slug
     });
-    return () => {
-      cancelAnimationFrame(frame);
-      if (widgetRef.current) {
-        widgetRef.current.destroy();
-      }
-    };
-  }, [initWidget]);
-  return widgetRef.current;
-}
-function useRoadmapWidget(workspaceSlug, boardSlug, options) {
-  const widgetRef = (0, import_react.useRef)(null);
-  const initWidget = (0, import_react.useCallback)(() => {
-    if (widgetRef.current) {
-      widgetRef.current.destroy();
+    if (onOpenChange) {
+      widget.onOpenChange(onOpenChange);
     }
-    const element = document.querySelector(options.buttonSelector);
-    if (!element) {
-      return null;
-    }
-    widgetRef.current = (0, import_widget.createRoadmapWidget)(workspaceSlug, boardSlug, options);
-    return widgetRef.current;
-  }, [workspaceSlug, boardSlug, options]);
-  (0, import_react.useEffect)(() => {
-    const frame = requestAnimationFrame(() => {
-      const widget = initWidget();
-      widgetRef.current = widget;
-    });
+    widgetRef.current = widget;
+    store.mount(ticketId, widget);
     return () => {
-      cancelAnimationFrame(frame);
-      if (widgetRef.current) {
-        widgetRef.current.destroy();
-      }
+      store.unmount(ticketId);
+      widgetRef.current = null;
     };
-  }, [initWidget]);
-  return widgetRef.current;
+  }, [ticketId, slug, store, module2, base, onOpenChange, theme]);
+  React2.useEffect(() => {
+    widgetRef.current?.setTheme(theme);
+  }, [theme]);
+  return null;
 }
-function useChangelogWidget(workspaceSlug, options) {
-  const widgetRef = (0, import_react.useRef)(null);
-  const onOpenChangeRef = (0, import_react.useRef)(options.onOpenChange);
-  onOpenChangeRef.current = options.onOpenChange;
-  const initWidget = (0, import_react.useCallback)(() => {
-    if (widgetRef.current) {
-      widgetRef.current.destroy();
-    }
-    const element = document.querySelector(options.buttonSelector);
-    if (!element) {
-      return null;
-    }
-    widgetRef.current = (0, import_widget.createChangelogWidget)(workspaceSlug, {
-      ...options,
-      onOpenChange: onOpenChangeRef.current ? (isOpen) => onOpenChangeRef.current?.(isOpen) : void 0
-    });
-    return widgetRef.current;
-  }, [
-    workspaceSlug,
-    options.buttonSelector,
-    options.position,
-    options.theme,
-    options.onLoad
-  ]);
-  (0, import_react.useEffect)(() => {
-    const frame = requestAnimationFrame(() => {
-      const widget = initWidget();
-      widgetRef.current = widget;
-    });
-    return () => {
-      cancelAnimationFrame(frame);
-      if (widgetRef.current) {
-        widgetRef.current.destroy();
+
+// src/components/changelog-entries-list-dropdown.tsx
+var React3 = __toESM(require("react"), 1);
+function ChangelogEntriesListDropdown({
+  children,
+  position
+}) {
+  const { store, module: module2, theme, base, slug } = useChangelogContext();
+  const widgetRef = React3.useRef(null);
+  const anchorId = React3.useId();
+  const cleanAnchorId = `sq-dropdown-${anchorId.replace(/:/g, "")}`;
+  const initialThemeRef = React3.useRef(theme);
+  React3.useEffect(() => {
+    const widget = module2.createChangelogEntriesListDropdownWidget(
+      `#${cleanAnchorId}`,
+      store,
+      {
+        base,
+        contentTheme: initialThemeRef.current,
+        slug,
+        position
       }
+    );
+    widget.preload();
+    widgetRef.current = widget;
+    return () => {
+      widget.destroy();
+      widgetRef.current = null;
     };
-  }, [initWidget]);
-  return widgetRef.current;
-}
-function useWidget(options) {
-  const widgetRef = (0, import_react.useRef)(null);
-  const initWidget = (0, import_react.useCallback)(() => {
-    if (widgetRef.current) {
-      widgetRef.current.destroy();
-    }
-    const element = document.querySelector(options.buttonSelector);
-    if (!element) {
-      return null;
+  }, [slug, store, module2, base, cleanAnchorId, position]);
+  React3.useEffect(() => {
+    widgetRef.current?.setTheme(theme);
+  }, [theme]);
+  const handleClick = React3.useCallback(() => {
+    widgetRef.current?.open();
+  }, []);
+  return React3.cloneElement(children, {
+    id: cleanAnchorId,
+    onClick: (e) => {
+      const originalOnClick = children.props.onClick;
+      if (originalOnClick) {
+        originalOnClick(e);
+      }
+      handleClick();
     }
-    widgetRef.current = (0, import_widget.createWidget)(options);
-    return widgetRef.current;
-  }, [options]);
-  (0, import_react.useEffect)(() => {
-    const frame = requestAnimationFrame(() => {
-      const widget = initWidget();
-      widgetRef.current = widget;
+  });
+}
+
+// src/components/changelog-banner.tsx
+var React4 = __toESM(require("react"), 1);
+function ChangelogBanner({ debug = false }) {
+  const { store, module: module2, theme, base, slug } = useChangelogContext();
+  const widgetRef = React4.useRef(null);
+  const initialThemeRef = React4.useRef(theme);
+  React4.useEffect(() => {
+    let mounted = true;
+    module2.createChangelogBannerWidget(store, {
+      base,
+      contentTheme: initialThemeRef.current,
+      slug,
+      debug
+    }).then((widget) => {
+      if (mounted && widget) {
+        widgetRef.current = widget;
+      }
     });
     return () => {
-      cancelAnimationFrame(frame);
+      mounted = false;
       if (widgetRef.current) {
         widgetRef.current.destroy();
+        widgetRef.current = null;
       }
     };
-  }, [initWidget]);
-  return widgetRef.current;
-}
-
-// src/components.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function FeedbackWidget({
-  workspaceSlug,
-  boardSlug,
-  children,
-  className,
-  asChild = false,
-  onOpenChange,
-  ...options
-}) {
-  const buttonId = React3.useId();
-  useFeedbackWidget(workspaceSlug, boardSlug, {
-    ...options,
-    buttonSelector: `#${buttonId}`,
-    onOpenChange
-  });
-  if (asChild) {
-    return React3.createElement(
-      Slot,
-      { className, id: buttonId },
-      children
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className, id: buttonId, type: "button", children });
-}
-function RoadmapWidget({
-  workspaceSlug,
-  boardSlug,
-  children,
-  className,
-  asChild = false,
-  ...options
-}) {
-  const buttonId = React3.useId();
-  useRoadmapWidget(workspaceSlug, boardSlug, {
-    ...options,
-    buttonSelector: `#${buttonId}`
-  });
-  if (asChild) {
-    return React3.createElement(
-      Slot,
-      { className, id: buttonId },
-      children
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className, id: buttonId, type: "button", children });
-}
-function ChangelogWidget({
-  workspaceSlug,
-  children,
-  className,
-  asChild = false,
-  onOpenChange,
-  ...options
-}) {
-  const buttonId = React3.useId();
-  useChangelogWidget(workspaceSlug, {
-    ...options,
-    buttonSelector: `#${buttonId}`,
-    onOpenChange
-  });
-  if (asChild) {
-    return React3.createElement(
-      Slot,
-      { className, id: buttonId },
-      children
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className, id: buttonId, type: "button", children });
+  }, [slug, store, module2, base, debug]);
+  React4.useEffect(() => {
+    widgetRef.current?.setTheme(theme);
+  }, [theme]);
+  return null;
 }
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/index.ts", "../../../node_modules/@radix-ui/react-slot/src/slot.tsx", "../../../node_modules/@radix-ui/react-compose-refs/src/compose-refs.tsx", "../src/components.tsx", "../src/hooks.ts"],
-  "sourcesContent": ["export {\n  createChangelogWidget,\n  createFeedbackWidget,\n  createRoadmapWidget,\n  createWidget,\n} from '@squeletteapp/widget';\n\nexport {\n  ChangelogWidget,\n  type ChangelogWidgetProps,\n  FeedbackWidget,\n  type FeedbackWidgetProps,\n  RoadmapWidget,\n  type RoadmapWidgetProps,\n} from './components';\nexport {\n  useChangelogWidget,\n  useFeedbackWidget,\n  useRoadmapWidget,\n  useWidget,\n  type WidgetInstance,\n  type WidgetOptions,\n} from './hooks';\n", "import * as React from 'react';\nimport { composeRefs } from '@radix-ui/react-compose-refs';\n\n/* -------------------------------------------------------------------------------------------------\n * Slot\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SlotProps extends React.HTMLAttributes<HTMLElement> {\n  children?: React.ReactNode;\n}\n\n/* @__NO_SIDE_EFFECTS__ */ export function createSlot(ownerName: string) {\n  const SlotClone = createSlotClone(ownerName);\n  const Slot = React.forwardRef<HTMLElement, SlotProps>((props, forwardedRef) => {\n    const { children, ...slotProps } = props;\n    const childrenArray = React.Children.toArray(children);\n    const slottable = childrenArray.find(isSlottable);\n\n    if (slottable) {\n      // the new element to render is the one passed as a child of `Slottable`\n      const newElement = slottable.props.children;\n\n      const newChildren = childrenArray.map((child) => {\n        if (child === slottable) {\n          // because the new element will be the one rendered, we are only interested\n          // in grabbing its children (`newElement.props.children`)\n          if (React.Children.count(newElement) > 1) return React.Children.only(null);\n          return React.isValidElement(newElement)\n            ? (newElement.props as { children: React.ReactNode }).children\n            : null;\n        } else {\n          return child;\n        }\n      });\n\n      return (\n        <SlotClone {...slotProps} ref={forwardedRef}>\n          {React.isValidElement(newElement)\n            ? React.cloneElement(newElement, undefined, newChildren)\n            : null}\n        </SlotClone>\n      );\n    }\n\n    return (\n      <SlotClone {...slotProps} ref={forwardedRef}>\n        {children}\n      </SlotClone>\n    );\n  });\n\n  Slot.displayName = `${ownerName}.Slot`;\n  return Slot;\n}\n\nconst Slot = createSlot('Slot');\n\n/* -------------------------------------------------------------------------------------------------\n * SlotClone\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SlotCloneProps {\n  children: React.ReactNode;\n}\n\n/* @__NO_SIDE_EFFECTS__ */ function createSlotClone(ownerName: string) {\n  const SlotClone = React.forwardRef<any, SlotCloneProps>((props, forwardedRef) => {\n    const { children, ...slotProps } = props;\n\n    if (React.isValidElement(children)) {\n      const childrenRef = getElementRef(children);\n      const props = mergeProps(slotProps, children.props as AnyProps);\n      // do not pass ref to React.Fragment for React 19 compatibility\n      if (children.type !== React.Fragment) {\n        props.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;\n      }\n      return React.cloneElement(children, props);\n    }\n\n    return React.Children.count(children) > 1 ? React.Children.only(null) : null;\n  });\n\n  SlotClone.displayName = `${ownerName}.SlotClone`;\n  return SlotClone;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Slottable\n * -----------------------------------------------------------------------------------------------*/\n\nconst SLOTTABLE_IDENTIFIER = Symbol('radix.slottable');\n\ninterface SlottableProps {\n  children: React.ReactNode;\n}\n\ninterface SlottableComponent extends React.FC<SlottableProps> {\n  __radixId: symbol;\n}\n\n/* @__NO_SIDE_EFFECTS__ */ export function createSlottable(ownerName: string) {\n  const Slottable: SlottableComponent = ({ children }) => {\n    return <>{children}</>;\n  };\n  Slottable.displayName = `${ownerName}.Slottable`;\n  Slottable.__radixId = SLOTTABLE_IDENTIFIER;\n  return Slottable;\n}\n\nconst Slottable = createSlottable('Slottable');\n\n/* ---------------------------------------------------------------------------------------------- */\n\ntype AnyProps = Record<string, any>;\n\nfunction isSlottable(\n  child: React.ReactNode\n): child is React.ReactElement<SlottableProps, typeof Slottable> {\n  return (\n    React.isValidElement(child) &&\n    typeof child.type === 'function' &&\n    '__radixId' in child.type &&\n    child.type.__radixId === SLOTTABLE_IDENTIFIER\n  );\n}\n\nfunction mergeProps(slotProps: AnyProps, childProps: AnyProps) {\n  // all child props should override\n  const overrideProps = { ...childProps };\n\n  for (const propName in childProps) {\n    const slotPropValue = slotProps[propName];\n    const childPropValue = childProps[propName];\n\n    const isHandler = /^on[A-Z]/.test(propName);\n    if (isHandler) {\n      // if the handler exists on both, we compose them\n      if (slotPropValue && childPropValue) {\n        overrideProps[propName] = (...args: unknown[]) => {\n          const result = childPropValue(...args);\n          slotPropValue(...args);\n          return result;\n        };\n      }\n      // but if it exists only on the slot, we use only this one\n      else if (slotPropValue) {\n        overrideProps[propName] = slotPropValue;\n      }\n    }\n    // if it's `style`, we merge them\n    else if (propName === 'style') {\n      overrideProps[propName] = { ...slotPropValue, ...childPropValue };\n    } else if (propName === 'className') {\n      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(' ');\n    }\n  }\n\n  return { ...slotProps, ...overrideProps };\n}\n\n// Before React 19 accessing `element.props.ref` will throw a warning and suggest using `element.ref`\n// After React 19 accessing `element.ref` does the opposite.\n// https://github.com/facebook/react/pull/28348\n//\n// Access the ref using the method that doesn't yield a warning.\nfunction getElementRef(element: React.ReactElement) {\n  // React <=18 in DEV\n  let getter = Object.getOwnPropertyDescriptor(element.props, 'ref')?.get;\n  let mayWarn = getter && 'isReactWarning' in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return (element as any).ref;\n  }\n\n  // React 19 in DEV\n  getter = Object.getOwnPropertyDescriptor(element, 'ref')?.get;\n  mayWarn = getter && 'isReactWarning' in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return (element.props as { ref?: React.Ref<unknown> }).ref;\n  }\n\n  // Not DEV\n  return (element.props as { ref?: React.Ref<unknown> }).ref || (element as any).ref;\n}\n\nexport {\n  Slot,\n  Slottable,\n  //\n  Slot as Root,\n};\nexport type { SlotProps };\n", "import * as React from 'react';\n\ntype PossibleRef<T> = React.Ref<T> | undefined;\n\n/**\n * Set a given ref to a given value\n * This utility takes care of different types of refs: callback refs and RefObject(s)\n */\nfunction setRef<T>(ref: PossibleRef<T>, value: T) {\n  if (typeof ref === 'function') {\n    return ref(value);\n  } else if (ref !== null && ref !== undefined) {\n    ref.current = value;\n  }\n}\n\n/**\n * A utility to compose multiple refs together\n * Accepts callback refs and RefObject(s)\n */\nfunction composeRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T> {\n  return (node) => {\n    let hasCleanup = false;\n    const cleanups = refs.map((ref) => {\n      const cleanup = setRef(ref, node);\n      if (!hasCleanup && typeof cleanup == 'function') {\n        hasCleanup = true;\n      }\n      return cleanup;\n    });\n\n    // React <19 will log an error to the console if a callback ref returns a\n    // value. We don't use ref cleanups internally so this will only happen if a\n    // user's ref callback returns a value, which we only expect if they are\n    // using the cleanup functionality added in React 19.\n    if (hasCleanup) {\n      return () => {\n        for (let i = 0; i < cleanups.length; i++) {\n          const cleanup = cleanups[i];\n          if (typeof cleanup == 'function') {\n            cleanup();\n          } else {\n            setRef(refs[i], null);\n          }\n        }\n      };\n    }\n  };\n}\n\n/**\n * A custom hook that composes multiple refs\n * Accepts callback refs and RefObject(s)\n */\nfunction useComposedRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T> {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return React.useCallback(composeRefs(...refs), refs);\n}\n\nexport { composeRefs, useComposedRefs };\n", "import { Slot } from '@radix-ui/react-slot';\nimport * as React from 'react';\nimport {\n  useChangelogWidget,\n  useFeedbackWidget,\n  useRoadmapWidget,\n  type WidgetOptions,\n} from './hooks';\n\nexport interface FeedbackWidgetProps\n  extends Omit<WidgetOptions, 'buttonSelector'> {\n  workspaceSlug: string;\n  boardSlug?: string;\n  children: React.ReactNode;\n  className?: string;\n  asChild?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\nexport interface RoadmapWidgetProps\n  extends Omit<WidgetOptions, 'buttonSelector'> {\n  workspaceSlug: string;\n  boardSlug: string;\n  children: React.ReactNode;\n  className?: string;\n  asChild?: boolean;\n}\n\nexport interface ChangelogWidgetProps\n  extends Omit<WidgetOptions, 'buttonSelector'> {\n  workspaceSlug: string;\n  children: React.ReactNode;\n  className?: string;\n  asChild?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\nexport function FeedbackWidget({\n  workspaceSlug,\n  boardSlug,\n  children,\n  className,\n  asChild = false,\n  onOpenChange,\n  ...options\n}: FeedbackWidgetProps) {\n  const buttonId = React.useId();\n\n  useFeedbackWidget(workspaceSlug, boardSlug, {\n    ...options,\n    buttonSelector: `#${buttonId}`,\n    onOpenChange,\n  });\n\n  if (asChild) {\n    return React.createElement(\n      Slot as any,\n      { className, id: buttonId },\n      children\n    );\n  }\n\n  return (\n    <button className={className} id={buttonId} type=\"button\">\n      {children}\n    </button>\n  );\n}\n\nexport function RoadmapWidget({\n  workspaceSlug,\n  boardSlug,\n  children,\n  className,\n  asChild = false,\n  ...options\n}: RoadmapWidgetProps) {\n  const buttonId = React.useId();\n\n  useRoadmapWidget(workspaceSlug, boardSlug, {\n    ...options,\n    buttonSelector: `#${buttonId}`,\n  });\n\n  if (asChild) {\n    return React.createElement(\n      Slot as any,\n      { className, id: buttonId },\n      children\n    );\n  }\n\n  return (\n    <button className={className} id={buttonId} type=\"button\">\n      {children}\n    </button>\n  );\n}\n\nexport function ChangelogWidget({\n  workspaceSlug,\n  children,\n  className,\n  asChild = false,\n  onOpenChange,\n  ...options\n}: ChangelogWidgetProps) {\n  const buttonId = React.useId();\n\n  useChangelogWidget(workspaceSlug, {\n    ...options,\n    buttonSelector: `#${buttonId}`,\n    onOpenChange,\n  });\n\n  if (asChild) {\n    return React.createElement(\n      Slot as any,\n      { className, id: buttonId },\n      children\n    );\n  }\n\n  return (\n    <button className={className} id={buttonId} type=\"button\">\n      {children}\n    </button>\n  );\n}\n", "import {\n  createChangelogWidget,\n  createFeedbackWidget,\n  createRoadmapWidget,\n  createWidget,\n} from '@squeletteapp/widget';\nimport { useCallback, useEffect, useRef } from 'react';\n\nexport interface WidgetOptions {\n  buttonSelector: string;\n  position?: 'top' | 'bottom' | 'left' | 'right';\n  theme?: string;\n  onLoad?: () => void;\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\nexport interface WidgetInstance {\n  destroy: () => void;\n}\n\nexport function useFeedbackWidget(\n  workspaceSlug: string,\n  boardSlug: string | undefined,\n  options: WidgetOptions\n): WidgetInstance | null {\n  const widgetRef = useRef<WidgetInstance | null>(null);\n  const onOpenChangeRef = useRef(options.onOpenChange);\n\n  // Always keep the latest onOpenChange callback\n  onOpenChangeRef.current = options.onOpenChange;\n\n  const initWidget = useCallback(() => {\n    if (widgetRef.current) {\n      widgetRef.current.destroy();\n    }\n\n    const element = document.querySelector(options.buttonSelector);\n    if (!element) {\n      return null;\n    }\n\n    widgetRef.current = createFeedbackWidget(workspaceSlug, boardSlug, {\n      ...options,\n      onOpenChange: onOpenChangeRef.current\n        ? (isOpen: boolean) => onOpenChangeRef.current?.(isOpen)\n        : undefined,\n    });\n    return widgetRef.current;\n  }, [\n    workspaceSlug,\n    boardSlug,\n    options.buttonSelector,\n    options.position,\n    options.theme,\n    options.onLoad,\n  ]);\n\n  useEffect(() => {\n    // Use requestAnimationFrame to ensure DOM is ready\n    const frame = requestAnimationFrame(() => {\n      const widget = initWidget();\n      widgetRef.current = widget;\n    });\n\n    return () => {\n      cancelAnimationFrame(frame);\n      if (widgetRef.current) {\n        widgetRef.current.destroy();\n      }\n    };\n  }, [initWidget]);\n\n  return widgetRef.current;\n}\n\nexport function useRoadmapWidget(\n  workspaceSlug: string,\n  boardSlug: string,\n  options: WidgetOptions\n): WidgetInstance | null {\n  const widgetRef = useRef<WidgetInstance | null>(null);\n\n  const initWidget = useCallback(() => {\n    if (widgetRef.current) {\n      widgetRef.current.destroy();\n    }\n\n    const element = document.querySelector(options.buttonSelector);\n    if (!element) {\n      return null;\n    }\n\n    widgetRef.current = createRoadmapWidget(workspaceSlug, boardSlug, options);\n    return widgetRef.current;\n  }, [workspaceSlug, boardSlug, options]);\n\n  useEffect(() => {\n    // Use requestAnimationFrame to ensure DOM is ready\n    const frame = requestAnimationFrame(() => {\n      const widget = initWidget();\n      widgetRef.current = widget;\n    });\n\n    return () => {\n      cancelAnimationFrame(frame);\n      if (widgetRef.current) {\n        widgetRef.current.destroy();\n      }\n    };\n  }, [initWidget]);\n\n  return widgetRef.current;\n}\n\nexport function useChangelogWidget(\n  workspaceSlug: string,\n  options: WidgetOptions\n): WidgetInstance | null {\n  const widgetRef = useRef<WidgetInstance | null>(null);\n  const onOpenChangeRef = useRef(options.onOpenChange);\n\n  // Always keep the latest onOpenChange callback\n  onOpenChangeRef.current = options.onOpenChange;\n\n  const initWidget = useCallback(() => {\n    if (widgetRef.current) {\n      widgetRef.current.destroy();\n    }\n\n    const element = document.querySelector(options.buttonSelector);\n    if (!element) {\n      return null;\n    }\n\n    widgetRef.current = createChangelogWidget(workspaceSlug, {\n      ...options,\n      onOpenChange: onOpenChangeRef.current\n        ? (isOpen: boolean) => onOpenChangeRef.current?.(isOpen)\n        : undefined,\n    });\n    return widgetRef.current;\n  }, [\n    workspaceSlug,\n    options.buttonSelector,\n    options.position,\n    options.theme,\n    options.onLoad,\n  ]);\n\n  useEffect(() => {\n    // Use requestAnimationFrame to ensure DOM is ready\n    const frame = requestAnimationFrame(() => {\n      const widget = initWidget();\n      widgetRef.current = widget;\n    });\n\n    return () => {\n      cancelAnimationFrame(frame);\n      if (widgetRef.current) {\n        widgetRef.current.destroy();\n      }\n    };\n  }, [initWidget]);\n\n  return widgetRef.current;\n}\n\nexport function useWidget(options: {\n  url: string;\n  buttonSelector: string;\n  position?: 'top' | 'bottom' | 'left' | 'right';\n  onLoad?: () => void;\n  onOpenChange?: (isOpen: boolean) => void;\n}): WidgetInstance | null {\n  const widgetRef = useRef<WidgetInstance | null>(null);\n\n  const initWidget = useCallback(() => {\n    if (widgetRef.current) {\n      widgetRef.current.destroy();\n    }\n\n    const element = document.querySelector(options.buttonSelector);\n    if (!element) {\n      return null;\n    }\n\n    widgetRef.current = createWidget(options);\n    return widgetRef.current;\n  }, [options]);\n\n  useEffect(() => {\n    // Use requestAnimationFrame to ensure DOM is ready\n    const frame = requestAnimationFrame(() => {\n      const widget = initWidget();\n      widgetRef.current = widget;\n    });\n\n    return () => {\n      cancelAnimationFrame(frame);\n      if (widgetRef.current) {\n        widgetRef.current.destroy();\n      }\n    };\n  }, [initWidget]);\n\n  return widgetRef.current;\n}\n"],
-  "mappings": "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",
-  "names": ["import_widget", "React", "Slot", "props", "React", "import_jsx_runtime"]
+  "sources": ["../src/index.ts", "../src/context.tsx", "../src/components/changelog-entry-modal.tsx", "../src/components/changelog-entries-list-dropdown.tsx", "../src/components/changelog-banner.tsx"],
+  "sourcesContent": ["// Export Provider and context hook\nexport {\n  ChangelogProvider,\n  useChangelogContext,\n  type ChangelogProviderProps,\n} from './context';\n\n// Export React components\nexport {\n  ChangelogEntryModal,\n  type ChangelogEntryModalProps,\n} from './components/changelog-entry-modal';\n\nexport {\n  ChangelogEntriesListDropdown,\n  type ChangelogEntriesListDropdownProps,\n} from './components/changelog-entries-list-dropdown';\n\nexport {\n  ChangelogBanner,\n  type ChangelogBannerProps,\n} from './components/changelog-banner';\n\n// Export types\nexport type { ContentTheme } from './types';\n", "'use client';\n\nimport * as React from 'react';\nimport type { ContentTheme } from './types';\n\n// Lazy-loaded types - we don't import the actual module at the top level\ntype WidgetStore = {\n  getState: () => Record<string, unknown>;\n  mount: (source: string, widget: unknown) => Promise<void>;\n  unmount: (source: string) => void;\n  open: (source: string) => Promise<void>;\n  setTheme: (theme: ContentTheme) => void;\n};\n\ntype WidgetModule = {\n  createChangelogStore: () => WidgetStore;\n  createChangelogEntryWidget: (\n    ticketId: string,\n    options: { base?: string; contentTheme?: ContentTheme; slug?: string }\n  ) => unknown;\n  createChangelogBannerWidget: (\n    store: WidgetStore,\n    options: { base?: string; contentTheme?: ContentTheme; slug: string; debug?: boolean }\n  ) => Promise<unknown>;\n  createChangelogEntriesListDropdownWidget: (\n    anchor: string,\n    store: WidgetStore,\n    options: { base?: string; contentTheme?: ContentTheme; slug?: string; position?: 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw' | 'center' }\n  ) => unknown;\n};\n\ntype ChangelogContextValue = {\n  store: WidgetStore;\n  module: WidgetModule;\n  theme: ContentTheme;\n  base?: string;\n  slug: string;\n};\n\nconst ChangelogContext = React.createContext<ChangelogContextValue | null>(null);\n\nexport interface ChangelogProviderProps {\n  children: React.ReactNode;\n  slug: string;\n  theme?: ContentTheme;\n  base?: string;\n}\n\n/**\n * ChangelogProvider - Provides changelog store and configuration to child components\n *\n * This provider handles:\n * - Creating and managing the widget store (client-side only)\n * - Syncing theme changes to all widgets\n * - Providing base URL and slug to all child components\n */\nexport function ChangelogProvider({\n  children,\n  slug,\n  theme = 'light',\n  base,\n}: ChangelogProviderProps) {\n  const [context, setContext] = React.useState<{\n    store: WidgetStore;\n    module: WidgetModule;\n  } | null>(null);\n\n  // Initialize store on client side only\n  React.useEffect(() => {\n    import('@squeletteapp/widget').then((mod) => {\n      const widgetModule = mod as unknown as WidgetModule;\n      setContext({\n        store: widgetModule.createChangelogStore(),\n        module: widgetModule,\n      });\n    });\n  }, []);\n\n  // Update theme when it changes\n  React.useEffect(() => {\n    context?.store.setTheme(theme);\n  }, [context, theme]);\n\n  // Don't render children until store is ready (client-side only)\n  if (!context) {\n    return null;\n  }\n\n  return (\n    <ChangelogContext.Provider\n      value={{ store: context.store, module: context.module, theme, base, slug }}\n    >\n      {children}\n    </ChangelogContext.Provider>\n  );\n}\n\nexport function useChangelogContext(): ChangelogContextValue {\n  const context = React.useContext(ChangelogContext);\n  if (!context) {\n    throw new Error('useChangelogContext must be used within a ChangelogProvider');\n  }\n  return context;\n}\n", "'use client';\n\nimport * as React from 'react';\nimport { useChangelogContext } from '../context';\n\nexport interface ChangelogEntryModalProps {\n  ticketId: string;\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\n/**\n * ChangelogEntryModal - Renders a modal for a single changelog entry\n *\n * This component manages its own widget lifecycle and automatically\n * cleans up on unmount. Must be used within a ChangelogProvider.\n */\nexport function ChangelogEntryModal({\n  ticketId,\n  onOpenChange,\n}: ChangelogEntryModalProps) {\n  const { store, module, theme, base, slug } = useChangelogContext();\n  const widgetRef = React.useRef<{ setTheme: (t: string) => void } | null>(null);\n\n  React.useEffect(() => {\n    const widget = module.createChangelogEntryWidget(ticketId, {\n      base,\n      contentTheme: theme,\n      slug,\n    }) as { onOpenChange: (cb: (isOpen: boolean) => void) => void; setTheme: (t: string) => void };\n\n    if (onOpenChange) {\n      widget.onOpenChange(onOpenChange);\n    }\n\n    widgetRef.current = widget;\n    store.mount(ticketId, widget);\n\n    return () => {\n      store.unmount(ticketId);\n      widgetRef.current = null;\n    };\n  }, [ticketId, slug, store, module, base, onOpenChange, theme]);\n\n  // Update theme when it changes\n  React.useEffect(() => {\n    widgetRef.current?.setTheme(theme);\n  }, [theme]);\n\n  return null;\n}\n", "'use client';\n\nimport * as React from 'react';\nimport { useChangelogContext } from '../context';\n\ntype Position = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw' | 'center';\n\nexport interface ChangelogEntriesListDropdownProps {\n  children: React.ReactElement;\n  position?: Position;\n}\n\n/**\n * ChangelogEntriesListDropdown - Renders a dropdown list of changelog entries\n *\n * This component wraps a child element (trigger) and opens the dropdown\n * when the child is clicked. Must be used within a ChangelogProvider.\n */\nexport function ChangelogEntriesListDropdown({\n  children,\n  position,\n}: ChangelogEntriesListDropdownProps) {\n  const { store, module, theme, base, slug } = useChangelogContext();\n  const widgetRef = React.useRef<{\n    preload: () => void;\n    open: () => void;\n    destroy: () => void;\n    setTheme: (t: string) => void;\n  } | null>(null);\n  const anchorId = React.useId();\n  const cleanAnchorId = `sq-dropdown-${anchorId.replace(/:/g, '')}`;\n\n  // Store initial theme in ref to use in creation\n  const initialThemeRef = React.useRef(theme);\n\n  // Create widget once on mount (theme changes handled separately via setTheme)\n  React.useEffect(() => {\n    const widget = module.createChangelogEntriesListDropdownWidget(\n      `#${cleanAnchorId}`,\n      store,\n      {\n        base,\n        contentTheme: initialThemeRef.current,\n        slug,\n        position,\n      }\n    ) as {\n      preload: () => void;\n      open: () => void;\n      destroy: () => void;\n      setTheme: (t: string) => void;\n    };\n\n    widget.preload();\n    widgetRef.current = widget;\n\n    return () => {\n      widget.destroy();\n      widgetRef.current = null;\n    };\n  }, [slug, store, module, base, cleanAnchorId, position]);\n\n  // Update theme when it changes (separate effect to avoid recreating widget)\n  React.useEffect(() => {\n    widgetRef.current?.setTheme(theme);\n  }, [theme]);\n\n  const handleClick = React.useCallback(() => {\n    widgetRef.current?.open();\n  }, []);\n\n  // Clone the child and add the anchor id and click handler\n  return React.cloneElement(children, {\n    id: cleanAnchorId,\n    onClick: (e: React.MouseEvent) => {\n      const originalOnClick = children.props.onClick;\n      if (originalOnClick) {\n        originalOnClick(e);\n      }\n      handleClick();\n    },\n  });\n}\n", "'use client';\n\nimport * as React from 'react';\nimport { useChangelogContext } from '../context';\n\nexport interface ChangelogBannerProps {\n  debug?: boolean;\n}\n\n/**\n * ChangelogBanner - Renders a banner for the latest changelog entry\n *\n * This component automatically fetches the latest changelog entry,\n * checks if it should be shown, and displays a banner at the bottom\n * of the screen. Must be used within a ChangelogProvider.\n */\nexport function ChangelogBanner({ debug = false }: ChangelogBannerProps) {\n  const { store, module, theme, base, slug } = useChangelogContext();\n  const widgetRef = React.useRef<{\n    destroy: () => void;\n    setTheme: (t: string) => void;\n  } | null>(null);\n\n  // Store initial theme in ref to use in creation\n  const initialThemeRef = React.useRef(theme);\n\n  // Create widget once on mount (theme changes handled separately via setTheme)\n  React.useEffect(() => {\n    let mounted = true;\n\n    module\n      .createChangelogBannerWidget(store, {\n        base,\n        contentTheme: initialThemeRef.current,\n        slug,\n        debug,\n      })\n      .then((widget) => {\n        if (mounted && widget) {\n          widgetRef.current = widget as {\n            destroy: () => void;\n            setTheme: (t: string) => void;\n          };\n        }\n      });\n\n    return () => {\n      mounted = false;\n      if (widgetRef.current) {\n        widgetRef.current.destroy();\n        widgetRef.current = null;\n      }\n    };\n  }, [slug, store, module, base, debug]);\n\n  // Update theme when it changes (separate effect to avoid recreating widget)\n  React.useEffect(() => {\n    widgetRef.current?.setTheme(theme);\n  }, [theme]);\n\n  return null;\n}\n"],
+  "mappings": "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",
+  "names": ["React", "module", "React", "module", "React", "module"]
 }

package/dist/types.d.ts

@@ -0,0 +1 @@
+export type ContentTheme = 'light' | 'dark';

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@squeletteapp/widget-react",
   "type": "module",
-  "version": "0.1.1",
-  "description": "React components and hooks for Squelette widgets",
+  "version": "1.1.0",
+  "description": "React components for Squelette changelog widgets",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -26,7 +26,7 @@
     "react": ">=16.8.0"
   },
   "dependencies": {
-    "@squeletteapp/widget": "workspace:*"
+    "@squeletteapp/widget": "1.0.0"
   },
   "devDependencies": {
     "@types/react": "^18.0.0",
@@ -37,9 +37,11 @@
   "keywords": [
     "react",
     "widget",
-    "feedback",
+    "changelog",
     "squelette"
   ],
   "author": "Squelette",
-  "license": "MIT"
+  "publishConfig": {
+    "access": "public"
+  }
 }