mirror of
https://github.com/dtomlinson91/anno-production-chain-renderer.git
synced 2025-12-21 22:05:46 +00:00
add latest
This commit is contained in:
35
README.md
35
README.md
@@ -157,19 +157,25 @@ For example to add Sewing Machines to Artisans:
|
||||
|
||||
```typescript
|
||||
{
|
||||
productionChain: 'sewingMachines',
|
||||
chainMultiplier: '2',
|
||||
mermaidDefinition: endent`
|
||||
flowchart LR
|
||||
Charcoal(<img src='${icons.charcoalKilnIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Steel(<img src='${icons.steelIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
SewingMachines(<img src='${icons.sewingMachinesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
|
||||
Steel
|
||||
Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
|
||||
Charcoal & Iron --> Steel --> SewingMachines
|
||||
Wood --> SewingMachines
|
||||
`
|
||||
colBreak: false,
|
||||
tierName: 'Artisans',
|
||||
productionChains: [
|
||||
{
|
||||
productionChain: 'sewingMachines',
|
||||
chainMultiplier: '2',
|
||||
mermaidDefinition: endent`
|
||||
flowchart LR
|
||||
Charcoal(<img src='${icons.charcoalKilnIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Steel(<img src='${icons.steelIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
SewingMachines(<img src='${icons.sewingMachinesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
|
||||
Steel
|
||||
Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
|
||||
Charcoal & Iron --> Steel --> SewingMachines
|
||||
Wood --> SewingMachines
|
||||
`
|
||||
}
|
||||
]
|
||||
}
|
||||
```
|
||||
|
||||
@@ -177,7 +183,7 @@ for details on the `mermaidDefinition` see the section below.
|
||||
|
||||
## Mermaid definitions
|
||||
|
||||
See the documentation for mermaid flowcharts [here](https://mermaid-js.github.io/mermaid/#/flowchart) for more information.
|
||||
See the documentation for mermaid flowcharts [here](https://mermaid-js.github.io/mermaid/#/flowchart).
|
||||
|
||||
A mermaid definition starts with
|
||||
|
||||
@@ -236,7 +242,6 @@ Charcoal(<img src='${icons.charcoalKilnIcon}' class='icon-size' /><span class='r
|
||||
Steel(<img src='${icons.steelIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
SewingMachines(<img src='${icons.sewingMachinesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
|
||||
Steel
|
||||
Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
|
||||
Charcoal & Iron --> Steel --> SewingMachines
|
||||
Wood --> SewingMachines
|
||||
|
||||
@@ -286,7 +286,6 @@ export const productionChainsBase: TieredProductionChain[] = [
|
||||
Steel(<img src='${icons.steelIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
SewingMachines(<img src='${icons.sewingMachinesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
|
||||
Steel
|
||||
Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
|
||||
Charcoal & Iron --> Steel --> SewingMachines
|
||||
Wood --> SewingMachines
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
import endent from 'endent';
|
||||
import { TieredProductionChain } from './models';
|
||||
import * as icons from './icons';
|
||||
|
||||
@@ -8,11 +9,21 @@ export const productionChainsExpansions: TieredProductionChain[] = [
|
||||
productionChains: [
|
||||
{
|
||||
productionChain: 'tractorGrain',
|
||||
mermaidDefinition: `flowchart LR; TractorGrain(<span class='icon-flex-row'><img src='${icons.grainIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${icons.tractorIcon}' class='electricity-icon' /></span><span class='ratio-count'>1</span></span></span>) --> Grain(<img src='${icons.grainIcon}' class='icon-size' /><span class='ratio-count'>4</span>)`
|
||||
mermaidDefinition: endent`
|
||||
flowchart LR
|
||||
TractorGrain(<span class='icon-flex-row'><img src='${icons.grainIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${icons.tractorIcon}' class='electricity-icon' /></span><span class='ratio-count'>1</span></span></span>)
|
||||
Grain(<img src='${icons.grainIcon}' class='icon-size' /><span class='ratio-count'>4</span>)
|
||||
TractorGrain --> Grain
|
||||
`
|
||||
},
|
||||
{
|
||||
productionChain: 'siloPig',
|
||||
mermaidDefinition: `flowchart LR; SiloPig(<span class='icon-flex-row'><img src='${icons.pigsIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${icons.siloIcon}' class='electricity-icon' /></span><span class='ratio-count'>1</span></span></span>) --> Pig(<img src='${icons.pigsIcon}' class='icon-size' /><span class='ratio-count'>2.66</span>)`
|
||||
mermaidDefinition: endent`
|
||||
flowchart LR
|
||||
SiloPig(<span class='icon-flex-row'><img src='${icons.pigsIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${icons.siloIcon}' class='electricity-icon' /></span><span class='ratio-count'>1</span></span></span>)
|
||||
Pig(<img src='${icons.pigsIcon}' class='icon-size' /><span class='ratio-count'>2.66</span>)
|
||||
SiloPig --> Pig
|
||||
`
|
||||
}
|
||||
]
|
||||
},
|
||||
@@ -22,11 +33,26 @@ export const productionChainsExpansions: TieredProductionChain[] = [
|
||||
productionChains: [
|
||||
{
|
||||
productionChain: 'tractor',
|
||||
mermaidDefinition: `flowchart LR; OilWell(<img src='${icons.oilWellIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Fuel(<img src='${icons.fuelIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Tractor(<img src='${icons.tractorIcon}' class='icon-size' /><span class='ratio-count'>20</span>)`
|
||||
mermaidDefinition: endent`
|
||||
flowchart LR
|
||||
OilWell(<img src='${icons.oilWellIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Fuel(<img src='${icons.fuelIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Tractor(<img src='${icons.tractorIcon}' class='icon-size' /><span class='ratio-count'>20</span>)
|
||||
OilWell --> Fuel --> Tractor
|
||||
`
|
||||
},
|
||||
{
|
||||
productionChain: 'silos',
|
||||
mermaidDefinition: `flowchart TB; Grain(<img src='${icons.grainIcon}' class='icon-size' /><span class='ratio-count'>1</span>); Corn(<img src='${icons.cornIcon}' class='icon-size' /><span class='ratio-count'>1</span>); Teff(<img src='${icons.teffIcon}' class='icon-size' /><span class='ratio-count'>1</span>); Silo(<img src='${icons.siloIcon}' class='icon-size' /><span class='ratio-count'>5</span>); Grain --> Silo; Corn --> Silo; Teff --> Silo`
|
||||
mermaidDefinition: endent`
|
||||
flowchart TB
|
||||
Grain(<img src='${icons.grainIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Corn(<img src='${icons.cornIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Teff(<img src='${icons.teffIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Silo(<img src='${icons.siloIcon}' class='icon-size' /><span class='ratio-count'>5</span>)
|
||||
Grain --> Silo
|
||||
Corn --> Silo
|
||||
Teff --> Silo
|
||||
`
|
||||
}
|
||||
]
|
||||
},
|
||||
@@ -36,15 +62,46 @@ export const productionChainsExpansions: TieredProductionChain[] = [
|
||||
productionChains: [
|
||||
{
|
||||
productionChain: 'shampoo',
|
||||
mermaidDefinition: `flowchart LR; CoconutOil(<img src='${icons.coconutOilIcon}' class='icon-size' /><span class='ratio-count'>1</span>) & Cinnamon(<img src='${icons.cinnamonIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Shampoo(<img src='${icons.shampooIcon}' class='icon-size' /><span class='ratio-count'>1</span>); Pigs(<img src='${icons.pigsIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> Tallow(<img src='${icons.tallowIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> Soap(<img src='${icons.soapIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Shampoo`
|
||||
mermaidDefinition: endent`
|
||||
flowchart LR
|
||||
CoconutOil(<img src='${icons.coconutOilIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Cinnamon(<img src='${icons.cinnamonIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Shampoo(<img src='${icons.shampooIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Pigs(<img src='${icons.pigsIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
|
||||
Tallow(<img src='${icons.tallowIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
|
||||
Soap(<img src='${icons.soapIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
CoconutOil & Cinnamon --> Shampoo
|
||||
Pigs --> Tallow --> Soap --> Shampoo
|
||||
`
|
||||
},
|
||||
{
|
||||
productionChain: 'lemonade',
|
||||
mermaidDefinition: `flowchart LR; SugarCane(<img src='${icons.sugarCaneIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Sugar(<img src='${icons.sugarIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Lemonade(<img src='${icons.lemonadeIcon}' class='icon-size' /><span class='ratio-count'>1</span>); Citrus(<img src='${icons.citrusIcon}' class='icon-size' /><span class='ratio-count'>1</span>) & Saltpeter(<img src='${icons.saltpeterIcon}' class='icon-size' /><span class='ratio-count'>4</span>) --> Lemonade`
|
||||
mermaidDefinition: endent`
|
||||
flowchart LR
|
||||
SugarCane(<img src='${icons.sugarCaneIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Sugar(<img src='${icons.sugarIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Lemonade(<img src='${icons.lemonadeIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Citrus(<img src='${icons.citrusIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Saltpeter(<img src='${icons.saltpeterIcon}' class='icon-size' /><span class='ratio-count'>4</span>)
|
||||
SugarCane --> Sugar --> Lemonade
|
||||
Citrus --> Lemonade
|
||||
Saltpeter --> Lemonade
|
||||
`
|
||||
},
|
||||
{
|
||||
productionChain: 'souvenirs',
|
||||
mermaidDefinition: `flowchart LR; CamphorWax(<img src='${icons.camphorWaxIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Souvenirs(<img src='${icons.souvenirsIcon}' class='icon-size' /><span class='ratio-count'>1</span>); Sand(<img src='${icons.sandIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Glass(<img src='${icons.glassIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Souvenirs; Cotton(<img src='${icons.cottonIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> Souvenirs`
|
||||
mermaidDefinition: endent`
|
||||
flowchart LR
|
||||
CamphorWax(<img src='${icons.camphorWaxIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Souvenirs(<img src='${icons.souvenirsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Sand(<img src='${icons.sandIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Glass(<img src='${icons.glassIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Souvenirs
|
||||
Cotton(<img src='${icons.cottonIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
|
||||
CamphorWax --> Souvenirs
|
||||
Sand --> Glass --> Souvenirs
|
||||
Cotton --> Souvenirs
|
||||
`
|
||||
}
|
||||
]
|
||||
},
|
||||
@@ -54,23 +111,65 @@ export const productionChainsExpansions: TieredProductionChain[] = [
|
||||
productionChains: [
|
||||
{
|
||||
productionChain: 'archdukeSchnitzel',
|
||||
mermaidDefinition: `flowchart LR; Pigs0(<img src='${icons.pigsIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Schnitzel(<img src='${icons.archdukeSchnitzel}' class='icon-size' /><span class='ratio-count'>1</span>); Potato(<span class='icon-flex-row'><img src='${icons.potatoIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) --> Schnitzel; Pigs1(<img src='${icons.pigsIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Tallow(<img src='${icons.tallowIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Schnitzel`
|
||||
mermaidDefinition: endent`
|
||||
flowchart LR
|
||||
Pigs0(<img src='${icons.pigsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Schnitzel(<img src='${icons.archdukeSchnitzel}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Potato(<span class='icon-flex-row'><img src='${icons.potatoIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
|
||||
Schnitzel
|
||||
Pigs1(<img src='${icons.pigsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Tallow(<img src='${icons.tallowIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Pigs0 --> Schnitzel
|
||||
Potato --> Schnitzel
|
||||
Pigs1 --> Tallow --> Schnitzel
|
||||
`
|
||||
},
|
||||
{
|
||||
productionChain: 'stroggofGoulash',
|
||||
mermaidDefinition: `flowchart LR; Beef(<img src='${icons.beefIcon}' class='icon-size' /><span class='ratio-count'>2</span>) & RedPeppers(<img src='${icons.redPeppersIcon}' class='icon-size' /><span class='ratio-count'>2</span>) & Corn(<img src='${icons.cornIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> StroggofGoulash(<img src='${icons.stroggofGoulashIcon}' class='icon-size' /><span class='ratio-count'>1</span>)`
|
||||
mermaidDefinition: endent`
|
||||
flowchart LR
|
||||
Beef(<img src='${icons.beefIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
|
||||
RedPeppers(<img src='${icons.redPeppersIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
|
||||
Corn(<img src='${icons.cornIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
StroggofGoulash(<img src='${icons.stroggofGoulashIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Beef & RedPeppers & Corn --> StroggofGoulash
|
||||
`
|
||||
},
|
||||
{
|
||||
productionChain: 'fishFrites',
|
||||
mermaidDefinition: `flowchart LR; Fish(<span class='icon-flex-row'><img src='${icons.fishIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) & Potato(<span class='icon-flex-row'><img src='${icons.potatoIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) & Citrus(<span class='icon-flex-row'><img src='${icons.citrusIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) --> FishFrites(<img src='${icons.fishFritesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)`
|
||||
mermaidDefinition: endent`
|
||||
flowchart LR
|
||||
Fish(<span class='icon-flex-row'><img src='${icons.fishIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
|
||||
Potato(<span class='icon-flex-row'><img src='${icons.potatoIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
|
||||
Citrus(<span class='icon-flex-row'><img src='${icons.citrusIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
|
||||
FishFrites(<img src='${icons.fishFritesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Fish & Potato & Citrus --> FishFrites
|
||||
`
|
||||
},
|
||||
{
|
||||
productionChain: 'venisonEnCroute',
|
||||
mermaidDefinition: `flowchart LR; Grain(<img src='${icons.grainIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Flour(<span class='icon-flex-row'><img src='${icons.flourIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) --> VenisonEnCroute(<img src='${icons.venisonEnCrouteIcon}' class='icon-size' /><span class='ratio-count'>1</span>); Potato(<span class='icon-flex-row'><img src='${icons.potatoIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) & Caribou(<img src='${icons.caribouIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> VenisonEnCroute`
|
||||
mermaidDefinition: endent`
|
||||
flowchart LR
|
||||
Grain(<img src='${icons.grainIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Flour(<span class='icon-flex-row'><img src='${icons.flourIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
|
||||
VenisonEnCroute(<img src='${icons.venisonEnCrouteIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Potato(<span class='icon-flex-row'><img src='${icons.potatoIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
|
||||
Caribou(<img src='${icons.caribouIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Grain --> Flour --> VenisonEnCroute
|
||||
Potato --> VenisonEnCroute
|
||||
Caribou --> VenisonEnCroute
|
||||
`
|
||||
},
|
||||
{
|
||||
productionChain: 'lobsterCheminee',
|
||||
mermaidDefinition: `flowchart LR; Lobster(<img src='${icons.lobstersIcon}' class='icon-size' /><span class='ratio-count'>1</span>) & Ctirus(<span class='icon-flex-row'><img src='${icons.citrusIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) & Tobacco(<img src='${icons.tobaccoIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> LobsterCheminee(<img src='${icons.lobsterChemineeIcon}' class='icon-size' /><span class='ratio-count'>1</span>)`
|
||||
mermaidDefinition: endent`
|
||||
flowchart LR
|
||||
Lobster(<img src='${icons.lobstersIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Citrus(<span class='icon-flex-row'><img src='${icons.citrusIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
|
||||
Tobacco(<img src='${icons.tobaccoIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
|
||||
LobsterCheminee(<img src='${icons.lobsterChemineeIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||
Lobster & Citrus & Tobacco --> LobsterCheminee
|
||||
`
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user