FMG 2.0: Codebase refactoring and modernization

[Azgaar]

Description

Starting working on a major code refactoring and modernization.

Goals:

• full code decoupling using es6 modules
• removing most of global variables / functions
• codebase modernization
• full Typescript support
• production code minification
• save data format change: https://trello.com/c/IWltiMC2/902-rework-save-data-format
• model / view separation: https://trello.com/c/u7ip0bgD/786-separate-view-from-model
• remove jQuery dependency, to do this need to come up with a custom solution for Dialogs (e.g. Web Component)
• reducing dependency on d3, using d3 only when needed

Contract changes as of today

Regiments:

• state.military is renamed to state.regiments
• regiments contract is reworked

Routes:

• pack.cells.road is renamed to pack.cells.route
• pack.cells.route values are repurposed, now 1 means road, 2 - trail, 3 - seaRoute
• pack.routes now stores all relevant routes data

Diplomacy:

• Ongoing wars are not longer stored in pack.states[0].diplomacy
• Historical campaigns are not longer stored in pack.states[x].campaigns
  => Both are now stored as an array in pack.events.conflicts

Provinces:

• pack.states[x].provinces is removed. Now states don't store info about their provinces

Labels:

• text-anchor for '#labels' element is changed from 'start' to middle. All child tspan elements now should have attribute x equal to 0 instead of a calculated value

Type of change

• Other (architecture change)

Versioning

• Version is updated
• Changed files hash is updated

[goteguru]

Wow, wow, wow... that's quite a change. :-O I already did some of these changes (very small subset of it) I have to catch up now. Vite seems to be a cool stuff, but is it strictly necessary? netlify[bot] ***@***.***> ezt írta (időpont: 2022. jún. 24., Pén 23:52):

…

✅ Deploy Preview for *afmg* ready! Name Link 🔨 Latest commit bc65e0e <bc65e0e> 🔍 Latest deploy log https://app.netlify.com/sites/afmg/deploys/62b631e6bac4b00008014869 😎 Deploy Preview https://deploy-preview-842--afmg.netlify.app/ 📱 Preview on mobile Toggle QR Code... [image: QR Code] <https://camo.githubusercontent.com/f155e98a26559c5d656155bccf0b95a26b92fa57ab0ac1758c9ddd0df6866bff/68747470733a2f2f6170702e6e65746c6966792e636f6d2f71722d636f64652f65794a30655841694f694a4b563151694c434a68624763694f694a49557a49314e694a392e65794a31636d77694f694a6f64485277637a6f764c32526c6347787665533177636d5632615756334c5467304d69307459575a745a7935755a58527361575a354c6d467763434a392e68706e4b7a565331456d77673633695655615f58343165695f714142655666696a5a43696e765153306c38> *Use your smartphone camera to open QR code link.* ------------------------------ *To edit notification comments on pull requests, go to your Netlify site settings <https://app.netlify.com/sites/afmg/settings/deploys#deploy-notifications>.* — Reply to this email directly, view it on GitHub <#842 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAUMDVNIHDP4V4UD3JQOXVTVQYUYBANCNFSM5ZZCTPXA> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[Azgaar]

It's not necessary at all. But that is one-time action that will allow a lot of cool things in the future. It also forces to write a better code and think a lot about the structure

[goteguru]

This change is really welcome! Thanks for your hard work, that must be painful. I'm interested in vite's on demand refresh feature. How can I kick in easily ? (Which template to use if any, are there any pitalls to avoid?) Azgaar ***@***.***> ezt írta (időpont: 2022. jún. 26., Vas 11:12):

…

It's not necessary at all. But that is one-time action that will allow a lot of cool things in the future. It also forces to write a better code and think a lot about the structure — Reply to this email directly, view it on GitHub <#842 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAUMDVONUGBMHYIPMYBWTWDVRANJJANCNFSM5ZZCTPXA> . You are receiving this because you commented.Message ID: ***@***.***>

[Azgaar]

Do you mean hot module replacement? If so, it works just fine out of the box.

The template I used is a very basic vanilla-js + typescript:
https://stackblitz.com/edit/vitejs-vite-epqe9h?file=index.html&terminal=dev

[goteguru]

Yes, that one. Azgaar ***@***.***> ezt írta (időpont: 2022. jún. 26., Vas 11:53):

…

Do you mean hot module replacement? If so, it works just fine out of the box. The template I used is a very basic vanilla-js + typescript: https://stackblitz.com/edit/vitejs-vite-epqe9h?file=index.html&terminal=dev — Reply to this email directly, view it on GitHub <#842 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAUMDVJZFY2KYZXJNVCCEJ3VRASCBANCNFSM5ZZCTPXA> . You are receiving this because you commented.Message ID: ***@***.***>

[RyanGuild]

Hey let me lead with. This tool is incredible it is the number 1 tool I use to run my Pathfinder campaign.

I was about to open an Issue called Typescript, but wait here me out I'll work on it. Because I feel like you have built a big part of an open source gaming ecosystem but the state of the main branch is untenable to take contributions. So I am writing this here to reach out offer some time to try to get this merged. I have some experience with visual regression testing with the 3Dmol project that might be able to give you more confidence releasing this.

Looks like the right direction to take the project and a huge amount of effort.

reply here if you wanna start a thread I'll see it if its in the next few days

[Caellian]

remove jQuery dependency, to do this need to come up with a custom solution for Dialogs (e.g. Web Component)

<dialog> (caniuse).

[Azgaar]

Hey let me lead with. This tool is incredible it is the number 1 tool I use to run my Pathfinder campaign.

I was about to open an Issue called Typescript, but wait here me out I'll work on it. Because I feel like you have built a big part of an open source gaming ecosystem but the state of the main branch is untenable to take contributions. So I am writing this here to reach out offer some time to try to get this merged. I have some experience with visual regression testing with the 3Dmol project that might be able to give you more confidence releasing this.

Looks like the right direction to take the project and a huge amount of effort.

reply here if you wanna start a thread I'll see it if its in the next few days

Hello. There is modernization work going on almost every day. But it turned out that the idea or a full migration is too complex, so currently I prefer to implement smaller changes. Once all separate aspects are there, I will consider getting back to migration to modern build tools and TS.

[Azgaar]

remove jQuery dependency, to do this need to come up with a custom solution for Dialogs (e.g. Web Component)

<dialog> (caniuse).

We know about the dialog element :). It can be used as a base for a custom component as we need it to be much more functional.