Merge pull request #119 from eugene-serb/dev

Release 1.0.30

.github/workflows/build.yml

@@ -33,4 +33,3 @@ jobs:
         run: |
           npm ci
           npm run build
-          

.github/workflows/format.yml

@@ -33,4 +33,3 @@ jobs:
         run: |
           npm ci
           npm run format
-          

.github/workflows/lint.yml

@@ -33,4 +33,3 @@ jobs:
         run: |
           npm ci
           npm run lint
-          

.github/workflows/test.yml

@@ -33,4 +33,3 @@ jobs:
         run: |
           npm ci
           npm run test
-          

package.json

@@ -1,6 +1,6 @@
 {
   "name": "aurora-game-engine",
-  "version": "1.0.29",
+  "version": "1.0.30",
   "description": "Aurora Game Engine is an open source game engine in the format of a component library for creating one-dimensional and two-dimensional games in Javascript.",
   "keywords": [
     "game-engine",
@@ -35,24 +35,24 @@
     "test": "jest tests"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.5",
-    "@babel/eslint-parser": "^7.24.5",
-    "@babel/preset-env": "^7.24.5",
+    "@babel/core": "^7.26.0",
+    "@babel/eslint-parser": "^7.25.9",
+    "@babel/preset-env": "^7.26.0",
     "babel-jest": "^29.7.0",
-    "babel-loader": "^9.1.3",
+    "babel-loader": "^9.2.1",
     "clean-webpack-plugin": "^4.0.0",
     "copy-webpack-plugin": "^12.0.2",
     "css-loader": "^6.11.0",
-    "eslint": "^8.57.0",
+    "eslint": "^8.57.1",
     "eslint-cli": "^1.1.1",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-webpack-plugin": "^4.1.0",
-    "html-webpack-plugin": "^5.6.0",
+    "eslint-webpack-plugin": "^4.2.0",
+    "html-webpack-plugin": "^5.6.3",
     "jest": "^29.7.0",
-    "prettier": "^3.2.5",
+    "prettier": "^3.3.3",
     "style-loader": "^3.3.4",
-    "webpack": "^5.91.0",
+    "webpack": "^5.95.0",
     "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.0.4"
+    "webpack-dev-server": "^5.1.0"
   }
 }

static/css/base.css

@@ -20,11 +20,11 @@ body {
   flex-direction: column;
   justify-content: space-between;
   min-height: 100vh;
-  background: var(--color-background);
+  background-color: var(--color-background);
 }
 
 ::selection {
-  background: var(--color-selection);
+  background-color: var(--color-selection);
 }
 
 :focus {
@@ -44,8 +44,8 @@ h5,
 h6 {
   color: var(--color-text-header);
   font-weight: 500;
-  margin-block-start: 0.382em;
-  margin-block-end: 0.618em;
+  margin-top: 0.382em;
+  margin-bottom: 0.618em;
   line-height: 1.382em;
 }
 

static/css/declarations.css

@@ -1,7 +1,5 @@
 @charset 'UTF-8';
 
-@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
-
 :root {
   /* Base numbers */
   --number-border-radius: 8px;

static/css/fonts.css

@@ -0,0 +1,16 @@
+@charset 'UTF-8';
+
+@font-face {
+  font-family: 'Press Start 2P';
+  src: url('../fonts/PressStart2P-Regular.eot');
+  src:
+    local('Press Start 2P Regular'),
+    local('PressStart2P-Regular'),
+    url('../fonts/PressStart2P-Regular.eot?#iefix') format('embedded-opentype'),
+    url('../fonts/PressStart2P-Regular.woff2') format('woff2'),
+    url('../fonts/PressStart2P-Regular.woff') format('woff'),
+    url('../fonts/PressStart2P-Regular.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}

static/css/forms.css

@@ -1,8 +1,8 @@
 @charset 'UTF-8';
 
 hr {
-  margin-block-start: 0.5em;
-  margin-block-end: 0.5em;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
 }
 
 legend {
@@ -12,6 +12,7 @@ legend {
 
 fieldset {
   border: var(--number-form-border-size) solid var(--color-fieldset-border);
+  border-radius: var(--number-form-border-radius);
   padding: 8px;
 }
 
@@ -21,7 +22,7 @@ select,
 input {
   padding: 4px 8px;
   border: var(--number-form-border-size) solid var(--color-link);
-  background: var(--color-background);
+  background-color: var(--color-background);
   color: var(--color-text);
   font-family: 'Press Start 2P', cursive;
   font-size: 10px;
@@ -38,7 +39,7 @@ select:hover {
 }
 
 option {
-  background: var(--color-background);
+  background-color: var(--color-background);
   color: var(--color-text);
   font-size: 10px;
   line-height: 1.382em;
@@ -50,7 +51,6 @@ option:hover {
 }
 
 input[type='range'] {
-  appearance: none;
   -webkit-appearance: none;
   width: 100%;
   margin: 8px 0;
@@ -75,7 +75,7 @@ input[type='range']::-webkit-slider-runnable-track {
   box-shadow:
     0px 0px 0px #000000,
     0px 0px 0px #0d0d0d;
-  background: var(--color-a-monocromatic-a);
+  background-color: var(--color-a-monocromatic-a);
   border: 0px solid #000101;
   border-radius: var(--number-form-border-radius);
 }
@@ -87,23 +87,23 @@ input[type='range']::-webkit-slider-thumb {
   margin-top: -4px;
   border: 0px solid #000000;
   border-radius: var(--number-form-border-radius);
-  background: var(--color-a);
+  background-color: var(--color-a);
   box-shadow:
     0px 0px 0px #000000,
     0px 0px 0px #0d0d0d;
   cursor: pointer;
 }
 
 input[type='range']:focus::-webkit-slider-runnable-track {
-  background: var(--color-a-monocromatic-a);
+  background-color: var(--color-a-monocromatic-a);
 }
 
 input[type='range']::-moz-range-track {
   width: 100%;
   height: 8px;
   border: 0px solid #000101;
   border-radius: var(--number-form-border-radius);
-  background: var(--color-a-monocromatic-a);
+  background-color: var(--color-a-monocromatic-a);
   box-shadow:
     0px 0px 0px #000000,
     0px 0px 0px #0d0d0d;
@@ -116,7 +116,7 @@ input[type='range']::-moz-range-thumb {
   height: 16px;
   border: 0px solid #000000;
   border-radius: var(--number-form-border-radius);
-  background: var(--color-a);
+  background-color: var(--color-a);
   box-shadow:
     0px 0px 0px #000000,
     0px 0px 0px #0d0d0d;
@@ -128,7 +128,7 @@ input[type='range']::-ms-track {
   height: 8px;
   border-width: 8px 0;
   border-color: transparent;
-  background: transparent;
+  background-color: transparent;
   color: transparent;
   cursor: pointer;
   animate: 0.2s;
@@ -140,7 +140,7 @@ input[type='range']::-ms-fill-lower {
   box-shadow:
     0px 0px 0px #000000,
     0px 0px 0px #0d0d0d;
-  background: var(--color-a-monocromatic-a);
+  background-color: var(--color-a-monocromatic-a);
 }
 
 input[type='range']::-ms-fill-upper {
@@ -149,25 +149,25 @@ input[type='range']::-ms-fill-upper {
   box-shadow:
     0px 0px 0px #000000,
     0px 0px 0px #0d0d0d;
-  background: var(--color-a-monocromatic-a);
+  background-color: var(--color-a-monocromatic-a);
 }
 
 input[type='range']::-ms-thumb {
   width: 16px;
   height: 16px;
   border: 0px solid #000000;
   border-radius: var(--number-form-border-radius);
-  background: var(--color-a);
+  background-color: var(--color-a);
   box-shadow:
     0px 0px 0px #000000,
     0px 0px 0px #0d0d0d;
   cursor: pointer;
 }
 
 input[type='range']:focus::-ms-fill-lower {
-  background: var(--color-a-monocromatic-a);
+  background-color: var(--color-a-monocromatic-a);
 }
 
 input[type='range']:focus::-ms-fill-upper {
-  background: var(--color-a-monocromatic-a);
+  background-color: var(--color-a-monocromatic-a);
 }

static/css/header-mini.css

@@ -7,7 +7,7 @@
 }
 
 .header-mini ::selection {
-  background: var(--color-header-selection);
+  background-color: var(--color-header-selection);
 }
 
 .header-mini :focus {

static/css/index.css

@@ -1,5 +1,6 @@
 @charset 'UTF-8';
 
+@import url('fonts.css');
 @import url('declarations.css');
 @import url('base.css');
 @import url('services.css');

static/css/tables.css

@@ -20,23 +20,14 @@ td {
 }
 
 .table_emerald thead > tr > th {
-  text-align: left;
-  font-weight: 400;
-}
-
-.table_emerald thead > tr > th:first-child {
-  width: 25%;
+  font-weight: 500;
 }
 
 .table_emerald tbody > tr:nth-child(even) {
   background-color: var(--color-table-item);
   color: var(--color-d);
 }
 
-tbody > tr > td:first-child {
-  width: 25%;
-}
-
 .table_emerald tfoot {
   border-top: 4px solid var(--color-table-header-background);
 }