Merge pull request #313 from RaenonX-DL/dev

v2.15.0-beta.1 Release

.azure/variables/main.yml

@@ -9,6 +9,9 @@ variables:
   - name: NEXT_PUBLIC_DEPOT_ROOT
     value: https://raw.githubusercontent.com/RaenonX-DL/dragalia-data-depot/main
     readonly: true
+  - name: NEXT_PUBLIC_AUDIO_ROOT
+    value: https://raw.githubusercontent.com/RaenonX-DL/dragalia-data-audio/main
+    readonly: true
   - name: NEXT_PUBLIC_GA_ID
     value: G-796E69CFJG
     readonly: true

README.md

@@ -43,6 +43,7 @@ Name | Required/Optional | Description
 `NEXT_PUBLIC_API_ROOT` | Required | Root URL of the backend. This should **not** end with a slash (`/`).
 `NEXT_PUBLIC_RESOURCE_ROOT` | Required | Root URL of the exported resources. This should **not** end with a slash (`/`).
 `NEXT_PUBLIC_DEPOT_ROOT` | Required | Root URL of the data depot. This should **not** end with a slash (`/`).
+`NEXT_PUBLIC_AUDIO_ROOT` | Required | Root URL of the audio depot. This should **not** end with a slash (`/`).
 
 For the [current deployed website][front-site], `NEXT_PUBLIC_API_ROOT` is `https://dl-back.raenonx.cc`.
 
@@ -53,12 +54,17 @@ In general,
 `NEXT_PUBLIC_RESOURCE_ROOT` is `https://raw.githubusercontent.com/RaenonX-DL/dragalia-site-resources/main`,
 where stores the parsed data.
 
--   Check https://github.com/RaenonX-DL/dragalia-site-resources for all available resources.
+> Check https://github.com/RaenonX-DL/dragalia-site-resources for all available resources.
 
 `NEXT_PUBLIC_DEPOT_ROOT` is `https://raw.githubusercontent.com/RaenonX-DL/dragalia-data-depot/main`,
 where stores the dumped game assets.
 
--   Check https://github.com/RaenonX-DL/dragalia-data-depot for all available resources.
+> Check https://github.com/RaenonX-DL/dragalia-data-depot for all available resources.
+
+`NEXT_PUBLIC_AUDIO_ROOT` is `https://raw.githubusercontent.com/RaenonX-DL/dragalia-data-audio/main`,
+where stores the dumped audio files.
+
+> Check https://github.com/RaenonX-DL/dragalia-data-audio for all available resources.
 
 [front-repo]: https://github.com/RaenonX-DL/dragalia-site-front
 [front-site]: https://dl.raenonx.cc

package.json

@@ -2,7 +2,7 @@
   "name": "dragalia-site-front",
   "description": "Frontend of Dragalia Lost info website by OM.",
   "repository": "https://github.com/RaenonX-DL/dragalia-site-front",
-  "version": "2.14.2",
+  "version": "2.15.0-beta.1",
   "engines": {
     "node": "14.x",
     "npm": "^7.12.0"
@@ -28,7 +28,8 @@
     "@reduxjs/toolkit": "^1.6.1",
     "bootstrap": "^4.6.0",
     "color": "^4.0.1",
-    "fastify": "^3.21.0",
+    "decimal.js": "^10.3.1",
+    "fastify": "^3.21.5",
     "mathjs": "^9.4.4",
     "mongodb": "^3.7.0",
     "newrelic": "^8.3.0",
@@ -37,6 +38,7 @@
     "node-fetch": "^2.6.2",
     "pm2": "^5.1.1",
     "react": "^17.0.2",
+    "react-audio-player": "^0.17.0",
     "react-bootstrap": "^1.6.3",
     "react-dom": "^17.0.2",
     "react-markdown": "^6.0.3",
@@ -70,7 +72,7 @@
     "eslint-config-next": "^11.1.2",
     "eslint-plugin-import": "^2.24.2",
     "eslint-plugin-jest-dom": "^3.9.0",
-    "eslint-plugin-react": "^7.25.1",
+    "eslint-plugin-react": "^7.26.0",
     "eslint-plugin-react-hooks": "^4.2.0",
     "eslint-plugin-testing-library": "^4.12.2",
     "eslint-plugin-unused-imports": "^1.1.4",

pages/[lang]/story/event/[id].ts

@@ -0,0 +1,4 @@
+import {Constructing} from '../../../../src/components/pages/constructing';
+
+
+export default Constructing;

pages/[lang]/story/main/[id].ts

@@ -0,0 +1,4 @@
+import {Constructing} from '../../../../src/components/pages/constructing';
+
+
+export default Constructing;

pages/[lang]/story/unit/[id].ts

@@ -0,0 +1,4 @@
+import {UnitStory} from '../../../../src/components/pages/gameData/story/main';
+
+
+export default UnitStory;

pages/[lang]/tier/[id].ts

@@ -0,0 +1,4 @@
+import {TierNoteUnit} from '../../../src/components/pages/tier/unit/main';
+
+
+export default TierNoteUnit;

src/components/elements/common/ads/main.tsx

@@ -62,3 +62,10 @@ export const AdsUnitKeyPointInfo = () => (
     testId="ads-unit-key-point-info"
   />
 );
+
+export const AdsStory = () => (
+  <AdsUnitDisplay
+    slot="2966927859"
+    testId="ads-story"
+  />
+);

src/components/elements/common/icons.tsx

@@ -28,3 +28,9 @@ export const IconClipboard = () => <i className="bi bi-clipboard"/>;
 export const IconRadar = () => <i className="bi bi-bullseye"/>;
 
 export const IconNotes = () => <i className="bi bi-card-text"/>;
+
+export const IconPlay = () => <i className="bi bi-play-fill"/>;
+
+export const IconPause = () => <i className="bi bi-pause-fill"/>;
+
+export const IconStop = () => <i className="bi bi-stop-fill"/>;

src/components/elements/gameData/unit/filter/main.tsx

@@ -106,7 +106,7 @@ export const UnitFilter = <S extends string,
             </Col>
             <Col xs="auto" className="text-right">
               <Button variant="outline-info" type="submit" disabled={disabled}>
-                {disabled ? <Spinner animation="grow"/> : t((t) => t.misc.search)}
+                {disabled ? <Spinner animation="grow" size="sm"/> : t((t) => t.misc.search)}
               </Button>
             </Col>
           </Form.Row>