@articles-media/articles-dev-box 1.0.1 → 1.0.2

package/index.js

@@ -1,7 +1,7 @@
-import ReturnToLauncherButton from './src/ReturnToLauncherButton.jsx';
-import ArticlesAd from './src/components/ArticlesAd.jsx';
-import Ad from './src/components/Ad.jsx';
-import GameScoreboard from './src/GameScoreboard.jsx';
+import ReturnToLauncherButton from '#root/src/components/Games/ReturnToLauncherButton.jsx';
+import ArticlesAd from '#root/src/components/Ads/ArticlesAd.jsx';
+import Ad from '#root/src/components/Ads/Ad.jsx';
+import GameScoreboard from '#root/src/components/Games/GameScoreboard.jsx';
 
 function helloWorld() {
   return "Hello, world!";

package/package.json

@@ -1,18 +1,27 @@
 {
   "name": "@articles-media/articles-dev-box",
   "description": "Shared code, functions, and components for different Articles Media projects.",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "type": "module",
+  "imports": {
+    "#root/src/*": "./src/*"
+  },
   "main": "index.js",
   "files": [
     "index.js",
-    "src",
-    "styles"
+    "src"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Articles-Joey/articles-dev-box"
+  },
   "exports": {
     ".": "./index.js"
   },
   "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "keywords": [],
@@ -23,8 +32,10 @@
     "react-dom": ">=19.2.3"
   },
   "devDependencies": {
+    "@vitejs/plugin-react": "^5.1.2",
     "classnames": "^2.5.1",
-    "sass": "^1.97.2"
+    "sass": "^1.97.2",
+    "vite": "^7.3.1"
   },
   "dependencies": {
     "axios": "^1.13.2",

package/src/components/{Ad.jsx → Ads/Ad.jsx}

@@ -13,8 +13,8 @@ import axios from 'axios'
 import { useInView } from 'react-intersection-observer';
 
 // import ROUTES from 'components/constants/routes';
-import useAd from '../hooks/Ads/useAd';
-import useAds from '../hooks/Ads/useAds';
+import useAd from '#root/src/hooks/Ads/useAd';
+import useAds from '#root/src/hooks/Ads/useAds';
 
 // import SavePromoModal from 'components/Ads/SavePromoModal';
 // const SavePromoModal = dynamic(
@@ -30,11 +30,11 @@ import useAds from '../hooks/Ads/useAds';
 // import generateRandomInteger from 'util/generateRandomInteger'
 // import { setViewedAds } from '@/redux/actions/adsActions';
 import { differenceInMinutes, parse, parseISO } from 'date-fns';
-import ArticlesButton from '../Button';
+import ArticlesButton from '#root/src/components/UI/Button';
 // import useAds from 'hooks/Ads/useAds';
 
 // import "../../styles/components/Ads/Ad.scss";
-import "../../styles/components/Ad.scss";
+import "#root/src/styles/components/Ad.scss";
 
 function generateRandomInteger(min, max) {
     return Math.floor(Math.random() * (max - min + 1)) + min;

package/src/{GameScoreboard.jsx → components/Games/GameScoreboard.jsx}

@@ -1,50 +1,3 @@
-// import React from 'react';
-// import '../styles/components/GameScoreboard.scss';
-// import classNames from 'classnames';
-
-// const GameScoreboard = ({
-//     game,
-//     darkMode
-// }) => {
-//     return (
-//         <div
-//             className={
-//                 classNames(
-//                     `articles-game-scoreboard card`,
-//                     { 'dark-mode': darkMode }
-//                 )
-//             }
-//         >
-
-//             <div
-//                 className='card-header'
-//             >
-//                 <div className='fw-bold mb-0'>
-//                     <i className='fad fa-gamepad'></i>
-//                     {game} Scoreboard
-//                 </div>
-//             </div>
-
-//             <div className='card-body p-2'>
-//                 <p>This is a test scoreboard component.</p>
-//                 <ul>
-//                     <li>Player 1: 100</li>
-//                     <li>Player 2: 200</li>
-//                 </ul>
-//             </div>
-
-//             <div
-//                 className='card-footer'
-//             >
-
-//             </div>
-
-//         </div>
-//     );
-// };
-
-// export default GameScoreboard;
-
 import { useEffect, useState } from 'react'
 
 // import axios from 'axios'
@@ -55,11 +8,12 @@ import { useEffect, useState } from 'react'
 
 // import ViewUserModal from '@/components/user/ViewUserModal/ViewUserModal';
 // import ArticlesSwitch from '../Articles/ArticlesSwitch';
-import ArticlesButton from './Button';
+import ArticlesButton from '#root/src/components/UI/Button';
 
-import useGameScoreboard from './hooks/useGameScoreboard';
+// import useGameScoreboard from '#root/src/hooks/Games/useGameScoreboard';
+import useGameScoreboard from '#root/src/hooks/Games/useGameScoreboard';
 
-import "../styles/components/GameScoreboard.scss";
+import "#root/src/styles/components/GameScoreboard.scss";
 
 function GameScoreboard({ game, reloadScoreboard, setReloadScoreboard }) {
 

package/src/{ReturnToLauncherButton.jsx → components/Games/ReturnToLauncherButton.jsx}

@@ -1,4 +1,4 @@
-import ArticlesButton from "./Button";
+import ArticlesButton from "#root/src/components/UI/Button";
 
 export default function ReturnToLauncherButton() {
 
@@ -11,6 +11,8 @@ export default function ReturnToLauncherButton() {
 
     // const router = useRouter()
 
+    if (typeof window === "undefined") return
+
     if (!launcher_mode) {
         return (
             <ArticlesButton