brick-engine-js 1.0.1 → 1.0.2

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.
Files changed (225) hide show
  1. package/dist/docs/GAME_DEVELOPER_GUIDE.html +1 -1
  2. package/dist/docs/brick-engine-guide.html +1 -1
  3. package/dist/docs/getting-started.html +1 -1
  4. package/dist/docs/jsdoc_standard.html +1 -1
  5. package/dist/docs/publishing.html +1 -1
  6. package/dist/docs/reference/interfaces/modules/Session.html +1 -1
  7. package/dist/docs/reference/modules/GameMenu.html +1 -1
  8. package/dist/docs/reference/modules/GameSession.html +1 -1
  9. package/dist/docs/reference/modules/InitialStateSnapshot.html +1 -1
  10. package/dist/docs/reference/modules/SessionModal.html +1 -1
  11. package/dist/docs/testing_best_practices.html +1 -1
  12. package/package.json +7 -1
  13. package/.env.local.example +0 -2
  14. package/.github/workflows/publish.yml +0 -73
  15. package/.prettierignore +0 -2
  16. package/.prettierrc.json +0 -8
  17. package/eslint.config.mjs +0 -29
  18. package/public/CNAME +0 -1
  19. package/public/docs/GAME_DEVELOPER_GUIDE.html +0 -727
  20. package/public/docs/brick-engine-guide.html +0 -610
  21. package/public/docs/diagrams/lifecycle.mmd +0 -19
  22. package/public/docs/documentation_style_guide.html +0 -994
  23. package/public/docs/getting-started.html +0 -648
  24. package/public/docs/images/lifecycle.svg +0 -1
  25. package/public/docs/index.html +0 -593
  26. package/public/docs/jsdoc_standard.html +0 -656
  27. package/public/docs/publishing.html +0 -573
  28. package/public/docs/reference/enums/Color.html +0 -533
  29. package/public/docs/reference/enums/ControlEventType.html +0 -505
  30. package/public/docs/reference/enums/ControlKey.html +0 -529
  31. package/public/docs/reference/enums/FontAlignment.html +0 -545
  32. package/public/docs/reference/enums/FontSize.html +0 -517
  33. package/public/docs/reference/enums/Sound.html +0 -558
  34. package/public/docs/reference/enums/StateProperty.html +0 -525
  35. package/public/docs/reference/helpers/CellHelper.html +0 -520
  36. package/public/docs/reference/helpers/ControlInputHandlerHelper.html +0 -569
  37. package/public/docs/reference/helpers/CoordinateHelper.html +0 -703
  38. package/public/docs/reference/helpers/RelativeValuesHelper.html +0 -560
  39. package/public/docs/reference/interfaces/Debuggable.html +0 -501
  40. package/public/docs/reference/interfaces/GameModules.html +0 -544
  41. package/public/docs/reference/interfaces/Initializable.html +0 -495
  42. package/public/docs/reference/interfaces/RendererInitializable.html +0 -517
  43. package/public/docs/reference/interfaces/StateSyncable.html +0 -542
  44. package/public/docs/reference/interfaces/modules/Control.html +0 -648
  45. package/public/docs/reference/interfaces/modules/Grid.html +0 -1256
  46. package/public/docs/reference/interfaces/modules/Renderer.html +0 -522
  47. package/public/docs/reference/interfaces/modules/RendererComposite.html +0 -577
  48. package/public/docs/reference/interfaces/modules/Score.html +0 -669
  49. package/public/docs/reference/interfaces/modules/Session.html +0 -585
  50. package/public/docs/reference/interfaces/modules/State.html +0 -897
  51. package/public/docs/reference/interfaces/modules/Text.html +0 -668
  52. package/public/docs/reference/interfaces/modules/Time.html +0 -684
  53. package/public/docs/reference/modules/Debugger.html +0 -579
  54. package/public/docs/reference/modules/DisplayRenderer.html +0 -557
  55. package/public/docs/reference/modules/Game.html +0 -909
  56. package/public/docs/reference/modules/GameControl.html +0 -716
  57. package/public/docs/reference/modules/GameGrid.html +0 -1910
  58. package/public/docs/reference/modules/GameHudGrid.html +0 -508
  59. package/public/docs/reference/modules/GameMenu.html +0 -538
  60. package/public/docs/reference/modules/GameRenderer.html +0 -589
  61. package/public/docs/reference/modules/GameScore.html +0 -664
  62. package/public/docs/reference/modules/GameSession.html +0 -533
  63. package/public/docs/reference/modules/GameSound.html +0 -636
  64. package/public/docs/reference/modules/GameState.html +0 -922
  65. package/public/docs/reference/modules/GameText.html +0 -701
  66. package/public/docs/reference/modules/GameTime.html +0 -696
  67. package/public/docs/reference/modules/HudRenderer.html +0 -568
  68. package/public/docs/reference/modules/InitialStateSnapshot.html +0 -557
  69. package/public/docs/reference/modules/SessionModal.html +0 -520
  70. package/public/docs/reference/types/Axis.html +0 -505
  71. package/public/docs/reference/types/Cell.html +0 -514
  72. package/public/docs/reference/types/ControlCallback.html +0 -488
  73. package/public/docs/reference/types/Coordinate.html +0 -510
  74. package/public/docs/reference/types/GameEntry.html +0 -514
  75. package/public/docs/reference/types/GameEvent.html +0 -514
  76. package/public/docs/reference/types/Piece.html +0 -506
  77. package/public/docs/reference/types/RendererMetrics.html +0 -514
  78. package/public/docs/reference/types/Vector.html +0 -509
  79. package/public/docs/testing_best_practices.html +0 -770
  80. package/public/favicon.ico +0 -0
  81. package/public/fonts/digital-7.monoitalic.ttf +0 -0
  82. package/public/images/cell.svg +0 -32
  83. package/public/images/close.png +0 -0
  84. package/public/images/games.png +0 -0
  85. package/public/images/github.png +0 -0
  86. package/public/images/letter-a.png +0 -0
  87. package/public/images/letter-d.png +0 -0
  88. package/public/images/letter-j.png +0 -0
  89. package/public/images/letter-s.png +0 -0
  90. package/public/images/letter-w.png +0 -0
  91. package/public/images/meta-image.png +0 -0
  92. package/public/images/number-1.png +0 -0
  93. package/public/images/number-2.png +0 -0
  94. package/public/images/number-3.png +0 -0
  95. package/public/images/number-4.png +0 -0
  96. package/public/images/number-5.png +0 -0
  97. package/public/images/number-6.png +0 -0
  98. package/public/images/splash.gif +0 -0
  99. package/public/index.html +0 -15
  100. package/public/sounds/sound_00.wav +0 -0
  101. package/public/sounds/sound_01.wav +0 -0
  102. package/public/sounds/sound_02.wav +0 -0
  103. package/public/sounds/sound_03.wav +0 -0
  104. package/public/sounds/sound_04.wav +0 -0
  105. package/public/sounds/sound_05.wav +0 -0
  106. package/public/sounds/sound_06.wav +0 -0
  107. package/public/sounds/sound_07.wav +0 -0
  108. package/public/sounds/sound_08.wav +0 -0
  109. package/public/sounds/sound_09.wav +0 -0
  110. package/public/sounds/sound_10.wav +0 -0
  111. package/public/sounds/sound_11.wav +0 -0
  112. package/public/sounds/sound_12.wav +0 -0
  113. package/public/sounds/sound_13.wav +0 -0
  114. package/public/sounds/sound_14.wav +0 -0
  115. package/public/sounds/sound_15.wav +0 -0
  116. package/public/style/body.css +0 -86
  117. package/public/style/buttons.css +0 -233
  118. package/public/style/debugger.css +0 -117
  119. package/public/style/sessionModal.css +0 -155
  120. package/public/style/sourceCodeAndCommands.css +0 -74
  121. package/public/style/splash.css +0 -13
  122. package/public/style/theme.css +0 -137
  123. package/scripts/generate-diagrams.sh +0 -20
  124. package/scripts/generate-docs.js +0 -111
  125. package/src/client-game.d.ts +0 -1
  126. package/src/config/configs.test.ts +0 -20
  127. package/src/config/configs.ts +0 -197
  128. package/src/config/env.test.ts +0 -59
  129. package/src/config/env.ts +0 -7
  130. package/src/config/styles.ts +0 -5
  131. package/src/core/Game.test.ts +0 -167
  132. package/src/core/Game.ts +0 -307
  133. package/src/core/InitialStateSnapshot.test.ts +0 -51
  134. package/src/core/InitialStateSnapshot.ts +0 -46
  135. package/src/core/helpers/CellHelper.test.ts +0 -33
  136. package/src/core/helpers/CellHelper.ts +0 -21
  137. package/src/core/helpers/ControlInputHandlerHelper.test.ts +0 -116
  138. package/src/core/helpers/ControlInputHandlerHelper.ts +0 -68
  139. package/src/core/helpers/CoordinateHelper.test.ts +0 -113
  140. package/src/core/helpers/CoordinateHelper.ts +0 -82
  141. package/src/core/helpers/InterfaceIdentifierHelper.test.ts +0 -122
  142. package/src/core/helpers/InterfaceIdentifierHelper.ts +0 -43
  143. package/src/core/helpers/RelativeValuesHelper.test.ts +0 -47
  144. package/src/core/helpers/RelativeValuesHelper.ts +0 -29
  145. package/src/core/module/control/GameControl.test.ts +0 -82
  146. package/src/core/module/control/GameControl.ts +0 -142
  147. package/src/core/module/control/GameControlKeyBinding.test.ts +0 -59
  148. package/src/core/module/control/GameControlKeyBinding.ts +0 -92
  149. package/src/core/module/grid/GameGrid.test.ts +0 -83
  150. package/src/core/module/grid/GameGrid.ts +0 -610
  151. package/src/core/module/grid/GameHudGrid.test.ts +0 -22
  152. package/src/core/module/grid/GameHudGrid.ts +0 -40
  153. package/src/core/module/grid/engines/GridAnalysisEngine.test.ts +0 -157
  154. package/src/core/module/grid/engines/GridAnalysisEngine.ts +0 -124
  155. package/src/core/module/grid/engines/GridLineEngine.test.ts +0 -132
  156. package/src/core/module/grid/engines/GridLineEngine.ts +0 -165
  157. package/src/core/module/grid/engines/GridMovementEngine.test.ts +0 -125
  158. package/src/core/module/grid/engines/GridMovementEngine.ts +0 -113
  159. package/src/core/module/grid/engines/GridRegionEngine.test.ts +0 -136
  160. package/src/core/module/grid/engines/GridRegionEngine.ts +0 -52
  161. package/src/core/module/grid/engines/GridTransformEngine.test.ts +0 -98
  162. package/src/core/module/grid/engines/GridTransformEngine.ts +0 -70
  163. package/src/core/module/renderer/DisplayRenderer.test.ts +0 -86
  164. package/src/core/module/renderer/DisplayRenderer.ts +0 -152
  165. package/src/core/module/renderer/GameRenderer.test.ts +0 -103
  166. package/src/core/module/renderer/GameRenderer.ts +0 -144
  167. package/src/core/module/renderer/HudRenderer.test.ts +0 -108
  168. package/src/core/module/renderer/HudRenderer.ts +0 -203
  169. package/src/core/module/score/GameScore.test.ts +0 -71
  170. package/src/core/module/score/GameScore.ts +0 -188
  171. package/src/core/module/session/GameSession.test.ts +0 -176
  172. package/src/core/module/session/GameSession.ts +0 -103
  173. package/src/core/module/sound/GameSound.test.ts +0 -117
  174. package/src/core/module/sound/GameSound.ts +0 -229
  175. package/src/core/module/state/GameState.test.ts +0 -101
  176. package/src/core/module/state/GameState.ts +0 -339
  177. package/src/core/module/text/GameText.test.ts +0 -87
  178. package/src/core/module/text/GameText.ts +0 -150
  179. package/src/core/module/time/GameTime.test.ts +0 -86
  180. package/src/core/module/time/GameTime.ts +0 -144
  181. package/src/core/types/Interfaces.ts +0 -59
  182. package/src/core/types/Types.ts +0 -124
  183. package/src/core/types/enums.ts +0 -113
  184. package/src/core/types/modules.ts +0 -841
  185. package/src/index.test.ts +0 -15
  186. package/src/index.ts +0 -9
  187. package/src/main.test.ts +0 -137
  188. package/src/main.ts +0 -77
  189. package/src/menu/GameMenu.test.ts +0 -157
  190. package/src/menu/GameMenu.ts +0 -124
  191. package/src/menu/GameMenuSingleton.test.ts +0 -26
  192. package/src/menu/GameMenuSingleton.ts +0 -13
  193. package/src/menu/GameRepository.test.ts +0 -46
  194. package/src/menu/GameRepository.ts +0 -47
  195. package/src/menu/manager/GameManager.test.ts +0 -68
  196. package/src/menu/manager/GameManager.ts +0 -50
  197. package/src/types/global.d.ts +0 -8
  198. package/src/types/interfaces.ts +0 -5
  199. package/src/view/Debugger.test.ts +0 -152
  200. package/src/view/Debugger.ts +0 -124
  201. package/src/view/GameView.test.ts +0 -95
  202. package/src/view/GameView.ts +0 -244
  203. package/src/view/SessionModal.test.ts +0 -141
  204. package/src/view/SessionModal.ts +0 -73
  205. package/src/view/components/layout/ButtonLayout.test.ts +0 -28
  206. package/src/view/components/layout/ButtonLayout.ts +0 -63
  207. package/src/view/components/layout/ContainerLayout.test.ts +0 -48
  208. package/src/view/components/layout/ContainerLayout.ts +0 -50
  209. package/src/view/components/layout/FrameLayout.test.ts +0 -24
  210. package/src/view/components/layout/FrameLayout.ts +0 -25
  211. package/src/view/components/ui/BigButton.test.ts +0 -28
  212. package/src/view/components/ui/BigButton.ts +0 -31
  213. package/src/view/components/ui/Button.test.ts +0 -30
  214. package/src/view/components/ui/Button.ts +0 -30
  215. package/src/view/components/ui/Canvas.test.ts +0 -32
  216. package/src/view/components/ui/Canvas.ts +0 -34
  217. package/src/view/components/ui/SmallButton.test.ts +0 -48
  218. package/src/view/components/ui/SmallButton.ts +0 -32
  219. package/src/view/theme/applyColors.test.ts +0 -47
  220. package/src/view/theme/applyColors.ts +0 -38
  221. package/src/view/theme/dimensions.test.ts +0 -34
  222. package/src/view/theme/dimensions.ts +0 -53
  223. package/tsconfig.json +0 -16
  224. package/vitest.config.ts +0 -14
  225. package/webpack.config.js +0 -133
package/public/favicon.ico DELETED
Binary file
package/public/images/cell.svg DELETED
@@ -1,32 +0,0 @@
1
- <?xml version="1.0" standalone="no"?>
2
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
3
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
4
- <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 3">
5
-
6
- <rect
7
- x="0"
8
- y="0"
9
- width="3"
10
- height="3"
11
- fill="rgb(172, 189, 173)"
12
- />
13
-
14
- <rect
15
- x="0.3"
16
- y="0.3"
17
- width="2.5"
18
- height="2.5"
19
- stroke="rgb(161, 178, 160)"
20
- stroke-width=".2"
21
- fill="none"
22
- />
23
-
24
- <rect
25
- x=".8"
26
- y=".8"
27
- width="1.5"
28
- height="1.5"
29
- fill="rgb(161, 178, 160)"
30
- />
31
-
32
- </svg>
package/public/images/close.png DELETED
Binary file
package/public/images/games.png DELETED
Binary file
package/public/images/github.png DELETED
Binary file
package/public/images/letter-a.png DELETED
Binary file
package/public/images/letter-d.png DELETED
Binary file
package/public/images/letter-j.png DELETED
Binary file
package/public/images/letter-s.png DELETED
Binary file
package/public/images/letter-w.png DELETED
Binary file
package/public/images/meta-image.png DELETED
Binary file
package/public/images/number-1.png DELETED
Binary file
package/public/images/number-2.png DELETED
Binary file
package/public/images/number-3.png DELETED
Binary file
package/public/images/number-4.png DELETED
Binary file
package/public/images/number-5.png DELETED
Binary file
package/public/images/number-6.png DELETED
Binary file
package/public/images/splash.gif DELETED
Binary file
package/public/index.html DELETED
@@ -1,15 +0,0 @@
1
- <!doctype html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <title>P5 Project</title>
6
- <script src="vendor/p5.min.js"></script>
7
- </head>
8
- <body>
9
- <div id="brick-game"></div>
10
-
11
- <div id="splash">
12
- <img src="images/splash.gif" />
13
- </div>
14
- </body>
15
- </html>
package/public/sounds/sound_00.wav DELETED
Binary file
package/public/sounds/sound_01.wav DELETED
Binary file
package/public/sounds/sound_02.wav DELETED
Binary file
package/public/sounds/sound_03.wav DELETED
Binary file
package/public/sounds/sound_04.wav DELETED
Binary file
package/public/sounds/sound_05.wav DELETED
Binary file
package/public/sounds/sound_06.wav DELETED
Binary file
package/public/sounds/sound_07.wav DELETED
Binary file
package/public/sounds/sound_08.wav DELETED
Binary file
package/public/sounds/sound_09.wav DELETED
Binary file
package/public/sounds/sound_10.wav DELETED
Binary file
package/public/sounds/sound_11.wav DELETED
Binary file
package/public/sounds/sound_12.wav DELETED
Binary file
package/public/sounds/sound_13.wav DELETED
Binary file
package/public/sounds/sound_14.wav DELETED
Binary file
package/public/sounds/sound_15.wav DELETED
Binary file
package/public/style/body.css DELETED
@@ -1,86 +0,0 @@
1
- /* MAIN BODY */
2
-
3
- #brick-game {
4
- display: flex;
5
- justify-content: center;
6
- align-items: center;
7
- width: 100%;
8
- height: 100%;
9
- }
10
-
11
- #container {
12
- width: var(--width);
13
- height: var(--height);
14
-
15
- background-color: var(--main-color);
16
-
17
- border-radius: var(--border-radius);
18
- border: var(--border);
19
-
20
- box-sizing: border-box;
21
- margin: auto;
22
- position: relative;
23
-
24
- display: flex;
25
- flex-direction: column;
26
-
27
- box-shadow:
28
- calc(var(--width) * -0.03) calc(var(--width) * 0.03) var(--dispersion) black,
29
- calc(var(--width) * -0.02) calc(var(--width) * 0.02) var(--dispersion) var(--color-shadow-reflexion) inset,
30
- calc(var(--width) * 0.01) calc(var(--width) * -0.01) var(--dispersion) var(--color-shadow) inset;
31
- }
32
-
33
- #brick-game-canvas {
34
- border: var(--border);
35
- box-shadow:
36
- calc(var(--width) * -0.01) calc(var(--width) * 0.01) var(--dispersion) var(--color-shadow),
37
- calc(var(--width) * 0.01) calc(var(--width) * -0.01) var(--dispersion) var(--color-shadow-reflexion);
38
- }
39
-
40
- /* FRAME */
41
-
42
- #frame {
43
- border: var(--border);
44
- border-radius: var(--border-radius);
45
-
46
- position: relative;
47
-
48
- width: calc(var(--width) * 0.85);
49
- height: auto;
50
- aspect-ratio: 9/10;
51
- margin: 7.5%;
52
- margin-bottom: 3.75%;
53
-
54
- display: flex;
55
- justify-content: center;
56
- align-items: center;
57
- }
58
-
59
- #frame div {
60
- position: absolute;
61
- top: calc(var(--height) * -0.02);
62
- left: 27.5%;
63
-
64
- width: 45%;
65
- height: calc(var(--height) * 0.03);
66
-
67
- background-color: var(--main-color);
68
-
69
- display: flex;
70
- justify-content: center;
71
-
72
- padding-top: calc(var(--height) * 0.005);
73
- padding-bottom: 0;
74
- }
75
-
76
- #frame p {
77
- text-align: center;
78
-
79
- font-family: 'retro-gamming';
80
- font-weight: bold;
81
- font-size: calc(var(--height) * 0.03);
82
-
83
- text-shadow:
84
- calc(var(--width) * -0.003) calc(var(--width) * 0.003) 0 var(--color-shadow),
85
- calc(var(--width) * 0.002) calc(var(--width) * -0.002) 0 var(--color-shadow-reflexion);
86
- }
package/public/style/buttons.css DELETED
@@ -1,233 +0,0 @@
1
- /* BUTTONS */
2
-
3
- .sm-btn,
4
- .btn,
5
- .lg-btn {
6
- z-index: 999;
7
- }
8
-
9
- .sm-btn {
10
- box-shadow:
11
- calc(var(--width) * -0.0075) calc(var(--width) * 0.0075) var(--dispersion) var(--color-shadow),
12
- calc(var(--width) * -0.01) calc(var(--width) * 0.01) var(--dispersion) var(--button-color-reflexion) inset;
13
- }
14
-
15
- .sm-btn:active {
16
- box-shadow:
17
- calc(var(--width) * -0.004) calc(var(--width) * 0.004) var(--dispersion) var(--color-shadow),
18
- calc(var(--width) * -0.003) calc(var(--width) * 0.003) var(--dispersion) var(--button-color-reflexion) inset;
19
- transform: translateX(calc(var(--width) * -0.0025)) translateY(calc(var(--width) * 0.0025));
20
- }
21
-
22
- .btn {
23
- box-shadow:
24
- calc(var(--width) * -0.015) calc(var(--width) * 0.015) var(--dispersion) var(--color-shadow),
25
- calc(var(--width) * -0.0175) calc(var(--width) * 0.0175) var(--dispersion) var(--button-color-reflexion) inset;
26
- }
27
-
28
- .btn:active {
29
- box-shadow:
30
- calc(var(--width) * -0.004) calc(var(--width) * 0.004) var(--dispersion) var(--color-shadow),
31
- calc(var(--width) * -0.003) calc(var(--width) * 0.003) var(--dispersion) var(--button-color-reflexion) inset;
32
- transform: translateX(calc(var(--width) * -0.005)) translateY(calc(var(--width) * 0.005));
33
- }
34
-
35
- .lg-btn {
36
- box-shadow:
37
- calc(var(--width) * -0.02) calc(var(--width) * 0.02) var(--dispersion) var(--color-shadow),
38
- calc(var(--width) * -0.0175) calc(var(--width) * 0.0175) var(--dispersion) var(--button-color-reflexion) inset;
39
- }
40
-
41
- .lg-btn:active {
42
- box-shadow:
43
- calc(var(--width) * -0.005) calc(var(--width) * 0.005) var(--dispersion) var(--color-shadow),
44
- calc(var(--width) * -0.004) calc(var(--width) * 0.004) var(--dispersion) var(--button-color-reflexion) inset;
45
- transform: translateX(calc(var(--width) * -0.0075)) translateY(calc(var(--width) * 0.0075));
46
- }
47
-
48
- .sm-btn-p,
49
- .btn-p,
50
- .lg-btn-p {
51
- font-family: 'retro-gamming';
52
- color: white;
53
- text-align: center;
54
-
55
- user-select: none;
56
- }
57
-
58
- .sm-btn-container,
59
- .btn-container,
60
- .lg-btn-container {
61
- display: flex;
62
- justify-content: center;
63
- align-items: center;
64
- }
65
-
66
- .sm-btn,
67
- .btn,
68
- .lg-btn {
69
- outline: none;
70
-
71
- border-radius: 50%;
72
- border: var(--button-border);
73
-
74
- transition-property: transform box-shadow;
75
- transition-duration: var(--button-animation-duration);
76
-
77
- background-color: var(--button-color);
78
- }
79
-
80
- .sm-btn-container {
81
- flex-direction: column;
82
- }
83
-
84
- .sm-btn {
85
- width: var(--sm-button-size);
86
- height: var(--sm-button-size);
87
- }
88
-
89
- .sm-btn-p {
90
- font-family: 'retro-gamming';
91
- color: white;
92
- text-align: center;
93
-
94
- user-select: none;
95
-
96
- font-size: calc(var(--width) * 0.03);
97
-
98
- /* width: calc(var(--width) * 0.08); */
99
- margin-top: calc(var(--width) * 0.01);
100
-
101
- line-height: calc(var(--width) * 0.03);
102
- height: calc(var(--width) * 0.06);
103
-
104
- text-shadow:
105
- calc(var(--width) * -0.003) calc(var(--width) * 0.003) 0 var(--color-shadow),
106
- calc(var(--width) * 0.002) calc(var(--width) * -0.002) 0 var(--color-shadow-reflexion);
107
- }
108
-
109
- .btn-container {
110
- flex-direction: column-reverse;
111
- }
112
-
113
- .btn {
114
- width: var(--button-size);
115
- height: var(--button-size);
116
- }
117
-
118
- .btn-p {
119
- font-weight: bold;
120
- font-size: calc(var(--width) * 0.04);
121
- margin-bottom: calc(var(--width) * 0.015);
122
- line-height: calc(var(--width) * 0.03);
123
- }
124
-
125
- .lg-btn-container {
126
- flex-direction: column;
127
- }
128
-
129
- .lg-btn {
130
- width: var(--lg-button-size);
131
- height: var(--lg-button-size);
132
- }
133
-
134
- .lg-btn-p {
135
- font-weight: bold;
136
- font-size: calc(var(--width) * 0.05);
137
- margin-bottom: calc(var(--width) * 0.015);
138
- line-height: calc(var(--width) * 0.03);
139
- }
140
-
141
- .btn,
142
- .lg-btn {
143
- font-family: 'retro-gamming';
144
- font-size: calc(var(--width) * 0.045);
145
- font-weight: bold;
146
- color: white;
147
- text-shadow:
148
- calc(var(--width) * -0.003) calc(var(--width) * 0.003) 0 var(--button-color-shadow),
149
- calc(var(--width) * 0.002) calc(var(--width) * -0.002) 0 var(--button-color-reflexion);
150
- }
151
-
152
- /* BUTTON CONTAINERS */
153
-
154
- #button-container,
155
- #small-button-container,
156
- #inner-button-container,
157
- #medium-button-container,
158
- #large-button-container {
159
- width: 100%;
160
- height: auto;
161
- }
162
-
163
- #button-container {
164
- display: flex;
165
- flex-grow: 1;
166
- flex-direction: column;
167
- }
168
-
169
- #small-button-container {
170
- display: flex;
171
- flex-grow: 0.1;
172
- justify-content: space-evenly;
173
-
174
- max-height: 150px;
175
-
176
- position: relative;
177
- }
178
-
179
- .sm-btn-container-top {
180
- position: relative;
181
- top: -20%;
182
- }
183
-
184
- .sm-btn-container-bottom {
185
- position: relative;
186
- bottom: -20%;
187
- }
188
-
189
- #inner-button-container {
190
- display: flex;
191
- flex-grow: 1;
192
- flex-direction: row;
193
- }
194
-
195
- #medium-button-container {
196
- display: flex;
197
- flex-shrink: 1;
198
-
199
- position: relative;
200
- }
201
-
202
- #large-button-container {
203
- display: flex;
204
- justify-content: center;
205
- align-items: center;
206
-
207
- flex-shrink: 1.5;
208
- }
209
-
210
- #direction-vertical-container,
211
- #direction-horizontal-container {
212
- width: 100%;
213
- height: 100%;
214
-
215
- display: flex;
216
- justify-content: center;
217
- align-items: center;
218
- gap: calc(var(--width) * 0.115);
219
-
220
- position: absolute;
221
- top: 0;
222
- bottom: 0;
223
- left: 0;
224
- right: 0;
225
- }
226
-
227
- #direction-vertical-container {
228
- flex-direction: column;
229
- }
230
-
231
- #direction-horizontal-container {
232
- flex-direction: row;
233
- }
package/public/style/debugger.css DELETED
@@ -1,117 +0,0 @@
1
- #debugger {
2
- font-family: 'retro-gamming', monospace;
3
- background-color: rgba(0, 0, 0, 0.9);
4
- color: #0f0; /* Green phosphor */
5
- border: 2px solid #0f0;
6
- box-shadow: 0 0 10px #0f0;
7
- padding: 10px;
8
- position: absolute;
9
- top: 10px;
10
- right: 10px;
11
- width: 300px;
12
- max-height: calc(100vh - 40px);
13
- overflow-y: auto;
14
- user-select: none;
15
- -webkit-user-select: none;
16
- z-index: 9999;
17
- font-size: 14px;
18
- /* text-shadow: 0 0 2px #0f0; */
19
- }
20
-
21
- /* Custom Scrollbar */
22
- #debugger::-webkit-scrollbar {
23
- width: 8px;
24
- }
25
-
26
- #debugger::-webkit-scrollbar-track {
27
- background: #001100;
28
- }
29
-
30
- #debugger::-webkit-scrollbar-thumb {
31
- background: #0f0;
32
- border-radius: 4px;
33
- }
34
-
35
- #debugger::-webkit-scrollbar-thumb:hover {
36
- background: #0a0;
37
- }
38
-
39
- /* Summary / Header */
40
- #debugger-summary {
41
- font-weight: bold;
42
- font-size: 16px;
43
- cursor: pointer;
44
- margin-bottom: 10px;
45
- /* text-transform: uppercase; */
46
- border-bottom: 1px dashed #0f0;
47
- padding-bottom: 5px;
48
- list-style: none;
49
- }
50
-
51
- /* Module Sections */
52
- .debugger-module {
53
- margin-bottom: 10px;
54
- border-left: 1px solid #004400;
55
- padding-left: 8px;
56
- }
57
-
58
- .debugger-module-summary {
59
- cursor: pointer;
60
- font-weight: bold;
61
- color: #cfc;
62
- margin-bottom: 4px;
63
- }
64
-
65
- .debugger-module-summary:hover {
66
- color: #fff;
67
- /* text-shadow: 0 0 4px #fff; */
68
- }
69
-
70
- /* Data Rows */
71
- .debugger-container {
72
- display: flex;
73
- justify-content: space-between;
74
- padding: 2px 0;
75
- border-bottom: 1px dotted #003300;
76
- }
77
-
78
- /* Closed State */
79
- #debugger:not([open]) {
80
- width: auto;
81
- height: auto;
82
- max-height: none;
83
- padding: 5px 10px;
84
- border: 1px solid #0f0;
85
- background-color: rgba(0, 0, 0, 0.5);
86
- box-shadow: none;
87
- }
88
-
89
- #debugger:not([open]) #debugger-summary {
90
- margin-bottom: 0;
91
- border-bottom: none;
92
- padding-bottom: 0;
93
- }
94
-
95
- .debugger-container:hover {
96
- background-color: rgba(0, 255, 0, 0.05);
97
- }
98
-
99
- .debugger-container.highlight {
100
- background-color: transparent;
101
- color: #fff;
102
- /* text-shadow: 0 0 5px #fff; */
103
- border-bottom: 1px solid #fff;
104
- }
105
-
106
- .debugger-container.highlight span {
107
- color: #fff;
108
- }
109
-
110
- .debugger-container p {
111
- margin: 0;
112
- opacity: 0.8;
113
- }
114
-
115
- .debugger-container span {
116
- font-weight: bold;
117
- }