judgeme-hydrogen-fixed 1.0.1 → 1.0.2

package/CHANGELOG.md

@@ -5,14 +5,26 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.0.2] - 2026-01-06
+
+### Fixed
+
+- Fixed duplicate widgets appearing on initial page load
+- Route change effect now skips first render to avoid double initialization
+- Initial refresh is now only triggered by the script loading effect
+- Fixed widgets not displaying on initial page load
+- Added retry mechanism to wait for widget elements in DOM before initializing
+
 ## [1.0.1] - 2026-01-06
 
 ### Changed
+
 - Updated documentation and GitHub repository links
 
 ## [1.0.0] - 2026-01-06
 
 ### Added
+
 - Initial release
 - `useJudgeme` hook with proper dependency arrays (fixing the infinite render loop bug from the original package)
 - All Judge.me widget components:

package/dist/index.js

@@ -46,6 +46,7 @@ function useJudgeme({
   const lastPathnameRef = (0, import_react.useRef)("");
   const rerenderTimeoutRef = (0, import_react.useRef)(null);
   const isInitializedRef = (0, import_react.useRef)(false);
+  const initialRefreshDoneRef = (0, import_react.useRef)(false);
   const refreshWidgets = (0, import_react.useCallback)(() => {
     if (typeof window === "undefined") return;
     const attemptRefresh = (retriesLeft) => {
@@ -89,6 +90,7 @@ function useJudgeme({
       preloaderScript.innerText = `function jdgm_preloader(){${text}}`;
       document.head.appendChild(preloaderScript);
       console.log("Judge.me preloader script loaded, initializing widgets...");
+      initialRefreshDoneRef.current = true;
       refreshWidgets();
     }).catch((error) => {
       console.error("Judge.me: Failed to load scripts", error);
@@ -104,6 +106,10 @@ function useJudgeme({
   (0, import_react.useEffect)(() => {
     if (typeof window === "undefined") return;
     const normalizedPathname = location.pathname.replace(/\/$/, "") || "/";
+    if (lastPathnameRef.current === "") {
+      lastPathnameRef.current = normalizedPathname;
+      return;
+    }
     if (lastPathnameRef.current === normalizedPathname) {
       return;
     }

package/dist/index.mjs

@@ -12,6 +12,7 @@ function useJudgeme({
   const lastPathnameRef = useRef("");
   const rerenderTimeoutRef = useRef(null);
   const isInitializedRef = useRef(false);
+  const initialRefreshDoneRef = useRef(false);
   const refreshWidgets = useCallback(() => {
     if (typeof window === "undefined") return;
     const attemptRefresh = (retriesLeft) => {
@@ -55,6 +56,7 @@ function useJudgeme({
       preloaderScript.innerText = `function jdgm_preloader(){${text}}`;
       document.head.appendChild(preloaderScript);
       console.log("Judge.me preloader script loaded, initializing widgets...");
+      initialRefreshDoneRef.current = true;
       refreshWidgets();
     }).catch((error) => {
       console.error("Judge.me: Failed to load scripts", error);
@@ -70,6 +72,10 @@ function useJudgeme({
   useEffect(() => {
     if (typeof window === "undefined") return;
     const normalizedPathname = location.pathname.replace(/\/$/, "") || "/";
+    if (lastPathnameRef.current === "") {
+      lastPathnameRef.current = normalizedPathname;
+      return;
+    }
     if (lastPathnameRef.current === normalizedPathname) {
       return;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "judgeme-hydrogen-fixed",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Fixed version of @judgeme/shopify-hydrogen for Hydrogen/Oxygen. Fixes infinite refresh loops caused by installed.js and improper React hooks.",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",