reqct-gamehub-module 0.1.2 → 0.1.4

package/dist/index.js

@@ -2491,6 +2491,26 @@ var GAME_NODE_SIZES = {
   pong: { width: 760, height: 780 },
   platformer: { width: 980, height: 750 }
 };
+var HandleErrorBoundary = class extends import_react7.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError() {
+    return { hasError: true };
+  }
+  componentDidCatch(err) {
+    console.warn(
+      "[reqct-gamehub-module] <Handle> crashed: React Flow store/provider not found for this render tree. This usually happens when the node is rendered outside <ReactFlow /> (palette/preview/portal) or when provider comes from a different React tree.",
+      err
+    );
+  }
+  render() {
+    if (this.state.hasError) return null;
+    return this.props.children;
+  }
+};
+var SafeHandle = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(HandleErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react8.Handle, { ...props }) });
 var STATS_API_BASE = typeof import_meta !== "undefined" && import_meta.env && import_meta.env.VITE_STATS_API_URL || typeof process !== "undefined" && process.env && process.env.REACT_APP_STATS_API_URL || "http://localhost:4000";
 function getAuthFromStorage() {
   const token = localStorage.getItem("jwt") || localStorage.getItem("token") || localStorage.getItem("access_token") || localStorage.getItem("accessToken") || "";
@@ -2730,8 +2750,8 @@ var GameHubNode = (0, import_react7.memo)(({ id, data, selected, overlayMode = f
   }
   const subtitleText = view === "menu" ? menuTab === "stats" ? "\u041B\u0438\u0434\u0435\u0440\u0431\u043E\u0440\u0434\u044B: \u0442\u043E\u043F-10 \u043F\u043E \u0438\u0433\u0440\u0430\u043C" : "\u0412\u044B\u0431\u0435\u0440\u0438 \u0438\u0433\u0440\u0443" : `\u0422\u0435\u043A\u0443\u0449\u0430\u044F: ${active?.title || ""} \u2022 \u0421\u0447\u0451\u0442: ${currentScore}${currentGameStat ? ` \u2022 Best: ${currentGameStat.best} \u2022 Last: ${currentGameStat.last} \u2022 Plays: ${currentGameStat.plays}` : ""}`;
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: `gamehub-node ${selected ? "selected" : ""}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react8.Handle, { type: "target", position: import_react8.Position.Top }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "gamehub-drag-handle", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SafeHandle, { type: "target", position: import_react8.Position.Top }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "gamehub-drag-handle dragHandle__custom", children: [
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "gamehub-title", children: data?.label ?? "\u{1F3AE} \u0418\u0433\u0440\u043E\u0432\u043E\u0439 \u0445\u0430\u0431" }),
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "gamehub-subtitle", children: subtitleText })
     ] }),
@@ -2870,7 +2890,7 @@ var GameHubNode = (0, import_react7.memo)(({ id, data, selected, overlayMode = f
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "gamehub-game-wrap nodrag", children: active?.component })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react8.Handle, { type: "source", position: import_react8.Position.Bottom })
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SafeHandle, { type: "source", position: import_react8.Position.Bottom })
   ] });
 });
 var GameHubNode_default = GameHubNode;

package/dist/index.mjs

@@ -2455,6 +2455,26 @@ var GAME_NODE_SIZES = {
   pong: { width: 760, height: 780 },
   platformer: { width: 980, height: 750 }
 };
+var HandleErrorBoundary = class extends React7.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError() {
+    return { hasError: true };
+  }
+  componentDidCatch(err) {
+    console.warn(
+      "[reqct-gamehub-module] <Handle> crashed: React Flow store/provider not found for this render tree. This usually happens when the node is rendered outside <ReactFlow /> (palette/preview/portal) or when provider comes from a different React tree.",
+      err
+    );
+  }
+  render() {
+    if (this.state.hasError) return null;
+    return this.props.children;
+  }
+};
+var SafeHandle = (props) => /* @__PURE__ */ jsx7(HandleErrorBoundary, { children: /* @__PURE__ */ jsx7(Handle, { ...props }) });
 var STATS_API_BASE = typeof import.meta !== "undefined" && import.meta.env && import.meta.env.VITE_STATS_API_URL || typeof process !== "undefined" && process.env && process.env.REACT_APP_STATS_API_URL || "http://localhost:4000";
 function getAuthFromStorage() {
   const token = localStorage.getItem("jwt") || localStorage.getItem("token") || localStorage.getItem("access_token") || localStorage.getItem("accessToken") || "";
@@ -2694,8 +2714,8 @@ var GameHubNode = memo(({ id, data, selected, overlayMode = false, overlayGameId
   }
   const subtitleText = view === "menu" ? menuTab === "stats" ? "\u041B\u0438\u0434\u0435\u0440\u0431\u043E\u0440\u0434\u044B: \u0442\u043E\u043F-10 \u043F\u043E \u0438\u0433\u0440\u0430\u043C" : "\u0412\u044B\u0431\u0435\u0440\u0438 \u0438\u0433\u0440\u0443" : `\u0422\u0435\u043A\u0443\u0449\u0430\u044F: ${active?.title || ""} \u2022 \u0421\u0447\u0451\u0442: ${currentScore}${currentGameStat ? ` \u2022 Best: ${currentGameStat.best} \u2022 Last: ${currentGameStat.last} \u2022 Plays: ${currentGameStat.plays}` : ""}`;
   return /* @__PURE__ */ jsxs7("div", { className: `gamehub-node ${selected ? "selected" : ""}`, children: [
-    /* @__PURE__ */ jsx7(Handle, { type: "target", position: Position.Top }),
-    /* @__PURE__ */ jsxs7("div", { className: "gamehub-drag-handle", children: [
+    /* @__PURE__ */ jsx7(SafeHandle, { type: "target", position: Position.Top }),
+    /* @__PURE__ */ jsxs7("div", { className: "gamehub-drag-handle dragHandle__custom", children: [
       /* @__PURE__ */ jsx7("div", { className: "gamehub-title", children: data?.label ?? "\u{1F3AE} \u0418\u0433\u0440\u043E\u0432\u043E\u0439 \u0445\u0430\u0431" }),
       /* @__PURE__ */ jsx7("div", { className: "gamehub-subtitle", children: subtitleText })
     ] }),
@@ -2834,7 +2854,7 @@ var GameHubNode = memo(({ id, data, selected, overlayMode = false, overlayGameId
       ] }),
       /* @__PURE__ */ jsx7("div", { className: "gamehub-game-wrap nodrag", children: active?.component })
     ] }) }),
-    /* @__PURE__ */ jsx7(Handle, { type: "source", position: Position.Bottom })
+    /* @__PURE__ */ jsx7(SafeHandle, { type: "source", position: Position.Bottom })
   ] });
 });
 var GameHubNode_default = GameHubNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reqct-gamehub-module",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "GameHubNode for React Flow with mini-games + leaderboard UI",
   "main": "dist/index.js",
   "module": "dist/index.mjs",