chg: dev: use namespaces for front-end #4

assets/js/mine-seeker/components/GameBoard.jsx

@@ -1,4 +1,4 @@
-/*
+/**
  * This file is part of the SplendidBear Websites' projects.
  *
  * Copyright (c) 2026 @ www.splendidbear.org
@@ -8,8 +8,8 @@
  */
 
 import React from 'react';
-import { useGame } from '../contexts/GameContext';
-import useServerCommunication from '../hooks/useServerCommunication';
+import { useGame } from '@mine-contexts';
+import { useServerCommunication } from '@mine-hooks';
 import GridControl from './grid/GridControl';
 
 export const GameBoard = ({ gameAssoc, gameInherited, isEnvDev }) => {

assets/js/mine-seeker/components/grid/GridControl.jsx

@@ -1,8 +1,17 @@
+/**
+ * This file is part of the SplendidBear Websites' projects.
+ *
+ * Copyright (c) 2026 @ www.splendidbear.org
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
 import React from 'react';
-import { useGame } from '../../contexts/GameContext';
+import { useGame } from '@mine-contexts';
 import GridField from './GridField';
 import UserControl from '../user/UserControl';
-import { BOMB_SYMBOLS, bombRadius } from '../../utils/constants';
+import { BOMB_SYMBOLS, bombRadius } from '@mine-utils';
 
 const GridControl = ({ onClick, resign }) => {
   const {

assets/js/mine-seeker/components/grid/GridField.jsx

@@ -1,5 +1,14 @@
+/**
+ * This file is part of the SplendidBear Websites' projects.
+ *
+ * Copyright (c) 2026 @ www.splendidbear.org
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
 import React, { memo } from 'react';
-import { IMAGES } from '../../utils/constants';
+import { IMAGES } from '@mine-utils';
 
 const bombSrc = area => {
   if (null === area) return null;

assets/js/mine-seeker/components/index.js

@@ -0,0 +1,14 @@
+/**
+ * This file is part of the SplendidBear Websites' projects.
+ *
+ * Copyright (c) 2026 @ www.splendidbear.org
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+export { GameBoard } from './GameBoard';
+export { default as GridControl } from './grid/GridControl';
+export { default as GridField } from './grid/GridField';
+export { default as User } from './user/User';
+export { default as UserControl } from './user/UserControl';

assets/js/mine-seeker/components/user/User.jsx

@@ -1,17 +1,28 @@
-import React, { memo } from 'react';
-import { IMAGES } from '../../utils/constants';
+/**
+ * This file is part of the SplendidBear Websites' projects.
+ *
+ * Copyright (c) 2026 @ www.splendidbear.org
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
 
-const User = memo(function User({
-  color,
-  webPlayer,
-  name,
-  desc,
-  active,
-  mines,
-  haveBomb,
-  enabledBomb,
-  onClickBombSelector,
-}) {
+import React, { memo } from 'react';
+import { IMAGES } from '@mine-utils';
+
+const User = memo(function User(
+  {
+    color,
+    webPlayer,
+    name,
+    desc,
+    active,
+    mines,
+    haveBomb,
+    enabledBomb,
+    onClickBombSelector,
+  },
+) {
   const buzzClass = 'bomb-container'
     + (active && color === webPlayer && haveBomb && enabledBomb ? ' buzz' : '');
 

assets/js/mine-seeker/components/user/UserControl.jsx

@@ -1,5 +1,14 @@
+/**
+ * This file is part of the SplendidBear Websites' projects.
+ *
+ * Copyright (c) 2026 @ www.splendidbear.org
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
 import React from 'react';
-import { useGame } from '../../contexts/GameContext';
+import { useGame } from '@mine-contexts';
 import User from './User';
 
 const UserControl = ({ resign }) => {