@articles-media/articles-dev-box 1.0.12 → 1.0.14

package/dist/FriendsList.cjs

@@ -0,0 +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"),h=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)},f={dedupingInterval:1e3*60*30,refreshInterval:0,revalidateOnFocus:!1,revalidateIfStale:!1,shouldRetryOnError:!1},E=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,h,f);return{data:t,error:n,isLoading:l,isValidating:o,mutate:d}};function R({show:s,setShow:t,componentType:n,className:l,style:o={},user_id:d,user_token:m,id:p=null,allowInvite:g=!1,inviteFunction:_=null}){const{data:r,isLoading:u,mutate:j}=E({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}`,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:()=>{j()},children:e.jsxRuntimeExports.jsx("i",{className:"fad fa-redo"})}),e.jsxRuntimeExports.jsx(c.ArticlesButton,{variant:"articles",onClick:()=>{t(!1)},children:"Close"})]})]})}module.exports=R;

package/dist/FriendsList.js

@@ -0,0 +1,133 @@
+import { j as e } from "./jsx-runtime-tc70JA_2.js";
+import { u as x, a as c } from "./index-DLYx67wi.js";
+import { A as m } from "./Button-_Quon8UV.js";
+import { M as n } from "./Modal-C9oYRgI1.js";
+const g = 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);
+}, j = {
+  dedupingInterval: 1e3 * 60 * 30,
+  refreshInterval: 0,
+  revalidateOnFocus: !1,
+  revalidateIfStale: !1,
+  shouldRetryOnError: !1
+  // fallbackData: []
+}, _ = (s) => {
+  const { data: a, error: t, isLoading: l, isValidating: d, mutate: u } = x(
+    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,
+    g,
+    j
+  );
+  return {
+    data: a,
+    error: t,
+    isLoading: l,
+    isValidating: d,
+    mutate: u
+  };
+};
+function w({
+  show: s,
+  setShow: a,
+  componentType: t,
+  className: l,
+  style: d = {},
+  user_id: u,
+  user_token: f,
+  id: h = null,
+  allowInvite: v = !1,
+  inviteFunction: N = null
+}) {
+  const {
+    data: r,
+    isLoading: o,
+    // isValidating: friendsValidating,
+    mutate: p
+  } = _({
+    user_id: u,
+    user_token: f
+  });
+  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: [
+      i?.populated_user?.username,
+      " - ",
+      i?.populated_user?.display_name || "No Display Name"
+    ] }, i.user_id)) });
+  if (t.toLowerCase() == "modal")
+    return /* @__PURE__ */ e.jsxs(
+      n,
+      {
+        show: s,
+        size: "md",
+        className: `articles-modal ${l}`,
+        centered: !0,
+        onHide: () => a(!1),
+        style: d,
+        id: h,
+        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("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)) })
+          ] }),
+          /* @__PURE__ */ e.jsxs(n.Footer, { className: "justify-content-between", children: [
+            /* @__PURE__ */ e.jsx(
+              m,
+              {
+                variant: "articles",
+                onClick: () => {
+                  p();
+                },
+                children: /* @__PURE__ */ e.jsx("i", { className: "fad fa-redo" })
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              m,
+              {
+                variant: "articles",
+                onClick: () => {
+                  a(!1);
+                },
+                children: "Close"
+              }
+            )
+          ] })
+        ]
+      }
+    );
+}
+export {
+  w 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"),t=require("./GameScoreboard.cjs"),s=require("./GlobalHead.cjs"),u=require("./GlobalBody-BQ2qC81K.cjs"),a=require("./ViewUserModal.cjs"),l=require("./useUserDetails.cjs"),n=require("./useUserToken.cjs");exports.ReturnToLauncherButton=e;exports.ArticlesAd=r;exports.Ad=o;exports.GameScoreboard=t;exports.GlobalHead=s;exports.GlobalBody=u.GlobalBody_default;exports.ViewUserModal=a;exports.useUserDetails=l;exports.useUserToken=n;
+"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;

package/dist/index.js

@@ -1,20 +1,22 @@
 import { default as r } from "./ReturnToLauncherButton.js";
 import { default as t } from "./ArticlesAd.js";
 import { default as s } from "./Ad.js";
-import { default as d } from "./GameScoreboard.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 G } from "./ViewUserModal.js";
-import { default as c } from "./useUserDetails.js";
-import { default as A } from "./useUserToken.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 B } from "./useUserToken.js";
 export {
   s as Ad,
   t as ArticlesAd,
-  d as GameScoreboard,
+  b as FriendsList,
+  l as GameScoreboard,
   x as GlobalBody,
   m as GlobalHead,
   r as ReturnToLauncherButton,
-  G as ViewUserModal,
-  c as useUserDetails,
-  A as useUserToken
+  n as ViewUserModal,
+  A as useUserDetails,
+  B as useUserToken
 };

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.12",
+  "version": "1.0.14",
   "type": "module",
   "imports": {
     "#root/src/*": "./src/*"
@@ -48,6 +48,10 @@
       "import": "./dist/ViewUserModal.js",
       "require": "./dist/ViewUserModal.cjs"
     },
+    "./FriendsList": {
+      "import": "./dist/FriendsList.js",
+      "require": "./dist/FriendsList.cjs"
+    },
     "./useUserDetails": {
       "import": "./dist/useUserDetails.js",
       "require": "./dist/useUserDetails.cjs"