blacktrigram 0.7.9 → 0.7.10

package/README.md

@@ -14,6 +14,7 @@ _"Master the dark arts through the pursuit of the perfect strike"_
 ![Dark Trigram Logo](public/black-trigram.png)
 
 [![GitHub Release](https://img.shields.io/github/v/release/Hack23/blacktrigram)](https://github.com/Hack23/blacktrigram/releases)
+[![NPM Release](https://img.shields.io/npm/v/blacktrigram.svg)](https://www.npmjs.com/package/blacktrigram)
 [![License](https://img.shields.io/github/license/Hack23/blacktrigram.svg)](https://github.com/Hack23/blacktrigram/raw/master/LICENSE.md)
 [![OpenSSF Scorecard](https://api.securityscorecards.dev/projects/github.com/Hack23/blacktrigram/badge)](https://scorecard.dev/viewer/?uri=github.com/Hack23/blacktrigram)
 [![CII Best Practices](https://bestpractices.coreinfrastructure.org/projects/10777/badge)](https://bestpractices.coreinfrastructure.org/projects/10777)

package/lib/components/screens/intro/IntroScreen3D.js

@@ -22,7 +22,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Canvas } from "@react-three/fiber";
 //#region src/components/screens/intro/IntroScreen3D.tsx
-var APP_VERSION = "0.7.9";
+var APP_VERSION = "0.7.10";
 var MENU_ITEMS = [
 	{
 		mode: GameMode.VERSUS,

package/lib/components/shared/ui/SplashScreen.js

@@ -184,7 +184,7 @@ var SplashScreen = ({ onStart, width, height }) => {
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				role: "contentinfo",
-				"aria-label": `Application version 0.7.9`,
+				"aria-label": `Application version 0.7.10`,
 				style: {
 					position: "absolute",
 					bottom: "20px",
@@ -193,7 +193,7 @@ var SplashScreen = ({ onStart, width, height }) => {
 					fontSize: "10px",
 					zIndex: 1
 				},
-				children: ["v", "0.7.9"]
+				children: ["v", "0.7.10"]
 			})
 		]
 	});

package/lib/components/shared/ui/SplashScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplashScreen.js","names":[],"sources":["../../../../src/components/shared/ui/SplashScreen.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport { FONT_FAMILY, KOREAN_COLORS } from \"@/types/constants\";\nimport { toHex } from \"../../../utils/colorUtils\";\nimport { shouldUseMobileControls } from \"../../../utils/deviceDetection\";\n\n// Declare global APP_VERSION constant (injected by build process)\ndeclare const APP_VERSION: string | undefined;\n\n// Constants\n// Small delay to show loading state for visual feedback.\n// 100ms is sufficient for users to perceive the state change\n// without feeling sluggish. This value can be tuned for UX.\nconst LOADING_DELAY_MS = 100;\n\n// Pre-compute hex colors from Korean color constants\nconst HEX_COLORS = {\n  PRIMARY_CYAN: toHex(KOREAN_COLORS.PRIMARY_CYAN),\n  ACCENT_GOLD: toHex(KOREAN_COLORS.ACCENT_GOLD),\n} as const;\n\nexport interface SplashScreenProps {\n  readonly onStart: () => void;\n  readonly width: number;\n  readonly height: number;\n}\n\n/**\n * Splash screen that requires user interaction before starting the game.\n * This is necessary to initialize AudioContext which requires a user gesture.\n */\nexport const SplashScreen: React.FC<SplashScreenProps> = ({\n  onStart,\n  width,\n  height,\n}) => {\n  const [isLoading, setIsLoading] = useState(false);\n\n  // Use proper device detection (user-agent priority for high-res phones)\n  // This ensures mobile layout is used even on 4K Android devices\n  // User-agent doesn't change during session, so no dependencies needed\n  const isMobile = useMemo(() => shouldUseMobileControls(), []);\n\n  // Memoize responsive layout values\n  const layoutCalculation = useMemo(\n    () => ({\n      titleFontSize: isMobile ? 36 : 64,\n      subtitleFontSize: isMobile ? 16 : 24,\n      bodyFontSize: isMobile ? 12 : 14,\n      instructionsFontSize: isMobile ? 11 : 12,\n      buttonPadding: isMobile ? \"16px 48px\" : \"20px 60px\",\n      buttonFontSize: isMobile ? 16 : 20,\n    }),\n    [isMobile],\n  );\n\n  const handleStart = useCallback(() => {\n    setIsLoading(true);\n    // Small delay to show loading state\n    setTimeout(() => {\n      onStart();\n    }, LOADING_DELAY_MS);\n  }, [onStart]);\n\n  return (\n    <div\n      style={{\n        width,\n        height,\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        background: \"linear-gradient(180deg, #0a0f12 0%, #1a1a2e 100%)\",\n        color: \"#fff\",\n        fontFamily: FONT_FAMILY.CYBER,\n        position: \"relative\",\n        overflow: \"hidden\",\n      }}\n      data-testid=\"splash-screen\"\n    >\n      {/* Animated background grid - decorative only */}\n      <div\n        role=\"presentation\"\n        aria-hidden=\"true\"\n        style={{\n          position: \"absolute\",\n          inset: 0,\n          background: `\n            repeating-linear-gradient(\n              0deg,\n              transparent,\n              transparent 50px,\n              #${HEX_COLORS.PRIMARY_CYAN}08 50px,\n              #${HEX_COLORS.PRIMARY_CYAN}08 51px\n            ),\n            repeating-linear-gradient(\n              90deg,\n              transparent,\n              transparent 50px,\n              #${HEX_COLORS.PRIMARY_CYAN}08 50px,\n              #${HEX_COLORS.PRIMARY_CYAN}08 51px\n            )\n          `,\n          opacity: 0.3,\n        }}\n      />\n\n      {/* Screen reader live region for loading state */}\n      <div\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        style={{\n          position: \"absolute\",\n          left: \"-10000px\",\n          width: \"1px\",\n          height: \"1px\",\n          overflow: \"hidden\",\n        }}\n      >\n        {isLoading ? \"Initializing audio and loading game\" : \"Ready to start\"}\n      </div>\n\n      {/* Logo/Title */}\n      <div\n        style={{\n          marginBottom: \"60px\",\n          textAlign: \"center\",\n          zIndex: 1,\n        }}\n      >\n        <h1\n          style={{\n            fontSize: `${layoutCalculation.titleFontSize}px`,\n            fontWeight: 900,\n            color: `#${HEX_COLORS.PRIMARY_CYAN}`,\n            textShadow: `0 0 20px #${HEX_COLORS.PRIMARY_CYAN}80`,\n            marginBottom: \"20px\",\n            letterSpacing: \"4px\",\n          }}\n        >\n          흑괘\n        </h1>\n        <h2\n          style={{\n            fontSize: `${layoutCalculation.subtitleFontSize}px`,\n            fontWeight: 400,\n            color: `#${HEX_COLORS.ACCENT_GOLD}`,\n            letterSpacing: \"2px\",\n            marginTop: 0,\n          }}\n        >\n          BLACK TRIGRAM\n        </h2>\n        <p\n          style={{\n            fontSize: `${layoutCalculation.bodyFontSize}px`,\n            color: \"#aaa\",\n            marginTop: \"20px\",\n            letterSpacing: \"1px\",\n          }}\n        >\n          Korean Martial Arts Dojang\n        </p>\n      </div>\n\n      {/* Start Button */}\n      <button\n        onClick={handleStart}\n        disabled={isLoading}\n        aria-label={\n          isLoading\n            ? \"Starting game and initializing audio\"\n            : \"Start game and initialize audio\"\n        }\n        aria-busy={isLoading}\n        aria-describedby=\"splash-instructions\"\n        style={{\n          padding: layoutCalculation.buttonPadding,\n          fontSize: `${layoutCalculation.buttonFontSize}px`,\n          fontFamily: FONT_FAMILY.CYBER,\n          fontWeight: 700,\n          color: isLoading ? \"#666\" : \"#000\",\n          background: isLoading\n            ? \"#333\"\n            : `linear-gradient(135deg, #${HEX_COLORS.PRIMARY_CYAN} 0%, #${HEX_COLORS.ACCENT_GOLD} 100%)`,\n          border: \"none\",\n          borderRadius: \"8px\",\n          cursor: isLoading ? \"not-allowed\" : \"pointer\",\n          textTransform: \"uppercase\",\n          letterSpacing: \"2px\",\n          transition: \"all 0.3s ease\",\n          boxShadow: isLoading\n            ? \"none\"\n            : `0 4px 20px #${HEX_COLORS.PRIMARY_CYAN}40`,\n          position: \"relative\",\n          zIndex: 1,\n          opacity: isLoading ? 0.6 : 1,\n        }}\n        onMouseEnter={(e) => {\n          if (!isLoading) {\n            e.currentTarget.style.transform = \"scale(1.05)\";\n            e.currentTarget.style.boxShadow = `0 6px 30px #${HEX_COLORS.PRIMARY_CYAN}60`;\n          }\n        }}\n        onMouseLeave={(e) => {\n          if (!isLoading) {\n            e.currentTarget.style.transform = \"scale(1)\";\n            e.currentTarget.style.boxShadow = `0 4px 20px #${HEX_COLORS.PRIMARY_CYAN}40`;\n          }\n        }}\n        data-testid=\"splash-start-button\"\n      >\n        {isLoading ? \"시작 중... Starting...\" : \"시작 | Start\"}\n      </button>\n\n      {/* Instructions */}\n      <div\n        id=\"splash-instructions\"\n        style={{\n          marginTop: \"40px\",\n          textAlign: \"center\",\n          color: \"#888\",\n          fontSize: `${layoutCalculation.instructionsFontSize}px`,\n          maxWidth: \"600px\",\n          padding: \"0 20px\",\n          zIndex: 1,\n        }}\n      >\n        <p style={{ margin: \"8px 0\" }}>\n          Audio initialization requires user interaction\n        </p>\n        <p style={{ margin: \"8px 0\" }}>\n          Click the button above to enable sound and start the game\n        </p>\n      </div>\n\n      {/* Version info */}\n      <div\n        role=\"contentinfo\"\n        aria-label={`Application version ${typeof APP_VERSION !== \"undefined\" ? APP_VERSION : \"0.5.3\"}`}\n        style={{\n          position: \"absolute\",\n          bottom: \"20px\",\n          right: \"20px\",\n          color: \"#555\",\n          fontSize: \"10px\",\n          zIndex: 1,\n        }}\n      >\n        v{typeof APP_VERSION !== \"undefined\" ? APP_VERSION : \"0.5.3\"}\n      </div>\n    </div>\n  );\n};\n\nexport default SplashScreen;\n"],"mappings":"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"}
+{"version":3,"file":"SplashScreen.js","names":[],"sources":["../../../../src/components/shared/ui/SplashScreen.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport { FONT_FAMILY, KOREAN_COLORS } from \"@/types/constants\";\nimport { toHex } from \"../../../utils/colorUtils\";\nimport { shouldUseMobileControls } from \"../../../utils/deviceDetection\";\n\n// Declare global APP_VERSION constant (injected by build process)\ndeclare const APP_VERSION: string | undefined;\n\n// Constants\n// Small delay to show loading state for visual feedback.\n// 100ms is sufficient for users to perceive the state change\n// without feeling sluggish. This value can be tuned for UX.\nconst LOADING_DELAY_MS = 100;\n\n// Pre-compute hex colors from Korean color constants\nconst HEX_COLORS = {\n  PRIMARY_CYAN: toHex(KOREAN_COLORS.PRIMARY_CYAN),\n  ACCENT_GOLD: toHex(KOREAN_COLORS.ACCENT_GOLD),\n} as const;\n\nexport interface SplashScreenProps {\n  readonly onStart: () => void;\n  readonly width: number;\n  readonly height: number;\n}\n\n/**\n * Splash screen that requires user interaction before starting the game.\n * This is necessary to initialize AudioContext which requires a user gesture.\n */\nexport const SplashScreen: React.FC<SplashScreenProps> = ({\n  onStart,\n  width,\n  height,\n}) => {\n  const [isLoading, setIsLoading] = useState(false);\n\n  // Use proper device detection (user-agent priority for high-res phones)\n  // This ensures mobile layout is used even on 4K Android devices\n  // User-agent doesn't change during session, so no dependencies needed\n  const isMobile = useMemo(() => shouldUseMobileControls(), []);\n\n  // Memoize responsive layout values\n  const layoutCalculation = useMemo(\n    () => ({\n      titleFontSize: isMobile ? 36 : 64,\n      subtitleFontSize: isMobile ? 16 : 24,\n      bodyFontSize: isMobile ? 12 : 14,\n      instructionsFontSize: isMobile ? 11 : 12,\n      buttonPadding: isMobile ? \"16px 48px\" : \"20px 60px\",\n      buttonFontSize: isMobile ? 16 : 20,\n    }),\n    [isMobile],\n  );\n\n  const handleStart = useCallback(() => {\n    setIsLoading(true);\n    // Small delay to show loading state\n    setTimeout(() => {\n      onStart();\n    }, LOADING_DELAY_MS);\n  }, [onStart]);\n\n  return (\n    <div\n      style={{\n        width,\n        height,\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        background: \"linear-gradient(180deg, #0a0f12 0%, #1a1a2e 100%)\",\n        color: \"#fff\",\n        fontFamily: FONT_FAMILY.CYBER,\n        position: \"relative\",\n        overflow: \"hidden\",\n      }}\n      data-testid=\"splash-screen\"\n    >\n      {/* Animated background grid - decorative only */}\n      <div\n        role=\"presentation\"\n        aria-hidden=\"true\"\n        style={{\n          position: \"absolute\",\n          inset: 0,\n          background: `\n            repeating-linear-gradient(\n              0deg,\n              transparent,\n              transparent 50px,\n              #${HEX_COLORS.PRIMARY_CYAN}08 50px,\n              #${HEX_COLORS.PRIMARY_CYAN}08 51px\n            ),\n            repeating-linear-gradient(\n              90deg,\n              transparent,\n              transparent 50px,\n              #${HEX_COLORS.PRIMARY_CYAN}08 50px,\n              #${HEX_COLORS.PRIMARY_CYAN}08 51px\n            )\n          `,\n          opacity: 0.3,\n        }}\n      />\n\n      {/* Screen reader live region for loading state */}\n      <div\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        style={{\n          position: \"absolute\",\n          left: \"-10000px\",\n          width: \"1px\",\n          height: \"1px\",\n          overflow: \"hidden\",\n        }}\n      >\n        {isLoading ? \"Initializing audio and loading game\" : \"Ready to start\"}\n      </div>\n\n      {/* Logo/Title */}\n      <div\n        style={{\n          marginBottom: \"60px\",\n          textAlign: \"center\",\n          zIndex: 1,\n        }}\n      >\n        <h1\n          style={{\n            fontSize: `${layoutCalculation.titleFontSize}px`,\n            fontWeight: 900,\n            color: `#${HEX_COLORS.PRIMARY_CYAN}`,\n            textShadow: `0 0 20px #${HEX_COLORS.PRIMARY_CYAN}80`,\n            marginBottom: \"20px\",\n            letterSpacing: \"4px\",\n          }}\n        >\n          흑괘\n        </h1>\n        <h2\n          style={{\n            fontSize: `${layoutCalculation.subtitleFontSize}px`,\n            fontWeight: 400,\n            color: `#${HEX_COLORS.ACCENT_GOLD}`,\n            letterSpacing: \"2px\",\n            marginTop: 0,\n          }}\n        >\n          BLACK TRIGRAM\n        </h2>\n        <p\n          style={{\n            fontSize: `${layoutCalculation.bodyFontSize}px`,\n            color: \"#aaa\",\n            marginTop: \"20px\",\n            letterSpacing: \"1px\",\n          }}\n        >\n          Korean Martial Arts Dojang\n        </p>\n      </div>\n\n      {/* Start Button */}\n      <button\n        onClick={handleStart}\n        disabled={isLoading}\n        aria-label={\n          isLoading\n            ? \"Starting game and initializing audio\"\n            : \"Start game and initialize audio\"\n        }\n        aria-busy={isLoading}\n        aria-describedby=\"splash-instructions\"\n        style={{\n          padding: layoutCalculation.buttonPadding,\n          fontSize: `${layoutCalculation.buttonFontSize}px`,\n          fontFamily: FONT_FAMILY.CYBER,\n          fontWeight: 700,\n          color: isLoading ? \"#666\" : \"#000\",\n          background: isLoading\n            ? \"#333\"\n            : `linear-gradient(135deg, #${HEX_COLORS.PRIMARY_CYAN} 0%, #${HEX_COLORS.ACCENT_GOLD} 100%)`,\n          border: \"none\",\n          borderRadius: \"8px\",\n          cursor: isLoading ? \"not-allowed\" : \"pointer\",\n          textTransform: \"uppercase\",\n          letterSpacing: \"2px\",\n          transition: \"all 0.3s ease\",\n          boxShadow: isLoading\n            ? \"none\"\n            : `0 4px 20px #${HEX_COLORS.PRIMARY_CYAN}40`,\n          position: \"relative\",\n          zIndex: 1,\n          opacity: isLoading ? 0.6 : 1,\n        }}\n        onMouseEnter={(e) => {\n          if (!isLoading) {\n            e.currentTarget.style.transform = \"scale(1.05)\";\n            e.currentTarget.style.boxShadow = `0 6px 30px #${HEX_COLORS.PRIMARY_CYAN}60`;\n          }\n        }}\n        onMouseLeave={(e) => {\n          if (!isLoading) {\n            e.currentTarget.style.transform = \"scale(1)\";\n            e.currentTarget.style.boxShadow = `0 4px 20px #${HEX_COLORS.PRIMARY_CYAN}40`;\n          }\n        }}\n        data-testid=\"splash-start-button\"\n      >\n        {isLoading ? \"시작 중... Starting...\" : \"시작 | Start\"}\n      </button>\n\n      {/* Instructions */}\n      <div\n        id=\"splash-instructions\"\n        style={{\n          marginTop: \"40px\",\n          textAlign: \"center\",\n          color: \"#888\",\n          fontSize: `${layoutCalculation.instructionsFontSize}px`,\n          maxWidth: \"600px\",\n          padding: \"0 20px\",\n          zIndex: 1,\n        }}\n      >\n        <p style={{ margin: \"8px 0\" }}>\n          Audio initialization requires user interaction\n        </p>\n        <p style={{ margin: \"8px 0\" }}>\n          Click the button above to enable sound and start the game\n        </p>\n      </div>\n\n      {/* Version info */}\n      <div\n        role=\"contentinfo\"\n        aria-label={`Application version ${typeof APP_VERSION !== \"undefined\" ? APP_VERSION : \"0.5.3\"}`}\n        style={{\n          position: \"absolute\",\n          bottom: \"20px\",\n          right: \"20px\",\n          color: \"#555\",\n          fontSize: \"10px\",\n          zIndex: 1,\n        }}\n      >\n        v{typeof APP_VERSION !== \"undefined\" ? APP_VERSION : \"0.5.3\"}\n      </div>\n    </div>\n  );\n};\n\nexport default SplashScreen;\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "blacktrigram",
-  "version": "0.7.9",
+  "version": "0.7.10",
   "description": "Black Trigram (흑괘) - Korean Martial Arts Combat Simulator. Reusable game systems, combat mechanics, animation framework, and Korean martial arts data built with React, Three.js, and TypeScript.",
   "type": "module",
   "main": "./lib/index.js",
@@ -173,7 +173,7 @@
     "three": "^0.183.0"
   },
   "devDependencies": {
-    "@aws-sdk/client-bedrock-runtime": "3.1021.0",
+    "@aws-sdk/client-bedrock-runtime": "3.1023.0",
     "@eslint/js": "10.0.1",
     "@react-three/drei": "10.7.7",
     "@react-three/fiber": "9.5.0",
@@ -194,21 +194,21 @@
     "cypress-multi-reporters": "2.0.5",
     "cypress-wait-until": "3.0.2",
     "dependency-cruiser": "17.3.10",
-    "dotenv": "17.3.1",
+    "dotenv": "17.4.0",
     "eslint": "10.1.0",
     "eslint-plugin-react-hooks": "7.0.1",
     "eslint-plugin-react-refresh": "0.5.2",
     "globals": "17.4.0",
     "jest-axe": "10.0.0",
     "jsdom": "29.0.1",
-    "knip": "6.1.1",
+    "knip": "6.2.0",
     "license-compliance": "3.0.1",
     "mocha-junit-reporter": "2.2.1",
     "mochawesome": "7.1.4",
     "mochawesome-merge": "5.1.1",
     "mochawesome-report-generator": "6.3.2",
     "openai": "6.33.0",
-    "playwright": "1.58.2",
+    "playwright": "1.59.1",
     "postprocessing": "6.39.0",
     "react": "19.2.4",
     "react-dom": "19.2.4",