@articles-media/articles-dev-box 1.3.8 → 1.3.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/FriendsList.js +2 -0
- package/dist/GlobalBody.js +5 -39
- package/dist/GlobalClientModals.js +58 -20
- package/dist/{SettingsModal-Da71CVHO.js → SettingsModal-Bs-HN9bH.js} +1 -1
- package/dist/SettingsModal.js +1 -1
- package/dist/{StatusModal-i254NkBz.js → StatusModal-DrPXOA_k.js} +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
- /package/dist/{useAuthSiteStatus-D-D-KwEN.js → useAuthSiteStatus-DDN0q8T0.js} +0 -0
package/dist/FriendsList.js
CHANGED
|
@@ -41,6 +41,7 @@ function FriendsList({ show, setShow, componentType, className, style = {}, id =
|
|
|
41
41
|
variant: "articles",
|
|
42
42
|
onClick: () => {
|
|
43
43
|
console.log("View friend details for ", friend);
|
|
44
|
+
window.open(`https://articles.media/settings/friends?friend_relationship_id=${friend?._id}`, "_blank");
|
|
44
45
|
},
|
|
45
46
|
children: /* @__PURE__ */ jsx("i", { className: "fad fa-info me-0" })
|
|
46
47
|
}),
|
|
@@ -48,6 +49,7 @@ function FriendsList({ show, setShow, componentType, className, style = {}, id =
|
|
|
48
49
|
variant: "articles",
|
|
49
50
|
onClick: () => {
|
|
50
51
|
console.log("Start Message");
|
|
52
|
+
window.open(`https://articles.media/messages?startMsg=${friend?.friend_id}`, "_blank");
|
|
51
53
|
},
|
|
52
54
|
children: /* @__PURE__ */ jsx("i", { className: "fad fa-envelope me-0" })
|
|
53
55
|
})
|
package/dist/GlobalBody.js
CHANGED
|
@@ -1,46 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
require_classnames();
|
|
6
|
-
lazy(() => import("./StatusModal-i254NkBz.js"));
|
|
2
|
+
import { memo } from "react";
|
|
3
|
+
import { Fragment, jsx } from "react/jsx-runtime";
|
|
4
|
+
//#region src/components/Global/GlobalBody.jsx
|
|
7
5
|
function GlobalBody({ fontawesome = true }) {
|
|
8
|
-
return /* @__PURE__ */
|
|
6
|
+
return /* @__PURE__ */ jsx(Fragment, { children: fontawesome && /* @__PURE__ */ jsx("link", {
|
|
9
7
|
rel: "stylesheet",
|
|
10
8
|
href: `https://cdn.articles.media/fonts/fontawesome/css/all.min.css`
|
|
11
|
-
})
|
|
12
|
-
@keyframes grow-shrink {
|
|
13
|
-
0% { transform: translateY(-50px); }
|
|
14
|
-
50% { transform: translateY(0px); }
|
|
15
|
-
100% { transform: translateY(-50px); }
|
|
16
|
-
}
|
|
17
|
-
.articles-global-body {
|
|
18
|
-
transform: translateY(-40px);
|
|
19
|
-
z-index: 1055!important;
|
|
20
|
-
position: absolute;
|
|
21
|
-
top: 0;
|
|
22
|
-
left: 0;
|
|
23
|
-
display: flex;
|
|
24
|
-
justify-content: center;
|
|
25
|
-
align-items: center;
|
|
26
|
-
width: 50px;
|
|
27
|
-
height: 50px;
|
|
28
|
-
margin: 0;
|
|
29
|
-
padding: 0;
|
|
30
|
-
background-color: yellow;
|
|
31
|
-
color: #FFFFFF;
|
|
32
|
-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
|
33
|
-
animation: grow-shrink 2s ease-in;
|
|
34
|
-
border: 4px solid red;
|
|
35
|
-
cursor: pointer;
|
|
36
|
-
}
|
|
37
|
-
.articles-global-body.main-connected {
|
|
38
|
-
background-color: green;
|
|
39
|
-
}
|
|
40
|
-
.articles-global-body.auth-connected {
|
|
41
|
-
border-color: blue;
|
|
42
|
-
}
|
|
43
|
-
` }) })] });
|
|
9
|
+
}) });
|
|
44
10
|
}
|
|
45
11
|
var GlobalBody_default = memo(GlobalBody);
|
|
46
12
|
//#endregion
|
|
@@ -1,16 +1,69 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { n as __toESM, t as require_classnames } from "./classnames-No-mjhw1.js";
|
|
3
|
-
import { n as useMainSiteStatus, t as useAuthSiteStatus } from "./useAuthSiteStatus-
|
|
3
|
+
import { n as useMainSiteStatus, t as useAuthSiteStatus } from "./useAuthSiteStatus-DDN0q8T0.js";
|
|
4
4
|
import { lazy } from "react";
|
|
5
5
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
-
//#region src/components/Global/
|
|
6
|
+
//#region src/components/Global/ArticlesDevStatusBadge.jsx
|
|
7
7
|
var import_classnames = /* @__PURE__ */ __toESM(require_classnames(), 1);
|
|
8
|
+
function ArticlesDevStatusBadge({ useStore }) {
|
|
9
|
+
const { data: mainSiteStatus, error: mainSiteStatusError, isLoading: mainSiteStatusLoading, mutate: mainSiteStatusMutate } = useMainSiteStatus({ disable: process.env.NODE_ENV !== "development" || process.env.NEXT_PUBLIC_ENABLE_ARTICLES === "false" });
|
|
10
|
+
const { data: authSiteStatus, error: authSiteStatusError, isLoading: authSiteStatusLoading, mutate: authSiteStatusMutate } = useAuthSiteStatus({ disable: process.env.NODE_ENV !== "development" || process.env.NEXT_PUBLIC_ENABLE_ARTICLES === "false" });
|
|
11
|
+
useStore((state) => state.showDevStatusModal);
|
|
12
|
+
const setShowDevStatusModal = useStore((state) => state.setShowDevStatusModal);
|
|
13
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("style", { children: `
|
|
14
|
+
@keyframes grow-shrink {
|
|
15
|
+
0% { transform: translateY(-50px); }
|
|
16
|
+
50% { transform: translateY(0px); }
|
|
17
|
+
100% { transform: translateY(-50px); }
|
|
18
|
+
}
|
|
19
|
+
.articles-dev-status {
|
|
20
|
+
transform: translateY(-40px);
|
|
21
|
+
z-index: 1055!important;
|
|
22
|
+
position: absolute;
|
|
23
|
+
top: 0;
|
|
24
|
+
left: 0;
|
|
25
|
+
display: flex;
|
|
26
|
+
justify-content: center;
|
|
27
|
+
align-items: center;
|
|
28
|
+
width: 50px;
|
|
29
|
+
height: 50px;
|
|
30
|
+
margin: 0;
|
|
31
|
+
padding: 0;
|
|
32
|
+
background-color: yellow;
|
|
33
|
+
color: #FFFFFF;
|
|
34
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
|
35
|
+
animation: grow-shrink 2s ease-in;
|
|
36
|
+
border: 4px solid red;
|
|
37
|
+
cursor: pointer;
|
|
38
|
+
}
|
|
39
|
+
.articles-dev-status.main-connected {
|
|
40
|
+
background-color: green;
|
|
41
|
+
}
|
|
42
|
+
.articles-dev-status.auth-connected {
|
|
43
|
+
border-color: blue;
|
|
44
|
+
}
|
|
45
|
+
` }), /* @__PURE__ */ jsx("div", {
|
|
46
|
+
onClick: () => {
|
|
47
|
+
setShowDevStatusModal(true);
|
|
48
|
+
},
|
|
49
|
+
className: (0, import_classnames.default)(`articles-dev-status`, {
|
|
50
|
+
"main-connected": mainSiteStatus,
|
|
51
|
+
"auth-connected": authSiteStatus
|
|
52
|
+
}),
|
|
53
|
+
children: /* @__PURE__ */ jsx("div", {
|
|
54
|
+
className: "content",
|
|
55
|
+
children: /* @__PURE__ */ jsx("i", { className: "fas fa-thumbs-up" })
|
|
56
|
+
})
|
|
57
|
+
})] });
|
|
58
|
+
}
|
|
59
|
+
//#endregion
|
|
60
|
+
//#region src/components/Global/GlobalClientModals.jsx
|
|
8
61
|
var InfoModal = lazy(() => import("./InfoModal.js"));
|
|
9
62
|
var CreditsModal = lazy(() => import("./CreditsModal.js"));
|
|
10
63
|
var FriendsList = lazy(() => import("./FriendsList.js"));
|
|
11
64
|
var SettingsModal = lazy(() => import("./SettingsModal.js"));
|
|
12
65
|
var InviteModal = lazy(() => import("./InviteModal.js"));
|
|
13
|
-
var StatusModal = lazy(() => import("./StatusModal-
|
|
66
|
+
var StatusModal = lazy(() => import("./StatusModal-DrPXOA_k.js"));
|
|
14
67
|
function GlobalClientModals({ useStore, useAudioStore, useTouchControlsStore, useSocketStore, packageInfo, settingsModalConfig, infoModalConfig }) {
|
|
15
68
|
const showInfoModal = useStore((state) => state.showInfoModal);
|
|
16
69
|
const setShowInfoModal = useStore((state) => state.setShowInfoModal);
|
|
@@ -28,8 +81,6 @@ function GlobalClientModals({ useStore, useAudioStore, useTouchControlsStore, us
|
|
|
28
81
|
console.error("GlobalClientModals: settingsModalConfig is not provided!");
|
|
29
82
|
return;
|
|
30
83
|
}
|
|
31
|
-
const { data: mainSiteStatus, error: mainSiteStatusError, isLoading: mainSiteStatusLoading, mutate: mainSiteStatusMutate } = useMainSiteStatus({ disable: process.env.NODE_ENV !== "development" || process.env.NEXT_PUBLIC_ENABLE_ARTICLES === "false" });
|
|
32
|
-
const { data: authSiteStatus, error: authSiteStatusError, isLoading: authSiteStatusLoading, mutate: authSiteStatusMutate } = useAuthSiteStatus({ disable: process.env.NODE_ENV !== "development" || process.env.NEXT_PUBLIC_ENABLE_ARTICLES === "false" });
|
|
33
84
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
34
85
|
showInfoModal && /* @__PURE__ */ jsx(InfoModal, {
|
|
35
86
|
show: showInfoModal,
|
|
@@ -61,24 +112,11 @@ function GlobalClientModals({ useStore, useAudioStore, useTouchControlsStore, us
|
|
|
61
112
|
setShow: setShowInviteModal,
|
|
62
113
|
useSocketStore
|
|
63
114
|
}),
|
|
64
|
-
showDevStatusModal && /* @__PURE__ */ jsx(StatusModal, {
|
|
115
|
+
/* @__PURE__ */ jsxs(Fragment, { children: [showDevStatusModal && /* @__PURE__ */ jsx(StatusModal, {
|
|
65
116
|
show: showDevStatusModal,
|
|
66
117
|
setShow: setShowDevStatusModal,
|
|
67
118
|
useSocketStore
|
|
68
|
-
}),
|
|
69
|
-
/* @__PURE__ */ jsx("div", {
|
|
70
|
-
onClick: () => {
|
|
71
|
-
setShowDevStatusModal(true);
|
|
72
|
-
},
|
|
73
|
-
className: (0, import_classnames.default)(`articles-global-body`, {
|
|
74
|
-
"main-connected": mainSiteStatus,
|
|
75
|
-
"auth-connected": authSiteStatus
|
|
76
|
-
}),
|
|
77
|
-
children: /* @__PURE__ */ jsx("div", {
|
|
78
|
-
className: "content",
|
|
79
|
-
children: /* @__PURE__ */ jsx("i", { className: "fas fa-thumbs-up" })
|
|
80
|
-
})
|
|
81
|
-
})
|
|
119
|
+
}), process.env.NODE_ENV === "development" && /* @__PURE__ */ jsx(ArticlesDevStatusBadge, { useStore })] })
|
|
82
120
|
] });
|
|
83
121
|
}
|
|
84
122
|
//#endregion
|
|
@@ -246,7 +246,7 @@ function OtherTab({ useStore, config }) {
|
|
|
246
246
|
var package_default = {
|
|
247
247
|
name: "@articles-media/articles-dev-box",
|
|
248
248
|
description: "Shared code, functions, and components for different Articles Media projects.",
|
|
249
|
-
version: "1.3.
|
|
249
|
+
version: "1.3.9",
|
|
250
250
|
type: "module",
|
|
251
251
|
sideEffects: false,
|
|
252
252
|
imports: { "#root/src/*": "./src/*" },
|
package/dist/SettingsModal.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as SettingsModal } from "./SettingsModal-
|
|
1
|
+
import { t as SettingsModal } from "./SettingsModal-Bs-HN9bH.js";
|
|
2
2
|
export { SettingsModal as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as ArticlesButton } from "./Button-DvEZjsVV.js";
|
|
2
|
-
import { n as useMainSiteStatus, t as useAuthSiteStatus } from "./useAuthSiteStatus-
|
|
2
|
+
import { n as useMainSiteStatus, t as useAuthSiteStatus } from "./useAuthSiteStatus-DDN0q8T0.js";
|
|
3
3
|
import { useState } from "react";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
import { Modal } from "react-bootstrap";
|
package/dist/index.js
CHANGED
|
@@ -16,7 +16,7 @@ import { t as GameScoreboard } from "./GameScoreboard-BvE_sIDW.js";
|
|
|
16
16
|
import PageTemplateLandingPage from "./PageTemplateLandingPage.js";
|
|
17
17
|
import GlobalHead from "./GlobalHead.js";
|
|
18
18
|
import GlobalBody_default from "./GlobalBody.js";
|
|
19
|
-
import { t as SettingsModal } from "./SettingsModal-
|
|
19
|
+
import { t as SettingsModal } from "./SettingsModal-Bs-HN9bH.js";
|
|
20
20
|
import CreditsModal from "./CreditsModal.js";
|
|
21
21
|
import InfoModal from "./InfoModal.js";
|
|
22
22
|
import DarkModeHandler from "./DarkModeHandler.js";
|
package/package.json
CHANGED
|
File without changes
|