feedtack 0.1.0 → 0.1.1

package/dist/react/index.js

@@ -503,6 +503,26 @@ function useFeedtackState({
   onError
 }) {
   useFeedtackDom(theme);
+  const [pathname, setPathname] = useState2(() => window.location.pathname);
+  useEffect3(() => {
+    const update = () => setPathname(window.location.pathname);
+    const origPush = history.pushState.bind(history);
+    const origReplace = history.replaceState.bind(history);
+    history.pushState = (...args) => {
+      origPush(...args);
+      update();
+    };
+    history.replaceState = (...args) => {
+      origReplace(...args);
+      update();
+    };
+    window.addEventListener("popstate", update);
+    return () => {
+      window.removeEventListener("popstate", update);
+      history.pushState = origPush;
+      history.replaceState = origReplace;
+    };
+  }, []);
   const [comment, setComment] = useState2("");
   const [sentiment, setSentiment] = useState2(null);
   const [commentError, setCommentError] = useState2(false);
@@ -525,8 +545,8 @@ function useFeedtackState({
   });
   useEffect3(() => {
     setLoading(true);
-    adapter.loadFeedback({ pathname: window.location.pathname }).then(setFeedbackItems).catch((err) => onError?.(err)).finally(() => setLoading(false));
-  }, [adapter, onError]);
+    adapter.loadFeedback({ pathname }).then(setFeedbackItems).catch((err) => onError?.(err)).finally(() => setLoading(false));
+  }, [adapter, onError, pathname]);
   const updateItem = (id, fn) => setFeedbackItems(
     (prev) => prev.map((i) => i.payload.id === id ? fn(i) : i)
   );
@@ -635,6 +655,7 @@ function useFeedtackState({
     commentError,
     setCommentError,
     submitting,
+    pathname,
     feedbackItems,
     loading,
     openThreadId,
@@ -797,7 +818,7 @@ function FeedtackProvider({
             ]
           }
         ),
-        !state.loading && state.feedbackItems.filter((item) => !state.isArchivedForUser(item)).map((item) => {
+        !state.loading && state.feedbackItems.filter((item) => item.payload.page.pathname === state.pathname).filter((item) => !state.isArchivedForUser(item)).map((item) => {
           const pin = item.payload.pins[0];
           return /* @__PURE__ */ jsx2(
             "button",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "feedtack",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Click anywhere. Drop a pin. Get a payload a developer can act on.",
   "type": "module",
   "license": "MIT",