retr0volkov/abyss-lab
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Implement Stigmata Set pages

Browse Source
This commit is contained in:
Sakura Knoll
2023-07-11 23:55:35 +09:00 Unverified
parent 699398f2f2
commit 4ae5c57009
7 changed files with 430 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/v2-pre/data/types.ts
+15
View File
@@ -227,6 +227,7 @@ export interface Stigma {
description: string
shortName: string
mainId: string
setId: string
skills: EquipmentSkill[]
rankUpMaterials: {
id: string
@@ -246,3 +247,17 @@ export interface StigmataCatalogItem {
type: StigmaType
maxRarity: 1 | 2 | 3 | 4 | 5
}
export interface StigmataSet {
id: string
name: string
desc: string
skills: EquipmentSkill[]
stigmaIdList: string[]
}
export interface StigmataSetCatalogItem {
id: string
name: string
stigmataList: { id: string; icon: string; maxRarity: number }[]
}
src/lib/v2-pre/server/compileData/compileStigmataData.ts
+80 -2
View File
@@ -1,4 +1,5 @@
import { RootStigma, StigmaType } from '../../data/types'
import { EquipmentSkill, RootStigma, StigmataSet, StigmaType } from '../../data/types'
import { getRawEquipmentSetDataMap } from '../raw/equipmentSetData'
import { getRawEquipmentSkillDataMap } from '../raw/equipmentSkillData'
import { getRawStigmataDataMap } from '../raw/stigmataData'
import { convertEquipmentSkill, getText } from './utils'
@@ -7,8 +8,18 @@ export function compileStigmataData() {
const rawStigmataDataMap = getRawStigmataDataMap()
const rawStigmataDataMapEntries = Object.entries(rawStigmataDataMap)
const rawEquipmentSkillDataMap = getRawEquipmentSkillDataMap()
const rawEquipmentSetDataMap = getRawEquipmentSetDataMap()
const stigmaSetIdMainIdListMap = new Map<string, string[]>()
const stigmataMainIdStigmataMap = rawStigmataDataMapEntries.reduce((map, [id, rawData]) => {
// Bronya calorie has a dummy data
if (id === '32274') {
return map
}
// Mei Chrismas does not exist in the game
if (rawData.StigmataMainID === 120443) {
return map
}
const mainId = rawData.StigmataMainID.toString()
let rootStigma = map.get(mainId)
if (rootStigma == null) {
@@ -17,6 +28,14 @@ export function compileStigmataData() {
stigmata: []
}
map.set(mainId, rootStigma)
const setId = rawData.SetID.toString()
let mainIdList = stigmaSetIdMainIdListMap.get(setId)
if (mainIdList == null) {
mainIdList = []
stigmaSetIdMainIdListMap.set(setId, mainIdList)
}
mainIdList.push(mainId)
}
const [, , icon] = rawData.IconPath.split('/')
const [, , smallIcon] = rawData.SmallIcon.split('/')
@@ -92,13 +111,72 @@ export function compileStigmataData() {
amount: Num
}
}),
setId: rawData.SetID.toString(),
mainId
})
return map
}, new Map<string, RootStigma>())
return [...stigmataMainIdStigmataMap.values()]
const stigmataSetList = Object.entries(rawEquipmentSetDataMap).map<StigmataSet>(([id, rawData]) => {
const skills: EquipmentSkill[] = []
if (rawData.Prop1ID !== 0) {
const skillId = rawData.Prop1ID.toString()
const rawSkill = rawEquipmentSkillDataMap[skillId]
skills.push({
id: skillId,
...convertEquipmentSkill(rawSkill),
param1: rawData.Prop1Param1,
param1Add: rawData.Prop1Param1Add,
param2: rawData.Prop1Param2,
param2Add: rawData.Prop1Param2Add,
param3: rawData.Prop1Param3,
param3Add: rawData.Prop1Param3Add
})
}
if (rawData.Prop2ID !== 0) {
const skillId = rawData.Prop2ID.toString()
const rawSkill = rawEquipmentSkillDataMap[skillId]
skills.push({
id: skillId,
...convertEquipmentSkill(rawSkill),
param1: rawData.Prop2Param1,
param1Add: rawData.Prop2Param1Add,
param2: rawData.Prop2Param2,
param2Add: rawData.Prop2Param2Add,
param3: rawData.Prop2Param3,
param3Add: rawData.Prop2Param3Add
})
}
if (rawData.Prop3ID !== 0) {
const skillId = rawData.Prop3ID.toString()
const rawSkill = rawEquipmentSkillDataMap[skillId]
skills.push({
id: skillId,
...convertEquipmentSkill(rawSkill),
param1: rawData.Prop3Param1,
param1Add: rawData.Prop3Param1Add,
param2: rawData.Prop3Param2,
param2Add: rawData.Prop3Param2Add,
param3: rawData.Prop3Param3,
param3Add: rawData.Prop3Param3Add
})
}
return {
id,
name: getText(rawData.SetName),
desc: getText(rawData.SetDesc),
skills,
stigmaIdList: stigmaSetIdMainIdListMap.get(id) || []
}
})
return {
stigmataSetList,
stigmataMainIdStigmataMap
}
}
function convertStigmataType(rawType: number): StigmaType {
src/lib/v2-pre/server/loadData.ts
+14 -2
View File
@@ -1,7 +1,7 @@
import fs from 'fs'
import path from 'path'
import YAML from 'yaml'
import { BattlesuitCatalogItem, WeaponCatalogItem } from '../data/types'
import { BattlesuitCatalogItem, Stigma, StigmataSet, WeaponCatalogItem } from '../data/types'
export const dataDir = path.join(process.cwd(), 'data/v2-pre')
@@ -14,6 +14,9 @@ export const weaopnCatalogPath = path.join(dataDir, 'weapon-catalog.yaml')
export const stigmataDir = path.join(dataDir, 'stigmata')
export const stigmataCatalogPath = path.join(dataDir, 'stigmata-catalog.yaml')
export const stigmataSetsDir = path.join(dataDir, 'stigmata-sets')
export const stigmataSetCatalogPath = path.join(dataDir, 'stigmata-set-catalog.yaml')
export function loadBattlesuitCatalog(): BattlesuitCatalogItem[] {
return readYamlFile(battlesuitCatalogPath)
}
@@ -36,11 +39,20 @@ export function loadStigmataCatalog(): WeaponCatalogItem[] {
return readYamlFile(stigmataCatalogPath)
}
export function loadStigmaData(id: string) {
export function loadStigmaData(id: string): Stigma {
const stigmaDataPath = path.join(stigmataDir, `${id}.yaml`)
return readYamlFile(stigmaDataPath)
}
export function loadStigmataSetCatalog(): WeaponCatalogItem[] {
return readYamlFile(stigmataSetCatalogPath)
}
export function loadStigmataSetData(id: string): StigmataSet {
const stigmataSetPath = path.join(stigmataSetsDir, `${id}.yaml`)
return readYamlFile(stigmataSetPath)
}
function readYamlFile(pathname: string) {
return YAML.parse(fs.readFileSync(pathname).toString())
}
src/lib/v2-pre/server/raw/equipmentSetData.ts
+38
View File
@@ -0,0 +1,38 @@
import { loadRawData } from './loadRawData'
export function getRawEquipmentSetDataMap(): RawEquipmentSetDataMap {
return loadRawData('EquipmentSetData.json')
}
export type RawEquipmentSetDataMap = {
[key: string]: RawEquipmentSetData
}
export interface RawEquipmentSetData {
SetName: number
SetDesc: number
Prop1ID: number
SpellEffectNum1: number
Prop1Param1: number
Prop1Param2: number
Prop1Param3: number
Prop1Param1Add: number
Prop1Param2Add: number
Prop1Param3Add: number
Prop2ID: number
SpellEffectNum2: number
Prop2Param1: number
Prop2Param2: number
Prop2Param3: number
Prop2Param1Add: number
Prop2Param2Add: number
Prop2Param3Add: number
Prop3ID: number
SpellEffectNum3: number
Prop3Param1: number
Prop3Param2: number
Prop3Param3: number
Prop3Param1Add: number
Prop3Param2Add: number
Prop3Param3Add: number
}
src/pages/v2-pre/stigmata-sets/[stigmataSetId].tsx
+187
View File
@@ -0,0 +1,187 @@
import { NextPageContext } from 'next'
import { Box, Card, Flex, Heading, Link } from 'theme-ui'
import FormattedText from '../../../components/v2-pre/FormattedText'
import { formatSubSkillInfo } from '../../../lib/v2-pre/data/formatText'
import { loadStigmaData, loadStigmataSetCatalog, loadStigmataSetData } from '../../../lib/v2-pre/server/loadData'
import { RootStigma, SkillTagItem, StigmataSet } from '../../../lib/v2-pre/data/types'
import { Fragment } from 'react'
import TagIcon from '../../../components/v2-pre/TagIcon'
import StigmaIcon from '../../../components/v2-pre/StigmaIcon'
import StigmaFigureImage from '../../../components/v2-pre/StigmaFigureImage'
interface StigmataSetShowPage {
stigmataSet: StigmataSet
stigmata: RootStigma[]
}
const StigmataSetShowPage = ({ stigmataSet, stigmata }: StigmataSetShowPage) => {
return (
<Box>
<Heading as="h1">{stigmataSet.name}</Heading>
<Card mb={3}>
{stigmata.map(rootStigma => {
const stigma = rootStigma.stigmata[rootStigma.stigmata.length - 1]
return (
<>
<Flex sx={{ borderBottom: 'default', '&:last-child': { borderBottom: 'none' } }}>
<Box sx={{ flexShrink: 0, borderRight: 'default', p: 1 }}>
<StigmaIcon key={stigma.id} icon={stigma.icon} rarity={stigma.rarity} />
</Box>
<Box sx={{ flexGrow: 1 }}>
<Flex sx={{ borderBottom: 'default', alignItems: 'center', p: 1 }}>
<Heading
as="h3"
sx={{
my: 1
}}
>
<Link href={`/v2-pre/stigmata/${rootStigma.id}`}>{stigma.name}</Link>
</Heading>
</Flex>
<Flex sx={{ alignItems: 'center', p: 1, borderBottom: 'default' }}>
<Box>
HP : {Math.floor(stigma.hpBase + stigma.hpAdd * (stigma.maxLv - 1))} / ATK :{' '}
{Math.floor(stigma.attackBase + stigma.attackAdd * (stigma.maxLv - 1))} / DEF :{' '}
{Math.floor(stigma.defenceBase + stigma.defenceAdd * (stigma.maxLv - 1))} / CRT :{' '}
{Math.floor(stigma.criticalBase + stigma.criticalAdd * (stigma.maxLv - 1))} (at Max Lv{' '}
{stigma.maxLv})
</Box>
</Flex>
{stigma.skills.map(skill => {
return (
<Fragment key={skill.id}>
<Box sx={{ borderBottom: 'default', p: 1 }}>
<Heading
as="h3"
sx={{
mx: 0,
my: 1
}}
>
{skill.name}
</Heading>
</Box>
<Box
sx={{
p: 1,
borderBottom: 'default',
'&:last-child': {
borderBottom: 'none'
}
}}
>
<FormattedText>
{formatSubSkillInfo({
info: skill.info,
maxLv: stigma.maxLv,
paramBase1: skill.param1,
paramBase2: skill.param2,
paramBase3: skill.param3,
paramAdd1: skill.param1Add,
paramAdd2: skill.param2Add,
paramAdd3: skill.param3Add
})}
</FormattedText>
</Box>
</Fragment>
)
})}
</Box>
</Flex>
</>
)
})}
</Card>
<Card mb={3}>
{stigmataSet.skills.map((skill, index) => {
return (
<Fragment key={skill.id}>
<Box sx={{ borderBottom: 'default' }}>
<Heading
as="h3"
sx={{
p: 1,
m: 1
}}
>
{skill.name} <small>{index + 2}세트</small>
</Heading>
</Box>
<Box
sx={{
p: 1,
borderBottom: 'default',
'&:last-child': {
borderBottom: 'none'
}
}}
>
<FormattedText>
{formatSubSkillInfo({
info: skill.info,
maxLv: 1,
paramBase1: skill.param1,
paramBase2: skill.param2,
paramBase3: skill.param3,
paramAdd1: skill.param1Add,
paramAdd2: skill.param2Add,
paramAdd3: skill.param3Add
})}
</FormattedText>
</Box>
</Fragment>
)
})}
</Card>
<Heading>Images</Heading>
<Box mb={3}>
{stigmata.map(rootStigma => {
const stigma = rootStigma.stigmata[rootStigma.stigmata.length - 1]
return <StigmaFigureImage key={stigma.id} stigma={stigma} size={480} />
})}
</Box>
{/* <pre>{JSON.stringify(stigmataSet, null, 2)}</pre> */}
</Box>
)
}
export default StigmataSetShowPage
export async function getStaticProps({ locale, params }: NextPageContext & { params: { stigmataSetId: string } }) {
const stigmataSet = loadStigmataSetData(params.stigmataSetId)
const stigmata = stigmataSet.stigmaIdList.map(id => {
return loadStigmaData(id)
})
return {
props: {
stigmataSet,
stigmata
}
}
}
export async function getStaticPaths() {
const stigmataSetCatalog = loadStigmataSetCatalog()
return {
paths: stigmataSetCatalog.map(catalogItem => {
return {
params: { stigmataSetId: catalogItem.id }
}
}),
fallback: false
}
}
interface SkillTagBoxProps {
tag: SkillTagItem
}
const SkillTagItem = ({ tag }: SkillTagBoxProps) => {
return <TagIcon type={tag.type} strength={tag.strength} comment={tag.comment} size="sm" />
}
src/pages/v2-pre/stigmata-sets/index.tsx
+59
View File
@@ -0,0 +1,59 @@
/** @jsxImportSource theme-ui */
import { Box, Card } from '@theme-ui/components'
import { NextPageContext } from 'next'
import { Flex, Link } from 'theme-ui'
import { StigmataCatalogItem, StigmataSetCatalogItem } from '../../../lib/v2-pre/data/types'
import { loadStigmataCatalog, loadStigmataSetCatalog } from '../../../lib/v2-pre/server/loadData'
import StigmaIcon from '../../../components/v2-pre/StigmaIcon'
interface StigmataSetListPageProps {
stigmataSetCatalog: StigmataSetCatalogItem[]
}
const StigmataSetListPage = ({ stigmataSetCatalog }: StigmataSetListPageProps) => {
return (
<Box>
<h1>Stigmata (Set)</h1>
<Flex sx={{ flexWrap: 'wrap' }}>
{stigmataSetCatalog.map(stigmataSet => {
return (
<Box key={stigmataSet.id} m={2}>
<Link href={`/v2-pre/stigmata-sets/${stigmataSet.id}`}>
<Card p={1}>
<Flex sx={{ justifyContent: 'center' }}>
{stigmataSet.stigmataList.map(stigma => {
return <StigmaIcon key={stigma.id} icon={stigma.icon} rarity={stigma.maxRarity} />
})}
</Flex>
<Box
sx={{
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
px: 1,
textAlign: 'center'
}}
>
{stigmataSet.name}
</Box>
{/* {stigma.id} */}
</Card>
</Link>
</Box>
)
})}
</Flex>
</Box>
)
}
export default StigmataSetListPage
export async function getStaticProps({ locale }: NextPageContext) {
const stigmataSetCatalog = loadStigmataSetCatalog()
return {
props: { stigmataSetCatalog }
}
}
src/scripts/compileRawData.ts
+37 -6
View File
@@ -9,10 +9,17 @@ import {
dataDir,
stigmataCatalogPath,
stigmataDir,
stigmataSetCatalogPath,
stigmataSetsDir,
weaopnCatalogPath,
weaponsDir
} from '../lib/v2-pre/server/loadData'
import { BattlesuitCatalogItem, StigmataCatalogItem, WeaponCatalogItem } from '../lib/v2-pre/data/types'
import {
BattlesuitCatalogItem,
StigmataCatalogItem,
StigmataSetCatalogItem,
WeaponCatalogItem
} from '../lib/v2-pre/data/types'
import { compileBattlesuitData } from '../lib/v2-pre/server/compileData/compileBattlesuitData'
import { compileWeaponData } from '../lib/v2-pre/server/compileData/compileWeaponData'
import { compileStigmataData } from '../lib/v2-pre/server/compileData/compileStigmataData'
@@ -73,9 +80,10 @@ function writeWeaponData() {
}
function writeStigmataData() {
const stigmataDataList = compileStigmataData()
const { stigmataSetList, stigmataMainIdStigmataMap } = compileStigmataData()
const stigmataList = [...stigmataMainIdStigmataMap.values()]
const catalogList: StigmataCatalogItem[] = stigmataDataList.map(rootStigma => {
const catalogList: StigmataCatalogItem[] = stigmataList.map(rootStigma => {
const maxedStigma = rootStigma.stigmata[rootStigma.stigmata.length - 1]
return {
id: rootStigma.id,
@@ -85,13 +93,36 @@ function writeStigmataData() {
maxRarity: maxedStigma.maxRarity
}
})
fs.writeFileSync(stigmataCatalogPath, YAML.stringify(catalogList))
createDirIfNotExist(stigmataDir)
for (const stigmataData of stigmataDataList) {
for (const stigmataData of stigmataList) {
const stigmaDataPath = path.join(stigmataDir, `${stigmataData.id}.yaml`)
fs.writeFileSync(stigmaDataPath, YAML.stringify(stigmataData))
}
const setCatalogList: StigmataSetCatalogItem[] = stigmataSetList.map(stigmataSet => {
return {
id: stigmataSet.id,
name: stigmataSet.name,
stigmataList: stigmataSet.stigmaIdList.map(stigmaId => {
const rootStigma = stigmataMainIdStigmataMap.get(stigmaId)!
const maxedStigma = rootStigma.stigmata[rootStigma.stigmata.length - 1]
return {
id: stigmaId,
icon: maxedStigma.icon,
maxRarity: maxedStigma.maxRarity
}
})
}
})
fs.writeFileSync(stigmataSetCatalogPath, YAML.stringify(setCatalogList))
createDirIfNotExist(stigmataSetsDir)
for (const stigmataSet of stigmataSetList) {
const stigmaSetDataPath = path.join(stigmataSetsDir, `${stigmataSet.id}.yaml`)
fs.writeFileSync(stigmaSetDataPath, YAML.stringify(stigmataSet))
}
}