@articles-media/articles-dev-box 1.0.15 → 1.0.16

package/dist/FriendsList.cjs

@@ -1 +1 @@
-"use strict";const e=require("./jsx-runtime-nZSsnGb7.cjs"),x=require("./index-Ddv_TnxK.cjs"),c=require("./Button-0ZK0NKiK.cjs"),a=require("./Modal-Wmqy9fOm.cjs"),f=async s=>{if(process.env.NODE_ENV==="development")try{return(await x.axios.get("http://localhost:3001/api/user/friends",{params:{game:s.game},headers:{"x-articles-api-key":s.user_token}})).data}catch{}return x.axios.get(s.url,{params:{game:s.game},headers:{"x-articles-api-key":s.user_token}}).then(t=>t.data)},E={dedupingInterval:1e3*60*30,refreshInterval:0,revalidateOnFocus:!1,revalidateIfStale:!1,shouldRetryOnError:!1},R=s=>{const{data:t,error:n,isLoading:l,isValidating:o,mutate:d}=x.useSWR(s?.user_id&&s?.user_token?{url:"https://articles.media/api/user/friends",user_token:s.user_token}:null,f,E);return{data:t,error:n,isLoading:l,isValidating:o,mutate:d}};function g({show:s,setShow:t,componentType:n,className:l,style:o={},user_id:d,user_token:m,id:p=null,allowInvite:_=!1,inviteFunction:v=null,modalBackdropClassName:j=""}){const{data:r,isLoading:u,mutate:h}=R({user_id:d,user_token:m});if((!n||n=="list")&&!u&&r&&r.length>0)return e.jsxRuntimeExports.jsx("ul",{className:l,style:o,children:r.map(i=>e.jsxRuntimeExports.jsxs("li",{children:[i?.populated_user?.username," - ",i?.populated_user?.display_name||"No Display Name"]},i.user_id))});if(n.toLowerCase()=="modal")return e.jsxRuntimeExports.jsxs(a.Modal,{show:s,size:"md",className:`articles-modal ${l}`,modalBackdropClassName:j,centered:!0,onHide:()=>t(!1),style:o,id:p,children:[e.jsxRuntimeExports.jsx(a.Modal.Header,{children:e.jsxRuntimeExports.jsx(a.Modal.Title,{children:"Friends"})}),e.jsxRuntimeExports.jsxs(a.Modal.Body,{children:[u&&e.jsxRuntimeExports.jsxs("div",{className:"d-flex align-items-center",children:[e.jsxRuntimeExports.jsx("i",{className:"fad fa-spinner-third fa-spin fa-2x"}),e.jsxRuntimeExports.jsx("div",{children:"Loading..."})]}),!u&&r&&r.length==0&&e.jsxRuntimeExports.jsx("div",{children:"No friends to show."}),!u&&r&&r.length>0&&e.jsxRuntimeExports.jsx("ul",{children:r.map(i=>e.jsxRuntimeExports.jsxs("li",{children:[i?.populated_user?.username," - ",i?.populated_user?.display_name||"No Display Name"]},i.user_id))})]}),e.jsxRuntimeExports.jsxs(a.Modal.Footer,{className:"justify-content-between",children:[e.jsxRuntimeExports.jsx(c.ArticlesButton,{variant:"articles",onClick:()=>{h()},children:e.jsxRuntimeExports.jsx("i",{className:"fad fa-redo"})}),e.jsxRuntimeExports.jsx(c.ArticlesButton,{variant:"articles",onClick:()=>{t(!1)},children:"Close"})]})]})}module.exports=g;
+"use strict";const s=require("./jsx-runtime-nZSsnGb7.cjs"),f=require("./useUserFriends.cjs"),n=require("./Button-0ZK0NKiK.cjs"),i=require("./Modal-Wmqy9fOm.cjs");function h({show:u,setShow:x,componentType:a,className:l,style:o={},user_id:c,user_token:m,id:j=null,allowInvite:d=!1,inviteFunction:E=null,modalBackdropClassName:p=""}){const{data:e,error:N,isLoading:r,mutate:R}=f({user_id:c,user_token:m});if((!a||a=="list")&&!r&&e&&e.length>0)return s.jsxRuntimeExports.jsx("ul",{className:l,style:o,children:e.map(t=>s.jsxRuntimeExports.jsxs("li",{children:[t?.populated_user?.username," - ",t?.populated_user?.display_name||"No Display Name"]},t.user_id))});if(a.toLowerCase()=="modal")return s.jsxRuntimeExports.jsxs(i.Modal,{show:u,size:"md",className:`articles-modal ${l}`,modalBackdropClassName:p,centered:!0,onHide:()=>x(!1),style:o,id:j,children:[s.jsxRuntimeExports.jsx(i.Modal.Header,{children:s.jsxRuntimeExports.jsx(i.Modal.Title,{children:"Friends"})}),s.jsxRuntimeExports.jsxs(i.Modal.Body,{children:[r&&s.jsxRuntimeExports.jsxs("div",{className:"d-flex align-items-center",children:[s.jsxRuntimeExports.jsx("i",{className:"fad fa-spinner-third fa-spin fa-2x"}),s.jsxRuntimeExports.jsx("div",{children:"Loading..."})]}),!r&&e&&e.length==0&&s.jsxRuntimeExports.jsx("div",{children:"No friends to show."}),!r&&e&&e.length>0&&s.jsxRuntimeExports.jsx("div",{children:e.map(t=>s.jsxRuntimeExports.jsxs("div",{className:"d-flex align-items-center justify-content-between border p-1",children:[t?.populated_user?.username," - ",t?.populated_user?.display_name||"No Display Name",s.jsxRuntimeExports.jsxs("div",{children:[d&&s.jsxRuntimeExports.jsx(n.ArticlesButton,{variant:"articles",onClick:()=>{d(t)},children:s.jsxRuntimeExports.jsx("i",{className:"fad fa-comment-check"})}),s.jsxRuntimeExports.jsx(n.ArticlesButton,{variant:"articles",onClick:()=>{},children:s.jsxRuntimeExports.jsx("i",{className:"fad fa-info"})})]})]},t.user_id))})]}),s.jsxRuntimeExports.jsxs(i.Modal.Footer,{className:"justify-content-between",children:[s.jsxRuntimeExports.jsxs(n.ArticlesButton,{variant:"articles",onClick:()=>{R()},children:[s.jsxRuntimeExports.jsx("i",{className:"fad fa-redo me-2"}),s.jsxRuntimeExports.jsx("span",{children:"Refresh"})]}),s.jsxRuntimeExports.jsxs(n.ArticlesButton,{variant:"articles",onClick:()=>{x(!1)},children:[s.jsxRuntimeExports.jsx("i",{className:"fad fa-times me-2"}),"Close"]})]})]})}module.exports=h;

package/dist/FriendsList.js

@@ -1,128 +1,115 @@
 import { j as e } from "./jsx-runtime-tc70JA_2.js";
-import { u as g, a as c } from "./index-DLYx67wi.js";
-import { A as m } from "./Button-_Quon8UV.js";
-import { M as n } from "./Modal-C9oYRgI1.js";
-const j = async (s) => {
-  if (process.env.NODE_ENV === "development")
-    try {
-      return (await c.get("http://localhost:3001/api/user/friends", {
-        params: {
-          game: s.game
-          // user_token: obj.user_token
-        },
-        headers: {
-          "x-articles-api-key": s.user_token
-        }
-      })).data;
-    } catch {
-    }
-  return c.get(s.url, {
-    params: {
-      game: s.game
-    },
-    headers: {
-      "x-articles-api-key": s.user_token
-    }
-  }).then((a) => a.data);
-}, _ = {
-  dedupingInterval: 1e3 * 60 * 30,
-  refreshInterval: 0,
-  revalidateOnFocus: !1,
-  revalidateIfStale: !1,
-  shouldRetryOnError: !1
-  // fallbackData: []
-}, v = (s) => {
-  const { data: a, error: t, isLoading: l, isValidating: d, mutate: u } = g(
-    s?.user_id && s?.user_token ? {
-      // url: "/api/community/games/scoreboard",
-      url: "https://articles.media/api/user/friends",
-      // game: params.game,
-      user_token: s.user_token
-    } : null,
-    j,
-    _
-  );
-  return {
-    data: a,
-    error: t,
-    isLoading: l,
-    isValidating: d,
-    mutate: u
-  };
-};
-function C({
-  show: s,
-  setShow: a,
-  componentType: t,
-  className: l,
-  style: d = {},
-  user_id: u,
-  user_token: f,
-  id: h = null,
-  allowInvite: N = !1,
-  inviteFunction: k = null,
-  modalBackdropClassName: p = ""
+import p from "./useUserFriends.js";
+import { A as l } from "./Button-_Quon8UV.js";
+import { M as a } from "./Modal-C9oYRgI1.js";
+function k({
+  show: m,
+  setShow: d,
+  componentType: n,
+  className: t,
+  style: c = {},
+  user_id: f,
+  user_token: x,
+  id: u = null,
+  allowInvite: o = !1,
+  inviteFunction: N = null,
+  modalBackdropClassName: j = ""
 }) {
   const {
-    data: r,
-    isLoading: o,
+    data: s,
+    error: v,
+    isLoading: r,
     // isValidating: friendsValidating,
-    mutate: x
-  } = v({
-    user_id: u,
-    user_token: f
+    mutate: h
+  } = p({
+    user_id: f,
+    user_token: x
   });
-  if ((!t || t == "list") && !o && r && r.length > 0)
-    return /* @__PURE__ */ e.jsx("ul", { className: l, style: d, children: r.map((i) => /* @__PURE__ */ e.jsxs("li", { children: [
+  if ((!n || n == "list") && !r && s && s.length > 0)
+    return /* @__PURE__ */ e.jsx("ul", { className: t, style: c, children: s.map((i) => /* @__PURE__ */ e.jsxs("li", { children: [
       i?.populated_user?.username,
       " - ",
       i?.populated_user?.display_name || "No Display Name"
     ] }, i.user_id)) });
-  if (t.toLowerCase() == "modal")
+  if (n.toLowerCase() == "modal")
     return /* @__PURE__ */ e.jsxs(
-      n,
+      a,
       {
-        show: s,
+        show: m,
         size: "md",
-        className: `articles-modal ${l}`,
-        modalBackdropClassName: p,
+        className: `articles-modal ${t}`,
+        modalBackdropClassName: j,
         centered: !0,
-        onHide: () => a(!1),
-        style: d,
-        id: h,
+        onHide: () => d(!1),
+        style: c,
+        id: u,
         children: [
-          /* @__PURE__ */ e.jsx(n.Header, { children: /* @__PURE__ */ e.jsx(n.Title, { children: "Friends" }) }),
-          /* @__PURE__ */ e.jsxs(n.Body, { children: [
-            o && /* @__PURE__ */ e.jsxs("div", { className: "d-flex align-items-center", children: [
+          /* @__PURE__ */ e.jsx(a.Header, { children: /* @__PURE__ */ e.jsx(a.Title, { children: "Friends" }) }),
+          /* @__PURE__ */ e.jsxs(a.Body, { children: [
+            r && /* @__PURE__ */ e.jsxs("div", { className: "d-flex align-items-center", children: [
               /* @__PURE__ */ e.jsx("i", { className: "fad fa-spinner-third fa-spin fa-2x" }),
               /* @__PURE__ */ e.jsx("div", { children: "Loading..." })
             ] }),
-            !o && r && r.length == 0 && /* @__PURE__ */ e.jsx("div", { children: "No friends to show." }),
-            !o && r && r.length > 0 && /* @__PURE__ */ e.jsx("ul", { children: r.map((i) => /* @__PURE__ */ e.jsxs("li", { children: [
-              i?.populated_user?.username,
-              " - ",
-              i?.populated_user?.display_name || "No Display Name"
-            ] }, i.user_id)) })
+            !r && s && s.length == 0 && /* @__PURE__ */ e.jsx("div", { children: "No friends to show." }),
+            !r && s && s.length > 0 && /* @__PURE__ */ e.jsx("div", { children: s.map((i) => /* @__PURE__ */ e.jsxs(
+              "div",
+              {
+                className: "d-flex align-items-center justify-content-between border p-1",
+                children: [
+                  i?.populated_user?.username,
+                  " - ",
+                  i?.populated_user?.display_name || "No Display Name",
+                  /* @__PURE__ */ e.jsxs("div", { children: [
+                    o && /* @__PURE__ */ e.jsx(
+                      l,
+                      {
+                        variant: "articles",
+                        onClick: () => {
+                          o(i);
+                        },
+                        children: /* @__PURE__ */ e.jsx("i", { className: "fad fa-comment-check" })
+                      }
+                    ),
+                    /* @__PURE__ */ e.jsx(
+                      l,
+                      {
+                        variant: "articles",
+                        onClick: () => {
+                        },
+                        children: /* @__PURE__ */ e.jsx("i", { className: "fad fa-info" })
+                      }
+                    )
+                  ] })
+                ]
+              },
+              i.user_id
+            )) })
           ] }),
-          /* @__PURE__ */ e.jsxs(n.Footer, { className: "justify-content-between", children: [
-            /* @__PURE__ */ e.jsx(
-              m,
+          /* @__PURE__ */ e.jsxs(a.Footer, { className: "justify-content-between", children: [
+            /* @__PURE__ */ e.jsxs(
+              l,
               {
                 variant: "articles",
                 onClick: () => {
-                  x();
+                  h();
                 },
-                children: /* @__PURE__ */ e.jsx("i", { className: "fad fa-redo" })
+                children: [
+                  /* @__PURE__ */ e.jsx("i", { className: "fad fa-redo me-2" }),
+                  /* @__PURE__ */ e.jsx("span", { children: "Refresh" })
+                ]
               }
             ),
-            /* @__PURE__ */ e.jsx(
-              m,
+            /* @__PURE__ */ e.jsxs(
+              l,
               {
                 variant: "articles",
                 onClick: () => {
-                  a(!1);
+                  d(!1);
                 },
-                children: "Close"
+                children: [
+                  /* @__PURE__ */ e.jsx("i", { className: "fad fa-times me-2" }),
+                  "Close"
+                ]
               }
             )
           ] })
@@ -131,5 +118,5 @@ function C({
     );
 }
 export {
-  C as default
+  k as default
 };

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ReturnToLauncherButton.cjs"),r=require("./ArticlesAd.cjs"),o=require("./Ad.cjs"),s=require("./GameScoreboard.cjs"),t=require("./GlobalHead.cjs"),u=require("./GlobalBody-BQ2qC81K.cjs"),i=require("./ViewUserModal.cjs"),n=require("./FriendsList.cjs"),a=require("./useUserDetails.cjs"),l=require("./useUserToken.cjs");exports.ReturnToLauncherButton=e;exports.ArticlesAd=r;exports.Ad=o;exports.GameScoreboard=s;exports.GlobalHead=t;exports.GlobalBody=u.GlobalBody_default;exports.ViewUserModal=i;exports.FriendsList=n;exports.useUserDetails=a;exports.useUserToken=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ReturnToLauncherButton.cjs"),r=require("./ArticlesAd.cjs"),s=require("./Ad.cjs"),o=require("./GameScoreboard.cjs"),t=require("./GlobalHead.cjs"),u=require("./GlobalBody-BQ2qC81K.cjs"),i=require("./ViewUserModal.cjs"),n=require("./FriendsList.cjs"),a=require("./useUserDetails.cjs"),d=require("./useUserToken.cjs"),l=require("./useUserFriends.cjs");exports.ReturnToLauncherButton=e;exports.ArticlesAd=r;exports.Ad=s;exports.GameScoreboard=o;exports.GlobalHead=t;exports.GlobalBody=u.GlobalBody_default;exports.ViewUserModal=i;exports.FriendsList=n;exports.useUserDetails=a;exports.useUserToken=d;exports.useUserFriends=l;

package/dist/index.js

@@ -1,22 +1,24 @@
-import { default as r } from "./ReturnToLauncherButton.js";
+import { default as o } from "./ReturnToLauncherButton.js";
 import { default as t } from "./ArticlesAd.js";
-import { default as s } from "./Ad.js";
+import { default as f } from "./Ad.js";
 import { default as l } from "./GameScoreboard.js";
 import { default as m } from "./GlobalHead.js";
 import { G as x } from "./GlobalBody-tmIC_GWn.js";
 import { default as n } from "./ViewUserModal.js";
-import { default as b } from "./FriendsList.js";
-import { default as A } from "./useUserDetails.js";
+import { default as U } from "./FriendsList.js";
+import { default as c } from "./useUserDetails.js";
 import { default as B } from "./useUserToken.js";
+import { default as L } from "./useUserFriends.js";
 export {
-  s as Ad,
+  f as Ad,
   t as ArticlesAd,
-  b as FriendsList,
+  U as FriendsList,
   l as GameScoreboard,
   x as GlobalBody,
   m as GlobalHead,
-  r as ReturnToLauncherButton,
+  o as ReturnToLauncherButton,
   n as ViewUserModal,
-  A as useUserDetails,
+  c as useUserDetails,
+  L as useUserFriends,
   B as useUserToken
 };

package/dist/useUserFriends.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("./index-Ddv_TnxK.cjs"),u=async e=>{if(process.env.NODE_ENV==="development")try{return(await s.axios.get("http://localhost:3001/api/user/friends",{params:{game:e.game},headers:{"x-articles-api-key":e.user_token}})).data}catch{}return s.axios.get(e.url,{params:{game:e.game},headers:{"x-articles-api-key":e.user_token}}).then(r=>r.data)},o={dedupingInterval:1e3*60*30,refreshInterval:0,revalidateOnFocus:!1,revalidateIfStale:!1,shouldRetryOnError:!1},l=e=>{const{data:r,error:t,isLoading:a,isValidating:n,mutate:i}=s.useSWR(e?.user_id&&e?.user_token?{url:"https://articles.media/api/user/friends",user_token:e.user_token}:null,u,o);return{data:r,error:t,isLoading:a,isValidating:n,mutate:i}};module.exports=l;

package/dist/useUserFriends.js

@@ -0,0 +1,52 @@
+import { u, a } from "./index-DLYx67wi.js";
+const l = async (e) => {
+  if (process.env.NODE_ENV === "development")
+    try {
+      return (await a.get("http://localhost:3001/api/user/friends", {
+        params: {
+          game: e.game
+          // user_token: obj.user_token
+        },
+        headers: {
+          "x-articles-api-key": e.user_token
+        }
+      })).data;
+    } catch {
+    }
+  return a.get(e.url, {
+    params: {
+      game: e.game
+    },
+    headers: {
+      "x-articles-api-key": e.user_token
+    }
+  }).then((r) => r.data);
+}, o = {
+  dedupingInterval: 1e3 * 60 * 30,
+  refreshInterval: 0,
+  revalidateOnFocus: !1,
+  revalidateIfStale: !1,
+  shouldRetryOnError: !1
+  // fallbackData: []
+}, c = (e) => {
+  const { data: r, error: t, isLoading: s, isValidating: n, mutate: i } = u(
+    e?.user_id && e?.user_token ? {
+      // url: "/api/community/games/scoreboard",
+      url: "https://articles.media/api/user/friends",
+      // game: params.game,
+      user_token: e.user_token
+    } : null,
+    l,
+    o
+  );
+  return {
+    data: r,
+    error: t,
+    isLoading: s,
+    isValidating: n,
+    mutate: i
+  };
+};
+export {
+  c as default
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@articles-media/articles-dev-box",
   "description": "Shared code, functions, and components for different Articles Media projects.",
-  "version": "1.0.15",
+  "version": "1.0.16",
   "type": "module",
   "imports": {
     "#root/src/*": "./src/*"
@@ -60,6 +60,10 @@
       "import": "./dist/useUserToken.js",
       "require": "./dist/useUserToken.cjs"
     },
+    "./useUserFriends": {
+      "import": "./dist/useUserFriends.js",
+      "require": "./dist/useUserFriends.cjs"
+    },
     "./dist/style.css": "./dist/articles-dev-box.css",
     "./dist/articles-dev-box.css": "./dist/articles-dev-box.css"
   },