Pacific Drive Wiki - User contributions [en]

Module:FabricationStationUI

2024-11-24T10:42:43Z

Pygmyowl: link fixes

local p = {}

p.consts = {
canvas_padding = 20,
icon_edge_thickness = 6,
label_font_size = 14,
node_size = {-1, -1},
node_padding = {8, 16, 8, 16},
node_icon_size = 64,
node_icon_padding = 16,
node_icon_container_size = -1,
node_spacing = {-1, -1},
wikitext_template_icon = '[[File:%s|frameless|%spx|link=]]',
wikitext_template_link = '[[%s|<span class="fab-station-ui__link"/>]]',
tab_order = {
'garage',
'refine',
'survival_tools',
'lights',
'car_body',
'wheels',
'expansion_racks',
'car_storage',
'fuel',
'battery',
'utilities',
'engines',
},
}
p.consts.node_icon_container_size = p.consts.node_icon_size + p.consts.node_icon_padding * 2 + p.consts.icon_edge_thickness * 2
p.consts.node_size = {
p.consts.node_icon_container_size + p.consts.node_padding[2] + p.consts.node_padding[4],
p.consts.node_icon_container_size + p.consts.node_padding[1] + p.consts.node_padding[3] + 40
}
p.consts.node_spacing = {
p.consts.node_size[1] * 0.4,
p.consts.node_size[2] * 0.2,
}

-- slot notation is {row, col}
-- nodes are recorded left to right, top to bottom
-- edges are recorded by source node, left to right, top to bottom
p.tabs = {
battery = {
canvas_slots = {3, 6},
edges = {
{4, 1},
{4, 5},
{5, 2},
{5, 6},
{5, 10},
{6, 7},
{6, 11},
{7, 3},
{7, 8},
{8, 9},
{8, 12},
},
nodes = {
-- 1
{
id = 'plasma_charger',
icon = 'BATTERY-JUICER.png',
link_to = 'Plasma Charger',
label = 'Plasma Charger',
slot = {1, 2},
},
-- 2
{
id = 'hydro_generator',
icon = 'RAIN-GENERATOR.png',
link_to = 'Hydro Generator',
label = 'Hydro Generator',
slot = {1, 3},
},
-- 3
{
id = 'leak_resistant_battery',
icon = 'CC_SEALED-BATTERY.png',
link_to = 'Leak-Resistant Battery',
label = 'Leak-Resistant Battery',
slot = {1, 5},
},
-- 4
{
id = 'battery_jumper',
icon = 'BATTERY-JUMPER.png',
link_to = 'Battery Jumper',
label = 'Battery Jumper',
slot = {2, 1},
},
-- 5
{
id = 'lightning_rod',
icon = 'ELEC-GENERATOR.png',
link_to = 'Lightning Rod',
label = 'Lightning Rod',
slot = {2, 2},
},
-- 6
{
id = 'side_battery',
icon = 'SIDE-BATTERY.png',
link_to = 'Side Battery',
label = 'Side Battery',
slot = {2, 3},
},
-- 7
{
id = 'lead_acid_battery',
icon = 'BACKSEAT-BATTERY.png',
link_to = 'Lead-Acid Battery',
label = 'Lead-Acid Battery',
slot = {2, 4},
},
-- 8
{
id = 'high_capacity_battery',
icon = 'EXPANDED-BACKSEAT-BATTERY.png',
link_to = 'High-Capacity Battery',
label = 'High-Capacity Battery',
slot = {2, 5},
},
-- 9
{
id = 'xl_roof_battery',
icon = 'ROOF-BATTERY.png',
link_to = 'XL Roof Battery',
label = 'XL Roof Battery',
slot = {2, 6},
},
-- 10
{
id = 'mini_turbine',
icon = 'Mini_Turbine_Icon.png',
link_to = 'Mini Turbine',
label = 'Mini Turbine',
slot = {3, 3},
},
-- 11
{
id = 'solar_panel',
icon = 'SOLAR-GENERATOR.png',
link_to = 'Solar Panel',
label = 'Solar Panel',
slot = {3, 4},
},
-- 12
{
id = 'anchor_energy_converter',
icon = 'BATTERY-GOBBLER.png',
link_to = 'Anchor Energy Converter',
label = 'Anchor Energy Converter',
slot = {3, 6},
},
},
},
car_body = {
canvas_slots = {7, 4},
edges = {
{2, 3},
{5, 1},
{5, 2},
{7, 8},
{8, 4},
{8, 5},
{8, 6},
{11, 12},
{12, 9},
{12, 13},
{12, 17},
{13, 10},
{13, 14},
{15, 16},
{16, 18},
{16, 19},
{16, 20},
{19, 21},
{19, 22},
},
nodes = {
-- 1
{
id = 'anti_corrosive_bumper',
icon = 'ACID-BUMPER.png',
link_to = 'Anticorrosive Bumper',
label = 'Anti-Corrosive Bumper',
slot = {1, 1},
},
-- 2
{
id = 'olympium_bumper',
icon = 'PHYS-BUMPER.png',
link_to = 'Olympium Bumper',
label = 'Olympium Bumper',
slot = {1, 2},
},
-- 3
{
id = 'powered_bumper',
icon = 'POWERED-BUMPER.png',
link_to = 'Powered Bumper',
label = 'Powered Bumper',
slot = {1, 3},
},
-- 4
{
id = 'lead_plated_bumper',
icon = 'RADS-BUMPER.png',
link_to = 'Lead-Plated Bumper',
label = 'Lead-Plated Bumper',
slot = {2, 1},
},
-- 5
{
id = 'armored_bumper',
icon = 'HEAL-BUMPER.png',
link_to = 'Armored Bumper',
label = 'Armored Bumper',
slot = {2, 2},
},
-- 6
{
id = 'insulated_bumper',
icon = 'ELE-BUMPER.png',
link_to = 'Insulated Bumper',
label = 'Insulated Bumper',
slot = {2, 3},
},
-- 7
{
id = 'crude_bumper',
icon = 'Crude_Bumper.png',
link_to = 'Crude Bumper',
label = 'Crude Bumper',
slot = {3, 1},
},
-- 8
{
id = 'steel_bumper',
icon = 'Steel_Bumper.png',
link_to = 'Steel Bumper',
label = 'Steel Bumper',
slot = {3, 2},
},
-- 9
{
id = 'lead_plated_panel',
icon = 'RADS-PANEL.png',
link_to = 'Lead-Plated Panel',
label = 'Lead-Plated Panel',
slot = {3, 3},
},
-- 10
{
id = 'anti_corrosive_panel',
icon = 'POISON-PANEL.png',
link_to = 'Anticorrosive Panel',
label = 'Anti-Corrosive Panel',
slot = {3, 4},
},
-- 11
{
id = 'crude_panel',
icon = 'Crude_Panel.png',
link_to = 'Crude Panel',
label = 'Crude Panel',
slot = {4, 1},
},
-- 12
{
id = 'steel_panel',
icon = 'Steel_Panel.png',
link_to = 'Steel Panel',
label = 'Steel Panel',
slot = {4, 2},
},
-- 13
{
id = 'armored_panel',
icon = 'HEAL-PANEL.png',
link_to = 'Armored Panel',
label = 'Armored Panel',
slot = {4, 3},
},
-- 14
{
id = 'olympium_panel',
icon = 'PHYS-PANEL.png',
link_to = 'Olympium Panel',
label = 'Olympium Panel',
slot = {4, 4},
},
-- 15
{
id = 'crude_door',
icon = 'Crude_Door.png',
link_to = 'Crude Door',
label = 'Crude Door',
slot = {5, 1},
},
-- 16
{
id = 'steel_door',
icon = 'Steel_Door.png',
link_to = 'Steel Door',
label = 'Steel Door',
slot = {5, 2},
},
-- 17
{
id = 'insulated_panel',
icon = 'ELEC-PANEL.png',
link_to = 'Insulated Panel',
label = 'Insulated Panel',
slot = {5, 3},
},
-- 18
{
id = 'insulated_door',
icon = 'CAGED-STEEL-DOOR.png',
link_to = 'Insulated Door',
label = 'Insulated Door',
slot = {6, 1},
},
-- 19
{
id = 'armored_door',
icon = 'PLATED-DOOR.png',
link_to = 'Armored Door',
label = 'Armored Door',
slot = {6, 2},
},
-- 20
{
id = 'lead_plated_door',
icon = 'LEAD-SHIELD-DOOR.png',
link_to = 'Lead-Plated Door',
label = 'Lead-Plated Door',
slot = {6, 3},
},
-- 21
{
id = 'olympium_door',
icon = 'REINFORCED-DOOR.png',
link_to = 'Olympium Door',
label = 'Olympium Door',
slot = {7, 2},
},
-- 22
{
id = 'anti_corrosive_door',
icon = 'STEEL-FIBRE-DOOR.png',
link_to = 'Anticorrosive Door',
label = 'Anti-Corrosive Door',
slot = {7, 3},
},
},
},
car_storage = {
canvas_slots = {2, 3},
edges = {
{2, 1},
{2, 3},
{3, 4},
},
nodes = {
-- 1
{
id = 'xl_roof_storage',
icon = 'ROOF-STORAGE.png',
link_to = 'XL Roof Storage',
label = 'XL Roof Storage',
slot = {1, 2},
},
-- 2
{
id = 'side_storage',
icon = 'SIDE-STORAGE.png',
link_to = 'Side Storage',
label = 'Side Storage',
slot = {2, 1},
},
-- 3
{
id = 'a_trunk_in_the_trunk',
icon = 'TRUNK-T2.png',
link_to = 'A Trunk In The Trunk',
label = 'A Trunk in the Trunk',
slot = {2, 2},
},
-- 4
{
id = 'augmented_trunk_storage',
icon = 'TRUNK-T3.png',
link_to = 'Augmented Trunk Storage',
label = 'Augmented Trunk Storage',
slot = {2, 3},
},
},
},
engines = {
canvas_slots = {2, 3},
edges = {
{2, 3},
{3, 1},
{3, 4},
},
nodes = {
-- 1
{
id = 'amp_engine',
icon = 'AMP-Icon.png',
link_to = 'AMP Engine',
label = 'AMP Engine',
slot = {1, 3},
},
-- 2
{
id = 'carbureted_engine',
icon = 'Carbureted_Icon.png',
link_to = 'Carbureted Engine',
label = 'Carbureted Engine',
slot = {2, 1},
},
-- 3
{
id = 'turbolight_engine',
icon = 'Turbolight_Icon.png',
link_to = 'Turbolight Engine',
label = 'Turbolight Engine',
slot = {2, 2},
},
-- 4
{
id = 'lim_chipped_engine',
icon = 'LIM-Chipped-Icon.png',
link_to = 'LIM-Chipped Engine',
label = 'LIM-Chipped Engine',
slot = {2, 3},
},
},
},
expansion_racks = {
canvas_slots = {3, 5},
edges = {
{1, 2},
{3, 4},
{4, 1},
{4, 5},
{5, 6},
{5, 7},
{7, 8},
},
nodes = {
-- 1
{
id = 'seat_rack_1',
icon = 'BACKSEAT-RACK.png',
link_to = 'Car#Seat_Racks',
label = 'Seat Rack',
slot = {1, 3},
},
-- 2
{
id = 'seat_rack_2',
icon = 'BACKSEAT-RACK.png',
link_to = 'Car#Seat_Racks',
label = 'Seat Rack',
slot = {1, 4},
},
-- 3
{
id = 'side_rack_1',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 1},
},
-- 4
{
id = 'side_rack_2',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 2},
},
-- 5
{
id = 'side_rack_3',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 3},
},
-- 6
{
id = 'side_rack_4',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 4},
},
-- 7
{
id = 'roof_rack_1',
icon = 'ROOF-RACK.png',
link_to = 'Car#Roof_Racks',
label = 'Roof Rack',
slot = {3, 4},
},
-- 8
{
id = 'roof_rack_2',
icon = 'ROOF-RACK.png',
link_to = 'Car#Roof_Racks',
label = 'Roof Rack',
slot = {3, 5},
},
},
},
fuel = {
canvas_slots = {3, 5},
edges = {
{2, 3},
{3, 4},
{3, 7},
{4, 1},
{4, 5},
{5, 6},
},
nodes = {
-- 1
{
id = 'leak_resistant_fuel_tank',
icon = 'LEAK-RESIST-FUEL.png',
link_to = 'Leak-Resistant Fuel Tank',
label = 'Leak-Resistant Fuel Tank',
slot = {1, 4},
},
-- 2
{
id = 'large_fuel_can',
icon = 'FUEL-CAN-5GAL.png',
link_to = 'Large Fuel Can',
label = 'Large Fuel Can',
slot = {2, 1},
},
-- 3
{
id = 'side_fuel_tank',
icon = 'SIDE-FUEL.png',
link_to = 'Side Fuel Tank',
label = 'Side Fuel Tank',
slot = {2, 2},
},
-- 4
{
id = 'backseat_tank',
icon = 'BACKSEAT-FUEL.png',
link_to = 'Backseat Tank',
label = 'Backseat Tank',
slot = {2, 3},
},
-- 5
{
id = 'backseat_tank',
icon = 'EXPANDED-BACKSEAT-FUEL.png',
link_to = 'Expanded Backseat Tank',
label = 'Expanded Backseat Tank',
slot = {2, 4},
},
-- 6
{
id = 'gas_reservoir',
icon = 'ROOF-FUEL.png',
link_to = 'Gas Reservoir',
label = 'Gas Reservoir',
slot = {2, 5},
},
-- 7
{
id = 'fuel_synthesizer',
icon = 'FUEL-GENERATOR.png',
link_to = 'Fuel Synthesizer',
label = 'Fuel Synthesizer',
slot = {3, 3},
},
},
},
garage = {
canvas_slots = {8, 6},
edges = {
{1, 2},
{2, 3},
{3, 4},
{4, 5},
{6, 1},
{7, 8},
{8, 9},
{9, 10},
{11, 6},
{11, 7},
{13, 14},
{15, 11},
{16, 12},
{16, 13},
{17, 18},
{19, 20},
{20, 15},
{20, 16},
{20, 21},
{20, 24},
{20, 25},
{21, 17},
{21, 22},
{22, 23},
{24, 28},
{25, 26},
{25, 30},
{26, 27},
{28, 29},
{29, 33},
{29, 34},
{30, 31},
{31, 32},
{34, 35},
},
nodes = {
-- 1
{
id = 'expanded_locker_4',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {1, 2},
},
-- 2
{
id = 'pneumatic_locker_1',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 3},
},
-- 3
{
id = 'pneumatic_locker_2',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 4},
},
-- 4
{
id = 'pneumatic_locker_3',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 5},
},
-- 5
{
id = 'pneumatic_locker_4',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 6},
},
-- 6
{
id = 'expanded_locker_3',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {2, 2},
},
-- 7
{
id = 'parts_locker_1',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 3},
},
-- 8
{
id = 'parts_locker_2',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 4},
},
-- 9
{
id = 'parts_locker_3',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 5},
},
-- 10
{
id = 'parts_locker_4',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 6},
},
-- 11
{
id = 'expanded_locker_2',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {3, 2},
},
-- 12
{
id = 'vargas_auto_pac_vac',
icon = 'Auto-Store-Vacuum-2.png',
link_to = 'Auto_Shop#Vargas_Auto-Vac',
label = 'Vargas Auto-Pac-Vac',
slot = {3, 3},
},
-- 13
{
id = 'rapid_refill_pump',
icon = 'Fast-Gas.png',
link_to = 'Fuel_Pump#Rapid_Refill_Pump',
label = 'Rapid Refill Pump',
slot = {3, 4},
},
-- 14
{
id = 'experimental_charging_station',
icon = 'Battery-Charger-2.png',
link_to = 'Fuel_Pump#Rapid_Refill_Pump',
label = 'Experimental Charging Station',
slot = {3, 5},
},
-- 15
{
id = 'expanded_locker_1',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {4, 2},
},
-- 16
{
id = 'outfitting_station',
icon = 'Player-Equip.png',
link_to = 'Auto_Shop#Outfitting_Station',
label = 'Outfitting Station',
slot = {4, 3},
},
-- 17
{
id = 'advanced_antenna',
icon = 'IMPROVED-SCANNING-2.png',
link_to = 'Junction',
label = 'Advanced Antenna',
slot = {4, 4},
},
-- 18
{
id = 'incident_board',
icon = 'Days-Board.png',
link_to = 'Auto_Shop#Incident_Board',
label = 'Incident Board',
slot = {4, 5},
},
-- 19
{
id = 'scanning_antenna',
icon = 'Zone-Scanner.png',
link_to = 'Junction',
label = 'Scanning Antenna',
slot = {5, 1},
},
-- 20
{
id = 'matter_deconstructor',
icon = 'Item-Breaker.png',
link_to = 'Auto_Shop#Matter_Deconstructor',
label = 'Matter Deconstructor',
slot = {5, 2},
},
-- 21
{
id = 'improved_antenna',
icon = 'IMPROVED-SCANNING.png',
link_to = 'Junction',
label = 'Improved Antenna',
slot = {5, 3},
},
-- 22
{
id = 'junction_restabilizer',
icon = 'Highway-Bypass.png',
link_to = 'Junction',
label = 'Junction Re-Stabilizer',
slot = {5, 4},
},
-- 23
{
id = 'junction_bypass',
icon = 'ZONE-RE-ROLLER.png',
link_to = 'Junction',
label = 'Junction Bypass',
slot = {5, 5},
},
-- 24
{
id = 'detailing_station',
icon = 'Detailing-Station.png',
link_to = 'Auto_Shop#Detailing_Station',
label = 'Detailing Station',
slot = {6, 2},
},
-- 25
{
id = 'matter_regenerator',
icon = 'Part-Incubator.png',
link_to = 'Auto_Shop#Matter_Regenerator',
label = 'Matter Regenerator',
slot = {6, 3},
},
-- 26
{
id = 'investigator_module',
icon = 'Tinker-Station-02.png',
link_to = 'Auto_Shop#Tinker_Station',
label = 'Investigator Module',
slot = {6, 4},
},
-- 27
{
id = 'analysis_module',
icon = 'Tinker-Station-03.png',
link_to = 'Auto_Shop#Tinker_Station',
label = 'Analysis Module',
slot = {6, 5},
},
-- 28
{
id = 'fax_machine',
icon = 'Fax-Machine.png',
link_to = 'Auto_Shop#F.A.X._Machine',
label = 'F.A.X. Machine',
slot = {7, 2},
},
-- 29
{
id = 'athletic_stimulation_station',
icon = 'Basketball-Icon.png',
link_to = 'Auto_Shop#Athletic_Stimulation_Station/Hoop',
label = 'Athletic Stimulation Station',
slot = {7, 3},
},
-- 30
{
id = 'advanced_workbench',
icon = 'Craft-Bench-2.png',
link_to = 'Auto_Shop#Workbench',
label = 'Advanced Workbench',
slot = {7, 4},
},
-- 31
{
id = 'expanded_matter_regenerator',
icon = 'PART-INCUBATOR-2.png',
link_to = 'Auto_Shop#Matter_Regenerator',
label = 'Expanded Matter Regenerator',
slot = {7, 5},
},
-- 32
{
id = 'repair_station',
icon = 'Repair-Stop-Fab.png',
link_to = 'Auto_Shop#Repair_Station',
label = 'Repair Station',
slot = {7, 6},
},
-- 33
{
id = 'smart_matter_deconstructor',
icon = 'Item-Breaker-2.png',
link_to = 'Auto_Shop#Matter_Deconstructor',
label = 'Smart Matter Deconstructor',
slot = {8, 3},
},
-- 34
{
id = 'deco_vend',
icon = 'Cosmetic-Printer.png',
link_to = 'Auto_Shop#Deco-Vend',
label = 'Deco-Vend',
slot = {8, 4},
},
-- 35
{
id = 'fish_tank',
icon = 'Fish-Tank.png',
link_to = 'Auto_Shop#Fish_Tank',
label = 'Fish Tank',
slot = {8, 5},
},
},
},
lights = {
canvas_slots = {6, 4},
edges = {
{3, 1},
{3, 4},
{5, 2},
{5, 6},
{6, 3},
{8, 9},
{9, 7},
{9, 10},
{9, 13},
{11, 12},
{12, 14},
},
nodes = {
-- 1
{
id = 'biolantern',
icon = 'Biolantern.png',
no_icon_padding = true,
link_to = 'Biolantern',
label = 'Biolantern',
slot = {1, 3},
},
-- 2
{
id = 'crude_flashlight',
icon = 'Crude_Flashlight.png',
no_icon_padding = true,
link_to = 'Crude Flashlight',
label = 'Crude Flashlight',
slot = {2, 2},
},
-- 3
{
id = 'bioflare',
icon = 'Bioflare.png',
no_icon_padding = true,
link_to = 'Bioflare',
label = 'Bioflare',
slot = {2, 3},
},
-- 4
{
id = 'bioflare',
icon = 'Bioflare-Gun.png',
no_icon_padding = true,
link_to = 'Bioflare Gun',
label = 'Bioflare Gun',
slot = {2, 4},
},
-- 5
{
id = 'relightable_flare',
icon = 'Relightable_Flare.png',
no_icon_padding = true,
link_to = 'Relightable Flare',
label = 'Relightable Flare',
slot = {3, 1},
},
-- 6
{
id = 'flare_gun',
icon = 'Flare_Gun.png',
no_icon_padding = true,
link_to = 'Flare Gun',
label = 'Flare Gun',
slot = {3, 2},
},
-- 7
{
id = 'insulated_headlight',
icon = 'Insulated_Headlight_Icon.png',
link_to = 'Insulated Headlight',
label = 'Insulated Headlight',
slot = {3, 3},
},
-- 8
{
id = 'crude_headlight',
icon = 'Crude_Headlight_Icon.png',
link_to = 'Crude Headlight',
label = 'Crude Headlight',
slot = {4, 1},
},
-- 9
{
id = 'headlight',
icon = 'Headlight_Icon.png',
link_to = 'Headlight',
label = 'Headlight',
slot = {4, 2},
},
-- 10
{
id = 'reinforced_headlight',
icon = 'PHYS-LIGHT.png',
link_to = 'Reinforced Headlight',
label = 'Reinforced Headlight',
slot = {4, 3},
},
-- 11
{
id = 'side_floodlights',
icon = 'SIDE-LIGHT.png',
link_to = 'Side Floodlights',
label = 'Side Floodlights',
slot = {5, 1},
},
-- 12
{
id = 'roof_floodlights',
icon = 'ROOF-ARRAY.png',
link_to = 'Roof Floodlights',
label = 'Roof Floodlights',
slot = {5, 2},
},
-- 13
{
id = 'bio_headlight',
icon = 'BIO-LIGHT.png',
link_to = 'Bio Headlight',
label = 'Bio Headlight',
slot = {5, 3},
},
-- 14
{
id = 'auto_tracking_spotlight',
icon = 'ROOF-LIGHT.png',
link_to = 'Auto Tracking Spotlight',
label = 'Auto Tracking Spotlight',
slot = {6, 3},
},
},
},
refine = {
canvas_slots = {1, 6},
edges = {
{1, 2},
{2, 3},
{3, 4},
{4, 5},
{5, 6},
},
nodes = {
-- 1
{
id = 'gear',
icon = 'GEAR.png',
link_to = 'Gear',
label = 'Gear',
slot = {1, 1},
},
-- 2
{
id = 'bulb',
icon = 'BULB.png',
link_to = 'Bulb',
label = 'Bulb',
slot = {1, 2},
},
-- 3
{
id = 'steel_sheet',
icon = 'STEEL-SHEET_Inverted.png',
link_to = 'Steel Sheet',
label = 'Steel Sheet',
slot = {1, 3},
},
-- 4
{
id = 'circuit_board',
icon = 'BREADBOARD.png',
link_to = 'Circuit Board',
label = 'Circuit Board',
slot = {1, 4},
},
-- 5
{
id = 'carbonfiberglass',
icon = 'CARBON-FIBREGLASS.png',
link_to = 'Carbonfiberglass',
label = 'Carbonfiberglass',
slot = {1, 5},
},
-- 6
{
id = 'lim_chip',
icon = 'LIM-CHIP.png',
link_to = 'LIM Chip',
label = 'LIM Chip',
slot = {1, 6},
},
},
},
survival_tools = {
canvas_slots = {6, 3},
edges = {
{2, 1},
{4, 2},
{4, 5},
{5, 3},
{7, 8},
{7, 11},
{8, 6},
{8, 9},
{10, 13},
{10, 14},
{11, 12},
{14, 15},
},
nodes = {
-- 1
{
id = 'olympium_torch',
icon = 'PLASMA-TORCH.png',
link_to = 'Olympium Torch',
label = 'Olympium Torch',
slot = {1, 3},
},
-- 2
{
id = 'blowtorch',
icon = 'TORCH.png',
link_to = 'Blowtorch',
label = 'Blowtorch',
slot = {2, 2},
},
-- 3
{
id = 'electricians_kit',
icon = 'Electricians_Kit.png',
link_to = 'Electrician\'s Kit',
label = 'Electrician\'s Kit',
slot = {2, 3},
},
-- 4
{
id = 'repair_putty',
icon = 'REPAIR-PUTTY.png',
link_to = 'Repair Putty',
label = 'Repair Putty',
slot = {3, 1},
},
-- 5
{
id = 'light_replacement_kit',
icon = 'Light_Replacement_Kit.png',
link_to = 'Light Replacement Kit',
label = 'Light Replacement Kit',
slot = {3, 2},
},
-- 6
{
id = 'thermal_vacuum',
icon = 'Thermal_Vacuum.png',
link_to = 'Thermal Vacuum',
label = 'Thermal Vacuum',
slot = {3, 3},
},
-- 7
{
id = 'scrapper',
icon = 'Scrapper.png',
link_to = 'Scrapper',
label = 'Scrapper',
slot = {4, 1},
},
-- 8
{
id = 'hand_vac',
icon = 'Hand-Vac.png',
link_to = 'Hand-Vac',
label = 'Hand-Vac',
slot = {4, 2},
},
-- 9
{
id = 'plasma_scrapper',
icon = 'Plasma_Scrapper.png',
link_to = 'Plasma Scrapper',
label = 'Plasma Scrapper',
slot = {4, 3},
},
-- 10
{
id = 'prybar',
icon = 'Prybar.png',
link_to = 'Prybar',
label = 'Prybar',
slot = {5, 1},
},
-- 11
{
id = 'liberator',
icon = 'Liberator.png',
link_to = 'Liberator',
label = 'Liberator',
slot = {5, 2},
},
-- 12
{
id = 'liberator_mk2',
icon = 'LIBERATOR-2.png',
link_to = 'Liberator Mk. 2',
label = 'Liberator Mk. 2',
slot = {5, 3},
},
-- 13
{
id = 'anchor_radar',
icon = 'Anchor_Radar.png',
link_to = 'Anchor Radar',
label = 'Anchor Radar',
slot = {6, 1},
},
-- 14
{
id = 'impact_hammer',
icon = 'Impact_Hammer.png',
link_to = 'Impact Hammer',
label = 'Impact Hammer',
slot = {6, 2},
},
-- 15
{
id = 'magnetic_hammer',
icon = 'Magnetic_Hammer.png',
link_to = 'Magnetic Hammer',
label = 'Magnetic Hammer',
slot = {6, 3},
},
},
},
utilities = {
canvas_slots = {3, 5},
edges = {
{4, 1},
{4, 5},
{4, 9},
{5, 6},
{5, 10},
{6, 2},
{6, 7},
{6, 11},
{7, 3},
{7, 8},
{7, 12},
},
nodes = {
-- 1
{
id = 'the_auto_parker',
icon = 'PARKING-MANOUVER.png',
link_to = 'The Auto Parker',
label = 'The Auto Parker',
slot = {1, 2},
},
-- 2
{
id = 'the_lazarus_device',
icon = 'LIFESAVER.png',
link_to = 'The Lazarus Device',
label = 'The Lazarus Device',
slot = {1, 4},
},
-- 3
{
id = 'chrono_dilator',
icon = 'TIME-MANOUVER.png',
link_to = 'Chrono Dilator',
label = 'Chrono Dilator',
slot = {1, 5},
},
-- 4
{
id = 'limpulse_emitter',
icon = 'PHYS-WAVE-SHIELD.png',
link_to = 'Limpulse Emitter',
label = 'Limpulse Emitter',
slot = {2, 1},
},
-- 5
{
id = 'jump_jacks',
icon = 'JUMP-MANOUVER.png',
link_to = 'Jump Jacks',
label = 'Jump Jacks',
slot = {2, 2},
},
-- 6
{
id = 'ion_shield',
icon = 'ROOF-RAD-SHIELD.png',
link_to = 'Ion Shield',
label = 'Ion Shield',
slot = {2, 3},
},
-- 7
{
id = 'mobile_workbench',
icon = 'BENCH-T1.png',
link_to = 'Mobile Workbench',
label = 'Mobile Workbench',
slot = {2, 4},
},
-- 8
{
id = 'magnetic_bumper',
icon = 'MAGNET-BUMPER.png',
link_to = 'Magnetic Bumper',
label = 'Magnetic Bumper',
slot = {2, 5},
},
-- 9
{
id = 'resource_radar',
icon = 'RESOURCE-SCANNER.png',
link_to = 'Resource Radar',
label = 'Resource Radar',
slot = {3, 2},
},
-- 10
{
id = 'juke_jets',
icon = 'SIDE-THRUSTERS-MANOUVER.png',
link_to = 'Juke Jets',
label = 'Juke Jets',
slot = {3, 3},
},
-- 11
{
id = 'nitro_boost',
icon = 'BOOST-MANOUVER.png',
link_to = 'Nitro Boost',
label = 'Nitro Boost',
slot = {3, 4},
},
-- 12
{
id = 'anti_grav_emitter',
icon = 'GRAVITY-MANOUVER.png',
link_to = 'Anti-Grav Emitter',
label = 'Anti-Grav Emitter',
slot = {3, 5},
},
},
},
wheels = {
canvas_slots = {3, 5},
edges = {
{2, 3},
{3, 4},
{4, 1},
{4, 5},
{4, 7},
{5, 6},
},
nodes = {
-- 1
{
id = 'puncture_proof_tire',
icon = 'PUNCTURE-RESISTANT-TIRE.png',
link_to = 'Puncture-Proof Tire',
label = 'Puncture-Proof Tire',
slot = {1, 4},
},
-- 2
{
id = 'spare_tire',
icon = 'Spare_Tire_Icon.png',
link_to = 'Spare Tire',
label = 'Spare Tire',
slot = {2, 1},
},
-- 3
{
id = 'summer_tire',
icon = 'Summer_Tire_Icon.png',
link_to = 'Summer Tire',
label = 'Summer Tire',
slot = {2, 2},
},
-- 4
{
id = 'offroad_tire',
icon = 'OFFROAD-TIRE.png',
link_to = 'Offroad Tire',
label = 'Offroad Tire',
slot = {2, 3},
},
-- 5
{
id = 'all_terrain_tire',
icon = 'ADAPTIVE-TIRE.png',
link_to = 'All-Terrain Tire',
label = 'All-Terrain Tire',
slot = {2, 4},
},
-- 6
{
id = 'power_grip_tire',
icon = 'POWER-GRIP-TIRE.png',
link_to = 'Power Grip Tires',
label = 'Power Grip Tires',
slot = {2, 5},
},
-- 7
{
id = 'paddle_tire',
icon = 'WATER-TIRE.png',
link_to = 'Paddle Tire',
label = 'Paddle Tire',
slot = {3, 4},
},
},
},
}

function css_px( n )
return string.format('%spx', n)
end

-- returns inverted order because cols produce x, rows produce y
function get_canvas_size( tab )
return {
p.consts.canvas_padding * 2 + tab.canvas_slots[2] * p.consts.node_size[2] + (tab.canvas_slots[2] - 1) * p.consts.node_spacing[2],
p.consts.canvas_padding * 2 + tab.canvas_slots[1] * p.consts.node_size[1] + (tab.canvas_slots[1] - 1) * p.consts.node_spacing[1],
}
end

-- returns inverted order because cols produce x, rows produce y
function get_node_anchor_pos( node_slot )
return {
p.consts.canvas_padding + (node_slot[2] - 1) * (p.consts.node_size[2] + p.consts.node_spacing[2]),
p.consts.canvas_padding + (node_slot[1] - 1) * (p.consts.node_size[1] + p.consts.node_spacing[1]),
}
end

-- does not return inverted order because it's already been inverted by get_node_anchor_pos
function get_node_graph_anchor_pos( node_slot )
local anchor_pos = get_node_anchor_pos(node_slot)
local offset_x = p.consts.node_size[1] / 2
local offset_y = offset_x - p.consts.node_padding[1] - p.consts.icon_edge_thickness
return { anchor_pos[1] + offset_x, anchor_pos[2] + offset_y }
end

function render_node_label( html_ref, node )
return html_ref
:tag('div')
:addClass('fab-station-ui__label')
:css({
['font-size'] = css_px(p.consts.label_font_size),
width = css_px(p.consts.node_icon_container_size),
})
:wikitext(node.label)
:done()
end

function render_node_icon( html_ref, node )
return html_ref
:tag('div')
:addClass('fab-station-ui__icon')
:css({
width = css_px(p.consts.node_icon_container_size),
height = css_px(p.consts.node_icon_container_size),
padding = node.no_icon_padding and '0px' or css_px(p.consts.node_icon_padding),
})
:wikitext(string.format(p.consts.wikitext_template_link, node.link_to))
:newline()
:wikitext(string.format(p.consts.wikitext_template_icon, node.icon, p.consts.node_icon_size + (node.no_icon_padding and p.consts.node_icon_padding * 2 or 0)))
:done()
end

function render_node( html_ref, node )
local res = html_ref
local anchor_pos = get_node_anchor_pos(node.slot)
local padding = p.consts.node_padding
res = html_ref
:tag('div')
:addClass('fab-station-ui__graph-node')
:css({
padding = string.format('%spx %spx %spx %spx', padding[1], padding[2], padding[3], padding[4]),
width = css_px(p.consts.node_size[1]),
height = 'auto',
transform = string.format('translate(%spx, %spx)', anchor_pos[1], anchor_pos[2]),
})
:attr('data-item-id', node.id)
res = render_node_icon(res, node)
res = render_node_label(res, node)
return res:done()
end

function render_edge( html_ref, node_slot_1, node_slot_2 )
local pos_1 = get_node_graph_anchor_pos(node_slot_1)
local pos_2 = get_node_graph_anchor_pos(node_slot_2)
local delta_x = pos_2[1] - pos_1[1]
local delta_y = pos_2[2] - pos_1[2]
local edge_len = (delta_x ^ 2 + delta_y ^ 2) ^ 0.5
local center_tgt = { pos_1[1] + delta_x / 2, pos_1[2] + delta_y / 2 }
local center_orig = { edge_len / 2, 0 }
local translate_by = { center_tgt[1] - center_orig[1], center_tgt[2] - center_orig[2] }
local rotate_by = math.atan(delta_y / delta_x)

return html_ref
:tag('div')
:addClass('fab-station-ui__graph-edge')
:css({
width = css_px(edge_len),
height = css_px(p.consts.icon_edge_thickness),
transform = string.format('translate(%spx, %spx) rotate(%srad)', translate_by[1], translate_by[2], rotate_by),
})
:done()
end

function p.main(frame)
local tab_name = frame.args.tab
local tab = p.tabs[tab_name]
local tab_canvas_size = get_canvas_size(tab)
local viewport_size = {
tab_canvas_size[1] + 10,
math.min(tab_canvas_size[2], 390) + 10
}

local html_ref = mw.html.create('div')
:addClass('fab-station-ui__viewport')
:css({
width = css_px(viewport_size[1]),
height = css_px(viewport_size[2]),
})
:attr('data-tab-id', tab_name)
:tag('div')
:addClass('fab-station-ui__scroll-container')
:tag('div')
:addClass('fab-station-ui__scale-container')
:css({
width = css_px(tab_canvas_size[1]),
height = css_px(tab_canvas_size[2]),
})
:tag('div')
:addClass('fab-station-ui__canvas')
for k, v in pairs(tab.edges) do
html_ref = render_edge(html_ref, tab.nodes[v[1]].slot, tab.nodes[v[2]].slot)
end
for k, v in pairs(tab.nodes) do
html_ref = render_node(html_ref, v)
end
return tostring(html_ref:allDone())
end

return p

Module:FabricationStationUI

2024-11-16T19:04:24Z

Pygmyowl:

local p = {}

p.consts = {
canvas_padding = 20,
icon_edge_thickness = 6,
label_font_size = 14,
node_size = {-1, -1},
node_padding = {8, 16, 8, 16},
node_icon_size = 64,
node_icon_padding = 16,
node_icon_container_size = -1,
node_spacing = {-1, -1},
wikitext_template_icon = '[[File:%s|frameless|%spx|link=]]',
wikitext_template_link = '[[%s|<span class="fab-station-ui__link"/>]]',
tab_order = {
'garage',
'refine',
'survival_tools',
'lights',
'car_body',
'wheels',
'expansion_racks',
'car_storage',
'fuel',
'battery',
'utilities',
'engines',
},
}
p.consts.node_icon_container_size = p.consts.node_icon_size + p.consts.node_icon_padding * 2 + p.consts.icon_edge_thickness * 2
p.consts.node_size = {
p.consts.node_icon_container_size + p.consts.node_padding[2] + p.consts.node_padding[4],
p.consts.node_icon_container_size + p.consts.node_padding[1] + p.consts.node_padding[3] + 40
}
p.consts.node_spacing = {
p.consts.node_size[1] * 0.4,
p.consts.node_size[2] * 0.2,
}

-- slot notation is {row, col}
-- nodes are recorded left to right, top to bottom
-- edges are recorded by source node, left to right, top to bottom
p.tabs = {
battery = {
canvas_slots = {3, 6},
edges = {
{4, 1},
{4, 5},
{5, 2},
{5, 6},
{5, 10},
{6, 7},
{6, 11},
{7, 3},
{7, 8},
{8, 9},
{8, 12},
},
nodes = {
-- 1
{
id = 'plasma_charger',
icon = 'BATTERY-JUICER.png',
link_to = 'Plasma Charger',
label = 'Plasma Charger',
slot = {1, 2},
},
-- 2
{
id = 'hydro_generator',
icon = 'RAIN-GENERATOR.png',
link_to = 'Hydro Generator',
label = 'Hydro Generator',
slot = {1, 3},
},
-- 3
{
id = 'leak_resistant_battery',
icon = 'CC_SEALED-BATTERY.png',
link_to = 'Leak-Resistant Battery',
label = 'Leak-Resistant Battery',
slot = {1, 5},
},
-- 4
{
id = 'battery_jumper',
icon = 'BATTERY-JUMPER.png',
link_to = 'Battery Jumper',
label = 'Battery Jumper',
slot = {2, 1},
},
-- 5
{
id = 'lightning_rod',
icon = 'ELEC-GENERATOR.png',
link_to = 'Lightning Rod',
label = 'Lightning Rod',
slot = {2, 2},
},
-- 6
{
id = 'side_battery',
icon = 'SIDE-BATTERY.png',
link_to = 'Side Battery',
label = 'Side Battery',
slot = {2, 3},
},
-- 7
{
id = 'lead_acid_battery',
icon = 'BACKSEAT-BATTERY.png',
link_to = 'Lead-Acid Battery',
label = 'Lead-Acid Battery',
slot = {2, 4},
},
-- 8
{
id = 'high_capacity_battery',
icon = 'EXPANDED-BACKSEAT-BATTERY.png',
link_to = 'High-Capacity Battery',
label = 'High-Capacity Battery',
slot = {2, 5},
},
-- 9
{
id = 'xl_roof_battery',
icon = 'ROOF-BATTERY.png',
link_to = 'XL Roof Battery',
label = 'XL Roof Battery',
slot = {2, 6},
},
-- 10
{
id = 'mini_turbine',
icon = 'Mini_Turbine_Icon.png',
link_to = 'Mini Turbine',
label = 'Mini Turbine',
slot = {3, 3},
},
-- 11
{
id = 'solar_panel',
icon = 'SOLAR-GENERATOR.png',
link_to = 'Solar Panel',
label = 'Solar Panel',
slot = {3, 4},
},
-- 12
{
id = 'anchor_energy_converter',
icon = 'BATTERY-GOBBLER.png',
link_to = 'Anchor Energy Converter',
label = 'Anchor Energy Converter',
slot = {3, 6},
},
},
},
car_body = {
canvas_slots = {7, 4},
edges = {
{2, 3},
{5, 1},
{5, 2},
{7, 8},
{8, 4},
{8, 5},
{8, 6},
{11, 12},
{12, 9},
{12, 13},
{12, 17},
{13, 10},
{13, 14},
{15, 16},
{16, 18},
{16, 19},
{16, 20},
{19, 21},
{19, 22},
},
nodes = {
-- 1
{
id = 'anti_corrosive_bumper',
icon = 'ACID-BUMPER.png',
link_to = 'Anti-Corrosive Bumper',
label = 'Anti-Corrosive Bumper',
slot = {1, 1},
},
-- 2
{
id = 'olympium_bumper',
icon = 'ACID-BUMPER.png',
link_to = 'Olympium Bumper',
label = 'Olympium Bumper',
slot = {1, 2},
},
-- 3
{
id = 'powered_bumper',
icon = 'POWERED-BUMPER.png',
link_to = 'Powered Bumper',
label = 'Powered Bumper',
slot = {1, 3},
},
-- 4
{
id = 'lead_plated_bumper',
icon = 'RADS-BUMPER.png',
link_to = 'Lead-Plated Bumper',
label = 'Lead-Plated Bumper',
slot = {2, 1},
},
-- 5
{
id = 'armored_bumper',
icon = 'HEAL-BUMPER.png',
link_to = 'Armored Bumper',
label = 'Armored Bumper',
slot = {2, 2},
},
-- 6
{
id = 'insulated_bumper',
icon = 'ELE-BUMPER.png',
link_to = 'Insulated Bumper',
label = 'Insulated Bumper',
slot = {2, 3},
},
-- 7
{
id = 'crude_bumper',
icon = 'Crude_Bumper.png',
link_to = 'Crude Bumper',
label = 'Crude Bumper',
slot = {3, 1},
},
-- 8
{
id = 'steel_bumper',
icon = 'Steel_Bumper.png',
link_to = 'Steel Bumper',
label = 'Steel Bumper',
slot = {3, 2},
},
-- 9
{
id = 'lead_plated_panel',
icon = 'RADS-PANEL.png',
link_to = 'Lead-Plated Panel',
label = 'Lead-Plated Panel',
slot = {3, 3},
},
-- 10
{
id = 'anti_corrosive_panel',
icon = 'POISON-PANEL.png',
link_to = 'Anti-Corrosive Panel',
label = 'Anti-Corrosive Panel',
slot = {3, 4},
},
-- 11
{
id = 'crude_panel',
icon = 'Crude_Panel.png',
link_to = 'Crude Panel',
label = 'Crude Panel',
slot = {4, 1},
},
-- 12
{
id = 'steel_panel',
icon = 'Steel_Panel.png',
link_to = 'Steel Panel',
label = 'Steel Panel',
slot = {4, 2},
},
-- 13
{
id = 'armored_panel',
icon = 'HEAL-PANEL.png',
link_to = 'Armored Panel',
label = 'Armored Panel',
slot = {4, 3},
},
-- 14
{
id = 'olympium_panel',
icon = 'PHYS-PANEL.png',
link_to = 'Olympium Panel',
label = 'Olympium Panel',
slot = {4, 4},
},
-- 15
{
id = 'crude_door',
icon = 'Crude_Door.png',
link_to = 'Crude Door',
label = 'Crude Door',
slot = {5, 1},
},
-- 16
{
id = 'steel_door',
icon = 'Steel_Door.png',
link_to = 'Steel Door',
label = 'Steel Door',
slot = {5, 2},
},
-- 17
{
id = 'insulated_panel',
icon = 'ELEC-PANEL.png',
link_to = 'Insulated Panel',
label = 'Insulated Panel',
slot = {5, 3},
},
-- 18
{
id = 'insulated_door',
icon = 'CAGED-STEEL-DOOR.png',
link_to = 'Insulated Door',
label = 'Insulated Door',
slot = {6, 1},
},
-- 19
{
id = 'armored_door',
icon = 'PLATED-DOOR.png',
link_to = 'Armored Door',
label = 'Armored Door',
slot = {6, 2},
},
-- 20
{
id = 'lead_plated_door',
icon = 'LEAD-SHIELD-DOOR.png',
link_to = 'Lead-Plated Door',
label = 'Lead-Plated Door',
slot = {6, 3},
},
-- 21
{
id = 'olympium_door',
icon = 'REINFORCED-DOOR.png',
link_to = 'Olympium Door',
label = 'Olympium Door',
slot = {7, 2},
},
-- 22
{
id = 'anti_corrosive_door',
icon = 'STEEL-FIBRE-DOOR.png',
link_to = 'Anti-Corrosive Door',
label = 'Anti-Corrosive Door',
slot = {7, 3},
},
},
},
car_storage = {
canvas_slots = {2, 3},
edges = {
{2, 1},
{2, 3},
{3, 4},
},
nodes = {
-- 1
{
id = 'xl_roof_storage',
icon = 'ROOF-STORAGE.png',
link_to = 'XL Roof Storage',
label = 'XL Roof Storage',
slot = {1, 2},
},
-- 2
{
id = 'side_storage',
icon = 'SIDE-STORAGE.png',
link_to = 'Side Storage',
label = 'Side Storage',
slot = {2, 1},
},
-- 3
{
id = 'a_trunk_in_the_trunk',
icon = 'TRUNK-T2.png',
link_to = 'A Trunk In The Trunk',
label = 'A Trunk in the Trunk',
slot = {2, 2},
},
-- 4
{
id = 'augmented_trunk_storage',
icon = 'TRUNK-T3.png',
link_to = 'Augmented Trunk Storage',
label = 'Augmented Trunk Storage',
slot = {2, 3},
},
},
},
engines = {
canvas_slots = {2, 3},
edges = {
{2, 3},
{3, 1},
{3, 4},
},
nodes = {
-- 1
{
id = 'amp_engine',
icon = 'AMP-Icon.png',
link_to = 'AMP Engine',
label = 'AMP Engine',
slot = {1, 3},
},
-- 2
{
id = 'carbureted_engine',
icon = 'Carbureted_Icon.png',
link_to = 'Carbureted Engine',
label = 'Carbureted Engine',
slot = {2, 1},
},
-- 3
{
id = 'turbolight_engine',
icon = 'Turbolight_Icon.png',
link_to = 'Turbolight Engine',
label = 'Turbolight Engine',
slot = {2, 2},
},
-- 4
{
id = 'lim_chipped_engine',
icon = 'LIM-Chipped-Icon.png',
link_to = 'LIM-Chipped Engine',
label = 'LIM-Chipped Engine',
slot = {2, 3},
},
},
},
expansion_racks = {
canvas_slots = {3, 5},
edges = {
{1, 2},
{3, 4},
{4, 1},
{4, 5},
{5, 6},
{5, 7},
{7, 8},
},
nodes = {
-- 1
{
id = 'seat_rack_1',
icon = 'BACKSEAT-RACK.png',
link_to = 'Car#Seat_Racks',
label = 'Seat Rack',
slot = {1, 3},
},
-- 2
{
id = 'seat_rack_2',
icon = 'BACKSEAT-RACK.png',
link_to = 'Car#Seat_Racks',
label = 'Seat Rack',
slot = {1, 4},
},
-- 3
{
id = 'side_rack_1',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 1},
},
-- 4
{
id = 'side_rack_2',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 2},
},
-- 5
{
id = 'side_rack_3',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 3},
},
-- 6
{
id = 'side_rack_4',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 4},
},
-- 7
{
id = 'roof_rack_1',
icon = 'ROOF-RACK.png',
link_to = 'Car#Roof_Racks',
label = 'Roof Rack',
slot = {3, 4},
},
-- 8
{
id = 'roof_rack_2',
icon = 'ROOF-RACK.png',
link_to = 'Car#Roof_Racks',
label = 'Roof Rack',
slot = {3, 5},
},
},
},
fuel = {
canvas_slots = {3, 5},
edges = {
{2, 3},
{3, 4},
{3, 7},
{4, 1},
{4, 5},
{5, 6},
},
nodes = {
-- 1
{
id = 'leak_resistant_fuel_tank',
icon = 'LEAK-RESIST-FUEL.png',
link_to = 'Leak-Resistant Fuel Tank',
label = 'Leak-Resistant Fuel Tank',
slot = {1, 4},
},
-- 2
{
id = 'large_fuel_can',
icon = 'FUEL-CAN-5GAL.png',
link_to = 'Large Fuel Can',
label = 'Large Fuel Can',
slot = {2, 1},
},
-- 3
{
id = 'side_fuel_tank',
icon = 'SIDE-FUEL.png',
link_to = 'Side Fuel Tank',
label = 'Side Fuel Tank',
slot = {2, 2},
},
-- 4
{
id = 'backseat_tank',
icon = 'BACKSEAT-FUEL.png',
link_to = 'Backseat Tank',
label = 'Backseat Tank',
slot = {2, 3},
},
-- 5
{
id = 'backseat_tank',
icon = 'EXPANDED-BACKSEAT-FUEL.png',
link_to = 'Expanded Backseat Tank',
label = 'Expanded Backseat Tank',
slot = {2, 4},
},
-- 6
{
id = 'gas_reservoir',
icon = 'ROOF-FUEL.png',
link_to = 'Gas Reservoir',
label = 'Gas Reservoir',
slot = {2, 5},
},
-- 7
{
id = 'fuel_synthesizer',
icon = 'FUEL-GENERATOR.png',
link_to = 'Fuel Synthesizer',
label = 'Fuel Synthesizer',
slot = {3, 3},
},
},
},
garage = {
canvas_slots = {8, 6},
edges = {
{1, 2},
{2, 3},
{3, 4},
{4, 5},
{6, 1},
{7, 8},
{8, 9},
{9, 10},
{11, 6},
{11, 7},
{13, 14},
{15, 11},
{16, 12},
{16, 13},
{17, 18},
{19, 20},
{20, 15},
{20, 16},
{20, 21},
{20, 24},
{20, 25},
{21, 17},
{21, 22},
{22, 23},
{24, 28},
{25, 26},
{25, 30},
{26, 27},
{28, 29},
{29, 33},
{29, 34},
{30, 31},
{31, 32},
{34, 35},
},
nodes = {
-- 1
{
id = 'expanded_locker_4',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {1, 2},
},
-- 2
{
id = 'pneumatic_locker_1',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 3},
},
-- 3
{
id = 'pneumatic_locker_2',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 4},
},
-- 4
{
id = 'pneumatic_locker_3',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 5},
},
-- 5
{
id = 'pneumatic_locker_4',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 6},
},
-- 6
{
id = 'expanded_locker_3',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {2, 2},
},
-- 7
{
id = 'parts_locker_1',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 3},
},
-- 8
{
id = 'parts_locker_2',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 4},
},
-- 9
{
id = 'parts_locker_3',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 5},
},
-- 10
{
id = 'parts_locker_4',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 6},
},
-- 11
{
id = 'expanded_locker_2',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {3, 2},
},
-- 12
{
id = 'vargas_auto_pac_vac',
icon = 'Auto-Store-Vacuum-2.png',
link_to = 'Auto_Shop#Vargas_Auto-Vac',
label = 'Vargas Auto-Pac-Vac',
slot = {3, 3},
},
-- 13
{
id = 'rapid_refill_pump',
icon = 'Fast-Gas.png',
link_to = 'Fuel_Pump#Rapid_Refill_Pump',
label = 'Rapid Refill Pump',
slot = {3, 4},
},
-- 14
{
id = 'experimental_charging_station',
icon = 'Battery-Charger-2.png',
link_to = 'Fuel_Pump#Rapid_Refill_Pump',
label = 'Experimental Charging Station',
slot = {3, 5},
},
-- 15
{
id = 'expanded_locker_1',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {4, 2},
},
-- 16
{
id = 'outfitting_station',
icon = 'Player-Equip.png',
link_to = 'Auto_Shop#Outfitting_Station',
label = 'Outfitting Station',
slot = {4, 3},
},
-- 17
{
id = 'advanced_antenna',
icon = 'IMPROVED-SCANNING-2.png',
link_to = 'Junction',
label = 'Advanced Antenna',
slot = {4, 4},
},
-- 18
{
id = 'incident_board',
icon = 'Days-Board.png',
link_to = 'Auto_Shop#Incident_Board',
label = 'Incident Board',
slot = {4, 5},
},
-- 19
{
id = 'scanning_antenna',
icon = 'Zone-Scanner.png',
link_to = 'Junction',
label = 'Scanning Antenna',
slot = {5, 1},
},
-- 20
{
id = 'matter_deconstructor',
icon = 'Item-Breaker.png',
link_to = 'Auto_Shop#Matter_Deconstructor',
label = 'Matter Deconstructor',
slot = {5, 2},
},
-- 21
{
id = 'improved_antenna',
icon = 'IMPROVED-SCANNING.png',
link_to = 'Junction',
label = 'Improved Antenna',
slot = {5, 3},
},
-- 22
{
id = 'junction_restabilizer',
icon = 'Highway-Bypass.png',
link_to = 'Junction',
label = 'Junction Re-Stabilizer',
slot = {5, 4},
},
-- 23
{
id = 'junction_bypass',
icon = 'ZONE-RE-ROLLER.png',
link_to = 'Junction',
label = 'Junction Bypass',
slot = {5, 5},
},
-- 24
{
id = 'detailing_station',
icon = 'Detailing-Station.png',
link_to = 'Auto_Shop#Detailing_Station',
label = 'Detailing Station',
slot = {6, 2},
},
-- 25
{
id = 'matter_regenerator',
icon = 'Part-Incubator.png',
link_to = 'Auto_Shop#Matter_Regenerator',
label = 'Matter Regenerator',
slot = {6, 3},
},
-- 26
{
id = 'investigator_module',
icon = 'Tinker-Station-02.png',
link_to = 'Auto_Shop#Tinker_Station',
label = 'Investigator Module',
slot = {6, 4},
},
-- 27
{
id = 'analysis_module',
icon = 'Tinker-Station-03.png',
link_to = 'Auto_Shop#Tinker_Station',
label = 'Analysis Module',
slot = {6, 5},
},
-- 28
{
id = 'fax_machine',
icon = 'Fax-Machine.png',
link_to = 'Auto_Shop#F.A.X._Machine',
label = 'F.A.X. Machine',
slot = {7, 2},
},
-- 29
{
id = 'athletic_stimulation_station',
icon = 'Basketball-Icon.png',
link_to = 'Auto_Shop#Athletic_Stimulation_Station/Hoop',
label = 'Athletic Stimulation Station',
slot = {7, 3},
},
-- 30
{
id = 'advanced_workbench',
icon = 'Craft-Bench-2.png',
link_to = 'Auto_Shop#Workbench',
label = 'Advanced Workbench',
slot = {7, 4},
},
-- 31
{
id = 'expanded_matter_regenerator',
icon = 'PART-INCUBATOR-2.png',
link_to = 'Auto_Shop#Matter_Regenerator',
label = 'Expanded Matter Regenerator',
slot = {7, 5},
},
-- 32
{
id = 'repair_station',
icon = 'Repair-Stop-Fab.png',
link_to = 'Auto_Shop#Repair_Station',
label = 'Repair Station',
slot = {7, 6},
},
-- 33
{
id = 'smart_matter_deconstructor',
icon = 'Item-Breaker-2.png',
link_to = 'Auto_Shop#Matter_Deconstructor',
label = 'Smart Matter Deconstructor',
slot = {8, 3},
},
-- 34
{
id = 'deco_vend',
icon = 'Cosmetic-Printer.png',
link_to = 'Auto_Shop#Deco-Vend',
label = 'Deco-Vend',
slot = {8, 4},
},
-- 35
{
id = 'fish_tank',
icon = 'Fish-Tank.png',
link_to = 'Auto_Shop#Fish_Tank',
label = 'Fish Tank',
slot = {8, 5},
},
},
},
lights = {
canvas_slots = {6, 4},
edges = {
{3, 1},
{3, 4},
{5, 2},
{5, 6},
{6, 3},
{8, 9},
{9, 7},
{9, 10},
{9, 13},
{11, 12},
{12, 14},
},
nodes = {
-- 1
{
id = 'biolantern',
icon = 'Biolantern.png',
no_icon_padding = true,
link_to = 'Biolantern',
label = 'Biolantern',
slot = {1, 3},
},
-- 2
{
id = 'crude_flashlight',
icon = 'Crude_Flashlight.png',
no_icon_padding = true,
link_to = 'Crude Flashlight',
label = 'Crude Flashlight',
slot = {2, 2},
},
-- 3
{
id = 'bioflare',
icon = 'Bioflare.png',
no_icon_padding = true,
link_to = 'Bioflare',
label = 'Bioflare',
slot = {2, 3},
},
-- 4
{
id = 'bioflare',
icon = 'Bioflare-Gun.png',
no_icon_padding = true,
link_to = 'Bioflare Gun',
label = 'Bioflare Gun',
slot = {2, 4},
},
-- 5
{
id = 'relightable_flare',
icon = 'Relightable_Flare.png',
no_icon_padding = true,
link_to = 'Relightable Flare',
label = 'Relightable Flare',
slot = {3, 1},
},
-- 6
{
id = 'flare_gun',
icon = 'Flare_Gun.png',
no_icon_padding = true,
link_to = 'Flare Gun',
label = 'Flare Gun',
slot = {3, 2},
},
-- 7
{
id = 'insulated_headlight',
icon = 'Insulated_Headlight_Icon.png',
link_to = 'Insulated Headlight',
label = 'Insulated Headlight',
slot = {3, 3},
},
-- 8
{
id = 'crude_headlight',
icon = 'Crude_Headlight_Icon.png',
link_to = 'Crude Headlight',
label = 'Crude Headlight',
slot = {4, 1},
},
-- 9
{
id = 'headlight',
icon = 'Headlight_Icon.png',
link_to = 'Headlight',
label = 'Headlight',
slot = {4, 2},
},
-- 10
{
id = 'reinforced_headlight',
icon = 'PHYS-LIGHT.png',
link_to = 'Reinforced Headlight',
label = 'Reinforced Headlight',
slot = {4, 3},
},
-- 11
{
id = 'side_floodlights',
icon = 'SIDE-LIGHT.png',
link_to = 'Side Floodlights',
label = 'Side Floodlights',
slot = {5, 1},
},
-- 12
{
id = 'roof_floodlights',
icon = 'ROOF-ARRAY.png',
link_to = 'Roof Floodlights',
label = 'Roof Floodlights',
slot = {5, 2},
},
-- 13
{
id = 'bio_headlight',
icon = 'BIO-LIGHT.png',
link_to = 'Bio Headlight',
label = 'Bio Headlight',
slot = {5, 3},
},
-- 14
{
id = 'auto_tracking_spotlight',
icon = 'ROOF-LIGHT.png',
link_to = 'Auto Tracking Spotlight',
label = 'Auto Tracking Spotlight',
slot = {6, 3},
},
},
},
refine = {
canvas_slots = {1, 6},
edges = {
{1, 2},
{2, 3},
{3, 4},
{4, 5},
{5, 6},
},
nodes = {
-- 1
{
id = 'gear',
icon = 'GEAR.png',
link_to = 'Gear',
label = 'Gear',
slot = {1, 1},
},
-- 2
{
id = 'bulb',
icon = 'BULB.png',
link_to = 'Bulb',
label = 'Bulb',
slot = {1, 2},
},
-- 3
{
id = 'steel_sheet',
icon = 'STEEL-SHEET_Inverted.png',
link_to = 'Steel Sheet',
label = 'Steel Sheet',
slot = {1, 3},
},
-- 4
{
id = 'circuit_board',
icon = 'BREADBOARD.png',
link_to = 'Circuit Board',
label = 'Circuit Board',
slot = {1, 4},
},
-- 5
{
id = 'carbonfiberglass',
icon = 'CARBON-FIBREGLASS.png',
link_to = 'Carbonfiberglass',
label = 'Carbonfiberglass',
slot = {1, 5},
},
-- 6
{
id = 'lim_chip',
icon = 'LIM-CHIP.png',
link_to = 'LIM Chip',
label = 'LIM Chip',
slot = {1, 6},
},
},
},
survival_tools = {
canvas_slots = {6, 3},
edges = {
{2, 1},
{4, 2},
{4, 5},
{5, 3},
{7, 8},
{7, 11},
{8, 6},
{8, 9},
{10, 13},
{10, 14},
{11, 12},
{14, 15},
},
nodes = {
-- 1
{
id = 'olympium_torch',
icon = 'PLASMA-TORCH.png',
link_to = 'Olympium Torch',
label = 'Olympium Torch',
slot = {1, 3},
},
-- 2
{
id = 'blowtorch',
icon = 'TORCH.png',
link_to = 'Blowtorch',
label = 'Blowtorch',
slot = {2, 2},
},
-- 3
{
id = 'electricians_kit',
icon = 'Electricians_Kit.png',
link_to = 'Electrician\'s Kit',
label = 'Electrician\'s Kit',
slot = {2, 3},
},
-- 4
{
id = 'repair_putty',
icon = 'REPAIR-PUTTY.png',
link_to = 'Repair Putty',
label = 'Repair Putty',
slot = {3, 1},
},
-- 5
{
id = 'light_replacement_kit',
icon = 'Light_Replacement_Kit.png',
link_to = 'Light Replacement Kit',
label = 'Light Replacement Kit',
slot = {3, 2},
},
-- 6
{
id = 'thermal_vacuum',
icon = 'Thermal_Vacuum.png',
link_to = 'Thermal Vacuum',
label = 'Thermal Vacuum',
slot = {3, 3},
},
-- 7
{
id = 'scrapper',
icon = 'Scrapper.png',
link_to = 'Scrapper',
label = 'Scrapper',
slot = {4, 1},
},
-- 8
{
id = 'hand_vac',
icon = 'Hand-Vac.png',
link_to = 'Hand-Vac',
label = 'Hand-Vac',
slot = {4, 2},
},
-- 9
{
id = 'plasma_scrapper',
icon = 'Plasma_Scrapper.png',
link_to = 'Plasma Scrapper',
label = 'Plasma Scrapper',
slot = {4, 3},
},
-- 10
{
id = 'prybar',
icon = 'Prybar.png',
link_to = 'Prybar',
label = 'Prybar',
slot = {5, 1},
},
-- 11
{
id = 'liberator',
icon = 'Liberator.png',
link_to = 'Liberator',
label = 'Liberator',
slot = {5, 2},
},
-- 12
{
id = 'liberator_mk2',
icon = 'LIBERATOR-2.png',
link_to = 'Liberator Mk. 2',
label = 'Liberator Mk. 2',
slot = {5, 3},
},
-- 13
{
id = 'anchor_radar',
icon = 'Anchor_Radar.png',
link_to = 'Anchor Radar',
label = 'Anchor Radar',
slot = {6, 1},
},
-- 14
{
id = 'impact_hammer',
icon = 'Impact_Hammer.png',
link_to = 'Impact Hammer',
label = 'Impact Hammer',
slot = {6, 2},
},
-- 15
{
id = 'magnetic_hammer',
icon = 'Magnetic_Hammer.png',
link_to = 'Magnetic Hammer',
label = 'Magnetic Hammer',
slot = {6, 3},
},
},
},
utilities = {
canvas_slots = {3, 5},
edges = {
{4, 1},
{4, 5},
{4, 9},
{5, 6},
{5, 10},
{6, 2},
{6, 7},
{6, 11},
{7, 3},
{7, 8},
{7, 12},
},
nodes = {
-- 1
{
id = 'the_auto_parker',
icon = 'PARKING-MANOUVER.png',
link_to = 'The Auto Parker',
label = 'The Auto Parker',
slot = {1, 2},
},
-- 2
{
id = 'the_lazarus_device',
icon = 'LIFESAVER.png',
link_to = 'The Lazarus Device',
label = 'The Lazarus Device',
slot = {1, 4},
},
-- 3
{
id = 'chrono_dilator',
icon = 'TIME-MANOUVER.png',
link_to = 'Chrono Dilator',
label = 'Chrono Dilator',
slot = {1, 5},
},
-- 4
{
id = 'limpulse_emitter',
icon = 'PHYS-WAVE-SHIELD.png',
link_to = 'Limpulse Emitter',
label = 'Limpulse Emitter',
slot = {2, 1},
},
-- 5
{
id = 'jump_jacks',
icon = 'JUMP-MANOUVER.png',
link_to = 'Jump Jacks',
label = 'Jump Jacks',
slot = {2, 2},
},
-- 6
{
id = 'ion_shield',
icon = 'ROOF-RAD-SHIELD.png',
link_to = 'Ion Shield',
label = 'Ion Shield',
slot = {2, 3},
},
-- 7
{
id = 'mobile_workbench',
icon = 'BENCH-T1.png',
link_to = 'Mobile Workbench',
label = 'Mobile Workbench',
slot = {2, 4},
},
-- 8
{
id = 'magnetic_bumper',
icon = 'MAGNET-BUMPER.png',
link_to = 'Magnetic Bumper',
label = 'Magnetic Bumper',
slot = {2, 5},
},
-- 9
{
id = 'resource_radar',
icon = 'RESOURCE-SCANNER.png',
link_to = 'Resource Radar',
label = 'Resource Radar',
slot = {3, 2},
},
-- 10
{
id = 'juke_jets',
icon = 'SIDE-THRUSTERS-MANOUVER.png',
link_to = 'Juke Jets',
label = 'Juke Jets',
slot = {3, 3},
},
-- 11
{
id = 'nitro_boost',
icon = 'BOOST-MANOUVER.png',
link_to = 'Nitro Boost',
label = 'Nitro Boost',
slot = {3, 4},
},
-- 12
{
id = 'anti_grav_emitter',
icon = 'GRAVITY-MANOUVER.png',
link_to = 'Anti-Grav Emitter',
label = 'Anti-Grav Emitter',
slot = {3, 5},
},
},
},
wheels = {
canvas_slots = {3, 5},
edges = {
{2, 3},
{3, 4},
{4, 1},
{4, 5},
{4, 7},
{5, 6},
},
nodes = {
-- 1
{
id = 'puncture_proof_tire',
icon = 'PUNCTURE-RESISTANT-TIRE.png',
link_to = 'Puncture-Proof Tire',
label = 'Puncture-Proof Tire',
slot = {1, 4},
},
-- 2
{
id = 'spare_tire',
icon = 'Spare_Tire_Icon.png',
link_to = 'Spare Tire',
label = 'Spare Tire',
slot = {2, 1},
},
-- 3
{
id = 'summer_tire',
icon = 'Summer_Tire_Icon.png',
link_to = 'Summer Tire',
label = 'Summer Tire',
slot = {2, 2},
},
-- 4
{
id = 'offroad_tire',
icon = 'OFFROAD-TIRE.png',
link_to = 'Offroad Tire',
label = 'Offroad Tire',
slot = {2, 3},
},
-- 5
{
id = 'all_terrain_tire',
icon = 'ADAPTIVE-TIRE.png',
link_to = 'All-Terrain Tire',
label = 'All-Terrain Tire',
slot = {2, 4},
},
-- 6
{
id = 'power_grip_tire',
icon = 'POWER-GRIP-TIRE.png',
link_to = 'Power Grip Tires',
label = 'Power Grip Tires',
slot = {2, 5},
},
-- 7
{
id = 'paddle_tire',
icon = 'WATER-TIRE.png',
link_to = 'Paddle Tire',
label = 'Paddle Tire',
slot = {3, 4},
},
},
},
}

function css_px( n )
return string.format('%spx', n)
end

-- returns inverted order because cols produce x, rows produce y
function get_canvas_size( tab )
return {
p.consts.canvas_padding * 2 + tab.canvas_slots[2] * p.consts.node_size[2] + (tab.canvas_slots[2] - 1) * p.consts.node_spacing[2],
p.consts.canvas_padding * 2 + tab.canvas_slots[1] * p.consts.node_size[1] + (tab.canvas_slots[1] - 1) * p.consts.node_spacing[1],
}
end

-- returns inverted order because cols produce x, rows produce y
function get_node_anchor_pos( node_slot )
return {
p.consts.canvas_padding + (node_slot[2] - 1) * (p.consts.node_size[2] + p.consts.node_spacing[2]),
p.consts.canvas_padding + (node_slot[1] - 1) * (p.consts.node_size[1] + p.consts.node_spacing[1]),
}
end

-- does not return inverted order because it's already been inverted by get_node_anchor_pos
function get_node_graph_anchor_pos( node_slot )
local anchor_pos = get_node_anchor_pos(node_slot)
local offset_x = p.consts.node_size[1] / 2
local offset_y = offset_x - p.consts.node_padding[1] - p.consts.icon_edge_thickness
return { anchor_pos[1] + offset_x, anchor_pos[2] + offset_y }
end

function render_node_label( html_ref, node )
return html_ref
:tag('div')
:addClass('fab-station-ui__label')
:css({
['font-size'] = css_px(p.consts.label_font_size),
width = css_px(p.consts.node_icon_container_size),
})
:wikitext(node.label)
:done()
end

function render_node_icon( html_ref, node )
return html_ref
:tag('div')
:addClass('fab-station-ui__icon')
:css({
width = css_px(p.consts.node_icon_container_size),
height = css_px(p.consts.node_icon_container_size),
padding = node.no_icon_padding and '0px' or css_px(p.consts.node_icon_padding),
})
:wikitext(string.format(p.consts.wikitext_template_link, node.link_to))
:newline()
:wikitext(string.format(p.consts.wikitext_template_icon, node.icon, p.consts.node_icon_size + (node.no_icon_padding and p.consts.node_icon_padding * 2 or 0)))
:done()
end

function render_node( html_ref, node )
local res = html_ref
local anchor_pos = get_node_anchor_pos(node.slot)
local padding = p.consts.node_padding
res = html_ref
:tag('div')
:addClass('fab-station-ui__graph-node')
:css({
padding = string.format('%spx %spx %spx %spx', padding[1], padding[2], padding[3], padding[4]),
width = css_px(p.consts.node_size[1]),
height = 'auto',
transform = string.format('translate(%spx, %spx)', anchor_pos[1], anchor_pos[2]),
})
:attr('data-item-id', node.id)
res = render_node_icon(res, node)
res = render_node_label(res, node)
return res:done()
end

function render_edge( html_ref, node_slot_1, node_slot_2 )
local pos_1 = get_node_graph_anchor_pos(node_slot_1)
local pos_2 = get_node_graph_anchor_pos(node_slot_2)
local delta_x = pos_2[1] - pos_1[1]
local delta_y = pos_2[2] - pos_1[2]
local edge_len = (delta_x ^ 2 + delta_y ^ 2) ^ 0.5
local center_tgt = { pos_1[1] + delta_x / 2, pos_1[2] + delta_y / 2 }
local center_orig = { edge_len / 2, 0 }
local translate_by = { center_tgt[1] - center_orig[1], center_tgt[2] - center_orig[2] }
local rotate_by = math.atan(delta_y / delta_x)

return html_ref
:tag('div')
:addClass('fab-station-ui__graph-edge')
:css({
width = css_px(edge_len),
height = css_px(p.consts.icon_edge_thickness),
transform = string.format('translate(%spx, %spx) rotate(%srad)', translate_by[1], translate_by[2], rotate_by),
})
:done()
end

function p.main(frame)
local tab_name = frame.args.tab
local tab = p.tabs[tab_name]
local tab_canvas_size = get_canvas_size(tab)
local viewport_size = {
tab_canvas_size[1] + 10,
math.min(tab_canvas_size[2], 390) + 10
}

local html_ref = mw.html.create('div')
:addClass('fab-station-ui__viewport')
:css({
width = css_px(viewport_size[1]),
height = css_px(viewport_size[2]),
})
:attr('data-tab-id', tab_name)
:tag('div')
:addClass('fab-station-ui__scroll-container')
:tag('div')
:addClass('fab-station-ui__scale-container')
:css({
width = css_px(tab_canvas_size[1]),
height = css_px(tab_canvas_size[2]),
})
:tag('div')
:addClass('fab-station-ui__canvas')
for k, v in pairs(tab.edges) do
html_ref = render_edge(html_ref, tab.nodes[v[1]].slot, tab.nodes[v[2]].slot)
end
for k, v in pairs(tab.nodes) do
html_ref = render_node(html_ref, v)
end
return tostring(html_ref:allDone())
end

return p

Module:FabricationStationUI

2024-11-16T13:50:15Z

Pygmyowl: item ids

local p = {}

p.consts = {
canvas_padding = 20,
icon_edge_thickness = 6,
label_font_size = 14,
node_size = {-1, -1},
node_padding = {8, 16, 8, 16},
node_icon_size = 64,
node_icon_padding = 16,
node_icon_container_size = -1,
node_spacing = {-1, -1},
wikitext_template_icon = '[[File:%s|frameless|%spx|link=]]',
wikitext_template_link = '[[%s|<span class="fab-station-ui__link"/>]]',
tab_order = {
'garage',
'refine',
'survival_tools',
'lights',
'car_body',
'wheels',
'expansion_racks',
'car_storage',
'fuel',
'battery',
'utilities',
'engines',
},
}
p.consts.node_icon_container_size = p.consts.node_icon_size + p.consts.node_icon_padding * 2 + p.consts.icon_edge_thickness * 2
p.consts.node_size = {
p.consts.node_icon_container_size + p.consts.node_padding[2] + p.consts.node_padding[4],
p.consts.node_icon_container_size + p.consts.node_padding[1] + p.consts.node_padding[3] + 40
}
p.consts.node_spacing = {
p.consts.node_size[1] * 0.4,
p.consts.node_size[2] * 0.2,
}

-- slot notation is {row, col}
-- nodes are recorded left to right, top to bottom
-- edges are recorded by source node, left to right, top to bottom
p.tabs = {
battery = {
canvas_slots = {3, 6},
edges = {
{4, 1},
{4, 5},
{5, 2},
{5, 6},
{5, 10},
{6, 7},
{6, 11},
{7, 3},
{7, 8},
{8, 9},
{8, 12},
},
nodes = {
-- 1
{
id = 'plasma_charger',
icon = 'BATTERY-JUICER.png',
link_to = 'Plasma Charger',
label = 'Plasma Charger',
slot = {1, 2},
},
-- 2
{
id = 'hydro_generator',
icon = 'RAIN-GENERATOR.png',
link_to = 'Hydro Generator',
label = 'Hydro Generator',
slot = {1, 3},
},
-- 3
{
id = 'leak_resistant_battery',
icon = 'CC_SEALED-BATTERY.png',
link_to = 'Leak-Resistant Battery',
label = 'Leak-Resistant Battery',
slot = {1, 5},
},
-- 4
{
id = 'battery_jumper',
icon = 'BATTERY-JUMPER.png',
link_to = 'Battery Jumper',
label = 'Battery Jumper',
slot = {2, 1},
},
-- 5
{
id = 'lightning_rod',
icon = 'ELEC-GENERATOR.png',
link_to = 'Lightning Rod',
label = 'Lightning Rod',
slot = {2, 2},
},
-- 6
{
id = 'side_battery',
icon = 'SIDE-BATTERY.png',
link_to = 'Side Battery',
label = 'Side Battery',
slot = {2, 3},
},
-- 7
{
id = 'lead_acid_battery',
icon = 'BACKSEAT-BATTERY.png',
link_to = 'Lead-Acid Battery',
label = 'Lead-Acid Battery',
slot = {2, 4},
},
-- 8
{
id = 'high_capacity_battery',
icon = 'EXPANDED-BACKSEAT-BATTERY.png',
link_to = 'High-Capacity Battery',
label = 'High-Capacity Battery',
slot = {2, 5},
},
-- 9
{
id = 'xl_roof_battery',
icon = 'ROOF-BATTERY.png',
link_to = 'XL Roof Battery',
label = 'XL Roof Battery',
slot = {2, 6},
},
-- 10
{
id = 'mini_turbine',
icon = 'Mini_Turbine_Icon.png',
link_to = 'Mini Turbine',
label = 'Mini Turbine',
slot = {3, 3},
},
-- 11
{
id = 'solar_panel',
icon = 'SOLAR-GENERATOR.png',
link_to = 'Solar Panel',
label = 'Solar Panel',
slot = {3, 4},
},
-- 12
{
id = 'anchor_energy_converter',
icon = 'BATTERY-GOBBLER.png',
link_to = 'Anchor Energy Converter',
label = 'Anchor Energy Converter',
slot = {3, 6},
},
},
},
car_body = {
canvas_slots = {7, 4},
edges = {
{2, 3},
{5, 1},
{5, 2},
{7, 8},
{8, 4},
{8, 5},
{8, 6},
{11, 12},
{12, 9},
{12, 13},
{12, 17},
{13, 10},
{13, 14},
{15, 16},
{16, 18},
{16, 19},
{16, 20},
{19, 21},
{19, 22},
},
nodes = {
-- 1
{
id = 'anti_corrosive_bumper',
icon = 'ACID-BUMPER.png',
link_to = 'Anti-Corrosive Bumper',
label = 'Anti-Corrosive Bumper',
slot = {1, 1},
},
-- 2
{
id = 'olympium_bumper',
icon = 'ACID-BUMPER.png',
link_to = 'Olympium Bumper',
label = 'Olympium Bumper',
slot = {1, 2},
},
-- 3
{
id = 'powered_bumper',
icon = 'POWERED-BUMPER.png',
link_to = 'Powered Bumper',
label = 'Powered Bumper',
slot = {1, 3},
},
-- 4
{
id = 'lead_plated_bumper',
icon = 'RADS-BUMPER.png',
link_to = 'Lead-Plated Bumper',
label = 'Lead-Plated Bumper',
slot = {2, 1},
},
-- 5
{
id = 'armored_bumper',
icon = 'HEAL-BUMPER.png',
link_to = 'Armored Bumper',
label = 'Armored Bumper',
slot = {2, 2},
},
-- 6
{
id = 'insulated_bumper',
icon = 'ELE-BUMPER.png',
link_to = 'Insulated Bumper',
label = 'Insulated Bumper',
slot = {2, 3},
},
-- 7
{
id = 'crude_bumper',
icon = 'Crude_Bumper.png',
link_to = 'Crude Bumper',
label = 'Crude Bumper',
slot = {3, 1},
},
-- 8
{
id = 'steel_bumper',
icon = 'Steel_Bumper.png',
link_to = 'Steel Bumper',
label = 'Steel Bumper',
slot = {3, 2},
},
-- 9
{
id = 'lead_plated_panel',
icon = 'RADS-PANEL.png',
link_to = 'Lead-Plated Panel',
label = 'Lead-Plated Panel',
slot = {3, 3},
},
-- 10
{
id = 'anti_corrosive_panel',
icon = 'POISON-PANEL.png',
link_to = 'Anti-Corrosive Panel',
label = 'Anti-Corrosive Panel',
slot = {3, 4},
},
-- 11
{
id = 'crude_panel',
icon = 'Crude_Panel.png',
link_to = 'Crude Panel',
label = 'Crude Panel',
slot = {4, 1},
},
-- 12
{
id = 'steel_panel',
icon = 'Steel_Panel.png',
link_to = 'Steel Panel',
label = 'Steel Panel',
slot = {4, 2},
},
-- 13
{
id = 'armored_panel',
icon = 'HEAL-PANEL.png',
link_to = 'Armored Panel',
label = 'Armored Panel',
slot = {4, 3},
},
-- 14
{
id = 'olympium_panel',
icon = 'PHYS-PANEL.png',
link_to = 'Olympium Panel',
label = 'Olympium Panel',
slot = {4, 4},
},
-- 15
{
id = 'crude_door',
icon = 'Crude_Door.png',
link_to = 'Crude Door',
label = 'Crude Door',
slot = {5, 1},
},
-- 16
{
id = 'steel_door',
icon = 'Steel_Door.png',
link_to = 'Steel Door',
label = 'Steel Door',
slot = {5, 2},
},
-- 17
{
id = 'insulated_panel',
icon = 'ELEC-PANEL.png',
link_to = 'Insulated Panel',
label = 'Insulated Panel',
slot = {5, 3},
},
-- 18
{
id = 'insulated_door',
icon = 'CAGED-STEEL-DOOR.png',
link_to = 'Insulated Door',
label = 'Insulated Door',
slot = {6, 1},
},
-- 19
{
id = 'armored_door',
icon = 'PLATED-DOOR.png',
link_to = 'Armored Door',
label = 'Armored Door',
slot = {6, 2},
},
-- 20
{
id = 'lead_plated_door',
icon = 'LEAD-SHIELD-DOOR.png',
link_to = 'Lead-Plated Door',
label = 'Lead-Plated Door',
slot = {6, 3},
},
-- 21
{
id = 'olympium_door',
icon = 'REINFORCED-DOOR.png',
link_to = 'Olympium Door',
label = 'Olympium Door',
slot = {7, 2},
},
-- 22
{
id = 'anti_corrosive_door',
icon = 'STEEL-FIBRE-DOOR.png',
link_to = 'Anti-Corrosive Door',
label = 'Anti-Corrosive Door',
slot = {7, 3},
},
},
},
car_storage = {
canvas_slots = {2, 3},
edges = {
{2, 1},
{2, 3},
{3, 4},
},
nodes = {
-- 1
{
id = 'xl_roof_storage',
icon = 'ROOF-STORAGE.png',
link_to = 'XL Roof Storage',
label = 'XL Roof Storage',
slot = {1, 2},
},
-- 2
{
id = 'side_storage',
icon = 'SIDE-STORAGE.png',
link_to = 'Side Storage',
label = 'Side Storage',
slot = {2, 1},
},
-- 3
{
id = 'a_trunk_in_the_trunk',
icon = 'TRUNK-T2.png',
link_to = 'A Trunk In The Trunk',
label = 'A Trunk in the Trunk',
slot = {2, 2},
},
-- 4
{
id = 'augmented_trunk_storage',
icon = 'TRUNK-T3.png',
link_to = 'Augmented Trunk Storage',
label = 'Augmented Trunk Storage',
slot = {2, 3},
},
},
},
engines = {
canvas_slots = {2, 3},
edges = {
{2, 3},
{3, 1},
{3, 4},
},
nodes = {
-- 1
{
id = 'amp_engine',
icon = 'AMP-Icon.png',
link_to = 'AMP Engine',
label = 'AMP Engine',
slot = {1, 3},
},
-- 2
{
id = 'carbureted_engine',
icon = 'Carbureted_Icon.png',
link_to = 'Carbureted Engine',
label = 'Carbureted Engine',
slot = {2, 1},
},
-- 3
{
id = 'turbolight_engine',
icon = 'Turbolight_Icon.png',
link_to = 'Turbolight Engine',
label = 'Turbolight Engine',
slot = {2, 2},
},
-- 4
{
id = 'lim_chipped_engine',
icon = 'LIM-Chipped-Icon.png',
link_to = 'LIM-Chipped Engine',
label = 'LIM-Chipped Engine',
slot = {2, 3},
},
},
},
expansion_racks = {
canvas_slots = {3, 5},
edges = {
{1, 2},
{3, 4},
{4, 1},
{4, 5},
{5, 6},
{5, 7},
{7, 8},
},
nodes = {
-- 1
{
id = 'seat_rack_1',
icon = 'BACKSEAT-RACK.png',
link_to = 'Car#Seat_Racks',
label = 'Seat Rack',
slot = {1, 3},
},
-- 2
{
id = 'seat_rack_2',
icon = 'BACKSEAT-RACK.png',
link_to = 'Car#Seat_Racks',
label = 'Seat Rack',
slot = {1, 4},
},
-- 3
{
id = 'side_rack_1',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 1},
},
-- 4
{
id = 'side_rack_2',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 2},
},
-- 5
{
id = 'side_rack_3',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 3},
},
-- 6
{
id = 'side_rack_4',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 4},
},
-- 7
{
id = 'roof_rack_1',
icon = 'ROOF-RACK.png',
link_to = 'Car#Roof_Racks',
label = 'Roof Rack',
slot = {3, 4},
},
-- 8
{
id = 'roof_rack_2',
icon = 'ROOF-RACK.png',
link_to = 'Car#Roof_Racks',
label = 'Roof Rack',
slot = {3, 5},
},
},
},
fuel = {
canvas_slots = {3, 5},
edges = {
{2, 3},
{3, 4},
{3, 7},
{4, 1},
{4, 5},
{5, 6},
},
nodes = {
-- 1
{
id = 'leak_resistant_fuel_tank',
icon = 'LEAK-RESIST-FUEL.png',
link_to = 'Leak-Resistant Fuel Tank',
label = 'Leak-Resistant Fuel Tank',
slot = {1, 4},
},
-- 2
{
id = 'large_fuel_can',
icon = 'FUEL-CAN-5GAL.png',
link_to = 'Large Fuel Can',
label = 'Large Fuel Can',
slot = {2, 1},
},
-- 3
{
id = 'side_fuel_tank',
icon = 'SIDE-FUEL.png',
link_to = 'Side Fuel Tank',
label = 'Side Fuel Tank',
slot = {2, 2},
},
-- 4
{
id = 'backseat_tank',
icon = 'BACKSEAT-FUEL.png',
link_to = 'Backseat Tank',
label = 'Backseat Tank',
slot = {2, 3},
},
-- 5
{
id = 'backseat_tank',
icon = 'EXPANDED-BACKSEAT-FUEL.png',
link_to = 'Expanded Backseat Tank',
label = 'Expanded Backseat Tank',
slot = {2, 4},
},
-- 6
{
id = 'gas_reservoir',
icon = 'ROOF-FUEL.png',
link_to = 'Gas Reservoir',
label = 'Gas Reservoir',
slot = {2, 5},
},
-- 7
{
id = 'fuel_synthesizer',
icon = 'FUEL-GENERATOR.png',
link_to = 'Fuel Synthesizer',
label = 'Fuel Synthesizer',
slot = {3, 3},
},
},
},
garage = {
canvas_slots = {8, 6},
edges = {
{1, 2},
{2, 3},
{3, 4},
{4, 5},
{6, 1},
{7, 8},
{8, 9},
{9, 10},
{11, 6},
{11, 7},
{13, 14},
{15, 11},
{16, 12},
{16, 13},
{17, 18},
{19, 20},
{20, 15},
{20, 16},
{20, 21},
{20, 24},
{20, 25},
{21, 17},
{21, 22},
{22, 23},
{24, 28},
{25, 26},
{25, 30},
{26, 27},
{28, 29},
{29, 33},
{29, 34},
{30, 31},
{31, 32},
{34, 35},
},
nodes = {
-- 1
{
id = 'expanded_locker_4',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {1, 2},
},
-- 2
{
id = 'pneumatic_locker_1',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 3},
},
-- 3
{
id = 'pneumatic_locker_2',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 4},
},
-- 4
{
id = 'pneumatic_locker_3',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 5},
},
-- 5
{
id = 'pneumatic_locker_4',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 6},
},
-- 6
{
id = 'expanded_locker_3',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {2, 2},
},
-- 7
{
id = 'parts_locker_1',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 3},
},
-- 8
{
id = 'parts_locker_2',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 4},
},
-- 9
{
id = 'parts_locker_3',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 5},
},
-- 10
{
id = 'parts_locker_4',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 6},
},
-- 11
{
id = 'expanded_locker_2',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {3, 2},
},
-- 12
{
id = 'vargas_auto_pac_vac',
icon = 'Auto-Store-Vacuum-2.png',
link_to = 'Auto_Shop#Vargas_Auto-Vac',
label = 'Vargas Auto-Pac-Vac',
slot = {3, 3},
},
-- 13
{
id = 'rapid_refill_pump',
icon = 'Fast-Gas.png',
link_to = 'Fuel_Pump#Rapid_Refill_Pump',
label = 'Rapid Refill Pump',
slot = {3, 4},
},
-- 14
{
id = 'experimental_charging_station',
icon = 'Battery-Charger-2.png',
link_to = 'Fuel_Pump#Rapid_Refill_Pump',
label = 'Experimental Charging Station',
slot = {3, 5},
},
-- 15
{
id = 'expanded_locker_1',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {4, 2},
},
-- 16
{
id = 'outfitting_station',
icon = 'Player-Equip.png',
link_to = 'Auto_Shop#Outfitting_Station',
label = 'Outfitting Station',
slot = {4, 3},
},
-- 17
{
id = 'advanced_antenna',
icon = 'IMPROVED-SCANNING-2.png',
link_to = 'Junction',
label = 'Advanced Antenna',
slot = {4, 4},
},
-- 18
{
id = 'incident_board',
icon = 'Days-Board.png',
link_to = 'Auto_Shop#Incident_Board',
label = 'Incident Board',
slot = {4, 5},
},
-- 19
{
id = 'scanning_antenna',
icon = 'Zone-Scanner.png',
link_to = 'Junction',
label = 'Scanning Antenna',
slot = {5, 1},
},
-- 20
{
id = 'matter_deconstructor',
icon = 'Item-Breaker.png',
link_to = 'Auto_Shop#Matter_Deconstructor',
label = 'Matter Deconstructor',
slot = {5, 2},
},
-- 21
{
id = 'improved_antenna',
icon = 'IMPROVED-SCANNING.png',
link_to = 'Junction',
label = 'Improved Antenna',
slot = {5, 3},
},
-- 22
{
id = 'junction_restabilizer',
icon = 'Highway-Bypass.png',
link_to = 'Junction',
label = 'Junction Re-Stabilizer',
slot = {5, 4},
},
-- 23
{
id = 'junction_bypass',
icon = 'ZONE-RE-ROLLER.png',
link_to = 'Junction',
label = 'Junction Bypass',
slot = {5, 5},
},
-- 24
{
id = 'detailing_station',
icon = 'Detailing-Station.png',
link_to = 'Auto_Shop#Detailing_Station',
label = 'Detailing Station',
slot = {6, 2},
},
-- 25
{
id = 'matter_regenerator',
icon = 'Part-Incubator.png',
link_to = 'Auto_Shop#Matter_Regenerator',
label = 'Matter Regenerator',
slot = {6, 3},
},
-- 26
{
id = 'investigator_module',
icon = 'Tinker-Station-02.png',
link_to = 'Auto_Shop#Tinker_Station',
label = 'Investigator Module',
slot = {6, 4},
},
-- 27
{
id = 'analysis_module',
icon = 'Tinker-Station-03.png',
link_to = 'Auto_Shop#Tinker_Station',
label = 'Analysis Module',
slot = {6, 5},
},
-- 28
{
id = 'fax_machine',
icon = 'Fax-Machine.png',
link_to = 'Auto_Shop#F.A.X._Machine',
label = 'F.A.X. Machine',
slot = {7, 2},
},
-- 29
{
id = 'athletic_stimulation_station',
icon = 'Basketball-Icon.png',
link_to = 'Auto_Shop#Athletic_Stimulation_Station/Hoop',
label = 'Athletic Stimulation Station',
slot = {7, 3},
},
-- 30
{
id = 'advanced_workbench',
icon = 'Craft-Bench-2.png',
link_to = 'Auto_Shop#Workbench',
label = 'Advanced Workbench',
slot = {7, 4},
},
-- 31
{
id = 'expanded_matter_regenerator',
icon = 'PART-INCUBATOR-2.png',
link_to = 'Auto_Shop#Matter_Regenerator',
label = 'Expanded Matter Regenerator',
slot = {7, 5},
},
-- 32
{
id = 'repair_station',
icon = 'Repair-Stop-Fab.png',
link_to = 'Auto_Shop#Repair_Station',
label = 'Repair Station',
slot = {7, 6},
},
-- 33
{
id = 'smart_matter_deconstructor',
icon = 'Item-Breaker-2.png',
link_to = 'Auto_Shop#Matter_Deconstructor',
label = 'Smart Matter Deconstructor',
slot = {8, 3},
},
-- 34
{
id = 'deco_vend',
icon = 'Cosmetic-Printer.png',
link_to = 'Auto_Shop#Deco-Vend',
label = 'Deco-Vend',
slot = {8, 4},
},
-- 35
{
id = 'fish_tank',
icon = 'Fish-Tank.png',
link_to = 'Auto_Shop#Fish_Tank',
label = 'Fish Tank',
slot = {8, 5},
},
},
},
lights = {
canvas_slots = {6, 4},
edges = {
{3, 1},
{3, 4},
{5, 2},
{5, 6},
{6, 3},
{8, 9},
{9, 7},
{9, 10},
{9, 13},
{11, 12},
{12, 14},
},
nodes = {
-- 1
{
id = 'biolantern',
icon = 'Biolantern.png',
no_icon_padding = true,
link_to = 'Biolantern',
label = 'Biolantern',
slot = {1, 3},
},
-- 2
{
id = 'crude_flashlight',
icon = 'Crude_Flashlight.png',
no_icon_padding = true,
link_to = 'Crude Flashlight',
label = 'Crude Flashlight',
slot = {2, 2},
},
-- 3
{
id = 'bioflare',
icon = 'Bioflare.png',
no_icon_padding = true,
link_to = 'Bioflare',
label = 'Bioflare',
slot = {2, 3},
},
-- 4
{
id = 'bioflare',
icon = 'Bioflare-Gun.png',
no_icon_padding = true,
link_to = 'Bioflare Gun',
label = 'Bioflare Gun',
slot = {2, 4},
},
-- 5
{
id = 'relightable_flare',
icon = 'Relightable_Flare.png',
no_icon_padding = true,
link_to = 'Relightable Flare',
label = 'Relightable Flare',
slot = {3, 1},
},
-- 6
{
id = 'flare_gun',
icon = 'Flare_Gun.png',
no_icon_padding = true,
link_to = 'Flare Gun',
label = 'Flare Gun',
slot = {3, 2},
},
-- 7
{
id = 'insulated_headlight',
icon = 'Insulated_Headlight_Icon.png',
link_to = 'Insulated Headlight',
label = 'Insulated Headlight',
slot = {3, 3},
},
-- 8
{
id = 'crude_headlight',
icon = 'Crude_Headlight_Icon.png',
link_to = 'Crude Headlight',
label = 'Crude Headlight',
slot = {4, 1},
},
-- 9
{
id = 'headlight',
icon = 'Headlight_Icon.png',
link_to = 'Headlight',
label = 'Headlight',
slot = {4, 2},
},
-- 10
{
id = 'reinforced_headlight',
icon = 'PHYS-LIGHT.png',
link_to = 'Reinforced Headlight',
label = 'Reinforced Headlight',
slot = {4, 3},
},
-- 11
{
id = 'side_floodlights',
icon = 'SIDE-LIGHT.png',
link_to = 'Side Floodlights',
label = 'Side Floodlights',
slot = {5, 1},
},
-- 12
{
id = 'roof_floodlights',
icon = 'ROOF-ARRAY.png',
link_to = 'Roof Floodlights',
label = 'Roof Floodlights',
slot = {5, 2},
},
-- 13
{
id = 'bio_headlight',
icon = 'BIO-LIGHT.png',
link_to = 'Bio Headlight',
label = 'Bio Headlight',
slot = {5, 3},
},
-- 14
{
id = 'auto_tracking_spotlight',
icon = 'ROOF-LIGHT.png',
link_to = 'Auto Tracking Spotlight',
label = 'Auto Tracking Spotlight',
slot = {6, 3},
},
},
},
refine = {
canvas_slots = {1, 6},
edges = {
{1, 2},
{2, 3},
{3, 4},
{4, 5},
{5, 6},
},
nodes = {
-- 1
{
id = 'gear',
icon = 'GEAR.png',
link_to = 'Gear',
label = 'Gear',
slot = {1, 1},
},
-- 2
{
id = 'bulb',
icon = 'BULB.png',
link_to = 'Bulb',
label = 'Bulb',
slot = {1, 2},
},
-- 3
{
id = 'steel_sheet',
icon = 'STEEL-SHEET_Inverted.png',
link_to = 'Steel Sheet',
label = 'Steel Sheet',
slot = {1, 3},
},
-- 4
{
id = 'circuit_board',
icon = 'BREADBOARD.png',
link_to = 'Circuit Board',
label = 'Circuit Board',
slot = {1, 4},
},
-- 5
{
id = 'carbonfiberglass',
icon = 'CARBON-FIBREGLASS.png',
link_to = 'Carbonfiberglass',
label = 'Carbonfiberglass',
slot = {1, 5},
},
-- 6
{
id = 'lim_chip',
icon = 'LIM-CHIP.png',
link_to = 'LIM Chip',
label = 'LIM Chip',
slot = {1, 6},
},
},
},
survival_tools = {
canvas_slots = {6, 3},
edges = {
{2, 1},
{4, 2},
{4, 5},
{5, 3},
{7, 8},
{7, 11},
{8, 6},
{8, 9},
{10, 13},
{10, 14},
{11, 12},
{14, 15},
},
nodes = {
-- 1
{
id = 'olympium_torch',
icon = 'PLASMA-TORCH.png',
link_to = 'Olympium Torch',
label = 'Olympium Torch',
slot = {1, 3},
},
-- 2
{
id = 'blowtorch',
icon = 'TORCH.png',
link_to = 'Blowtorch',
label = 'Blowtorch',
slot = {2, 2},
},
-- 3
{
id = 'electricians_kit',
icon = 'Electricians_Kit.png',
link_to = 'Electrician\'s Kit',
label = 'Electrician\'s Kit',
slot = {2, 3},
},
-- 4
{
id = 'repair_putty',
icon = 'REPAIR-PUTTY.png',
link_to = 'Repair Putty',
label = 'Repair Putty',
slot = {3, 1},
},
-- 5
{
id = 'light_replacement_kit',
icon = 'Light_Replacement_Kit.png',
link_to = 'Light Replacement Kit',
label = 'Light Replacement Kit',
slot = {3, 2},
},
-- 6
{
id = 'thermal_vacuum',
icon = 'Thermal_Vacuum.png',
link_to = 'Thermal Vacuum',
label = 'Thermal Vacuum',
slot = {3, 3},
},
-- 7
{
id = 'scrapper',
icon = 'Scrapper.png',
link_to = 'Scrapper',
label = 'Scrapper',
slot = {4, 1},
},
-- 8
{
id = 'hand_vac',
icon = 'Hand-Vac.png',
link_to = 'Hand-Vac',
label = 'Hand-Vac',
slot = {4, 2},
},
-- 9
{
id = 'plasma_scrapper',
icon = 'Plasma_Scrapper.png',
link_to = 'Plasma Scrapper',
label = 'Plasma Scrapper',
slot = {4, 3},
},
-- 10
{
id = 'prybar',
icon = 'Prybar.png',
link_to = 'Prybar',
label = 'Prybar',
slot = {5, 1},
},
-- 11
{
id = 'liberator',
icon = 'Liberator.png',
link_to = 'Liberator',
label = 'Liberator',
slot = {5, 2},
},
-- 12
{
id = 'liberator_mk2',
icon = 'LIBERATOR-2.png',
link_to = 'Liberator Mk. 2',
label = 'Liberator Mk. 2',
slot = {5, 3},
},
-- 13
{
id = 'anchor_radar',
icon = 'Anchor_Radar.png',
link_to = 'Anchor Radar',
label = 'Anchor Radar',
slot = {6, 1},
},
-- 14
{
id = 'impact_hammer',
icon = 'Impact_Hammer.png',
link_to = 'Impact Hammer',
label = 'Impact Hammer',
slot = {6, 2},
},
-- 15
{
id = 'magnetic_hammer',
icon = 'Magnetic_Hammer.png',
link_to = 'Magnetic Hammer',
label = 'Magnetic Hammer',
slot = {6, 3},
},
},
},
utilities = {
canvas_slots = {3, 5},
edges = {
{4, 1},
{4, 5},
{4, 9},
{5, 6},
{5, 10},
{6, 2},
{6, 7},
{6, 11},
{7, 3},
{7, 8},
{7, 12},
},
nodes = {
-- 1
{
id = 'the_auto_parker',
icon = 'PARKING-MANOUVER.png',
link_to = 'The Auto Parker',
label = 'The Auto Parker',
slot = {1, 2},
},
-- 2
{
id = 'the_lazarus_device',
icon = 'LIFESAVER.png',
link_to = 'The Lazarus Device',
label = 'The Lazarus Device',
slot = {1, 4},
},
-- 3
{
id = 'chrono_dilator',
icon = 'TIME-MANOUVER.png',
link_to = 'Chrono Dilator',
label = 'Chrono Dilator',
slot = {1, 5},
},
-- 4
{
id = 'limpulse_emitter',
icon = 'PHYS-WAVE-SHIELD.png',
link_to = 'Limpulse Emitter',
label = 'Limpulse Emitter',
slot = {2, 1},
},
-- 5
{
id = 'jump_jacks',
icon = 'JUMP-MANOUVER.png',
link_to = 'Jump Jacks',
label = 'Jump Jacks',
slot = {2, 2},
},
-- 6
{
id = 'ion_shield',
icon = 'ROOF-RAD-SHIELD.png',
link_to = 'Ion Shield',
label = 'Ion Shield',
slot = {2, 3},
},
-- 7
{
id = 'mobile_workbench',
icon = 'BENCH-T1.png',
link_to = 'Mobile Workbench',
label = 'Mobile Workbench',
slot = {2, 4},
},
-- 8
{
id = 'magnetic_bumper',
icon = 'MAGNET-BUMPER.png',
link_to = 'Magnetic Bumper',
label = 'Magnetic Bumper',
slot = {2, 5},
},
-- 9
{
id = 'resource_radar',
icon = 'RESOURCE-SCANNER.png',
link_to = 'Resource Radar',
label = 'Resource Radar',
slot = {3, 2},
},
-- 10
{
id = 'juke_jets',
icon = 'SIDE-THRUSTERS-MANOUVER.png',
link_to = 'Juke Jets',
label = 'Juke Jets',
slot = {3, 3},
},
-- 11
{
id = 'nitro_boost',
icon = 'BOOST-MANOUVER.png',
link_to = 'Nitro Boost',
label = 'Nitro Boost',
slot = {3, 4},
},
-- 12
{
id = 'anti_grav_emitter',
icon = 'GRAVITY-MANOUVER.png',
link_to = 'Anti-Grav Emitter',
label = 'Anti-Grav Emitter',
slot = {3, 5},
},
},
},
wheels = {
canvas_slots = {3, 5},
edges = {
{2, 3},
{3, 4},
{4, 1},
{4, 5},
{4, 7},
{5, 6},
},
nodes = {
-- 1
{
id = 'puncture_proof_tire',
icon = 'PUNCTURE-RESISTANT-TIRE.png',
link_to = 'Puncture-Proof Tire',
label = 'Puncture-Proof Tire',
slot = {1, 4},
},
-- 2
{
id = 'spare_tire',
icon = 'Spare_Tire_Icon.png',
link_to = 'Spare Tire',
label = 'Spare Tire',
slot = {2, 1},
},
-- 3
{
id = 'summer_tire',
icon = 'Summer_Tire_Icon.png',
link_to = 'Summer Tire',
label = 'Summer Tire',
slot = {2, 2},
},
-- 4
{
id = 'offroad_tire',
icon = 'OFFROAD-TIRE.png',
link_to = 'Offroad Tire',
label = 'Offroad Tire',
slot = {2, 3},
},
-- 5
{
id = 'all_terrain_tire',
icon = 'ADAPTIVE-TIRE.png',
link_to = 'All-Terrain Tire',
label = 'All-Terrain Tire',
slot = {2, 4},
},
-- 6
{
id = 'power_grip_tire',
icon = 'POWER-GRIP-TIRE.png',
link_to = 'Power Grip Tires',
label = 'Power Grip Tires',
slot = {2, 5},
},
-- 7
{
id = 'paddle_tire',
icon = 'WATER-TIRE.png',
link_to = 'Paddle Tire',
label = 'Paddle Tire',
slot = {3, 4},
},
},
},
}

function css_px( n )
return string.format('%spx', n)
end

-- returns inverted order because cols produce x, rows produce y
function get_canvas_size( tab )
return {
p.consts.canvas_padding * 2 + tab.canvas_slots[2] * p.consts.node_size[2] + (tab.canvas_slots[2] - 1) * p.consts.node_spacing[2],
p.consts.canvas_padding * 2 + tab.canvas_slots[1] * p.consts.node_size[1] + (tab.canvas_slots[1] - 1) * p.consts.node_spacing[1],
}
end

-- returns inverted order because cols produce x, rows produce y
function get_node_anchor_pos( node_slot )
return {
p.consts.canvas_padding + (node_slot[2] - 1) * (p.consts.node_size[2] + p.consts.node_spacing[2]),
p.consts.canvas_padding + (node_slot[1] - 1) * (p.consts.node_size[1] + p.consts.node_spacing[1]),
}
end

-- does not return inverted order because it's already been inverted by get_node_anchor_pos
function get_node_graph_anchor_pos( node_slot )
local anchor_pos = get_node_anchor_pos(node_slot)
local offset_x = p.consts.node_size[1] / 2
local offset_y = offset_x - p.consts.node_padding[1] - p.consts.icon_edge_thickness
return { anchor_pos[1] + offset_x, anchor_pos[2] + offset_y }
end

function render_node_label( html_ref, node )
return html_ref
:tag('div')
:addClass('fab-station-ui__label')
:css({
['font-size'] = css_px(p.consts.label_font_size),
width = css_px(p.consts.node_icon_container_size),
})
:wikitext(node.label)
:done()
end

function render_node_icon( html_ref, node )
return html_ref
:tag('div')
:addClass('fab-station-ui__icon')
:css({
width = css_px(p.consts.node_icon_container_size),
height = css_px(p.consts.node_icon_container_size),
padding = node.no_icon_padding and '0px' or css_px(p.consts.node_icon_padding),
})
:wikitext(string.format(p.consts.wikitext_template_link, node.link_to))
:newline()
:wikitext(string.format(p.consts.wikitext_template_icon, node.icon, p.consts.node_icon_size + (node.no_icon_padding and p.consts.node_icon_padding * 2 or 0)))
:done()
end

function render_node( html_ref, node )
local res = html_ref
local anchor_pos = get_node_anchor_pos(node.slot)
local padding = p.consts.node_padding
res = html_ref
:tag('div')
:addClass('fab-station-ui__graph-node')
:css({
padding = string.format('%spx %spx %spx %spx', padding[1], padding[2], padding[3], padding[4]),
width = css_px(p.consts.node_size[1]),
height = 'auto',
transform = string.format('translate(%spx, %spx)', anchor_pos[1], anchor_pos[2]),
})
:attr('data-item-id', node.id)
res = render_node_icon(res, node)
res = render_node_label(res, node)
return res:done()
end

function render_edge( html_ref, node_slot_1, node_slot_2 )
local pos_1 = get_node_graph_anchor_pos(node_slot_1)
local pos_2 = get_node_graph_anchor_pos(node_slot_2)
local delta_x = pos_2[1] - pos_1[1]
local delta_y = pos_2[2] - pos_1[2]
local edge_len = (delta_x ^ 2 + delta_y ^ 2) ^ 0.5
local center_tgt = { pos_1[1] + delta_x / 2, pos_1[2] + delta_y / 2 }
local center_orig = { edge_len / 2, 0 }
local translate_by = { center_tgt[1] - center_orig[1], center_tgt[2] - center_orig[2] }
local rotate_by = math.atan(delta_y / delta_x)

return html_ref
:tag('div')
:addClass('fab-station-ui__graph-edge')
:css({
width = css_px(edge_len),
height = css_px(p.consts.icon_edge_thickness),
transform = string.format('translate(%spx, %spx) rotate(%srad)', translate_by[1], translate_by[2], rotate_by),
})
:done()
end

function p.main(frame)
local tab_name = frame.args.tab
local tab = p.tabs[tab_name]
local tab_canvas_size = get_canvas_size(tab)
local viewport_size = {
tab_canvas_size[1] + 10,
math.min(tab_canvas_size[2], 390) + 10
}

local html_ref = mw.html.create('div')
:addClass('fab-station-ui__viewport')
:css({
width = css_px(viewport_size[1]),
height = css_px(viewport_size[2]),
})
:tag('div')
:addClass('fab-station-ui__scroll-container')
:tag('div')
:addClass('fab-station-ui__scale-container')
:css({
width = css_px(tab_canvas_size[1]),
height = css_px(tab_canvas_size[2]),
})
:tag('div')
:addClass('fab-station-ui__canvas')
for k, v in pairs(tab.edges) do
html_ref = render_edge(html_ref, tab.nodes[v[1]].slot, tab.nodes[v[2]].slot)
end
for k, v in pairs(tab.nodes) do
html_ref = render_node(html_ref, v)
end
return tostring(html_ref:allDone())
end

return p

User:Pygmyowl/common.js

2024-10-31T17:45:45Z

Pygmyowl: zoom rework's rework

/**
* Gadget, FabStationUIExtender, v0.33
*/

var FabStationUIExtender = {
consts: {
CLASSNAME_CANVAS: '.fab-station-ui__canvas',
CLASSNAME_HUD_XHAIR: 'fab-station-ui__hud-crosshair',
CLASSNAME_HUD_ZOOM: 'fab-station-ui__hud-zoom',
CLASSNAME_SCALE_CTNR: '.fab-station-ui__scale-container',
CLASSNAME_SCROLL_CTNR: '.fab-station-ui__scroll-container',
CLASSNAME_VIEWPORT: '.fab-station-ui__viewport',
CLASSNAME_ZOUT_FLAG: 'zoomed-out',
DATA_KEY_STATE: 'fab-station-ui-state',
DATA_KEY_STATE_INITIAL: 'fab-station-ui-initial-state',
ZOOM_LOW: 'zoomLow',
ZOOM_HIGH: 'zoomHigh',
},

cfg: {
zoomBtnMargin: 100,
zoomOutFactor: 0.5,
},

messages: {
labelZoomIn: '+ZOOM',
labelZoomOut: '-ZOOM',
},

utils: {
extractInitialState: function(ctx, $viewport) {
var $canvasScaler = $viewport.find(ctx.consts.CLASSNAME_SCALE_CTNR).eq(0);
return {
canvasFullWidth: $canvasScaler.width(),
canvasFullHeight: $canvasScaler.height(),
};
},
getFocusCoords: function(ctx, $viewport) {
var $canvasScroller = $viewport.find(ctx.consts.CLASSNAME_SCROLL_CTNR).eq(0);
return {
left: $viewport.width() / 2 + $canvasScroller.scrollLeft(),
top: $viewport.height() / 2 + $canvasScroller.scrollTop(),
};
},
},

init: function($content) {
var ctx = this;
var consts = ctx.consts;
var utils = ctx.utils;
var viewports = $content.find(consts.CLASSNAME_VIEWPORT);
viewports.each(function() {
var $viewport = $(this);
// avoid repeat initialization
if ($viewport.data(consts.DATA_KEY_STATE_INITIAL))
return;

$viewport.data(consts.DATA_KEY_STATE_INITIAL, utils.extractInitialState(ctx, $viewport));
$viewport.data(consts.DATA_KEY_STATE, {
zoomedOutAt: null,
});
ctx.setViewportZoom($viewport, consts.ZOOM_HIGH, true);

var $zoomBtn = $('<div />').addClass(consts.CLASSNAME_HUD_ZOOM);
ctx.setZoomBtnState($zoomBtn, false);
$zoomBtn.on('click', function() {
if ($viewport.data(consts.DATA_KEY_STATE).zoomedOutAt == null) {
ctx.setViewportZoom($viewport, consts.ZOOM_LOW);
ctx.setZoomBtnState($zoomBtn, false);
} else {
ctx.setViewportZoom($viewport, consts.ZOOM_HIGH);
ctx.setZoomBtnState($zoomBtn, true);
}
});
$viewport.append($zoomBtn);

var $crosshair = $('<div />').addClass(consts.CLASSNAME_HUD_XHAIR);
$viewport.append($crosshair);
});
},

setViewportZoom: function($viewport, zoomLevel, initial) {
var ctx = this;
var consts = ctx.consts;
var utils = ctx.utils;
if (zoomLevel != consts.ZOOM_LOW && zoomLevel != consts.ZOOM_HIGH)
throw new RangeError('setViewportZoom: incorrect zoom', zoomLevel);

var state = $viewport.data(consts.DATA_KEY_STATE)
var initialState = $viewport.data(consts.DATA_KEY_STATE_INITIAL);
var $canvas = $viewport.find(consts.CLASSNAME_CANVAS).eq(0);
var $canvasScroller = $viewport.find(consts.CLASSNAME_SCROLL_CTNR).eq(0);
var $canvasScaler = $viewport.find(consts.CLASSNAME_SCALE_CTNR).eq(0);
if (initial) {
$viewport.css('width', initialState.canvasFullWidth + ctx.cfg.zoomBtnMargin + 10);
$canvasScaler.css('width', initialState.canvasFullWidth + ctx.cfg.zoomBtnMargin);
}

if ((initial || state.zoomedOutAt == null) && zoomLevel === consts.ZOOM_LOW) {
var focusCoords = utils.getFocusCoords(ctx, $viewport);

$viewport
.data(consts.DATA_KEY_STATE, Object.assign({}, state, { zoomedOutAt: focusCoords }))
.addClass(consts.CLASSNAME_ZOUT_FLAG);
$canvas.css({
transformOrigin: focusCoords.left + 'px ' + focusCoords.top + 'px',
transform: 'scale(' + ctx.cfg.zoomOutFactor + ')',
});
} else if ((initial || state.zoomedOutAt != null) && zoomLevel === consts.ZOOM_HIGH) {
var focusCoords = utils.getFocusCoords(ctx, $viewport);
$viewport
.data(consts.DATA_KEY_STATE, Object.assign({}, state, { zoomedOutAt: null }))
.removeClass(consts.CLASSNAME_ZOUT_FLAG);

if (!initial) {
var targetScroll = {
left: $canvasScroller.scrollLeft() + focusCoords.left - state.zoomedOutAt.left,
top: $canvasScroller.scrollTop() + focusCoords.top - state.zoomedOutAt.top,
};
$canvasScroller.scrollLeft(targetScroll.left).scrollTop(targetScroll.top);
}

$canvas.css({
transformOrigin: '',
transform: '',
});
}
},

setZoomBtnState: function($btn, zoomedOut) {
var ctx = this;
if (zoomedOut) {
$btn.text(ctx.messages.labelZoomIn);
} else {
$btn.text(ctx.messages.labelZoomOut);
}
},
};

Object.freeze(FabStationUIExtender.utils);
Object.freeze(FabStationUIExtender);

mw.hook('wikipage.content').add(function($content) { FabStationUIExtender.init($content) });

Template:TestTemplate

2024-10-27T07:27:18Z

Pygmyowl: conditional section tests

{{Logbook|{{{lb-content}}}}}{{#if: {{{stats|}}}
|
=== Properties ===
{{#invoke: Properties|main|stats={{{stats}}}}}
|
}}{{#if: {{{ {{#invoke:String|join||locations|found_text}} | }}}
|
=== Found in ===
{{#if: {{{locations|}}} | {{#invoke: Location|main|locations={{{locations}}}}} | }}
{{{found_text|}}}
|
}}{{#if: {{{resources|}}}
|
=== Sources ===
{{#invoke: ItemSources|main|resources={{{resources}}}}}
|
}}{{#if: {{{used_in|}}}
|
=== Used in ===
|
}}

User:Pygmyowl/common.js

2024-10-27T06:46:08Z

Pygmyowl: zoom rework

/**
* Gadget, FabStationUIExtender, v0.33
*/

var FabStationUIExtender = {
zoomBtnMargin: 100,
zoomOutFactor: 0.5,

messages: {
labelZoomIn: '+ZOOM',
labelZoomOut: '-ZOOM',
},

utils: {
extractInitialState: function($viewport) {
var $canvasScaler = $viewport.find('.fab-station-ui__scale-container').eq(0);
return {
canvasFullWidth: $canvasScaler.width(),
canvasFullHeight: $canvasScaler.height(),
};
},
getFocusCoords: function($viewport) {
var $canvasScroller = $viewport.find('.fab-station-ui__scroll-container').eq(0);
return {
left: $viewport.width() / 2 + $canvasScroller.scrollLeft(),
top: $viewport.height() / 2 + $canvasScroller.scrollTop(),
};
},
},

init: function($content) {
var ctx = this;
var viewports = $content.find('.fab-station-ui__viewport');
viewports.each(function() {
var $viewport = $(this);
// avoid repeat initialization
if ($viewport.data('fab-station-ui-initial-state'))
return;

$viewport.data('fab-station-ui-initial-state', ctx.utils.extractInitialState($viewport));
ctx.setViewportZoom($viewport, false, true);

var $zoomBtn = $('<div />')
.addClass('fab-station-ui__hud-zoom');
ctx.setZoomBtnState($zoomBtn, false);
$zoomBtn.on('click', function() {
if ($viewport.data('zoomed-out')) {
ctx.setViewportZoom($viewport, false);
ctx.setZoomBtnState($zoomBtn, false);
} else {
ctx.setViewportZoom($viewport, true);
ctx.setZoomBtnState($zoomBtn, true);
}
});
$viewport.append($zoomBtn);

var $crosshair = $('<div />')
.addClass('fab-station-ui__hud-crosshair');
$viewport.append($crosshair);
});
},

setViewportZoom: function($viewport, zoomedOut, initial) {
var ctx = this;
var $canvas = $viewport.find('.fab-station-ui__canvas').eq(0);
var $canvasScroller = $viewport.find('.fab-station-ui__scroll-container').eq(0);
var $canvasScaler = $viewport.find('.fab-station-ui__scale-container').eq(0);
var initialState = $viewport.data('fab-station-ui-initial-state');
if (initial) {
$viewport.css('width', initialState.canvasFullWidth + ctx.zoomBtnMargin + 10);
$canvasScaler.css('width', initialState.canvasFullWidth + ctx.zoomBtnMargin);
}

if ((initial || !$viewport.data('zoomed-out')) && zoomedOut) {
$viewport.data('zoomed-out', true).addClass('zoomed-out');
var focusCoords = ctx.utils.getFocusCoords($viewport);
$canvas.css({
transformOrigin: focusCoords.left + 'px ' + focusCoords.top + 'px',
transform: 'scale(' + ctx.zoomOutFactor + ')',
});
} else if ((initial || $viewport.data('zoomed-out')) && !zoomedOut) {
$viewport.data('zoomed-out', false).removeClass('zoomed-out');
$canvas.css({
transformOrigin: '',
transform: '',
});
}
},

setZoomBtnState: function($btn, zoomedOut) {
var ctx = this;
if (zoomedOut) {
$btn.text(ctx.messages.labelZoomIn);
} else {
$btn.text(ctx.messages.labelZoomOut);
}
},
};

Object.freeze(FabStationUIExtender.utils);
Object.freeze(FabStationUIExtender);

mw.hook('wikipage.content').add(function($content) { FabStationUIExtender.init($content) });

Template:FabricationStationUI/styles.css

2024-10-27T06:44:02Z

Pygmyowl: hud crosshair support

/* 'unset' values are to be overridden by dynamic styling */

.fab-station-ui__viewport {
overflow: hidden;
max-width: 100%;
position: relative;
width: unset;
height: unset;
--fab-station-ui__bg-color: #191714;
--fab-station-ui__bg-color-hover: #393734;
--fab-station-ui__fg-color: white;
}

.fab-station-ui__scroll-container {
height: 100%;
width: 100%;
overflow: auto;
}

.fab-station-ui__scale-container {
background-color: var(--fab-station-ui__bg-color);
width: unset;
height: unset;
}

.fab-station-ui__canvas {
position: relative;
transform: unset;
}

.fab-station-ui__graph-node {
position: absolute;
background-color: var(--fab-station-ui__bg-color);
padding: unset;
width: unset;
height: unset;
transform: unset;
}

.fab-station-ui__icon {
position: relative;
border: 6px double var(--fab-station-ui__fg-color);
width: unset;
height: unset;
padding: unset;
}

.fab-station-ui__label {
font-size: unset;
width: unset;
font-family: var(--font-family-monospace);
color: var(--fab-station-ui__fg-color);
line-height: 1em;
text-align: end;
}

.fab-station-ui__viewport.zoomed-out .fab-station-ui__label {
display: none;
}

.fab-station-ui__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

a.new .fab-station-ui__link {
background-color: rgba(255, 0, 0, 0.15);
}

.fab-station-ui__link:hover,
a.new .fab-station-ui__link:hover {
background-color: rgba(255, 255, 255, 0.2);
}

.fab-station-ui__graph-edge {
position: absolute;
background-color: var(--fab-station-ui__fg-color);
width: unset;
height: unset;
transform: unset;
}

.fab-station-ui__hud-zoom {
position: absolute;
right: 20px;
bottom: 20px;
width: 100px;
height: 42px;
border: 3px solid white;
background-color: var(--fab-station-ui__bg-color);
color: white;
font-family: var(--font-family-monospace);
font-size: 22px;
font-weight: 700;
text-align: center;
cursor: pointer;
}

.fab-station-ui__hud-zoom:hover {
background-color: var(--fab-station-ui__bg-color-hover);
}

.fab-station-ui__hud-crosshair {
position: absolute;
left: 50%;
top: 50%;
height: 0;
width: 0;
pointer-events: none;
}

.fab-station-ui__hud-crosshair::before {
position: absolute;
left: -5px;
content: '+';
font-size: 20px;
line-height: 0;
color: var(--fab-station-ui__fg-color);
text-shadow: 0 0 2px var(--fab-station-ui__bg-color);
opacity: 0.5;
}

User:Pygmyowl/common.js

2024-10-26T17:30:13Z

Pygmyowl:

/**
* Gadget, FabStationUIExtender, v0.33
*/

var FabStationUIExtender = {
zoomBtnMargin: 100,
zoomOutFactor: 0.5,

messages: {
labelZoomIn: '+ZOOM',
labelZoomOut: '-ZOOM',
},

utils: {
extractInitialState: function($viewport) {
var $canvasScaler = $viewport.find('.fab-station-ui__scale-container').eq(0);
return {
canvasFullWidth: $canvasScaler.width(),
canvasFullHeight: $canvasScaler.height(),
};
},
},

init: function($content) {
var ctx = this;
var viewports = $content.find('.fab-station-ui__viewport');
viewports.each(function() {
var $viewport = $(this);
// avoid repeat initialization
if ($viewport.data('fab-station-ui-initial-state'))
return;

$viewport.data('fab-station-ui-initial-state', ctx.utils.extractInitialState($viewport));
ctx.setViewportZoom($viewport, false, true);

var $zoomBtn = $('<div />')
.addClass('fab-station-ui__hud-zoom');
ctx.setZoomBtnState($zoomBtn, false);
$zoomBtn.on('click', function() {
if ($viewport.data('zoomed-out')) {
ctx.setViewportZoom($viewport, false);
ctx.setZoomBtnState($zoomBtn, false);
} else {
ctx.setViewportZoom($viewport, true);
ctx.setZoomBtnState($zoomBtn, true);
}
});
$viewport.append($zoomBtn);
});
},

setViewportZoom: function($viewport, zoomedOut, force) {
var ctx = this;
var $canvas = $viewport.find('.fab-station-ui__canvas').eq(0);
var $canvasScaler = $viewport.find('.fab-station-ui__scale-container').eq(0);
var initialState = $viewport.data('fab-station-ui-initial-state');

if ((force || !$viewport.data('zoomed-out')) && zoomedOut) {
var newCanvasWidth = Math.round(initialState.canvasFullWidth * ctx.zoomOutFactor);
var newCanvasHeight = Math.round(initialState.canvasFullHeight * ctx.zoomOutFactor);
$viewport.data('zoomed-out', true).addClass('zoomed-out');
$viewport.css({
width: 10 + newCanvasWidth + ctx.zoomBtnMargin,
height: 10 + Math.min(newCanvasHeight, 390),
});
$canvas.css('transform', 'scale(' + ctx.zoomOutFactor + ') translate(-50%, -50%)');
$canvasScaler.css({
width: newCanvasWidth + ctx.zoomBtnMargin,
height: newCanvasHeight,
});
} else if ((force || $viewport.data('zoomed-out')) && !zoomedOut) {
$viewport.data('zoomed-out', false).removeClass('zoomed-out');
$viewport.css({
width: 10 + initialState.canvasFullWidth + ctx.zoomBtnMargin,
height: 10 + Math.min(initialState.canvasFullHeight, 390),
});
$canvas.css('transform', '');
$canvasScaler.css({
width: initialState.canvasFullWidth + ctx.zoomBtnMargin,
height: initialState.canvasFullHeight,
});
}
},

setZoomBtnState: function($btn, zoomedOut) {
var ctx = this;
if (zoomedOut) {
$btn.text(ctx.messages.labelZoomIn);
} else {
$btn.text(ctx.messages.labelZoomOut);
}
},
};

Object.freeze(FabStationUIExtender.utils);
Object.freeze(FabStationUIExtender);

mw.hook('wikipage.content').add(function($content) { FabStationUIExtender.init($content) });

Template:FabricationStationUI

2024-10-26T17:23:36Z

Pygmyowl:

{{#if: {{{tab|}}}
|
<includeonly>[[Category:Gadget:FabricationStationUI]]</includeonly>
<templatestyles src="Template:FabricationStationUI/styles.css" />
{{#invoke: FabricationStationUI|main|tab={{{tab}}}}}
|
}}

Template:FabricationStationUI

2024-10-26T16:57:46Z

Pygmyowl:

{{#if: {{{tab|}}}
|
<includeonly>[[Category:FabricationStationUI]]</includeonly>
<templatestyles src="Template:FabricationStationUI/styles.css" />
{{#invoke: FabricationStationUI|main|tab={{{tab}}}}}
|
}}

Template:FabricationStationUI

2024-10-26T16:56:27Z

Pygmyowl:

{{#if: {{{tab|}}}
|
<templatestyles src="Template:FabricationStationUI/styles.css" />
{{#invoke: FabricationStationUI|main|tab={{{tab}}}}}
|
}}

Template:FabricationStationUI

2024-10-26T16:55:23Z

Pygmyowl:

{{#if: {{{tab|}}}
|
<onlyinclude>[[Category:FabricationStationUI]]</onlyinclude>
<templatestyles src="Template:FabricationStationUI/styles.css" />
{{#invoke: FabricationStationUI|main|tab={{{tab}}}}}
|
}}

User:Pygmyowl/common.js

2024-10-26T16:49:06Z

Pygmyowl:

User:Pygmyowl/common.js

2024-10-26T16:43:46Z

Pygmyowl:

User:Pygmyowl/common.js

2024-10-26T16:36:39Z

Pygmyowl: FabStationUIExtender v0.33

Module:FabricationStationUI

2024-10-26T16:30:42Z

Pygmyowl: tighter node spacing

local p = {}

p.consts = {
canvas_padding = 20,
icon_edge_thickness = 6,
label_font_size = 14,
node_size = {-1, -1},
node_padding = {8, 16, 8, 16},
node_icon_size = 64,
node_icon_padding = 16,
node_icon_container_size = -1,
node_spacing = {-1, -1},
wikitext_template_icon = '[[File:%s|frameless|%spx|link=]]',
wikitext_template_link = '[[%s|<span class="fab-station-ui__link"/>]]',
tab_order = {
'garage',
'refine',
'survival_tools',
'lights',
'car_body',
'wheels',
'expansion_racks',
'car_storage',
'fuel',
'battery',
'utilities',
'engines',
},
}
p.consts.node_icon_container_size = p.consts.node_icon_size + p.consts.node_icon_padding * 2 + p.consts.icon_edge_thickness * 2
p.consts.node_size = {
p.consts.node_icon_container_size + p.consts.node_padding[2] + p.consts.node_padding[4],
p.consts.node_icon_container_size + p.consts.node_padding[1] + p.consts.node_padding[3] + 40
}
p.consts.node_spacing = {
p.consts.node_size[1] * 0.4,
p.consts.node_size[2] * 0.2,
}

-- slot notation is {row, col}
-- nodes are recorded left to right, top to bottom
-- edges are recorded by source node, left to right, top to bottom
p.tabs = {
battery = {
canvas_slots = {3, 6},
edges = {
{4, 1},
{4, 5},
{5, 2},
{5, 6},
{5, 10},
{6, 7},
{6, 11},
{7, 3},
{7, 8},
{8, 9},
{8, 12},
},
nodes = {
-- 1
{
id = 'plasma_charger',
icon = 'BATTERY-JUICER.png',
link_to = 'Plasma Charger',
label = 'Plasma Charger',
slot = {1, 2},
},
-- 2
{
id = 'hydro_generator',
icon = 'RAIN-GENERATOR.png',
link_to = 'Hydro Generator',
label = 'Hydro Generator',
slot = {1, 3},
},
-- 3
{
id = 'leak_resistant_battery',
icon = 'CC_SEALED-BATTERY.png',
link_to = 'Leak-Resistant Battery',
label = 'Leak-Resistant Battery',
slot = {1, 5},
},
-- 4
{
id = 'battery_jumper',
icon = 'BATTERY-JUMPER.png',
link_to = 'Battery Jumper',
label = 'Battery Jumper',
slot = {2, 1},
},
-- 5
{
id = 'lightning_rod',
icon = 'ELEC-GENERATOR.png',
link_to = 'Lightning Rod',
label = 'Lightning Rod',
slot = {2, 2},
},
-- 6
{
id = 'side_battery',
icon = 'SIDE-BATTERY.png',
link_to = 'Side Battery',
label = 'Side Battery',
slot = {2, 3},
},
-- 7
{
id = 'lead_acid_battery',
icon = 'BACKSEAT-BATTERY.png',
link_to = 'Lead-Acid Battery',
label = 'Lead-Acid Battery',
slot = {2, 4},
},
-- 8
{
id = 'high_capacity_battery',
icon = 'EXPANDED-BACKSEAT-BATTERY.png',
link_to = 'High-Capacity Battery',
label = 'High-Capacity Battery',
slot = {2, 5},
},
-- 9
{
id = 'xl_roof_battery',
icon = 'ROOF-BATTERY.png',
link_to = 'XL Roof Battery',
label = 'XL Roof Battery',
slot = {2, 6},
},
-- 10
{
id = 'mini_turbine',
icon = 'Mini_Turbine_Icon.png',
link_to = 'Mini Turbine',
label = 'Mini Turbine',
slot = {3, 3},
},
-- 11
{
id = 'solar_panel',
icon = 'SOLAR-GENERATOR.png',
link_to = 'Solar Panel',
label = 'Solar Panel',
slot = {3, 4},
},
-- 12
{
id = 'anchor_energy_converter',
icon = 'BATTERY-GOBBLER.png',
link_to = 'Anchor Energy Converter',
label = 'Anchor Energy Converter',
slot = {3, 6},
},
},
},
car_body = {
canvas_slots = {7, 4},
edges = {
{2, 3},
{5, 1},
{5, 2},
{7, 8},
{8, 4},
{8, 5},
{8, 6},
{11, 12},
{12, 9},
{12, 13},
{12, 17},
{13, 10},
{13, 14},
{15, 16},
{16, 18},
{16, 19},
{16, 20},
{19, 21},
{19, 22},
},
nodes = {
-- 1
{
id = 'anti_corrosive_bumper',
icon = 'ACID-BUMPER.png',
link_to = 'Anti-Corrosive Bumper',
label = 'Anti-Corrosive Bumper',
slot = {1, 1},
},
-- 2
{
id = 'olympium_bumper',
icon = 'ACID-BUMPER.png',
link_to = 'Olympium Bumper',
label = 'Olympium Bumper',
slot = {1, 2},
},
-- 3
{
id = 'powered_bumper',
icon = 'POWERED-BUMPER.png',
link_to = 'Powered Bumper',
label = 'Powered Bumper',
slot = {1, 3},
},
-- 4
{
id = 'lead_plated_bumper',
icon = 'RADS-BUMPER.png',
link_to = 'Lead-Plated Bumper',
label = 'Lead-Plated Bumper',
slot = {2, 1},
},
-- 5
{
id = 'armored_bumper',
icon = 'HEAL-BUMPER.png',
link_to = 'Armored Bumper',
label = 'Armored Bumper',
slot = {2, 2},
},
-- 6
{
id = 'insulated_bumper',
icon = 'ELE-BUMPER.png',
link_to = 'Insulated Bumper',
label = 'Insulated Bumper',
slot = {2, 3},
},
-- 7
{
id = 'crude_bumper',
icon = 'Crude_Bumper.png',
link_to = 'Crude Bumper',
label = 'Crude Bumper',
slot = {3, 1},
},
-- 8
{
id = 'steel_bumper',
icon = 'Steel_Bumper.png',
link_to = 'Steel Bumper',
label = 'Steel Bumper',
slot = {3, 2},
},
-- 9
{
id = 'lead_plated_panel',
icon = 'RADS-PANEL.png',
link_to = 'Lead-Plated Panel',
label = 'Lead-Plated Panel',
slot = {3, 3},
},
-- 10
{
id = 'anti_corrosive_panel',
icon = 'POISON-PANEL.png',
link_to = 'Anti-Corrosive Panel',
label = 'Anti-Corrosive Panel',
slot = {3, 4},
},
-- 11
{
id = 'crude_panel',
icon = 'Crude_Panel.png',
link_to = 'Crude Panel',
label = 'Crude Panel',
slot = {4, 1},
},
-- 12
{
id = 'steel_panel',
icon = 'Steel_Panel.png',
link_to = 'Steel Panel',
label = 'Steel Panel',
slot = {4, 2},
},
-- 13
{
id = 'armored_panel',
icon = 'HEAL-PANEL.png',
link_to = 'Armored Panel',
label = 'Armored Panel',
slot = {4, 3},
},
-- 14
{
id = 'olympium_panel',
icon = 'PHYS-PANEL.png',
link_to = 'Olympium Panel',
label = 'Olympium Panel',
slot = {4, 4},
},
-- 15
{
id = 'crude_door',
icon = 'Crude_Door.png',
link_to = 'Crude Door',
label = 'Crude Door',
slot = {5, 1},
},
-- 16
{
id = 'steel_door',
icon = 'Steel_Door.png',
link_to = 'Steel Door',
label = 'Steel Door',
slot = {5, 2},
},
-- 17
{
id = 'insulated_panel',
icon = 'ELEC-PANEL.png',
link_to = 'Insulated Panel',
label = 'Insulated Panel',
slot = {5, 3},
},
-- 18
{
id = 'insulated_door',
icon = 'CAGED-STEEL-DOOR.png',
link_to = 'Insulated Door',
label = 'Insulated Door',
slot = {6, 1},
},
-- 19
{
id = 'armored_door',
icon = 'PLATED-DOOR.png',
link_to = 'Armored Door',
label = 'Armored Door',
slot = {6, 2},
},
-- 20
{
id = 'lead_plated_door',
icon = 'LEAD-SHIELD-DOOR.png',
link_to = 'Lead-Plated Door',
label = 'Lead-Plated Door',
slot = {6, 3},
},
-- 21
{
id = 'olympium_door',
icon = 'REINFORCED-DOOR.png',
link_to = 'Olympium Door',
label = 'Olympium Door',
slot = {7, 2},
},
-- 22
{
id = 'anti_corrosive_door',
icon = 'STEEL-FIBRE-DOOR.png',
link_to = 'Anti-Corrosive Door',
label = 'Anti-Corrosive Door',
slot = {7, 3},
},
},
},
car_storage = {
canvas_slots = {2, 3},
edges = {
{2, 1},
{2, 3},
{3, 4},
},
nodes = {
-- 1
{
id = 'xl_roof_storage',
icon = 'ROOF-STORAGE.png',
link_to = 'XL Roof Storage',
label = 'XL Roof Storage',
slot = {1, 2},
},
-- 2
{
id = 'side_storage',
icon = 'SIDE-STORAGE.png',
link_to = 'Side Storage',
label = 'Side Storage',
slot = {2, 1},
},
-- 3
{
id = 'a_trunk_in_the_trunk',
icon = 'TRUNK-T2.png',
link_to = 'A Trunk In The Trunk',
label = 'A Trunk in the Trunk',
slot = {2, 2},
},
-- 4
{
id = 'augmented_trunk_storage',
icon = 'TRUNK-T3.png',
link_to = 'Augmented Trunk Storage',
label = 'Augmented Trunk Storage',
slot = {2, 3},
},
},
},
engines = {
canvas_slots = {2, 3},
edges = {
{2, 3},
{3, 1},
{3, 4},
},
nodes = {
-- 1
{
id = 'amp_engine',
icon = 'AMP-Icon.png',
link_to = 'AMP Engine',
label = 'AMP Engine',
slot = {1, 3},
},
-- 2
{
id = 'carbureted_engine',
icon = 'Carbureted_Icon.png',
link_to = 'Carbureted Engine',
label = 'Carbureted Engine',
slot = {2, 1},
},
-- 3
{
id = 'turbolight_engine',
icon = 'Turbolight_Icon.png',
link_to = 'Turbolight Engine',
label = 'Turbolight Engine',
slot = {2, 2},
},
-- 4
{
id = 'lim_chipped_engine',
icon = 'LIM-Chipped-Icon.png',
link_to = 'LIM-Chipped Engine',
label = 'LIM-Chipped Engine',
slot = {2, 3},
},
},
},
expansion_racks = {
canvas_slots = {3, 5},
edges = {
{1, 2},
{3, 4},
{4, 1},
{4, 5},
{5, 6},
{5, 7},
{7, 8},
},
nodes = {
-- 1
{
id = 'seat_rack_1',
icon = 'BACKSEAT-RACK.png',
link_to = 'Car#Seat_Racks',
label = 'Seat Rack',
slot = {1, 3},
},
-- 2
{
id = 'seat_rack_2',
icon = 'BACKSEAT-RACK.png',
link_to = 'Car#Seat_Racks',
label = 'Seat Rack',
slot = {1, 4},
},
-- 3
{
id = 'side_rack_1',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 1},
},
-- 4
{
id = 'side_rack_2',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 2},
},
-- 5
{
id = 'side_rack_3',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 3},
},
-- 6
{
id = 'side_rack_4',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 4},
},
-- 7
{
id = 'roof_rack_1',
icon = 'ROOF-RACK.png',
link_to = 'Car#Roof_Racks',
label = 'Roof Rack',
slot = {3, 4},
},
-- 8
{
id = 'roof_rack_2',
icon = 'ROOF-RACK.png',
link_to = 'Car#Roof_Racks',
label = 'Roof Rack',
slot = {3, 5},
},
},
},
fuel = {
canvas_slots = {3, 5},
edges = {
{2, 3},
{3, 4},
{3, 7},
{4, 1},
{4, 5},
{5, 6},
},
nodes = {
-- 1
{
id = 'leak_resistant_fuel_tank',
icon = 'LEAK-RESIST-FUEL.png',
link_to = 'Leak-Resistant Fuel Tank',
label = 'Leak-Resistant Fuel Tank',
slot = {1, 4},
},
-- 2
{
id = 'large_fuel_can',
icon = 'FUEL-CAN-5GAL.png',
link_to = 'Large Fuel Can',
label = 'Large Fuel Can',
slot = {2, 1},
},
-- 3
{
id = 'side_fuel_tank',
icon = 'SIDE-FUEL.png',
link_to = 'Side Fuel Tank',
label = 'Side Fuel Tank',
slot = {2, 2},
},
-- 4
{
id = 'backseat_tank',
icon = 'BACKSEAT-FUEL.png',
link_to = 'Backseat Tank',
label = 'Backseat Tank',
slot = {2, 3},
},
-- 5
{
id = 'backseat_tank',
icon = 'EXPANDED-BACKSEAT-FUEL.png',
link_to = 'Expanded Backseat Tank',
label = 'Expanded Backseat Tank',
slot = {2, 4},
},
-- 6
{
id = 'gas_reservoir',
icon = 'ROOF-FUEL.png',
link_to = 'Gas Reservoir',
label = 'Gas Reservoir',
slot = {2, 5},
},
-- 7
{
id = 'fuel_synthesizer',
icon = 'FUEL-GENERATOR.png',
link_to = 'Fuel Synthesizer',
label = 'Fuel Synthesizer',
slot = {3, 3},
},
},
},
garage = {
canvas_slots = {8, 6},
edges = {
{1, 2},
{2, 3},
{3, 4},
{4, 5},
{6, 1},
{7, 8},
{8, 9},
{9, 10},
{11, 6},
{11, 7},
{13, 14},
{15, 11},
{16, 12},
{16, 13},
{17, 18},
{19, 20},
{20, 15},
{20, 16},
{20, 21},
{20, 24},
{20, 25},
{21, 17},
{21, 22},
{22, 23},
{24, 28},
{25, 26},
{25, 30},
{26, 27},
{28, 29},
{29, 33},
{29, 34},
{30, 31},
{31, 32},
{34, 35},
},
nodes = {
-- 1
{
id = 'expanded_locker_4',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {1, 2},
},
-- 2
{
id = 'pneumatic_locker_1',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 3},
},
-- 3
{
id = 'pneumatic_locker_2',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 4},
},
-- 4
{
id = 'pneumatic_locker_3',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 5},
},
-- 5
{
id = 'pneumatic_locker_4',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 6},
},
-- 6
{
id = 'expanded_locker_3',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {2, 2},
},
-- 7
{
id = 'parts_locker_1',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 3},
},
-- 8
{
id = 'parts_locker_2',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 4},
},
-- 9
{
id = 'parts_locker_3',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 5},
},
-- 10
{
id = 'parts_locker_4',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 6},
},
-- 11
{
id = 'expanded_locker_2',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {3, 2},
},
-- 12
{
id = 'vargas_auto_pac_vac',
icon = 'Auto-Store-Vacuum-2.png',
link_to = 'Auto_Shop#Vargas_Auto-Vac',
label = 'Vargas Auto-Pac-Vac',
slot = {3, 3},
},
-- 13
{
id = 'rapid_refill_pump',
icon = 'Fast-Gas.png',
link_to = 'Fuel_Pump#Rapid_Refill_Pump',
label = 'Rapid Refill Pump',
slot = {3, 4},
},
-- 14
{
id = 'experimental_charging_station',
icon = 'Battery-Charger-2.png',
link_to = 'Fuel_Pump#Rapid_Refill_Pump',
label = 'Experimental Charging Station',
slot = {3, 5},
},
-- 15
{
id = 'expanded_locker_1',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {4, 2},
},
-- 16
{
id = 'outfitting_station',
icon = 'Player-Equip.png',
link_to = 'Auto_Shop#Outfitting_Station',
label = 'Outfitting Station',
slot = {4, 3},
},
-- 17
{
id = 'advanced_antenna',
icon = 'IMPROVED-SCANNING-2.png',
link_to = 'Junction',
label = 'Advanced Antenna',
slot = {4, 4},
},
-- 18
{
id = 'incident_board',
icon = 'Days-Board.png',
link_to = 'Auto_Shop#Incident_Board',
label = 'Incident Board',
slot = {4, 5},
},
-- 19
{
id = 'scanning_antenna',
icon = 'Zone-Scanner.png',
link_to = 'Junction',
label = 'Scanning Antenna',
slot = {5, 1},
},
-- 20
{
id = 'matter_deconstructor',
icon = 'Item-Breaker.png',
link_to = 'Auto_Shop#Matter_Deconstructor',
label = 'Matter Deconstructor',
slot = {5, 2},
},
-- 21
{
id = 'improved_antenna',
icon = 'IMPROVED-SCANNING.png',
link_to = 'Junction',
label = 'Improved Antenna',
slot = {5, 3},
},
-- 22
{
id = 'junction_restabilizer',
icon = 'Highway-Bypass.png',
link_to = 'Junction',
label = 'Junction Re-Stabilizer',
slot = {5, 4},
},
-- 23
{
id = 'junction_bypass',
icon = 'ZONE-RE-ROLLER.png',
link_to = 'Junction',
label = 'Junction Bypass',
slot = {5, 5},
},
-- 24
{
id = 'detailing_station',
icon = 'Detailing-Station.png',
link_to = 'Auto_Shop#Detailing_Station',
label = 'Detailing Station',
slot = {6, 2},
},
-- 25
{
id = 'matter_regenerator',
icon = 'Part-Incubator.png',
link_to = 'Auto_Shop#Matter_Regenerator',
label = 'Matter Regenerator',
slot = {6, 3},
},
-- 26
{
id = 'investigator_module',
icon = 'Tinker-Station-02.png',
link_to = 'Auto_Shop#Tinker_Station',
label = 'Investigator Module',
slot = {6, 4},
},
-- 27
{
id = 'analysis_module',
icon = 'Tinker-Station-03.png',
link_to = 'Auto_Shop#Tinker_Station',
label = 'Analysis Module',
slot = {6, 5},
},
-- 28
{
id = 'fax_machine',
icon = 'Fax-Machine.png',
link_to = 'Auto_Shop#F.A.X._Machine',
label = 'F.A.X. Machine',
slot = {7, 2},
},
-- 29
{
id = 'athletic_stimulation_station',
icon = 'Basketball-Icon.png',
link_to = 'Auto_Shop#Athletic_Stimulation_Station/Hoop',
label = 'Athletic Stimulation Station',
slot = {7, 3},
},
-- 30
{
id = 'advanced_workbench',
icon = 'Craft-Bench-2.png',
link_to = 'Auto_Shop#Workbench',
label = 'Advanced Workbench',
slot = {7, 4},
},
-- 31
{
id = 'expanded_matter_regenerator',
icon = 'PART-INCUBATOR-2.png',
link_to = 'Auto_Shop#Matter_Regenerator',
label = 'Expanded Matter Regenerator',
slot = {7, 5},
},
-- 32
{
id = 'repair_station',
icon = 'Repair-Stop-Fab.png',
link_to = 'Auto_Shop#Repair_Station',
label = 'Repair Station',
slot = {7, 6},
},
-- 33
{
id = 'smart_matter_deconstructor',
icon = 'Item-Breaker-2.png',
link_to = 'Auto_Shop#Matter_Deconstructor',
label = 'Smart Matter Deconstructor',
slot = {8, 3},
},
-- 34
{
id = 'deco_vend',
icon = 'Cosmetic-Printer.png',
link_to = 'Auto_Shop#Deco-Vend',
label = 'Deco-Vend',
slot = {8, 4},
},
-- 35
{
id = 'fish_tank',
icon = 'Fish-Tank.png',
link_to = 'Auto_Shop#Fish_Tank',
label = 'Fish Tank',
slot = {8, 5},
},
},
},
lights = {
canvas_slots = {6, 4},
edges = {
{3, 1},
{3, 4},
{5, 2},
{5, 6},
{6, 3},
{8, 9},
{9, 7},
{9, 10},
{9, 13},
{11, 12},
{12, 14},
},
nodes = {
-- 1
{
id = 'biolantern',
icon = 'Biolantern.png',
no_icon_padding = true,
link_to = 'Biolantern',
label = 'Biolantern',
slot = {1, 3},
},
-- 2
{
id = 'crude_flashlight',
icon = 'Crude_Flashlight.png',
no_icon_padding = true,
link_to = 'Crude Flashlight',
label = 'Crude Flashlight',
slot = {2, 2},
},
-- 3
{
id = 'bioflare',
icon = 'Bioflare.png',
no_icon_padding = true,
link_to = 'Bioflare',
label = 'Bioflare',
slot = {2, 3},
},
-- 4
{
id = 'bioflare',
icon = 'Bioflare-Gun.png',
no_icon_padding = true,
link_to = 'Bioflare Gun',
label = 'Bioflare Gun',
slot = {2, 4},
},
-- 5
{
id = 'relightable_flare',
icon = 'Relightable_Flare.png',
no_icon_padding = true,
link_to = 'Relightable Flare',
label = 'Relightable Flare',
slot = {3, 1},
},
-- 6
{
id = 'flare_gun',
icon = 'Flare_Gun.png',
no_icon_padding = true,
link_to = 'Flare Gun',
label = 'Flare Gun',
slot = {3, 2},
},
-- 7
{
id = 'insulated_headlight',
icon = 'Insulated_Headlight_Icon.png',
link_to = 'Insulated Headlight',
label = 'Insulated Headlight',
slot = {3, 3},
},
-- 8
{
id = 'crude_headlight',
icon = 'Crude_Headlight_Icon.png',
link_to = 'Crude Headlight',
label = 'Crude Headlight',
slot = {4, 1},
},
-- 9
{
id = 'headlight',
icon = 'Headlight_Icon.png',
link_to = 'Headlight',
label = 'Headlight',
slot = {4, 2},
},
-- 10
{
id = 'reinforced_headlight',
icon = 'PHYS-LIGHT.png',
link_to = 'Reinforced Headlight',
label = 'Reinforced Headlight',
slot = {4, 3},
},
-- 11
{
id = 'side_floodlights',
icon = 'SIDE-LIGHT.png',
link_to = 'Side Floodlights',
label = 'Side Floodlights',
slot = {5, 1},
},
-- 12
{
id = 'roof_floodlights',
icon = 'ROOF-ARRAY.png',
link_to = 'Roof Floodlights',
label = 'Roof Floodlights',
slot = {5, 2},
},
-- 13
{
id = 'bio_headlight',
icon = 'BIO-LIGHT.png',
link_to = 'Bio Headlight',
label = 'Bio Headlight',
slot = {5, 3},
},
-- 14
{
id = 'auto_tracking_spotlight',
icon = 'ROOF-LIGHT.png',
link_to = 'Auto Tracking Spotlight',
label = 'Auto Tracking Spotlight',
slot = {6, 3},
},
},
},
refine = {
canvas_slots = {1, 6},
edges = {
{1, 2},
{2, 3},
{3, 4},
{4, 5},
{5, 6},
},
nodes = {
-- 1
{
id = 'gear',
icon = 'GEAR.png',
link_to = 'Gear',
label = 'Gear',
slot = {1, 1},
},
-- 2
{
id = 'bulb',
icon = 'BULB.png',
link_to = 'Bulb',
label = 'Bulb',
slot = {1, 2},
},
-- 3
{
id = 'steel_sheet',
icon = 'STEEL-SHEET_Inverted.png',
link_to = 'Steel Sheet',
label = 'Steel Sheet',
slot = {1, 3},
},
-- 4
{
id = 'circuit_board',
icon = 'BREADBOARD.png',
link_to = 'Circuit Board',
label = 'Circuit Board',
slot = {1, 4},
},
-- 5
{
id = 'carbonfiberglass',
icon = 'CARBON-FIBREGLASS.png',
link_to = 'Carbonfiberglass',
label = 'Carbonfiberglass',
slot = {1, 5},
},
-- 6
{
id = 'lim_chip',
icon = 'LIM-CHIP.png',
link_to = 'LIM Chip',
label = 'LIM Chip',
slot = {1, 6},
},
},
},
survival_tools = {
canvas_slots = {6, 3},
edges = {
{2, 1},
{4, 2},
{4, 5},
{5, 3},
{7, 8},
{7, 11},
{8, 6},
{8, 9},
{10, 13},
{10, 14},
{11, 12},
{14, 15},
},
nodes = {
-- 1
{
id = 'olympium_torch',
icon = 'PLASMA-TORCH.png',
link_to = 'Olympium Torch',
label = 'Olympium Torch',
slot = {1, 3},
},
-- 2
{
id = 'blowtorch',
icon = 'TORCH.png',
link_to = 'Blowtorch',
label = 'Blowtorch',
slot = {2, 2},
},
-- 3
{
id = 'electricians_kit',
icon = 'Electricians_Kit.png',
link_to = 'Electrician\'s Kit',
label = 'Electrician\'s Kit',
slot = {2, 3},
},
-- 4
{
id = 'repair_putty',
icon = 'REPAIR-PUTTY.png',
link_to = 'Repair Putty',
label = 'Repair Putty',
slot = {3, 1},
},
-- 5
{
id = 'light_replacement_kit',
icon = 'Light_Replacement_Kit.png',
link_to = 'Light Replacement Kit',
label = 'Light Replacement Kit',
slot = {3, 2},
},
-- 6
{
id = 'thermal_vacuum',
icon = 'Thermal_Vacuum.png',
link_to = 'Thermal Vacuum',
label = 'Thermal Vacuum',
slot = {3, 3},
},
-- 7
{
id = 'scrapper',
icon = 'Scrapper.png',
link_to = 'Scrapper',
label = 'Scrapper',
slot = {4, 1},
},
-- 8
{
id = 'hand_vac',
icon = 'Hand-Vac.png',
link_to = 'Hand-Vac',
label = 'Hand-Vac',
slot = {4, 2},
},
-- 9
{
id = 'plasma_scrapper',
icon = 'Plasma_Scrapper.png',
link_to = 'Plasma Scrapper',
label = 'Plasma Scrapper',
slot = {4, 3},
},
-- 10
{
id = 'prybar',
icon = 'Prybar.png',
link_to = 'Prybar',
label = 'Prybar',
slot = {5, 1},
},
-- 11
{
id = 'liberator',
icon = 'Liberator.png',
link_to = 'Liberator',
label = 'Liberator',
slot = {5, 2},
},
-- 12
{
id = 'liberator_mk2',
icon = 'LIBERATOR-2.png',
link_to = 'Liberator Mk. 2',
label = 'Liberator Mk. 2',
slot = {5, 3},
},
-- 13
{
id = 'anchor_radar',
icon = 'Anchor_Radar.png',
link_to = 'Anchor Radar',
label = 'Anchor Radar',
slot = {6, 1},
},
-- 14
{
id = 'impact_hammer',
icon = 'Impact_Hammer.png',
link_to = 'Impact Hammer',
label = 'Impact Hammer',
slot = {6, 2},
},
-- 15
{
id = 'magnetic_hammer',
icon = 'Magnetic_Hammer.png',
link_to = 'Magnetic Hammer',
label = 'Magnetic Hammer',
slot = {6, 3},
},
},
},
utilities = {
canvas_slots = {3, 5},
edges = {
{4, 1},
{4, 5},
{4, 9},
{5, 6},
{5, 10},
{6, 2},
{6, 7},
{6, 11},
{7, 3},
{7, 8},
{7, 12},
},
nodes = {
-- 1
{
id = 'the_auto_parker',
icon = 'PARKING-MANOUVER.png',
link_to = 'The Auto Parker',
label = 'The Auto Parker',
slot = {1, 2},
},
-- 2
{
id = 'the_lazarus_device',
icon = 'LIFESAVER.png',
link_to = 'The Lazarus Device',
label = 'The Lazarus Device',
slot = {1, 4},
},
-- 3
{
id = 'chrono_dilator',
icon = 'TIME-MANOUVER.png',
link_to = 'Chrono Dilator',
label = 'Chrono Dilator',
slot = {1, 5},
},
-- 4
{
id = 'limpulse_emitter',
icon = 'PHYS-WAVE-SHIELD.png',
link_to = 'Limpulse Emitter',
label = 'Limpulse Emitter',
slot = {2, 1},
},
-- 5
{
id = 'jump_jacks',
icon = 'JUMP-MANOUVER.png',
link_to = 'Jump Jacks',
label = 'Jump Jacks',
slot = {2, 2},
},
-- 6
{
id = 'ion_shield',
icon = 'ROOF-RAD-SHIELD.png',
link_to = 'Ion Shield',
label = 'Ion Shield',
slot = {2, 3},
},
-- 7
{
id = 'mobile_workbench',
icon = 'BENCH-T1.png',
link_to = 'Mobile Workbench',
label = 'Mobile Workbench',
slot = {2, 4},
},
-- 8
{
id = 'magnetic_bumper',
icon = 'MAGNET-BUMPER.png',
link_to = 'Magnetic Bumper',
label = 'Magnetic Bumper',
slot = {2, 5},
},
-- 9
{
id = 'resource_radar',
icon = 'RESOURCE-SCANNER.png',
link_to = 'Resource Radar',
label = 'Resource Radar',
slot = {3, 2},
},
-- 10
{
id = 'juke_jets',
icon = 'SIDE-THRUSTERS-MANOUVER.png',
link_to = 'Juke Jets',
label = 'Juke Jets',
slot = {3, 3},
},
-- 11
{
id = 'nitro_boost',
icon = 'BOOST-MANOUVER.png',
link_to = 'Nitro Boost',
label = 'Nitro Boost',
slot = {3, 4},
},
-- 12
{
id = 'anti_grav_emitter',
icon = 'GRAVITY-MANOUVER.png',
link_to = 'Anti-Grav Emitter',
label = 'Anti-Grav Emitter',
slot = {3, 5},
},
},
},
wheels = {
canvas_slots = {3, 5},
edges = {
{2, 3},
{3, 4},
{4, 1},
{4, 5},
{4, 7},
{5, 6},
},
nodes = {
-- 1
{
id = 'puncture_proof_tire',
icon = 'PUNCTURE-RESISTANT-TIRE.png',
link_to = 'Puncture-Proof Tire',
label = 'Puncture-Proof Tire',
slot = {1, 4},
},
-- 2
{
id = 'spare_tire',
icon = 'Spare_Tire_Icon.png',
link_to = 'Spare Tire',
label = 'Spare Tire',
slot = {2, 1},
},
-- 3
{
id = 'summer_tire',
icon = 'Summer_Tire_Icon.png',
link_to = 'Summer Tire',
label = 'Summer Tire',
slot = {2, 2},
},
-- 4
{
id = 'offroad_tire',
icon = 'OFFROAD-TIRE.png',
link_to = 'Offroad Tire',
label = 'Offroad Tire',
slot = {2, 3},
},
-- 5
{
id = 'all_terrain_tire',
icon = 'ADAPTIVE-TIRE.png',
link_to = 'All-Terrain Tire',
label = 'All-Terrain Tire',
slot = {2, 4},
},
-- 6
{
id = 'power_grip_tire',
icon = 'POWER-GRIP-TIRE.png',
link_to = 'Power Grip Tires',
label = 'Power Grip Tires',
slot = {2, 5},
},
-- 7
{
id = 'paddle_tire',
icon = 'WATER-TIRE.png',
link_to = 'Paddle Tire',
label = 'Paddle Tire',
slot = {3, 4},
},
},
},
}

function css_px( n )
return string.format('%spx', n)
end

-- returns inverted order because cols produce x, rows produce y
function get_canvas_size( tab )
return {
p.consts.canvas_padding * 2 + tab.canvas_slots[2] * p.consts.node_size[2] + (tab.canvas_slots[2] - 1) * p.consts.node_spacing[2],
p.consts.canvas_padding * 2 + tab.canvas_slots[1] * p.consts.node_size[1] + (tab.canvas_slots[1] - 1) * p.consts.node_spacing[1],
}
end

-- returns inverted order because cols produce x, rows produce y
function get_node_anchor_pos( node_slot )
return {
p.consts.canvas_padding + (node_slot[2] - 1) * (p.consts.node_size[2] + p.consts.node_spacing[2]),
p.consts.canvas_padding + (node_slot[1] - 1) * (p.consts.node_size[1] + p.consts.node_spacing[1]),
}
end

-- does not return inverted order because it's already been inverted by get_node_anchor_pos
function get_node_graph_anchor_pos( node_slot )
local anchor_pos = get_node_anchor_pos(node_slot)
local offset_x = p.consts.node_size[1] / 2
local offset_y = offset_x - p.consts.node_padding[1] - p.consts.icon_edge_thickness
return { anchor_pos[1] + offset_x, anchor_pos[2] + offset_y }
end

function render_node_label( html_ref, node )
return html_ref
:tag('div')
:addClass('fab-station-ui__label')
:css({
['font-size'] = css_px(p.consts.label_font_size),
width = css_px(p.consts.node_icon_container_size),
})
:wikitext(node.label)
:done()
end

function render_node_icon( html_ref, node )
return html_ref
:tag('div')
:addClass('fab-station-ui__icon')
:css({
width = css_px(p.consts.node_icon_container_size),
height = css_px(p.consts.node_icon_container_size),
padding = node.no_icon_padding and '0px' or css_px(p.consts.node_icon_padding),
})
:wikitext(string.format(p.consts.wikitext_template_link, node.link_to))
:newline()
:wikitext(string.format(p.consts.wikitext_template_icon, node.icon, p.consts.node_icon_size + (node.no_icon_padding and p.consts.node_icon_padding * 2 or 0)))
:done()
end

function render_node( html_ref, node )
local res = html_ref
local anchor_pos = get_node_anchor_pos(node.slot)
local padding = p.consts.node_padding
res = html_ref
:tag('div')
:addClass('fab-station-ui__graph-node')
:css({
padding = string.format('%spx %spx %spx %spx', padding[1], padding[2], padding[3], padding[4]),
width = css_px(p.consts.node_size[1]),
height = 'auto',
transform = string.format('translate(%spx, %spx)', anchor_pos[1], anchor_pos[2]),
})
res = render_node_icon(res, node)
res = render_node_label(res, node)
return res:done()
end

function render_edge( html_ref, node_slot_1, node_slot_2 )
local pos_1 = get_node_graph_anchor_pos(node_slot_1)
local pos_2 = get_node_graph_anchor_pos(node_slot_2)
local delta_x = pos_2[1] - pos_1[1]
local delta_y = pos_2[2] - pos_1[2]
local edge_len = (delta_x ^ 2 + delta_y ^ 2) ^ 0.5
local center_tgt = { pos_1[1] + delta_x / 2, pos_1[2] + delta_y / 2 }
local center_orig = { edge_len / 2, 0 }
local translate_by = { center_tgt[1] - center_orig[1], center_tgt[2] - center_orig[2] }
local rotate_by = math.atan(delta_y / delta_x)

return html_ref
:tag('div')
:addClass('fab-station-ui__graph-edge')
:css({
width = css_px(edge_len),
height = css_px(p.consts.icon_edge_thickness),
transform = string.format('translate(%spx, %spx) rotate(%srad)', translate_by[1], translate_by[2], rotate_by),
})
:done()
end

function p.main(frame)
local tab_name = frame.args.tab
local tab = p.tabs[tab_name]
local tab_canvas_size = get_canvas_size(tab)
local viewport_size = {
tab_canvas_size[1] + 10,
math.min(tab_canvas_size[2], 390) + 10
}

local html_ref = mw.html.create('div')
:addClass('fab-station-ui__viewport')
:css({
width = css_px(viewport_size[1]),
height = css_px(viewport_size[2]),
})
:tag('div')
:addClass('fab-station-ui__scroll-container')
:tag('div')
:addClass('fab-station-ui__scale-container')
:css({
width = css_px(tab_canvas_size[1]),
height = css_px(tab_canvas_size[2]),
})
:tag('div')
:addClass('fab-station-ui__canvas')
for k, v in pairs(tab.edges) do
html_ref = render_edge(html_ref, tab.nodes[v[1]].slot, tab.nodes[v[2]].slot)
end
for k, v in pairs(tab.nodes) do
html_ref = render_node(html_ref, v)
end
return tostring(html_ref:allDone())
end

return p

Template:FabricationStationUI/styles.css

2024-10-26T16:25:34Z

Pygmyowl: hide labels at low zoom

Module:FabricationStationUI

2024-10-26T16:25:00Z

Pygmyowl: prep for hideable labels

local p = {}

p.consts = {
canvas_padding = 20,
icon_edge_thickness = 6,
label_font_size = 14,
node_size = {-1, -1},
node_padding = {8, 16, 8, 16},
node_icon_size = 64,
node_icon_padding = 16,
node_icon_container_size = -1,
node_spacing = {-1, -1},
wikitext_template_icon = '[[File:%s|frameless|%spx|link=]]',
wikitext_template_link = '[[%s|<span class="fab-station-ui__link"/>]]',
tab_order = {
'garage',
'refine',
'survival_tools',
'lights',
'car_body',
'wheels',
'expansion_racks',
'car_storage',
'fuel',
'battery',
'utilities',
'engines',
},
}
p.consts.node_icon_container_size = p.consts.node_icon_size + p.consts.node_icon_padding * 2 + p.consts.icon_edge_thickness * 2
p.consts.node_size = {
p.consts.node_icon_container_size + p.consts.node_padding[2] + p.consts.node_padding[4],
p.consts.node_icon_container_size + p.consts.node_padding[1] + p.consts.node_padding[3] + 40
}
p.consts.node_spacing = {
p.consts.node_size[1] * 0.5,
p.consts.node_size[2] * 0.3,
}

-- slot notation is {row, col}
-- nodes are recorded left to right, top to bottom
-- edges are recorded by source node, left to right, top to bottom
p.tabs = {
battery = {
canvas_slots = {3, 6},
edges = {
{4, 1},
{4, 5},
{5, 2},
{5, 6},
{5, 10},
{6, 7},
{6, 11},
{7, 3},
{7, 8},
{8, 9},
{8, 12},
},
nodes = {
-- 1
{
id = 'plasma_charger',
icon = 'BATTERY-JUICER.png',
link_to = 'Plasma Charger',
label = 'Plasma Charger',
slot = {1, 2},
},
-- 2
{
id = 'hydro_generator',
icon = 'RAIN-GENERATOR.png',
link_to = 'Hydro Generator',
label = 'Hydro Generator',
slot = {1, 3},
},
-- 3
{
id = 'leak_resistant_battery',
icon = 'CC_SEALED-BATTERY.png',
link_to = 'Leak-Resistant Battery',
label = 'Leak-Resistant Battery',
slot = {1, 5},
},
-- 4
{
id = 'battery_jumper',
icon = 'BATTERY-JUMPER.png',
link_to = 'Battery Jumper',
label = 'Battery Jumper',
slot = {2, 1},
},
-- 5
{
id = 'lightning_rod',
icon = 'ELEC-GENERATOR.png',
link_to = 'Lightning Rod',
label = 'Lightning Rod',
slot = {2, 2},
},
-- 6
{
id = 'side_battery',
icon = 'SIDE-BATTERY.png',
link_to = 'Side Battery',
label = 'Side Battery',
slot = {2, 3},
},
-- 7
{
id = 'lead_acid_battery',
icon = 'BACKSEAT-BATTERY.png',
link_to = 'Lead-Acid Battery',
label = 'Lead-Acid Battery',
slot = {2, 4},
},
-- 8
{
id = 'high_capacity_battery',
icon = 'EXPANDED-BACKSEAT-BATTERY.png',
link_to = 'High-Capacity Battery',
label = 'High-Capacity Battery',
slot = {2, 5},
},
-- 9
{
id = 'xl_roof_battery',
icon = 'ROOF-BATTERY.png',
link_to = 'XL Roof Battery',
label = 'XL Roof Battery',
slot = {2, 6},
},
-- 10
{
id = 'mini_turbine',
icon = 'Mini_Turbine_Icon.png',
link_to = 'Mini Turbine',
label = 'Mini Turbine',
slot = {3, 3},
},
-- 11
{
id = 'solar_panel',
icon = 'SOLAR-GENERATOR.png',
link_to = 'Solar Panel',
label = 'Solar Panel',
slot = {3, 4},
},
-- 12
{
id = 'anchor_energy_converter',
icon = 'BATTERY-GOBBLER.png',
link_to = 'Anchor Energy Converter',
label = 'Anchor Energy Converter',
slot = {3, 6},
},
},
},
car_body = {
canvas_slots = {7, 4},
edges = {
{2, 3},
{5, 1},
{5, 2},
{7, 8},
{8, 4},
{8, 5},
{8, 6},
{11, 12},
{12, 9},
{12, 13},
{12, 17},
{13, 10},
{13, 14},
{15, 16},
{16, 18},
{16, 19},
{16, 20},
{19, 21},
{19, 22},
},
nodes = {
-- 1
{
id = 'anti_corrosive_bumper',
icon = 'ACID-BUMPER.png',
link_to = 'Anti-Corrosive Bumper',
label = 'Anti-Corrosive Bumper',
slot = {1, 1},
},
-- 2
{
id = 'olympium_bumper',
icon = 'ACID-BUMPER.png',
link_to = 'Olympium Bumper',
label = 'Olympium Bumper',
slot = {1, 2},
},
-- 3
{
id = 'powered_bumper',
icon = 'POWERED-BUMPER.png',
link_to = 'Powered Bumper',
label = 'Powered Bumper',
slot = {1, 3},
},
-- 4
{
id = 'lead_plated_bumper',
icon = 'RADS-BUMPER.png',
link_to = 'Lead-Plated Bumper',
label = 'Lead-Plated Bumper',
slot = {2, 1},
},
-- 5
{
id = 'armored_bumper',
icon = 'HEAL-BUMPER.png',
link_to = 'Armored Bumper',
label = 'Armored Bumper',
slot = {2, 2},
},
-- 6
{
id = 'insulated_bumper',
icon = 'ELE-BUMPER.png',
link_to = 'Insulated Bumper',
label = 'Insulated Bumper',
slot = {2, 3},
},
-- 7
{
id = 'crude_bumper',
icon = 'Crude_Bumper.png',
link_to = 'Crude Bumper',
label = 'Crude Bumper',
slot = {3, 1},
},
-- 8
{
id = 'steel_bumper',
icon = 'Steel_Bumper.png',
link_to = 'Steel Bumper',
label = 'Steel Bumper',
slot = {3, 2},
},
-- 9
{
id = 'lead_plated_panel',
icon = 'RADS-PANEL.png',
link_to = 'Lead-Plated Panel',
label = 'Lead-Plated Panel',
slot = {3, 3},
},
-- 10
{
id = 'anti_corrosive_panel',
icon = 'POISON-PANEL.png',
link_to = 'Anti-Corrosive Panel',
label = 'Anti-Corrosive Panel',
slot = {3, 4},
},
-- 11
{
id = 'crude_panel',
icon = 'Crude_Panel.png',
link_to = 'Crude Panel',
label = 'Crude Panel',
slot = {4, 1},
},
-- 12
{
id = 'steel_panel',
icon = 'Steel_Panel.png',
link_to = 'Steel Panel',
label = 'Steel Panel',
slot = {4, 2},
},
-- 13
{
id = 'armored_panel',
icon = 'HEAL-PANEL.png',
link_to = 'Armored Panel',
label = 'Armored Panel',
slot = {4, 3},
},
-- 14
{
id = 'olympium_panel',
icon = 'PHYS-PANEL.png',
link_to = 'Olympium Panel',
label = 'Olympium Panel',
slot = {4, 4},
},
-- 15
{
id = 'crude_door',
icon = 'Crude_Door.png',
link_to = 'Crude Door',
label = 'Crude Door',
slot = {5, 1},
},
-- 16
{
id = 'steel_door',
icon = 'Steel_Door.png',
link_to = 'Steel Door',
label = 'Steel Door',
slot = {5, 2},
},
-- 17
{
id = 'insulated_panel',
icon = 'ELEC-PANEL.png',
link_to = 'Insulated Panel',
label = 'Insulated Panel',
slot = {5, 3},
},
-- 18
{
id = 'insulated_door',
icon = 'CAGED-STEEL-DOOR.png',
link_to = 'Insulated Door',
label = 'Insulated Door',
slot = {6, 1},
},
-- 19
{
id = 'armored_door',
icon = 'PLATED-DOOR.png',
link_to = 'Armored Door',
label = 'Armored Door',
slot = {6, 2},
},
-- 20
{
id = 'lead_plated_door',
icon = 'LEAD-SHIELD-DOOR.png',
link_to = 'Lead-Plated Door',
label = 'Lead-Plated Door',
slot = {6, 3},
},
-- 21
{
id = 'olympium_door',
icon = 'REINFORCED-DOOR.png',
link_to = 'Olympium Door',
label = 'Olympium Door',
slot = {7, 2},
},
-- 22
{
id = 'anti_corrosive_door',
icon = 'STEEL-FIBRE-DOOR.png',
link_to = 'Anti-Corrosive Door',
label = 'Anti-Corrosive Door',
slot = {7, 3},
},
},
},
car_storage = {
canvas_slots = {2, 3},
edges = {
{2, 1},
{2, 3},
{3, 4},
},
nodes = {
-- 1
{
id = 'xl_roof_storage',
icon = 'ROOF-STORAGE.png',
link_to = 'XL Roof Storage',
label = 'XL Roof Storage',
slot = {1, 2},
},
-- 2
{
id = 'side_storage',
icon = 'SIDE-STORAGE.png',
link_to = 'Side Storage',
label = 'Side Storage',
slot = {2, 1},
},
-- 3
{
id = 'a_trunk_in_the_trunk',
icon = 'TRUNK-T2.png',
link_to = 'A Trunk In The Trunk',
label = 'A Trunk in the Trunk',
slot = {2, 2},
},
-- 4
{
id = 'augmented_trunk_storage',
icon = 'TRUNK-T3.png',
link_to = 'Augmented Trunk Storage',
label = 'Augmented Trunk Storage',
slot = {2, 3},
},
},
},
engines = {
canvas_slots = {2, 3},
edges = {
{2, 3},
{3, 1},
{3, 4},
},
nodes = {
-- 1
{
id = 'amp_engine',
icon = 'AMP-Icon.png',
link_to = 'AMP Engine',
label = 'AMP Engine',
slot = {1, 3},
},
-- 2
{
id = 'carbureted_engine',
icon = 'Carbureted_Icon.png',
link_to = 'Carbureted Engine',
label = 'Carbureted Engine',
slot = {2, 1},
},
-- 3
{
id = 'turbolight_engine',
icon = 'Turbolight_Icon.png',
link_to = 'Turbolight Engine',
label = 'Turbolight Engine',
slot = {2, 2},
},
-- 4
{
id = 'lim_chipped_engine',
icon = 'LIM-Chipped-Icon.png',
link_to = 'LIM-Chipped Engine',
label = 'LIM-Chipped Engine',
slot = {2, 3},
},
},
},
expansion_racks = {
canvas_slots = {3, 5},
edges = {
{1, 2},
{3, 4},
{4, 1},
{4, 5},
{5, 6},
{5, 7},
{7, 8},
},
nodes = {
-- 1
{
id = 'seat_rack_1',
icon = 'BACKSEAT-RACK.png',
link_to = 'Car#Seat_Racks',
label = 'Seat Rack',
slot = {1, 3},
},
-- 2
{
id = 'seat_rack_2',
icon = 'BACKSEAT-RACK.png',
link_to = 'Car#Seat_Racks',
label = 'Seat Rack',
slot = {1, 4},
},
-- 3
{
id = 'side_rack_1',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 1},
},
-- 4
{
id = 'side_rack_2',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 2},
},
-- 5
{
id = 'side_rack_3',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 3},
},
-- 6
{
id = 'side_rack_4',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 4},
},
-- 7
{
id = 'roof_rack_1',
icon = 'ROOF-RACK.png',
link_to = 'Car#Roof_Racks',
label = 'Roof Rack',
slot = {3, 4},
},
-- 8
{
id = 'roof_rack_2',
icon = 'ROOF-RACK.png',
link_to = 'Car#Roof_Racks',
label = 'Roof Rack',
slot = {3, 5},
},
},
},
fuel = {
canvas_slots = {3, 5},
edges = {
{2, 3},
{3, 4},
{3, 7},
{4, 1},
{4, 5},
{5, 6},
},
nodes = {
-- 1
{
id = 'leak_resistant_fuel_tank',
icon = 'LEAK-RESIST-FUEL.png',
link_to = 'Leak-Resistant Fuel Tank',
label = 'Leak-Resistant Fuel Tank',
slot = {1, 4},
},
-- 2
{
id = 'large_fuel_can',
icon = 'FUEL-CAN-5GAL.png',
link_to = 'Large Fuel Can',
label = 'Large Fuel Can',
slot = {2, 1},
},
-- 3
{
id = 'side_fuel_tank',
icon = 'SIDE-FUEL.png',
link_to = 'Side Fuel Tank',
label = 'Side Fuel Tank',
slot = {2, 2},
},
-- 4
{
id = 'backseat_tank',
icon = 'BACKSEAT-FUEL.png',
link_to = 'Backseat Tank',
label = 'Backseat Tank',
slot = {2, 3},
},
-- 5
{
id = 'backseat_tank',
icon = 'EXPANDED-BACKSEAT-FUEL.png',
link_to = 'Expanded Backseat Tank',
label = 'Expanded Backseat Tank',
slot = {2, 4},
},
-- 6
{
id = 'gas_reservoir',
icon = 'ROOF-FUEL.png',
link_to = 'Gas Reservoir',
label = 'Gas Reservoir',
slot = {2, 5},
},
-- 7
{
id = 'fuel_synthesizer',
icon = 'FUEL-GENERATOR.png',
link_to = 'Fuel Synthesizer',
label = 'Fuel Synthesizer',
slot = {3, 3},
},
},
},
garage = {
canvas_slots = {8, 6},
edges = {
{1, 2},
{2, 3},
{3, 4},
{4, 5},
{6, 1},
{7, 8},
{8, 9},
{9, 10},
{11, 6},
{11, 7},
{13, 14},
{15, 11},
{16, 12},
{16, 13},
{17, 18},
{19, 20},
{20, 15},
{20, 16},
{20, 21},
{20, 24},
{20, 25},
{21, 17},
{21, 22},
{22, 23},
{24, 28},
{25, 26},
{25, 30},
{26, 27},
{28, 29},
{29, 33},
{29, 34},
{30, 31},
{31, 32},
{34, 35},
},
nodes = {
-- 1
{
id = 'expanded_locker_4',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {1, 2},
},
-- 2
{
id = 'pneumatic_locker_1',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 3},
},
-- 3
{
id = 'pneumatic_locker_2',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 4},
},
-- 4
{
id = 'pneumatic_locker_3',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 5},
},
-- 5
{
id = 'pneumatic_locker_4',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 6},
},
-- 6
{
id = 'expanded_locker_3',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {2, 2},
},
-- 7
{
id = 'parts_locker_1',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 3},
},
-- 8
{
id = 'parts_locker_2',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 4},
},
-- 9
{
id = 'parts_locker_3',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 5},
},
-- 10
{
id = 'parts_locker_4',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 6},
},
-- 11
{
id = 'expanded_locker_2',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {3, 2},
},
-- 12
{
id = 'vargas_auto_pac_vac',
icon = 'Auto-Store-Vacuum-2.png',
link_to = 'Auto_Shop#Vargas_Auto-Vac',
label = 'Vargas Auto-Pac-Vac',
slot = {3, 3},
},
-- 13
{
id = 'rapid_refill_pump',
icon = 'Fast-Gas.png',
link_to = 'Fuel_Pump#Rapid_Refill_Pump',
label = 'Rapid Refill Pump',
slot = {3, 4},
},
-- 14
{
id = 'experimental_charging_station',
icon = 'Battery-Charger-2.png',
link_to = 'Fuel_Pump#Rapid_Refill_Pump',
label = 'Experimental Charging Station',
slot = {3, 5},
},
-- 15
{
id = 'expanded_locker_1',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {4, 2},
},
-- 16
{
id = 'outfitting_station',
icon = 'Player-Equip.png',
link_to = 'Auto_Shop#Outfitting_Station',
label = 'Outfitting Station',
slot = {4, 3},
},
-- 17
{
id = 'advanced_antenna',
icon = 'IMPROVED-SCANNING-2.png',
link_to = 'Junction',
label = 'Advanced Antenna',
slot = {4, 4},
},
-- 18
{
id = 'incident_board',
icon = 'Days-Board.png',
link_to = 'Auto_Shop#Incident_Board',
label = 'Incident Board',
slot = {4, 5},
},
-- 19
{
id = 'scanning_antenna',
icon = 'Zone-Scanner.png',
link_to = 'Junction',
label = 'Scanning Antenna',
slot = {5, 1},
},
-- 20
{
id = 'matter_deconstructor',
icon = 'Item-Breaker.png',
link_to = 'Auto_Shop#Matter_Deconstructor',
label = 'Matter Deconstructor',
slot = {5, 2},
},
-- 21
{
id = 'improved_antenna',
icon = 'IMPROVED-SCANNING.png',
link_to = 'Junction',
label = 'Improved Antenna',
slot = {5, 3},
},
-- 22
{
id = 'junction_restabilizer',
icon = 'Highway-Bypass.png',
link_to = 'Junction',
label = 'Junction Re-Stabilizer',
slot = {5, 4},
},
-- 23
{
id = 'junction_bypass',
icon = 'ZONE-RE-ROLLER.png',
link_to = 'Junction',
label = 'Junction Bypass',
slot = {5, 5},
},
-- 24
{
id = 'detailing_station',
icon = 'Detailing-Station.png',
link_to = 'Auto_Shop#Detailing_Station',
label = 'Detailing Station',
slot = {6, 2},
},
-- 25
{
id = 'matter_regenerator',
icon = 'Part-Incubator.png',
link_to = 'Auto_Shop#Matter_Regenerator',
label = 'Matter Regenerator',
slot = {6, 3},
},
-- 26
{
id = 'investigator_module',
icon = 'Tinker-Station-02.png',
link_to = 'Auto_Shop#Tinker_Station',
label = 'Investigator Module',
slot = {6, 4},
},
-- 27
{
id = 'analysis_module',
icon = 'Tinker-Station-03.png',
link_to = 'Auto_Shop#Tinker_Station',
label = 'Analysis Module',
slot = {6, 5},
},
-- 28
{
id = 'fax_machine',
icon = 'Fax-Machine.png',
link_to = 'Auto_Shop#F.A.X._Machine',
label = 'F.A.X. Machine',
slot = {7, 2},
},
-- 29
{
id = 'athletic_stimulation_station',
icon = 'Basketball-Icon.png',
link_to = 'Auto_Shop#Athletic_Stimulation_Station/Hoop',
label = 'Athletic Stimulation Station',
slot = {7, 3},
},
-- 30
{
id = 'advanced_workbench',
icon = 'Craft-Bench-2.png',
link_to = 'Auto_Shop#Workbench',
label = 'Advanced Workbench',
slot = {7, 4},
},
-- 31
{
id = 'expanded_matter_regenerator',
icon = 'PART-INCUBATOR-2.png',
link_to = 'Auto_Shop#Matter_Regenerator',
label = 'Expanded Matter Regenerator',
slot = {7, 5},
},
-- 32
{
id = 'repair_station',
icon = 'Repair-Stop-Fab.png',
link_to = 'Auto_Shop#Repair_Station',
label = 'Repair Station',
slot = {7, 6},
},
-- 33
{
id = 'smart_matter_deconstructor',
icon = 'Item-Breaker-2.png',
link_to = 'Auto_Shop#Matter_Deconstructor',
label = 'Smart Matter Deconstructor',
slot = {8, 3},
},
-- 34
{
id = 'deco_vend',
icon = 'Cosmetic-Printer.png',
link_to = 'Auto_Shop#Deco-Vend',
label = 'Deco-Vend',
slot = {8, 4},
},
-- 35
{
id = 'fish_tank',
icon = 'Fish-Tank.png',
link_to = 'Auto_Shop#Fish_Tank',
label = 'Fish Tank',
slot = {8, 5},
},
},
},
lights = {
canvas_slots = {6, 4},
edges = {
{3, 1},
{3, 4},
{5, 2},
{5, 6},
{6, 3},
{8, 9},
{9, 7},
{9, 10},
{9, 13},
{11, 12},
{12, 14},
},
nodes = {
-- 1
{
id = 'biolantern',
icon = 'Biolantern.png',
no_icon_padding = true,
link_to = 'Biolantern',
label = 'Biolantern',
slot = {1, 3},
},
-- 2
{
id = 'crude_flashlight',
icon = 'Crude_Flashlight.png',
no_icon_padding = true,
link_to = 'Crude Flashlight',
label = 'Crude Flashlight',
slot = {2, 2},
},
-- 3
{
id = 'bioflare',
icon = 'Bioflare.png',
no_icon_padding = true,
link_to = 'Bioflare',
label = 'Bioflare',
slot = {2, 3},
},
-- 4
{
id = 'bioflare',
icon = 'Bioflare-Gun.png',
no_icon_padding = true,
link_to = 'Bioflare Gun',
label = 'Bioflare Gun',
slot = {2, 4},
},
-- 5
{
id = 'relightable_flare',
icon = 'Relightable_Flare.png',
no_icon_padding = true,
link_to = 'Relightable Flare',
label = 'Relightable Flare',
slot = {3, 1},
},
-- 6
{
id = 'flare_gun',
icon = 'Flare_Gun.png',
no_icon_padding = true,
link_to = 'Flare Gun',
label = 'Flare Gun',
slot = {3, 2},
},
-- 7
{
id = 'insulated_headlight',
icon = 'Insulated_Headlight_Icon.png',
link_to = 'Insulated Headlight',
label = 'Insulated Headlight',
slot = {3, 3},
},
-- 8
{
id = 'crude_headlight',
icon = 'Crude_Headlight_Icon.png',
link_to = 'Crude Headlight',
label = 'Crude Headlight',
slot = {4, 1},
},
-- 9
{
id = 'headlight',
icon = 'Headlight_Icon.png',
link_to = 'Headlight',
label = 'Headlight',
slot = {4, 2},
},
-- 10
{
id = 'reinforced_headlight',
icon = 'PHYS-LIGHT.png',
link_to = 'Reinforced Headlight',
label = 'Reinforced Headlight',
slot = {4, 3},
},
-- 11
{
id = 'side_floodlights',
icon = 'SIDE-LIGHT.png',
link_to = 'Side Floodlights',
label = 'Side Floodlights',
slot = {5, 1},
},
-- 12
{
id = 'roof_floodlights',
icon = 'ROOF-ARRAY.png',
link_to = 'Roof Floodlights',
label = 'Roof Floodlights',
slot = {5, 2},
},
-- 13
{
id = 'bio_headlight',
icon = 'BIO-LIGHT.png',
link_to = 'Bio Headlight',
label = 'Bio Headlight',
slot = {5, 3},
},
-- 14
{
id = 'auto_tracking_spotlight',
icon = 'ROOF-LIGHT.png',
link_to = 'Auto Tracking Spotlight',
label = 'Auto Tracking Spotlight',
slot = {6, 3},
},
},
},
refine = {
canvas_slots = {1, 6},
edges = {
{1, 2},
{2, 3},
{3, 4},
{4, 5},
{5, 6},
},
nodes = {
-- 1
{
id = 'gear',
icon = 'GEAR.png',
link_to = 'Gear',
label = 'Gear',
slot = {1, 1},
},
-- 2
{
id = 'bulb',
icon = 'BULB.png',
link_to = 'Bulb',
label = 'Bulb',
slot = {1, 2},
},
-- 3
{
id = 'steel_sheet',
icon = 'STEEL-SHEET_Inverted.png',
link_to = 'Steel Sheet',
label = 'Steel Sheet',
slot = {1, 3},
},
-- 4
{
id = 'circuit_board',
icon = 'BREADBOARD.png',
link_to = 'Circuit Board',
label = 'Circuit Board',
slot = {1, 4},
},
-- 5
{
id = 'carbonfiberglass',
icon = 'CARBON-FIBREGLASS.png',
link_to = 'Carbonfiberglass',
label = 'Carbonfiberglass',
slot = {1, 5},
},
-- 6
{
id = 'lim_chip',
icon = 'LIM-CHIP.png',
link_to = 'LIM Chip',
label = 'LIM Chip',
slot = {1, 6},
},
},
},
survival_tools = {
canvas_slots = {6, 3},
edges = {
{2, 1},
{4, 2},
{4, 5},
{5, 3},
{7, 8},
{7, 11},
{8, 6},
{8, 9},
{10, 13},
{10, 14},
{11, 12},
{14, 15},
},
nodes = {
-- 1
{
id = 'olympium_torch',
icon = 'PLASMA-TORCH.png',
link_to = 'Olympium Torch',
label = 'Olympium Torch',
slot = {1, 3},
},
-- 2
{
id = 'blowtorch',
icon = 'TORCH.png',
link_to = 'Blowtorch',
label = 'Blowtorch',
slot = {2, 2},
},
-- 3
{
id = 'electricians_kit',
icon = 'Electricians_Kit.png',
link_to = 'Electrician\'s Kit',
label = 'Electrician\'s Kit',
slot = {2, 3},
},
-- 4
{
id = 'repair_putty',
icon = 'REPAIR-PUTTY.png',
link_to = 'Repair Putty',
label = 'Repair Putty',
slot = {3, 1},
},
-- 5
{
id = 'light_replacement_kit',
icon = 'Light_Replacement_Kit.png',
link_to = 'Light Replacement Kit',
label = 'Light Replacement Kit',
slot = {3, 2},
},
-- 6
{
id = 'thermal_vacuum',
icon = 'Thermal_Vacuum.png',
link_to = 'Thermal Vacuum',
label = 'Thermal Vacuum',
slot = {3, 3},
},
-- 7
{
id = 'scrapper',
icon = 'Scrapper.png',
link_to = 'Scrapper',
label = 'Scrapper',
slot = {4, 1},
},
-- 8
{
id = 'hand_vac',
icon = 'Hand-Vac.png',
link_to = 'Hand-Vac',
label = 'Hand-Vac',
slot = {4, 2},
},
-- 9
{
id = 'plasma_scrapper',
icon = 'Plasma_Scrapper.png',
link_to = 'Plasma Scrapper',
label = 'Plasma Scrapper',
slot = {4, 3},
},
-- 10
{
id = 'prybar',
icon = 'Prybar.png',
link_to = 'Prybar',
label = 'Prybar',
slot = {5, 1},
},
-- 11
{
id = 'liberator',
icon = 'Liberator.png',
link_to = 'Liberator',
label = 'Liberator',
slot = {5, 2},
},
-- 12
{
id = 'liberator_mk2',
icon = 'LIBERATOR-2.png',
link_to = 'Liberator Mk. 2',
label = 'Liberator Mk. 2',
slot = {5, 3},
},
-- 13
{
id = 'anchor_radar',
icon = 'Anchor_Radar.png',
link_to = 'Anchor Radar',
label = 'Anchor Radar',
slot = {6, 1},
},
-- 14
{
id = 'impact_hammer',
icon = 'Impact_Hammer.png',
link_to = 'Impact Hammer',
label = 'Impact Hammer',
slot = {6, 2},
},
-- 15
{
id = 'magnetic_hammer',
icon = 'Magnetic_Hammer.png',
link_to = 'Magnetic Hammer',
label = 'Magnetic Hammer',
slot = {6, 3},
},
},
},
utilities = {
canvas_slots = {3, 5},
edges = {
{4, 1},
{4, 5},
{4, 9},
{5, 6},
{5, 10},
{6, 2},
{6, 7},
{6, 11},
{7, 3},
{7, 8},
{7, 12},
},
nodes = {
-- 1
{
id = 'the_auto_parker',
icon = 'PARKING-MANOUVER.png',
link_to = 'The Auto Parker',
label = 'The Auto Parker',
slot = {1, 2},
},
-- 2
{
id = 'the_lazarus_device',
icon = 'LIFESAVER.png',
link_to = 'The Lazarus Device',
label = 'The Lazarus Device',
slot = {1, 4},
},
-- 3
{
id = 'chrono_dilator',
icon = 'TIME-MANOUVER.png',
link_to = 'Chrono Dilator',
label = 'Chrono Dilator',
slot = {1, 5},
},
-- 4
{
id = 'limpulse_emitter',
icon = 'PHYS-WAVE-SHIELD.png',
link_to = 'Limpulse Emitter',
label = 'Limpulse Emitter',
slot = {2, 1},
},
-- 5
{
id = 'jump_jacks',
icon = 'JUMP-MANOUVER.png',
link_to = 'Jump Jacks',
label = 'Jump Jacks',
slot = {2, 2},
},
-- 6
{
id = 'ion_shield',
icon = 'ROOF-RAD-SHIELD.png',
link_to = 'Ion Shield',
label = 'Ion Shield',
slot = {2, 3},
},
-- 7
{
id = 'mobile_workbench',
icon = 'BENCH-T1.png',
link_to = 'Mobile Workbench',
label = 'Mobile Workbench',
slot = {2, 4},
},
-- 8
{
id = 'magnetic_bumper',
icon = 'MAGNET-BUMPER.png',
link_to = 'Magnetic Bumper',
label = 'Magnetic Bumper',
slot = {2, 5},
},
-- 9
{
id = 'resource_radar',
icon = 'RESOURCE-SCANNER.png',
link_to = 'Resource Radar',
label = 'Resource Radar',
slot = {3, 2},
},
-- 10
{
id = 'juke_jets',
icon = 'SIDE-THRUSTERS-MANOUVER.png',
link_to = 'Juke Jets',
label = 'Juke Jets',
slot = {3, 3},
},
-- 11
{
id = 'nitro_boost',
icon = 'BOOST-MANOUVER.png',
link_to = 'Nitro Boost',
label = 'Nitro Boost',
slot = {3, 4},
},
-- 12
{
id = 'anti_grav_emitter',
icon = 'GRAVITY-MANOUVER.png',
link_to = 'Anti-Grav Emitter',
label = 'Anti-Grav Emitter',
slot = {3, 5},
},
},
},
wheels = {
canvas_slots = {3, 5},
edges = {
{2, 3},
{3, 4},
{4, 1},
{4, 5},
{4, 7},
{5, 6},
},
nodes = {
-- 1
{
id = 'puncture_proof_tire',
icon = 'PUNCTURE-RESISTANT-TIRE.png',
link_to = 'Puncture-Proof Tire',
label = 'Puncture-Proof Tire',
slot = {1, 4},
},
-- 2
{
id = 'spare_tire',
icon = 'Spare_Tire_Icon.png',
link_to = 'Spare Tire',
label = 'Spare Tire',
slot = {2, 1},
},
-- 3
{
id = 'summer_tire',
icon = 'Summer_Tire_Icon.png',
link_to = 'Summer Tire',
label = 'Summer Tire',
slot = {2, 2},
},
-- 4
{
id = 'offroad_tire',
icon = 'OFFROAD-TIRE.png',
link_to = 'Offroad Tire',
label = 'Offroad Tire',
slot = {2, 3},
},
-- 5
{
id = 'all_terrain_tire',
icon = 'ADAPTIVE-TIRE.png',
link_to = 'All-Terrain Tire',
label = 'All-Terrain Tire',
slot = {2, 4},
},
-- 6
{
id = 'power_grip_tire',
icon = 'POWER-GRIP-TIRE.png',
link_to = 'Power Grip Tires',
label = 'Power Grip Tires',
slot = {2, 5},
},
-- 7
{
id = 'paddle_tire',
icon = 'WATER-TIRE.png',
link_to = 'Paddle Tire',
label = 'Paddle Tire',
slot = {3, 4},
},
},
},
}

function css_px( n )
return string.format('%spx', n)
end

-- returns inverted order because cols produce x, rows produce y
function get_canvas_size( tab )
return {
p.consts.canvas_padding * 2 + tab.canvas_slots[2] * p.consts.node_size[2] + (tab.canvas_slots[2] - 1) * p.consts.node_spacing[2],
p.consts.canvas_padding * 2 + tab.canvas_slots[1] * p.consts.node_size[1] + (tab.canvas_slots[1] - 1) * p.consts.node_spacing[1],
}
end

-- returns inverted order because cols produce x, rows produce y
function get_node_anchor_pos( node_slot )
return {
p.consts.canvas_padding + (node_slot[2] - 1) * (p.consts.node_size[2] + p.consts.node_spacing[2]),
p.consts.canvas_padding + (node_slot[1] - 1) * (p.consts.node_size[1] + p.consts.node_spacing[1]),
}
end

-- does not return inverted order because it's already been inverted by get_node_anchor_pos
function get_node_graph_anchor_pos( node_slot )
local anchor_pos = get_node_anchor_pos(node_slot)
local offset_x = p.consts.node_size[1] / 2
local offset_y = offset_x - p.consts.node_padding[1] - p.consts.icon_edge_thickness
return { anchor_pos[1] + offset_x, anchor_pos[2] + offset_y }
end

function render_node_label( html_ref, node )
return html_ref
:tag('div')
:addClass('fab-station-ui__label')
:css({
['font-size'] = css_px(p.consts.label_font_size),
width = css_px(p.consts.node_icon_container_size),
})
:wikitext(node.label)
:done()
end

function render_node_icon( html_ref, node )
return html_ref
:tag('div')
:addClass('fab-station-ui__icon')
:css({
width = css_px(p.consts.node_icon_container_size),
height = css_px(p.consts.node_icon_container_size),
padding = node.no_icon_padding and '0px' or css_px(p.consts.node_icon_padding),
})
:wikitext(string.format(p.consts.wikitext_template_link, node.link_to))
:newline()
:wikitext(string.format(p.consts.wikitext_template_icon, node.icon, p.consts.node_icon_size + (node.no_icon_padding and p.consts.node_icon_padding * 2 or 0)))
:done()
end

function render_node( html_ref, node )
local res = html_ref
local anchor_pos = get_node_anchor_pos(node.slot)
local padding = p.consts.node_padding
res = html_ref
:tag('div')
:addClass('fab-station-ui__graph-node')
:css({
padding = string.format('%spx %spx %spx %spx', padding[1], padding[2], padding[3], padding[4]),
width = css_px(p.consts.node_size[1]),
height = 'auto',
transform = string.format('translate(%spx, %spx)', anchor_pos[1], anchor_pos[2]),
})
res = render_node_icon(res, node)
res = render_node_label(res, node)
return res:done()
end

function render_edge( html_ref, node_slot_1, node_slot_2 )
local pos_1 = get_node_graph_anchor_pos(node_slot_1)
local pos_2 = get_node_graph_anchor_pos(node_slot_2)
local delta_x = pos_2[1] - pos_1[1]
local delta_y = pos_2[2] - pos_1[2]
local edge_len = (delta_x ^ 2 + delta_y ^ 2) ^ 0.5
local center_tgt = { pos_1[1] + delta_x / 2, pos_1[2] + delta_y / 2 }
local center_orig = { edge_len / 2, 0 }
local translate_by = { center_tgt[1] - center_orig[1], center_tgt[2] - center_orig[2] }
local rotate_by = math.atan(delta_y / delta_x)

return html_ref
:tag('div')
:addClass('fab-station-ui__graph-edge')
:css({
width = css_px(edge_len),
height = css_px(p.consts.icon_edge_thickness),
transform = string.format('translate(%spx, %spx) rotate(%srad)', translate_by[1], translate_by[2], rotate_by),
})
:done()
end

function p.main(frame)
local tab_name = frame.args.tab
local tab = p.tabs[tab_name]
local tab_canvas_size = get_canvas_size(tab)
local viewport_size = {
tab_canvas_size[1] + 10,
math.min(tab_canvas_size[2], 390) + 10
}

local html_ref = mw.html.create('div')
:addClass('fab-station-ui__viewport')
:css({
width = css_px(viewport_size[1]),
height = css_px(viewport_size[2]),
})
:tag('div')
:addClass('fab-station-ui__scroll-container')
:tag('div')
:addClass('fab-station-ui__scale-container')
:css({
width = css_px(tab_canvas_size[1]),
height = css_px(tab_canvas_size[2]),
})
:tag('div')
:addClass('fab-station-ui__canvas')
for k, v in pairs(tab.edges) do
html_ref = render_edge(html_ref, tab.nodes[v[1]].slot, tab.nodes[v[2]].slot)
end
for k, v in pairs(tab.nodes) do
html_ref = render_node(html_ref, v)
end
return tostring(html_ref:allDone())
end

return p

Module:FabricationStationUI

2024-10-25T18:04:32Z

Pygmyowl: v0.33 - layout prep for FabStationUIExtender

local p = {}

p.consts = {
canvas_padding = 20,
icon_edge_thickness = 6,
label_font_size = 14,
node_size = {-1, -1},
node_padding = {8, 16, 8, 16},
node_icon_size = 64,
node_icon_padding = 16,
node_icon_container_size = -1,
node_spacing = {-1, -1},
wikitext_template_icon = '[[File:%s|frameless|%spx|link=]]',
wikitext_template_link = '[[%s|<span class="fab-station-ui__link"/>]]',
tab_order = {
'garage',
'refine',
'survival_tools',
'lights',
'car_body',
'wheels',
'expansion_racks',
'car_storage',
'fuel',
'battery',
'utilities',
'engines',
},
}
p.consts.node_icon_container_size = p.consts.node_icon_size + p.consts.node_icon_padding * 2 + p.consts.icon_edge_thickness * 2
p.consts.node_size = {
p.consts.node_icon_container_size + p.consts.node_padding[2] + p.consts.node_padding[4],
p.consts.node_icon_container_size + p.consts.node_padding[1] + p.consts.node_padding[3] + 40
}
p.consts.node_spacing = {
p.consts.node_size[1] * 0.5,
p.consts.node_size[2] * 0.3,
}

-- slot notation is {row, col}
-- nodes are recorded left to right, top to bottom
-- edges are recorded by source node, left to right, top to bottom
p.tabs = {
battery = {
canvas_slots = {3, 6},
edges = {
{4, 1},
{4, 5},
{5, 2},
{5, 6},
{5, 10},
{6, 7},
{6, 11},
{7, 3},
{7, 8},
{8, 9},
{8, 12},
},
nodes = {
-- 1
{
id = 'plasma_charger',
icon = 'BATTERY-JUICER.png',
link_to = 'Plasma Charger',
label = 'Plasma Charger',
slot = {1, 2},
},
-- 2
{
id = 'hydro_generator',
icon = 'RAIN-GENERATOR.png',
link_to = 'Hydro Generator',
label = 'Hydro Generator',
slot = {1, 3},
},
-- 3
{
id = 'leak_resistant_battery',
icon = 'CC_SEALED-BATTERY.png',
link_to = 'Leak-Resistant Battery',
label = 'Leak-Resistant Battery',
slot = {1, 5},
},
-- 4
{
id = 'battery_jumper',
icon = 'BATTERY-JUMPER.png',
link_to = 'Battery Jumper',
label = 'Battery Jumper',
slot = {2, 1},
},
-- 5
{
id = 'lightning_rod',
icon = 'ELEC-GENERATOR.png',
link_to = 'Lightning Rod',
label = 'Lightning Rod',
slot = {2, 2},
},
-- 6
{
id = 'side_battery',
icon = 'SIDE-BATTERY.png',
link_to = 'Side Battery',
label = 'Side Battery',
slot = {2, 3},
},
-- 7
{
id = 'lead_acid_battery',
icon = 'BACKSEAT-BATTERY.png',
link_to = 'Lead-Acid Battery',
label = 'Lead-Acid Battery',
slot = {2, 4},
},
-- 8
{
id = 'high_capacity_battery',
icon = 'EXPANDED-BACKSEAT-BATTERY.png',
link_to = 'High-Capacity Battery',
label = 'High-Capacity Battery',
slot = {2, 5},
},
-- 9
{
id = 'xl_roof_battery',
icon = 'ROOF-BATTERY.png',
link_to = 'XL Roof Battery',
label = 'XL Roof Battery',
slot = {2, 6},
},
-- 10
{
id = 'mini_turbine',
icon = 'Mini_Turbine_Icon.png',
link_to = 'Mini Turbine',
label = 'Mini Turbine',
slot = {3, 3},
},
-- 11
{
id = 'solar_panel',
icon = 'SOLAR-GENERATOR.png',
link_to = 'Solar Panel',
label = 'Solar Panel',
slot = {3, 4},
},
-- 12
{
id = 'anchor_energy_converter',
icon = 'BATTERY-GOBBLER.png',
link_to = 'Anchor Energy Converter',
label = 'Anchor Energy Converter',
slot = {3, 6},
},
},
},
car_body = {
canvas_slots = {7, 4},
edges = {
{2, 3},
{5, 1},
{5, 2},
{7, 8},
{8, 4},
{8, 5},
{8, 6},
{11, 12},
{12, 9},
{12, 13},
{12, 17},
{13, 10},
{13, 14},
{15, 16},
{16, 18},
{16, 19},
{16, 20},
{19, 21},
{19, 22},
},
nodes = {
-- 1
{
id = 'anti_corrosive_bumper',
icon = 'ACID-BUMPER.png',
link_to = 'Anti-Corrosive Bumper',
label = 'Anti-Corrosive Bumper',
slot = {1, 1},
},
-- 2
{
id = 'olympium_bumper',
icon = 'ACID-BUMPER.png',
link_to = 'Olympium Bumper',
label = 'Olympium Bumper',
slot = {1, 2},
},
-- 3
{
id = 'powered_bumper',
icon = 'POWERED-BUMPER.png',
link_to = 'Powered Bumper',
label = 'Powered Bumper',
slot = {1, 3},
},
-- 4
{
id = 'lead_plated_bumper',
icon = 'RADS-BUMPER.png',
link_to = 'Lead-Plated Bumper',
label = 'Lead-Plated Bumper',
slot = {2, 1},
},
-- 5
{
id = 'armored_bumper',
icon = 'HEAL-BUMPER.png',
link_to = 'Armored Bumper',
label = 'Armored Bumper',
slot = {2, 2},
},
-- 6
{
id = 'insulated_bumper',
icon = 'ELE-BUMPER.png',
link_to = 'Insulated Bumper',
label = 'Insulated Bumper',
slot = {2, 3},
},
-- 7
{
id = 'crude_bumper',
icon = 'Crude_Bumper.png',
link_to = 'Crude Bumper',
label = 'Crude Bumper',
slot = {3, 1},
},
-- 8
{
id = 'steel_bumper',
icon = 'Steel_Bumper.png',
link_to = 'Steel Bumper',
label = 'Steel Bumper',
slot = {3, 2},
},
-- 9
{
id = 'lead_plated_panel',
icon = 'RADS-PANEL.png',
link_to = 'Lead-Plated Panel',
label = 'Lead-Plated Panel',
slot = {3, 3},
},
-- 10
{
id = 'anti_corrosive_panel',
icon = 'POISON-PANEL.png',
link_to = 'Anti-Corrosive Panel',
label = 'Anti-Corrosive Panel',
slot = {3, 4},
},
-- 11
{
id = 'crude_panel',
icon = 'Crude_Panel.png',
link_to = 'Crude Panel',
label = 'Crude Panel',
slot = {4, 1},
},
-- 12
{
id = 'steel_panel',
icon = 'Steel_Panel.png',
link_to = 'Steel Panel',
label = 'Steel Panel',
slot = {4, 2},
},
-- 13
{
id = 'armored_panel',
icon = 'HEAL-PANEL.png',
link_to = 'Armored Panel',
label = 'Armored Panel',
slot = {4, 3},
},
-- 14
{
id = 'olympium_panel',
icon = 'PHYS-PANEL.png',
link_to = 'Olympium Panel',
label = 'Olympium Panel',
slot = {4, 4},
},
-- 15
{
id = 'crude_door',
icon = 'Crude_Door.png',
link_to = 'Crude Door',
label = 'Crude Door',
slot = {5, 1},
},
-- 16
{
id = 'steel_door',
icon = 'Steel_Door.png',
link_to = 'Steel Door',
label = 'Steel Door',
slot = {5, 2},
},
-- 17
{
id = 'insulated_panel',
icon = 'ELEC-PANEL.png',
link_to = 'Insulated Panel',
label = 'Insulated Panel',
slot = {5, 3},
},
-- 18
{
id = 'insulated_door',
icon = 'CAGED-STEEL-DOOR.png',
link_to = 'Insulated Door',
label = 'Insulated Door',
slot = {6, 1},
},
-- 19
{
id = 'armored_door',
icon = 'PLATED-DOOR.png',
link_to = 'Armored Door',
label = 'Armored Door',
slot = {6, 2},
},
-- 20
{
id = 'lead_plated_door',
icon = 'LEAD-SHIELD-DOOR.png',
link_to = 'Lead-Plated Door',
label = 'Lead-Plated Door',
slot = {6, 3},
},
-- 21
{
id = 'olympium_door',
icon = 'REINFORCED-DOOR.png',
link_to = 'Olympium Door',
label = 'Olympium Door',
slot = {7, 2},
},
-- 22
{
id = 'anti_corrosive_door',
icon = 'STEEL-FIBRE-DOOR.png',
link_to = 'Anti-Corrosive Door',
label = 'Anti-Corrosive Door',
slot = {7, 3},
},
},
},
car_storage = {
canvas_slots = {2, 3},
edges = {
{2, 1},
{2, 3},
{3, 4},
},
nodes = {
-- 1
{
id = 'xl_roof_storage',
icon = 'ROOF-STORAGE.png',
link_to = 'XL Roof Storage',
label = 'XL Roof Storage',
slot = {1, 2},
},
-- 2
{
id = 'side_storage',
icon = 'SIDE-STORAGE.png',
link_to = 'Side Storage',
label = 'Side Storage',
slot = {2, 1},
},
-- 3
{
id = 'a_trunk_in_the_trunk',
icon = 'TRUNK-T2.png',
link_to = 'A Trunk In The Trunk',
label = 'A Trunk in the Trunk',
slot = {2, 2},
},
-- 4
{
id = 'augmented_trunk_storage',
icon = 'TRUNK-T3.png',
link_to = 'Augmented Trunk Storage',
label = 'Augmented Trunk Storage',
slot = {2, 3},
},
},
},
engines = {
canvas_slots = {2, 3},
edges = {
{2, 3},
{3, 1},
{3, 4},
},
nodes = {
-- 1
{
id = 'amp_engine',
icon = 'AMP-Icon.png',
link_to = 'AMP Engine',
label = 'AMP Engine',
slot = {1, 3},
},
-- 2
{
id = 'carbureted_engine',
icon = 'Carbureted_Icon.png',
link_to = 'Carbureted Engine',
label = 'Carbureted Engine',
slot = {2, 1},
},
-- 3
{
id = 'turbolight_engine',
icon = 'Turbolight_Icon.png',
link_to = 'Turbolight Engine',
label = 'Turbolight Engine',
slot = {2, 2},
},
-- 4
{
id = 'lim_chipped_engine',
icon = 'LIM-Chipped-Icon.png',
link_to = 'LIM-Chipped Engine',
label = 'LIM-Chipped Engine',
slot = {2, 3},
},
},
},
expansion_racks = {
canvas_slots = {3, 5},
edges = {
{1, 2},
{3, 4},
{4, 1},
{4, 5},
{5, 6},
{5, 7},
{7, 8},
},
nodes = {
-- 1
{
id = 'seat_rack_1',
icon = 'BACKSEAT-RACK.png',
link_to = 'Car#Seat_Racks',
label = 'Seat Rack',
slot = {1, 3},
},
-- 2
{
id = 'seat_rack_2',
icon = 'BACKSEAT-RACK.png',
link_to = 'Car#Seat_Racks',
label = 'Seat Rack',
slot = {1, 4},
},
-- 3
{
id = 'side_rack_1',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 1},
},
-- 4
{
id = 'side_rack_2',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 2},
},
-- 5
{
id = 'side_rack_3',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 3},
},
-- 6
{
id = 'side_rack_4',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 4},
},
-- 7
{
id = 'roof_rack_1',
icon = 'ROOF-RACK.png',
link_to = 'Car#Roof_Racks',
label = 'Roof Rack',
slot = {3, 4},
},
-- 8
{
id = 'roof_rack_2',
icon = 'ROOF-RACK.png',
link_to = 'Car#Roof_Racks',
label = 'Roof Rack',
slot = {3, 5},
},
},
},
fuel = {
canvas_slots = {3, 5},
edges = {
{2, 3},
{3, 4},
{3, 7},
{4, 1},
{4, 5},
{5, 6},
},
nodes = {
-- 1
{
id = 'leak_resistant_fuel_tank',
icon = 'LEAK-RESIST-FUEL.png',
link_to = 'Leak-Resistant Fuel Tank',
label = 'Leak-Resistant Fuel Tank',
slot = {1, 4},
},
-- 2
{
id = 'large_fuel_can',
icon = 'FUEL-CAN-5GAL.png',
link_to = 'Large Fuel Can',
label = 'Large Fuel Can',
slot = {2, 1},
},
-- 3
{
id = 'side_fuel_tank',
icon = 'SIDE-FUEL.png',
link_to = 'Side Fuel Tank',
label = 'Side Fuel Tank',
slot = {2, 2},
},
-- 4
{
id = 'backseat_tank',
icon = 'BACKSEAT-FUEL.png',
link_to = 'Backseat Tank',
label = 'Backseat Tank',
slot = {2, 3},
},
-- 5
{
id = 'backseat_tank',
icon = 'EXPANDED-BACKSEAT-FUEL.png',
link_to = 'Expanded Backseat Tank',
label = 'Expanded Backseat Tank',
slot = {2, 4},
},
-- 6
{
id = 'gas_reservoir',
icon = 'ROOF-FUEL.png',
link_to = 'Gas Reservoir',
label = 'Gas Reservoir',
slot = {2, 5},
},
-- 7
{
id = 'fuel_synthesizer',
icon = 'FUEL-GENERATOR.png',
link_to = 'Fuel Synthesizer',
label = 'Fuel Synthesizer',
slot = {3, 3},
},
},
},
garage = {
canvas_slots = {8, 6},
edges = {
{1, 2},
{2, 3},
{3, 4},
{4, 5},
{6, 1},
{7, 8},
{8, 9},
{9, 10},
{11, 6},
{11, 7},
{13, 14},
{15, 11},
{16, 12},
{16, 13},
{17, 18},
{19, 20},
{20, 15},
{20, 16},
{20, 21},
{20, 24},
{20, 25},
{21, 17},
{21, 22},
{22, 23},
{24, 28},
{25, 26},
{25, 30},
{26, 27},
{28, 29},
{29, 33},
{29, 34},
{30, 31},
{31, 32},
{34, 35},
},
nodes = {
-- 1
{
id = 'expanded_locker_4',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {1, 2},
},
-- 2
{
id = 'pneumatic_locker_1',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 3},
},
-- 3
{
id = 'pneumatic_locker_2',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 4},
},
-- 4
{
id = 'pneumatic_locker_3',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 5},
},
-- 5
{
id = 'pneumatic_locker_4',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 6},
},
-- 6
{
id = 'expanded_locker_3',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {2, 2},
},
-- 7
{
id = 'parts_locker_1',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 3},
},
-- 8
{
id = 'parts_locker_2',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 4},
},
-- 9
{
id = 'parts_locker_3',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 5},
},
-- 10
{
id = 'parts_locker_4',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 6},
},
-- 11
{
id = 'expanded_locker_2',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {3, 2},
},
-- 12
{
id = 'vargas_auto_pac_vac',
icon = 'Auto-Store-Vacuum-2.png',
link_to = 'Auto_Shop#Vargas_Auto-Vac',
label = 'Vargas Auto-Pac-Vac',
slot = {3, 3},
},
-- 13
{
id = 'rapid_refill_pump',
icon = 'Fast-Gas.png',
link_to = 'Fuel_Pump#Rapid_Refill_Pump',
label = 'Rapid Refill Pump',
slot = {3, 4},
},
-- 14
{
id = 'experimental_charging_station',
icon = 'Battery-Charger-2.png',
link_to = 'Fuel_Pump#Rapid_Refill_Pump',
label = 'Experimental Charging Station',
slot = {3, 5},
},
-- 15
{
id = 'expanded_locker_1',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {4, 2},
},
-- 16
{
id = 'outfitting_station',
icon = 'Player-Equip.png',
link_to = 'Auto_Shop#Outfitting_Station',
label = 'Outfitting Station',
slot = {4, 3},
},
-- 17
{
id = 'advanced_antenna',
icon = 'IMPROVED-SCANNING-2.png',
link_to = 'Junction',
label = 'Advanced Antenna',
slot = {4, 4},
},
-- 18
{
id = 'incident_board',
icon = 'Days-Board.png',
link_to = 'Auto_Shop#Incident_Board',
label = 'Incident Board',
slot = {4, 5},
},
-- 19
{
id = 'scanning_antenna',
icon = 'Zone-Scanner.png',
link_to = 'Junction',
label = 'Scanning Antenna',
slot = {5, 1},
},
-- 20
{
id = 'matter_deconstructor',
icon = 'Item-Breaker.png',
link_to = 'Auto_Shop#Matter_Deconstructor',
label = 'Matter Deconstructor',
slot = {5, 2},
},
-- 21
{
id = 'improved_antenna',
icon = 'IMPROVED-SCANNING.png',
link_to = 'Junction',
label = 'Improved Antenna',
slot = {5, 3},
},
-- 22
{
id = 'junction_restabilizer',
icon = 'Highway-Bypass.png',
link_to = 'Junction',
label = 'Junction Re-Stabilizer',
slot = {5, 4},
},
-- 23
{
id = 'junction_bypass',
icon = 'ZONE-RE-ROLLER.png',
link_to = 'Junction',
label = 'Junction Bypass',
slot = {5, 5},
},
-- 24
{
id = 'detailing_station',
icon = 'Detailing-Station.png',
link_to = 'Auto_Shop#Detailing_Station',
label = 'Detailing Station',
slot = {6, 2},
},
-- 25
{
id = 'matter_regenerator',
icon = 'Part-Incubator.png',
link_to = 'Auto_Shop#Matter_Regenerator',
label = 'Matter Regenerator',
slot = {6, 3},
},
-- 26
{
id = 'investigator_module',
icon = 'Tinker-Station-02.png',
link_to = 'Auto_Shop#Tinker_Station',
label = 'Investigator Module',
slot = {6, 4},
},
-- 27
{
id = 'analysis_module',
icon = 'Tinker-Station-03.png',
link_to = 'Auto_Shop#Tinker_Station',
label = 'Analysis Module',
slot = {6, 5},
},
-- 28
{
id = 'fax_machine',
icon = 'Fax-Machine.png',
link_to = 'Auto_Shop#F.A.X._Machine',
label = 'F.A.X. Machine',
slot = {7, 2},
},
-- 29
{
id = 'athletic_stimulation_station',
icon = 'Basketball-Icon.png',
link_to = 'Auto_Shop#Athletic_Stimulation_Station/Hoop',
label = 'Athletic Stimulation Station',
slot = {7, 3},
},
-- 30
{
id = 'advanced_workbench',
icon = 'Craft-Bench-2.png',
link_to = 'Auto_Shop#Workbench',
label = 'Advanced Workbench',
slot = {7, 4},
},
-- 31
{
id = 'expanded_matter_regenerator',
icon = 'PART-INCUBATOR-2.png',
link_to = 'Auto_Shop#Matter_Regenerator',
label = 'Expanded Matter Regenerator',
slot = {7, 5},
},
-- 32
{
id = 'repair_station',
icon = 'Repair-Stop-Fab.png',
link_to = 'Auto_Shop#Repair_Station',
label = 'Repair Station',
slot = {7, 6},
},
-- 33
{
id = 'smart_matter_deconstructor',
icon = 'Item-Breaker-2.png',
link_to = 'Auto_Shop#Matter_Deconstructor',
label = 'Smart Matter Deconstructor',
slot = {8, 3},
},
-- 34
{
id = 'deco_vend',
icon = 'Cosmetic-Printer.png',
link_to = 'Auto_Shop#Deco-Vend',
label = 'Deco-Vend',
slot = {8, 4},
},
-- 35
{
id = 'fish_tank',
icon = 'Fish-Tank.png',
link_to = 'Auto_Shop#Fish_Tank',
label = 'Fish Tank',
slot = {8, 5},
},
},
},
lights = {
canvas_slots = {6, 4},
edges = {
{3, 1},
{3, 4},
{5, 2},
{5, 6},
{6, 3},
{8, 9},
{9, 7},
{9, 10},
{9, 13},
{11, 12},
{12, 14},
},
nodes = {
-- 1
{
id = 'biolantern',
icon = 'Biolantern.png',
no_icon_padding = true,
link_to = 'Biolantern',
label = 'Biolantern',
slot = {1, 3},
},
-- 2
{
id = 'crude_flashlight',
icon = 'Crude_Flashlight.png',
no_icon_padding = true,
link_to = 'Crude Flashlight',
label = 'Crude Flashlight',
slot = {2, 2},
},
-- 3
{
id = 'bioflare',
icon = 'Bioflare.png',
no_icon_padding = true,
link_to = 'Bioflare',
label = 'Bioflare',
slot = {2, 3},
},
-- 4
{
id = 'bioflare',
icon = 'Bioflare-Gun.png',
no_icon_padding = true,
link_to = 'Bioflare Gun',
label = 'Bioflare Gun',
slot = {2, 4},
},
-- 5
{
id = 'relightable_flare',
icon = 'Relightable_Flare.png',
no_icon_padding = true,
link_to = 'Relightable Flare',
label = 'Relightable Flare',
slot = {3, 1},
},
-- 6
{
id = 'flare_gun',
icon = 'Flare_Gun.png',
no_icon_padding = true,
link_to = 'Flare Gun',
label = 'Flare Gun',
slot = {3, 2},
},
-- 7
{
id = 'insulated_headlight',
icon = 'Insulated_Headlight_Icon.png',
link_to = 'Insulated Headlight',
label = 'Insulated Headlight',
slot = {3, 3},
},
-- 8
{
id = 'crude_headlight',
icon = 'Crude_Headlight_Icon.png',
link_to = 'Crude Headlight',
label = 'Crude Headlight',
slot = {4, 1},
},
-- 9
{
id = 'headlight',
icon = 'Headlight_Icon.png',
link_to = 'Headlight',
label = 'Headlight',
slot = {4, 2},
},
-- 10
{
id = 'reinforced_headlight',
icon = 'PHYS-LIGHT.png',
link_to = 'Reinforced Headlight',
label = 'Reinforced Headlight',
slot = {4, 3},
},
-- 11
{
id = 'side_floodlights',
icon = 'SIDE-LIGHT.png',
link_to = 'Side Floodlights',
label = 'Side Floodlights',
slot = {5, 1},
},
-- 12
{
id = 'roof_floodlights',
icon = 'ROOF-ARRAY.png',
link_to = 'Roof Floodlights',
label = 'Roof Floodlights',
slot = {5, 2},
},
-- 13
{
id = 'bio_headlight',
icon = 'BIO-LIGHT.png',
link_to = 'Bio Headlight',
label = 'Bio Headlight',
slot = {5, 3},
},
-- 14
{
id = 'auto_tracking_spotlight',
icon = 'ROOF-LIGHT.png',
link_to = 'Auto Tracking Spotlight',
label = 'Auto Tracking Spotlight',
slot = {6, 3},
},
},
},
refine = {
canvas_slots = {1, 6},
edges = {
{1, 2},
{2, 3},
{3, 4},
{4, 5},
{5, 6},
},
nodes = {
-- 1
{
id = 'gear',
icon = 'GEAR.png',
link_to = 'Gear',
label = 'Gear',
slot = {1, 1},
},
-- 2
{
id = 'bulb',
icon = 'BULB.png',
link_to = 'Bulb',
label = 'Bulb',
slot = {1, 2},
},
-- 3
{
id = 'steel_sheet',
icon = 'STEEL-SHEET_Inverted.png',
link_to = 'Steel Sheet',
label = 'Steel Sheet',
slot = {1, 3},
},
-- 4
{
id = 'circuit_board',
icon = 'BREADBOARD.png',
link_to = 'Circuit Board',
label = 'Circuit Board',
slot = {1, 4},
},
-- 5
{
id = 'carbonfiberglass',
icon = 'CARBON-FIBREGLASS.png',
link_to = 'Carbonfiberglass',
label = 'Carbonfiberglass',
slot = {1, 5},
},
-- 6
{
id = 'lim_chip',
icon = 'LIM-CHIP.png',
link_to = 'LIM Chip',
label = 'LIM Chip',
slot = {1, 6},
},
},
},
survival_tools = {
canvas_slots = {6, 3},
edges = {
{2, 1},
{4, 2},
{4, 5},
{5, 3},
{7, 8},
{7, 11},
{8, 6},
{8, 9},
{10, 13},
{10, 14},
{11, 12},
{14, 15},
},
nodes = {
-- 1
{
id = 'olympium_torch',
icon = 'PLASMA-TORCH.png',
link_to = 'Olympium Torch',
label = 'Olympium Torch',
slot = {1, 3},
},
-- 2
{
id = 'blowtorch',
icon = 'TORCH.png',
link_to = 'Blowtorch',
label = 'Blowtorch',
slot = {2, 2},
},
-- 3
{
id = 'electricians_kit',
icon = 'Electricians_Kit.png',
link_to = 'Electrician\'s Kit',
label = 'Electrician\'s Kit',
slot = {2, 3},
},
-- 4
{
id = 'repair_putty',
icon = 'REPAIR-PUTTY.png',
link_to = 'Repair Putty',
label = 'Repair Putty',
slot = {3, 1},
},
-- 5
{
id = 'light_replacement_kit',
icon = 'Light_Replacement_Kit.png',
link_to = 'Light Replacement Kit',
label = 'Light Replacement Kit',
slot = {3, 2},
},
-- 6
{
id = 'thermal_vacuum',
icon = 'Thermal_Vacuum.png',
link_to = 'Thermal Vacuum',
label = 'Thermal Vacuum',
slot = {3, 3},
},
-- 7
{
id = 'scrapper',
icon = 'Scrapper.png',
link_to = 'Scrapper',
label = 'Scrapper',
slot = {4, 1},
},
-- 8
{
id = 'hand_vac',
icon = 'Hand-Vac.png',
link_to = 'Hand-Vac',
label = 'Hand-Vac',
slot = {4, 2},
},
-- 9
{
id = 'plasma_scrapper',
icon = 'Plasma_Scrapper.png',
link_to = 'Plasma Scrapper',
label = 'Plasma Scrapper',
slot = {4, 3},
},
-- 10
{
id = 'prybar',
icon = 'Prybar.png',
link_to = 'Prybar',
label = 'Prybar',
slot = {5, 1},
},
-- 11
{
id = 'liberator',
icon = 'Liberator.png',
link_to = 'Liberator',
label = 'Liberator',
slot = {5, 2},
},
-- 12
{
id = 'liberator_mk2',
icon = 'LIBERATOR-2.png',
link_to = 'Liberator Mk. 2',
label = 'Liberator Mk. 2',
slot = {5, 3},
},
-- 13
{
id = 'anchor_radar',
icon = 'Anchor_Radar.png',
link_to = 'Anchor Radar',
label = 'Anchor Radar',
slot = {6, 1},
},
-- 14
{
id = 'impact_hammer',
icon = 'Impact_Hammer.png',
link_to = 'Impact Hammer',
label = 'Impact Hammer',
slot = {6, 2},
},
-- 15
{
id = 'magnetic_hammer',
icon = 'Magnetic_Hammer.png',
link_to = 'Magnetic Hammer',
label = 'Magnetic Hammer',
slot = {6, 3},
},
},
},
utilities = {
canvas_slots = {3, 5},
edges = {
{4, 1},
{4, 5},
{4, 9},
{5, 6},
{5, 10},
{6, 2},
{6, 7},
{6, 11},
{7, 3},
{7, 8},
{7, 12},
},
nodes = {
-- 1
{
id = 'the_auto_parker',
icon = 'PARKING-MANOUVER.png',
link_to = 'The Auto Parker',
label = 'The Auto Parker',
slot = {1, 2},
},
-- 2
{
id = 'the_lazarus_device',
icon = 'LIFESAVER.png',
link_to = 'The Lazarus Device',
label = 'The Lazarus Device',
slot = {1, 4},
},
-- 3
{
id = 'chrono_dilator',
icon = 'TIME-MANOUVER.png',
link_to = 'Chrono Dilator',
label = 'Chrono Dilator',
slot = {1, 5},
},
-- 4
{
id = 'limpulse_emitter',
icon = 'PHYS-WAVE-SHIELD.png',
link_to = 'Limpulse Emitter',
label = 'Limpulse Emitter',
slot = {2, 1},
},
-- 5
{
id = 'jump_jacks',
icon = 'JUMP-MANOUVER.png',
link_to = 'Jump Jacks',
label = 'Jump Jacks',
slot = {2, 2},
},
-- 6
{
id = 'ion_shield',
icon = 'ROOF-RAD-SHIELD.png',
link_to = 'Ion Shield',
label = 'Ion Shield',
slot = {2, 3},
},
-- 7
{
id = 'mobile_workbench',
icon = 'BENCH-T1.png',
link_to = 'Mobile Workbench',
label = 'Mobile Workbench',
slot = {2, 4},
},
-- 8
{
id = 'magnetic_bumper',
icon = 'MAGNET-BUMPER.png',
link_to = 'Magnetic Bumper',
label = 'Magnetic Bumper',
slot = {2, 5},
},
-- 9
{
id = 'resource_radar',
icon = 'RESOURCE-SCANNER.png',
link_to = 'Resource Radar',
label = 'Resource Radar',
slot = {3, 2},
},
-- 10
{
id = 'juke_jets',
icon = 'SIDE-THRUSTERS-MANOUVER.png',
link_to = 'Juke Jets',
label = 'Juke Jets',
slot = {3, 3},
},
-- 11
{
id = 'nitro_boost',
icon = 'BOOST-MANOUVER.png',
link_to = 'Nitro Boost',
label = 'Nitro Boost',
slot = {3, 4},
},
-- 12
{
id = 'anti_grav_emitter',
icon = 'GRAVITY-MANOUVER.png',
link_to = 'Anti-Grav Emitter',
label = 'Anti-Grav Emitter',
slot = {3, 5},
},
},
},
wheels = {
canvas_slots = {3, 5},
edges = {
{2, 3},
{3, 4},
{4, 1},
{4, 5},
{4, 7},
{5, 6},
},
nodes = {
-- 1
{
id = 'puncture_proof_tire',
icon = 'PUNCTURE-RESISTANT-TIRE.png',
link_to = 'Puncture-Proof Tire',
label = 'Puncture-Proof Tire',
slot = {1, 4},
},
-- 2
{
id = 'spare_tire',
icon = 'Spare_Tire_Icon.png',
link_to = 'Spare Tire',
label = 'Spare Tire',
slot = {2, 1},
},
-- 3
{
id = 'summer_tire',
icon = 'Summer_Tire_Icon.png',
link_to = 'Summer Tire',
label = 'Summer Tire',
slot = {2, 2},
},
-- 4
{
id = 'offroad_tire',
icon = 'OFFROAD-TIRE.png',
link_to = 'Offroad Tire',
label = 'Offroad Tire',
slot = {2, 3},
},
-- 5
{
id = 'all_terrain_tire',
icon = 'ADAPTIVE-TIRE.png',
link_to = 'All-Terrain Tire',
label = 'All-Terrain Tire',
slot = {2, 4},
},
-- 6
{
id = 'power_grip_tire',
icon = 'POWER-GRIP-TIRE.png',
link_to = 'Power Grip Tires',
label = 'Power Grip Tires',
slot = {2, 5},
},
-- 7
{
id = 'paddle_tire',
icon = 'WATER-TIRE.png',
link_to = 'Paddle Tire',
label = 'Paddle Tire',
slot = {3, 4},
},
},
},
}

function css_px( n )
return string.format('%spx', n)
end

-- returns inverted order because cols produce x, rows produce y
function get_canvas_size( tab )
return {
p.consts.canvas_padding * 2 + tab.canvas_slots[2] * p.consts.node_size[2] + (tab.canvas_slots[2] - 1) * p.consts.node_spacing[2],
p.consts.canvas_padding * 2 + tab.canvas_slots[1] * p.consts.node_size[1] + (tab.canvas_slots[1] - 1) * p.consts.node_spacing[1],
}
end

-- returns inverted order because cols produce x, rows produce y
function get_node_anchor_pos( node_slot )
return {
p.consts.canvas_padding + (node_slot[2] - 1) * (p.consts.node_size[2] + p.consts.node_spacing[2]),
p.consts.canvas_padding + (node_slot[1] - 1) * (p.consts.node_size[1] + p.consts.node_spacing[1]),
}
end

-- does not return inverted order because it's already been inverted by get_node_anchor_pos
function get_node_graph_anchor_pos( node_slot )
local anchor_pos = get_node_anchor_pos(node_slot)
local offset_x = p.consts.node_size[1] / 2
local offset_y = offset_x - p.consts.node_padding[1] - p.consts.icon_edge_thickness
return { anchor_pos[1] + offset_x, anchor_pos[2] + offset_y }
end

function render_node_label( html_ref, node )
return html_ref
:tag('div')
:addClass('fab-station-ui__label')
:css({
['font-size'] = css_px(p.consts.label_font_size),
width = css_px(p.consts.node_icon_container_size),
})
:wikitext(node.label)
:done()
end

function render_node_icon( html_ref, node )
return html_ref
:tag('div')
:addClass('fab-station-ui__icon')
:css({
width = css_px(p.consts.node_icon_container_size),
height = css_px(p.consts.node_icon_container_size),
padding = node.no_icon_padding and '0px' or css_px(p.consts.node_icon_padding),
})
:wikitext(string.format(p.consts.wikitext_template_link, node.link_to))
:newline()
:wikitext(string.format(p.consts.wikitext_template_icon, node.icon, p.consts.node_icon_size + (node.no_icon_padding and p.consts.node_icon_padding * 2 or 0)))
:done()
end

function render_node( html_ref, node )
local res = html_ref
local anchor_pos = get_node_anchor_pos(node.slot)
local padding = p.consts.node_padding
res = html_ref
:tag('div')
:addClass('fab-station-ui__graph-node')
:css({
padding = string.format('%spx %spx %spx %spx', padding[1], padding[2], padding[3], padding[4]),
width = css_px(p.consts.node_size[1]),
height = css_px(p.consts.node_size[2]),
transform = string.format('translate(%spx, %spx)', anchor_pos[1], anchor_pos[2]),
})
res = render_node_icon(res, node)
res = render_node_label(res, node)
return res:done()
end

function render_edge( html_ref, node_slot_1, node_slot_2 )
local pos_1 = get_node_graph_anchor_pos(node_slot_1)
local pos_2 = get_node_graph_anchor_pos(node_slot_2)
local delta_x = pos_2[1] - pos_1[1]
local delta_y = pos_2[2] - pos_1[2]
local edge_len = (delta_x ^ 2 + delta_y ^ 2) ^ 0.5
local center_tgt = { pos_1[1] + delta_x / 2, pos_1[2] + delta_y / 2 }
local center_orig = { edge_len / 2, 0 }
local translate_by = { center_tgt[1] - center_orig[1], center_tgt[2] - center_orig[2] }
local rotate_by = math.atan(delta_y / delta_x)

return html_ref
:tag('div')
:addClass('fab-station-ui__graph-edge')
:css({
width = css_px(edge_len),
height = css_px(p.consts.icon_edge_thickness),
transform = string.format('translate(%spx, %spx) rotate(%srad)', translate_by[1], translate_by[2], rotate_by),
})
:done()
end

function p.main(frame)
local tab_name = frame.args.tab
local tab = p.tabs[tab_name]
local tab_canvas_size = get_canvas_size(tab)
local viewport_size = {
tab_canvas_size[1] + 10,
math.min(tab_canvas_size[2], 390) + 10
}

local html_ref = mw.html.create('div')
:addClass('fab-station-ui__viewport')
:css({
width = css_px(viewport_size[1]),
height = css_px(viewport_size[2]),
})
:tag('div')
:addClass('fab-station-ui__scroll-container')
:tag('div')
:addClass('fab-station-ui__scale-container')
:css({
width = css_px(tab_canvas_size[1]),
height = css_px(tab_canvas_size[2]),
})
:tag('div')
:addClass('fab-station-ui__canvas')
for k, v in pairs(tab.edges) do
html_ref = render_edge(html_ref, tab.nodes[v[1]].slot, tab.nodes[v[2]].slot)
end
for k, v in pairs(tab.nodes) do
html_ref = render_node(html_ref, v)
end
return tostring(html_ref:allDone())
end

return p

Template:FabricationStationUI/styles.css

2024-10-25T18:04:29Z

Pygmyowl: v0.33 - prep for FabStationUIExtender

/* 'unset' values are to be overridden by dynamic styling */

.fab-station-ui__viewport {
overflow: hidden;
max-width: 100%;
position: relative;
width: unset;
height: unset;
--fab-station-ui__bg-color: #191714;
--fab-station-ui__bg-color-hover: #393734;
--fab-station-ui__fg-color: white;
}

.fab-station-ui__scroll-container {
height: 100%;
width: 100%;
overflow: auto;
}

.fab-station-ui__scale-container {
background-color: var(--fab-station-ui__bg-color);
width: unset;
height: unset;
}

.fab-station-ui__canvas {
position: relative;
transform: unset;
}

.fab-station-ui__graph-node {
position: absolute;
background-color: var(--fab-station-ui__bg-color);
padding: unset;
width: unset;
height: unset;
transform: unset;
}

.fab-station-ui__icon {
position: relative;
border: 6px double var(--fab-station-ui__fg-color);
width: unset;
height: unset;
padding: unset;
}

.fab-station-ui__label {
font-size: unset;
width: unset;
font-family: var(--font-family-monospace);
color: var(--fab-station-ui__fg-color);
line-height: 1em;
text-align: end;
}

.fab-station-ui__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

a.new .fab-station-ui__link {
background-color: rgba(255, 0, 0, 0.15);
}

.fab-station-ui__link:hover,
a.new .fab-station-ui__link:hover {
background-color: rgba(255, 255, 255, 0.2);
}

.fab-station-ui__graph-edge {
position: absolute;
background-color: var(--fab-station-ui__fg-color);
width: unset;
height: unset;
transform: unset;
}

.fab-station-ui__hud-zoom {
position: absolute;
right: 20px;
bottom: 20px;
width: 100px;
height: 42px;
border: 3px solid white;
background-color: var(--fab-station-ui__bg-color);
color: white;
font-family: var(--font-family-monospace);
font-size: 22px;
font-weight: 700;
text-align: center;
cursor: pointer;
}

.fab-station-ui__hud-zoom:hover {
background-color: var(--fab-station-ui__bg-color-hover);
}

Module:FabricationStationUI

2024-10-24T19:42:41Z

Pygmyowl: static styles migrated to template css

local p = {}

p.consts = {
canvas_padding = 20,
icon_edge_thickness = 6,
label_font_size = 14,
node_size = {-1, -1},
node_padding = {8, 16, 8, 16},
node_icon_size = 64,
node_icon_padding = 16,
node_icon_container_size = -1,
node_spacing = {-1, -1},
wikitext_template_icon = '[[File:%s|frameless|%spx|link=]]',
wikitext_template_link = '[[%s|<span class="fab-station-ui__link"/>]]',
tab_order = {
'garage',
'refine',
'survival_tools',
'lights',
'car_body',
'wheels',
'expansion_racks',
'car_storage',
'fuel',
'battery',
'utilities',
'engines',
},
}
p.consts.node_icon_container_size = p.consts.node_icon_size + p.consts.node_icon_padding * 2 + p.consts.icon_edge_thickness * 2
p.consts.node_size = {
p.consts.node_icon_container_size + p.consts.node_padding[2] + p.consts.node_padding[4],
p.consts.node_icon_container_size + p.consts.node_padding[1] + p.consts.node_padding[3] + 40
}
p.consts.node_spacing = {
p.consts.node_size[1] * 0.5,
p.consts.node_size[2] * 0.3,
}

-- slot notation is {row, col}
-- nodes are recorded left to right, top to bottom
-- edges are recorded by source node, left to right, top to bottom
p.tabs = {
battery = {
canvas_slots = {3, 6},
edges = {
{4, 1},
{4, 5},
{5, 2},
{5, 6},
{5, 10},
{6, 7},
{6, 11},
{7, 3},
{7, 8},
{8, 9},
{8, 12},
},
nodes = {
-- 1
{
id = 'plasma_charger',
icon = 'BATTERY-JUICER.png',
link_to = 'Plasma Charger',
label = 'Plasma Charger',
slot = {1, 2},
},
-- 2
{
id = 'hydro_generator',
icon = 'RAIN-GENERATOR.png',
link_to = 'Hydro Generator',
label = 'Hydro Generator',
slot = {1, 3},
},
-- 3
{
id = 'leak_resistant_battery',
icon = 'CC_SEALED-BATTERY.png',
link_to = 'Leak-Resistant Battery',
label = 'Leak-Resistant Battery',
slot = {1, 5},
},
-- 4
{
id = 'battery_jumper',
icon = 'BATTERY-JUMPER.png',
link_to = 'Battery Jumper',
label = 'Battery Jumper',
slot = {2, 1},
},
-- 5
{
id = 'lightning_rod',
icon = 'ELEC-GENERATOR.png',
link_to = 'Lightning Rod',
label = 'Lightning Rod',
slot = {2, 2},
},
-- 6
{
id = 'side_battery',
icon = 'SIDE-BATTERY.png',
link_to = 'Side Battery',
label = 'Side Battery',
slot = {2, 3},
},
-- 7
{
id = 'lead_acid_battery',
icon = 'BACKSEAT-BATTERY.png',
link_to = 'Lead-Acid Battery',
label = 'Lead-Acid Battery',
slot = {2, 4},
},
-- 8
{
id = 'high_capacity_battery',
icon = 'EXPANDED-BACKSEAT-BATTERY.png',
link_to = 'High-Capacity Battery',
label = 'High-Capacity Battery',
slot = {2, 5},
},
-- 9
{
id = 'xl_roof_battery',
icon = 'ROOF-BATTERY.png',
link_to = 'XL Roof Battery',
label = 'XL Roof Battery',
slot = {2, 6},
},
-- 10
{
id = 'mini_turbine',
icon = 'Mini_Turbine_Icon.png',
link_to = 'Mini Turbine',
label = 'Mini Turbine',
slot = {3, 3},
},
-- 11
{
id = 'solar_panel',
icon = 'SOLAR-GENERATOR.png',
link_to = 'Solar Panel',
label = 'Solar Panel',
slot = {3, 4},
},
-- 12
{
id = 'anchor_energy_converter',
icon = 'BATTERY-GOBBLER.png',
link_to = 'Anchor Energy Converter',
label = 'Anchor Energy Converter',
slot = {3, 6},
},
},
},
car_body = {
canvas_slots = {7, 4},
edges = {
{2, 3},
{5, 1},
{5, 2},
{7, 8},
{8, 4},
{8, 5},
{8, 6},
{11, 12},
{12, 9},
{12, 13},
{12, 17},
{13, 10},
{13, 14},
{15, 16},
{16, 18},
{16, 19},
{16, 20},
{19, 21},
{19, 22},
},
nodes = {
-- 1
{
id = 'anti_corrosive_bumper',
icon = 'ACID-BUMPER.png',
link_to = 'Anti-Corrosive Bumper',
label = 'Anti-Corrosive Bumper',
slot = {1, 1},
},
-- 2
{
id = 'olympium_bumper',
icon = 'ACID-BUMPER.png',
link_to = 'Olympium Bumper',
label = 'Olympium Bumper',
slot = {1, 2},
},
-- 3
{
id = 'powered_bumper',
icon = 'POWERED-BUMPER.png',
link_to = 'Powered Bumper',
label = 'Powered Bumper',
slot = {1, 3},
},
-- 4
{
id = 'lead_plated_bumper',
icon = 'RADS-BUMPER.png',
link_to = 'Lead-Plated Bumper',
label = 'Lead-Plated Bumper',
slot = {2, 1},
},
-- 5
{
id = 'armored_bumper',
icon = 'HEAL-BUMPER.png',
link_to = 'Armored Bumper',
label = 'Armored Bumper',
slot = {2, 2},
},
-- 6
{
id = 'insulated_bumper',
icon = 'ELE-BUMPER.png',
link_to = 'Insulated Bumper',
label = 'Insulated Bumper',
slot = {2, 3},
},
-- 7
{
id = 'crude_bumper',
icon = 'Crude_Bumper.png',
link_to = 'Crude Bumper',
label = 'Crude Bumper',
slot = {3, 1},
},
-- 8
{
id = 'steel_bumper',
icon = 'Steel_Bumper.png',
link_to = 'Steel Bumper',
label = 'Steel Bumper',
slot = {3, 2},
},
-- 9
{
id = 'lead_plated_panel',
icon = 'RADS-PANEL.png',
link_to = 'Lead-Plated Panel',
label = 'Lead-Plated Panel',
slot = {3, 3},
},
-- 10
{
id = 'anti_corrosive_panel',
icon = 'POISON-PANEL.png',
link_to = 'Anti-Corrosive Panel',
label = 'Anti-Corrosive Panel',
slot = {3, 4},
},
-- 11
{
id = 'crude_panel',
icon = 'Crude_Panel.png',
link_to = 'Crude Panel',
label = 'Crude Panel',
slot = {4, 1},
},
-- 12
{
id = 'steel_panel',
icon = 'Steel_Panel.png',
link_to = 'Steel Panel',
label = 'Steel Panel',
slot = {4, 2},
},
-- 13
{
id = 'armored_panel',
icon = 'HEAL-PANEL.png',
link_to = 'Armored Panel',
label = 'Armored Panel',
slot = {4, 3},
},
-- 14
{
id = 'olympium_panel',
icon = 'PHYS-PANEL.png',
link_to = 'Olympium Panel',
label = 'Olympium Panel',
slot = {4, 4},
},
-- 15
{
id = 'crude_door',
icon = 'Crude_Door.png',
link_to = 'Crude Door',
label = 'Crude Door',
slot = {5, 1},
},
-- 16
{
id = 'steel_door',
icon = 'Steel_Door.png',
link_to = 'Steel Door',
label = 'Steel Door',
slot = {5, 2},
},
-- 17
{
id = 'insulated_panel',
icon = 'ELEC-PANEL.png',
link_to = 'Insulated Panel',
label = 'Insulated Panel',
slot = {5, 3},
},
-- 18
{
id = 'insulated_door',
icon = 'CAGED-STEEL-DOOR.png',
link_to = 'Insulated Door',
label = 'Insulated Door',
slot = {6, 1},
},
-- 19
{
id = 'armored_door',
icon = 'PLATED-DOOR.png',
link_to = 'Armored Door',
label = 'Armored Door',
slot = {6, 2},
},
-- 20
{
id = 'lead_plated_door',
icon = 'LEAD-SHIELD-DOOR.png',
link_to = 'Lead-Plated Door',
label = 'Lead-Plated Door',
slot = {6, 3},
},
-- 21
{
id = 'olympium_door',
icon = 'REINFORCED-DOOR.png',
link_to = 'Olympium Door',
label = 'Olympium Door',
slot = {7, 2},
},
-- 22
{
id = 'anti_corrosive_door',
icon = 'STEEL-FIBRE-DOOR.png',
link_to = 'Anti-Corrosive Door',
label = 'Anti-Corrosive Door',
slot = {7, 3},
},
},
},
car_storage = {
canvas_slots = {2, 3},
edges = {
{2, 1},
{2, 3},
{3, 4},
},
nodes = {
-- 1
{
id = 'xl_roof_storage',
icon = 'ROOF-STORAGE.png',
link_to = 'XL Roof Storage',
label = 'XL Roof Storage',
slot = {1, 2},
},
-- 2
{
id = 'side_storage',
icon = 'SIDE-STORAGE.png',
link_to = 'Side Storage',
label = 'Side Storage',
slot = {2, 1},
},
-- 3
{
id = 'a_trunk_in_the_trunk',
icon = 'TRUNK-T2.png',
link_to = 'A Trunk In The Trunk',
label = 'A Trunk in the Trunk',
slot = {2, 2},
},
-- 4
{
id = 'augmented_trunk_storage',
icon = 'TRUNK-T3.png',
link_to = 'Augmented Trunk Storage',
label = 'Augmented Trunk Storage',
slot = {2, 3},
},
},
},
engines = {
canvas_slots = {2, 3},
edges = {
{2, 3},
{3, 1},
{3, 4},
},
nodes = {
-- 1
{
id = 'amp_engine',
icon = 'AMP-Icon.png',
link_to = 'AMP Engine',
label = 'AMP Engine',
slot = {1, 3},
},
-- 2
{
id = 'carbureted_engine',
icon = 'Carbureted_Icon.png',
link_to = 'Carbureted Engine',
label = 'Carbureted Engine',
slot = {2, 1},
},
-- 3
{
id = 'turbolight_engine',
icon = 'Turbolight_Icon.png',
link_to = 'Turbolight Engine',
label = 'Turbolight Engine',
slot = {2, 2},
},
-- 4
{
id = 'lim_chipped_engine',
icon = 'LIM-Chipped-Icon.png',
link_to = 'LIM-Chipped Engine',
label = 'LIM-Chipped Engine',
slot = {2, 3},
},
},
},
expansion_racks = {
canvas_slots = {3, 5},
edges = {
{1, 2},
{3, 4},
{4, 1},
{4, 5},
{5, 6},
{5, 7},
{7, 8},
},
nodes = {
-- 1
{
id = 'seat_rack_1',
icon = 'BACKSEAT-RACK.png',
link_to = 'Car#Seat_Racks',
label = 'Seat Rack',
slot = {1, 3},
},
-- 2
{
id = 'seat_rack_2',
icon = 'BACKSEAT-RACK.png',
link_to = 'Car#Seat_Racks',
label = 'Seat Rack',
slot = {1, 4},
},
-- 3
{
id = 'side_rack_1',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 1},
},
-- 4
{
id = 'side_rack_2',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 2},
},
-- 5
{
id = 'side_rack_3',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 3},
},
-- 6
{
id = 'side_rack_4',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 4},
},
-- 7
{
id = 'roof_rack_1',
icon = 'ROOF-RACK.png',
link_to = 'Car#Roof_Racks',
label = 'Roof Rack',
slot = {3, 4},
},
-- 8
{
id = 'roof_rack_2',
icon = 'ROOF-RACK.png',
link_to = 'Car#Roof_Racks',
label = 'Roof Rack',
slot = {3, 5},
},
},
},
fuel = {
canvas_slots = {3, 5},
edges = {
{2, 3},
{3, 4},
{3, 7},
{4, 1},
{4, 5},
{5, 6},
},
nodes = {
-- 1
{
id = 'leak_resistant_fuel_tank',
icon = 'LEAK-RESIST-FUEL.png',
link_to = 'Leak-Resistant Fuel Tank',
label = 'Leak-Resistant Fuel Tank',
slot = {1, 4},
},
-- 2
{
id = 'large_fuel_can',
icon = 'FUEL-CAN-5GAL.png',
link_to = 'Large Fuel Can',
label = 'Large Fuel Can',
slot = {2, 1},
},
-- 3
{
id = 'side_fuel_tank',
icon = 'SIDE-FUEL.png',
link_to = 'Side Fuel Tank',
label = 'Side Fuel Tank',
slot = {2, 2},
},
-- 4
{
id = 'backseat_tank',
icon = 'BACKSEAT-FUEL.png',
link_to = 'Backseat Tank',
label = 'Backseat Tank',
slot = {2, 3},
},
-- 5
{
id = 'backseat_tank',
icon = 'EXPANDED-BACKSEAT-FUEL.png',
link_to = 'Expanded Backseat Tank',
label = 'Expanded Backseat Tank',
slot = {2, 4},
},
-- 6
{
id = 'gas_reservoir',
icon = 'ROOF-FUEL.png',
link_to = 'Gas Reservoir',
label = 'Gas Reservoir',
slot = {2, 5},
},
-- 7
{
id = 'fuel_synthesizer',
icon = 'FUEL-GENERATOR.png',
link_to = 'Fuel Synthesizer',
label = 'Fuel Synthesizer',
slot = {3, 3},
},
},
},
garage = {
canvas_slots = {8, 6},
edges = {
{1, 2},
{2, 3},
{3, 4},
{4, 5},
{6, 1},
{7, 8},
{8, 9},
{9, 10},
{11, 6},
{11, 7},
{13, 14},
{15, 11},
{16, 12},
{16, 13},
{17, 18},
{19, 20},
{20, 15},
{20, 16},
{20, 21},
{20, 24},
{20, 25},
{21, 17},
{21, 22},
{22, 23},
{24, 28},
{25, 26},
{25, 30},
{26, 27},
{28, 29},
{29, 33},
{29, 34},
{30, 31},
{31, 32},
{34, 35},
},
nodes = {
-- 1
{
id = 'expanded_locker_4',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {1, 2},
},
-- 2
{
id = 'pneumatic_locker_1',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 3},
},
-- 3
{
id = 'pneumatic_locker_2',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 4},
},
-- 4
{
id = 'pneumatic_locker_3',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 5},
},
-- 5
{
id = 'pneumatic_locker_4',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 6},
},
-- 6
{
id = 'expanded_locker_3',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {2, 2},
},
-- 7
{
id = 'parts_locker_1',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 3},
},
-- 8
{
id = 'parts_locker_2',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 4},
},
-- 9
{
id = 'parts_locker_3',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 5},
},
-- 10
{
id = 'parts_locker_4',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 6},
},
-- 11
{
id = 'expanded_locker_2',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {3, 2},
},
-- 12
{
id = 'vargas_auto_pac_vac',
icon = 'Auto-Store-Vacuum-2.png',
link_to = 'Auto_Shop#Vargas_Auto-Vac',
label = 'Vargas Auto-Pac-Vac',
slot = {3, 3},
},
-- 13
{
id = 'rapid_refill_pump',
icon = 'Fast-Gas.png',
link_to = 'Fuel_Pump#Rapid_Refill_Pump',
label = 'Rapid Refill Pump',
slot = {3, 4},
},
-- 14
{
id = 'experimental_charging_station',
icon = 'Battery-Charger-2.png',
link_to = 'Fuel_Pump#Rapid_Refill_Pump',
label = 'Experimental Charging Station',
slot = {3, 5},
},
-- 15
{
id = 'expanded_locker_1',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {4, 2},
},
-- 16
{
id = 'outfitting_station',
icon = 'Player-Equip.png',
link_to = 'Auto_Shop#Outfitting_Station',
label = 'Outfitting Station',
slot = {4, 3},
},
-- 17
{
id = 'advanced_antenna',
icon = 'IMPROVED-SCANNING-2.png',
link_to = 'Junction',
label = 'Advanced Antenna',
slot = {4, 4},
},
-- 18
{
id = 'incident_board',
icon = 'Days-Board.png',
link_to = 'Auto_Shop#Incident_Board',
label = 'Incident Board',
slot = {4, 5},
},
-- 19
{
id = 'scanning_antenna',
icon = 'Zone-Scanner.png',
link_to = 'Junction',
label = 'Scanning Antenna',
slot = {5, 1},
},
-- 20
{
id = 'matter_deconstructor',
icon = 'Item-Breaker.png',
link_to = 'Auto_Shop#Matter_Deconstructor',
label = 'Matter Deconstructor',
slot = {5, 2},
},
-- 21
{
id = 'improved_antenna',
icon = 'IMPROVED-SCANNING.png',
link_to = 'Junction',
label = 'Improved Antenna',
slot = {5, 3},
},
-- 22
{
id = 'junction_restabilizer',
icon = 'Highway-Bypass.png',
link_to = 'Junction',
label = 'Junction Re-Stabilizer',
slot = {5, 4},
},
-- 23
{
id = 'junction_bypass',
icon = 'ZONE-RE-ROLLER.png',
link_to = 'Junction',
label = 'Junction Bypass',
slot = {5, 5},
},
-- 24
{
id = 'detailing_station',
icon = 'Detailing-Station.png',
link_to = 'Auto_Shop#Detailing_Station',
label = 'Detailing Station',
slot = {6, 2},
},
-- 25
{
id = 'matter_regenerator',
icon = 'Part-Incubator.png',
link_to = 'Auto_Shop#Matter_Regenerator',
label = 'Matter Regenerator',
slot = {6, 3},
},
-- 26
{
id = 'investigator_module',
icon = 'Tinker-Station-02.png',
link_to = 'Auto_Shop#Tinker_Station',
label = 'Investigator Module',
slot = {6, 4},
},
-- 27
{
id = 'analysis_module',
icon = 'Tinker-Station-03.png',
link_to = 'Auto_Shop#Tinker_Station',
label = 'Analysis Module',
slot = {6, 5},
},
-- 28
{
id = 'fax_machine',
icon = 'Fax-Machine.png',
link_to = 'Auto_Shop#F.A.X._Machine',
label = 'F.A.X. Machine',
slot = {7, 2},
},
-- 29
{
id = 'athletic_stimulation_station',
icon = 'Basketball-Icon.png',
link_to = 'Auto_Shop#Athletic_Stimulation_Station/Hoop',
label = 'Athletic Stimulation Station',
slot = {7, 3},
},
-- 30
{
id = 'advanced_workbench',
icon = 'Craft-Bench-2.png',
link_to = 'Auto_Shop#Workbench',
label = 'Advanced Workbench',
slot = {7, 4},
},
-- 31
{
id = 'expanded_matter_regenerator',
icon = 'PART-INCUBATOR-2.png',
link_to = 'Auto_Shop#Matter_Regenerator',
label = 'Expanded Matter Regenerator',
slot = {7, 5},
},
-- 32
{
id = 'repair_station',
icon = 'Repair-Stop-Fab.png',
link_to = 'Auto_Shop#Repair_Station',
label = 'Repair Station',
slot = {7, 6},
},
-- 33
{
id = 'smart_matter_deconstructor',
icon = 'Item-Breaker-2.png',
link_to = 'Auto_Shop#Matter_Deconstructor',
label = 'Smart Matter Deconstructor',
slot = {8, 3},
},
-- 34
{
id = 'deco_vend',
icon = 'Cosmetic-Printer.png',
link_to = 'Auto_Shop#Deco-Vend',
label = 'Deco-Vend',
slot = {8, 4},
},
-- 35
{
id = 'fish_tank',
icon = 'Fish-Tank.png',
link_to = 'Auto_Shop#Fish_Tank',
label = 'Fish Tank',
slot = {8, 5},
},
},
},
lights = {
canvas_slots = {6, 4},
edges = {
{3, 1},
{3, 4},
{5, 2},
{5, 6},
{6, 3},
{8, 9},
{9, 7},
{9, 10},
{9, 13},
{11, 12},
{12, 14},
},
nodes = {
-- 1
{
id = 'biolantern',
icon = 'Biolantern.png',
no_icon_padding = true,
link_to = 'Biolantern',
label = 'Biolantern',
slot = {1, 3},
},
-- 2
{
id = 'crude_flashlight',
icon = 'Crude_Flashlight.png',
no_icon_padding = true,
link_to = 'Crude Flashlight',
label = 'Crude Flashlight',
slot = {2, 2},
},
-- 3
{
id = 'bioflare',
icon = 'Bioflare.png',
no_icon_padding = true,
link_to = 'Bioflare',
label = 'Bioflare',
slot = {2, 3},
},
-- 4
{
id = 'bioflare',
icon = 'Bioflare-Gun.png',
no_icon_padding = true,
link_to = 'Bioflare Gun',
label = 'Bioflare Gun',
slot = {2, 4},
},
-- 5
{
id = 'relightable_flare',
icon = 'Relightable_Flare.png',
no_icon_padding = true,
link_to = 'Relightable Flare',
label = 'Relightable Flare',
slot = {3, 1},
},
-- 6
{
id = 'flare_gun',
icon = 'Flare_Gun.png',
no_icon_padding = true,
link_to = 'Flare Gun',
label = 'Flare Gun',
slot = {3, 2},
},
-- 7
{
id = 'insulated_headlight',
icon = 'Insulated_Headlight_Icon.png',
link_to = 'Insulated Headlight',
label = 'Insulated Headlight',
slot = {3, 3},
},
-- 8
{
id = 'crude_headlight',
icon = 'Crude_Headlight_Icon.png',
link_to = 'Crude Headlight',
label = 'Crude Headlight',
slot = {4, 1},
},
-- 9
{
id = 'headlight',
icon = 'Headlight_Icon.png',
link_to = 'Headlight',
label = 'Headlight',
slot = {4, 2},
},
-- 10
{
id = 'reinforced_headlight',
icon = 'PHYS-LIGHT.png',
link_to = 'Reinforced Headlight',
label = 'Reinforced Headlight',
slot = {4, 3},
},
-- 11
{
id = 'side_floodlights',
icon = 'SIDE-LIGHT.png',
link_to = 'Side Floodlights',
label = 'Side Floodlights',
slot = {5, 1},
},
-- 12
{
id = 'roof_floodlights',
icon = 'ROOF-ARRAY.png',
link_to = 'Roof Floodlights',
label = 'Roof Floodlights',
slot = {5, 2},
},
-- 13
{
id = 'bio_headlight',
icon = 'BIO-LIGHT.png',
link_to = 'Bio Headlight',
label = 'Bio Headlight',
slot = {5, 3},
},
-- 14
{
id = 'auto_tracking_spotlight',
icon = 'ROOF-LIGHT.png',
link_to = 'Auto Tracking Spotlight',
label = 'Auto Tracking Spotlight',
slot = {6, 3},
},
},
},
refine = {
canvas_slots = {1, 6},
edges = {
{1, 2},
{2, 3},
{3, 4},
{4, 5},
{5, 6},
},
nodes = {
-- 1
{
id = 'gear',
icon = 'GEAR.png',
link_to = 'Gear',
label = 'Gear',
slot = {1, 1},
},
-- 2
{
id = 'bulb',
icon = 'BULB.png',
link_to = 'Bulb',
label = 'Bulb',
slot = {1, 2},
},
-- 3
{
id = 'steel_sheet',
icon = 'STEEL-SHEET_Inverted.png',
link_to = 'Steel Sheet',
label = 'Steel Sheet',
slot = {1, 3},
},
-- 4
{
id = 'circuit_board',
icon = 'BREADBOARD.png',
link_to = 'Circuit Board',
label = 'Circuit Board',
slot = {1, 4},
},
-- 5
{
id = 'carbonfiberglass',
icon = 'CARBON-FIBREGLASS.png',
link_to = 'Carbonfiberglass',
label = 'Carbonfiberglass',
slot = {1, 5},
},
-- 6
{
id = 'lim_chip',
icon = 'LIM-CHIP.png',
link_to = 'LIM Chip',
label = 'LIM Chip',
slot = {1, 6},
},
},
},
survival_tools = {
canvas_slots = {6, 3},
edges = {
{2, 1},
{4, 2},
{4, 5},
{5, 3},
{7, 8},
{7, 11},
{8, 6},
{8, 9},
{10, 13},
{10, 14},
{11, 12},
{14, 15},
},
nodes = {
-- 1
{
id = 'olympium_torch',
icon = 'PLASMA-TORCH.png',
link_to = 'Olympium Torch',
label = 'Olympium Torch',
slot = {1, 3},
},
-- 2
{
id = 'blowtorch',
icon = 'TORCH.png',
link_to = 'Blowtorch',
label = 'Blowtorch',
slot = {2, 2},
},
-- 3
{
id = 'electricians_kit',
icon = 'Electricians_Kit.png',
link_to = 'Electrician\'s Kit',
label = 'Electrician\'s Kit',
slot = {2, 3},
},
-- 4
{
id = 'repair_putty',
icon = 'REPAIR-PUTTY.png',
link_to = 'Repair Putty',
label = 'Repair Putty',
slot = {3, 1},
},
-- 5
{
id = 'light_replacement_kit',
icon = 'Light_Replacement_Kit.png',
link_to = 'Light Replacement Kit',
label = 'Light Replacement Kit',
slot = {3, 2},
},
-- 6
{
id = 'thermal_vacuum',
icon = 'Thermal_Vacuum.png',
link_to = 'Thermal Vacuum',
label = 'Thermal Vacuum',
slot = {3, 3},
},
-- 7
{
id = 'scrapper',
icon = 'Scrapper.png',
link_to = 'Scrapper',
label = 'Scrapper',
slot = {4, 1},
},
-- 8
{
id = 'hand_vac',
icon = 'Hand-Vac.png',
link_to = 'Hand-Vac',
label = 'Hand-Vac',
slot = {4, 2},
},
-- 9
{
id = 'plasma_scrapper',
icon = 'Plasma_Scrapper.png',
link_to = 'Plasma Scrapper',
label = 'Plasma Scrapper',
slot = {4, 3},
},
-- 10
{
id = 'prybar',
icon = 'Prybar.png',
link_to = 'Prybar',
label = 'Prybar',
slot = {5, 1},
},
-- 11
{
id = 'liberator',
icon = 'Liberator.png',
link_to = 'Liberator',
label = 'Liberator',
slot = {5, 2},
},
-- 12
{
id = 'liberator_mk2',
icon = 'LIBERATOR-2.png',
link_to = 'Liberator Mk. 2',
label = 'Liberator Mk. 2',
slot = {5, 3},
},
-- 13
{
id = 'anchor_radar',
icon = 'Anchor_Radar.png',
link_to = 'Anchor Radar',
label = 'Anchor Radar',
slot = {6, 1},
},
-- 14
{
id = 'impact_hammer',
icon = 'Impact_Hammer.png',
link_to = 'Impact Hammer',
label = 'Impact Hammer',
slot = {6, 2},
},
-- 15
{
id = 'magnetic_hammer',
icon = 'Magnetic_Hammer.png',
link_to = 'Magnetic Hammer',
label = 'Magnetic Hammer',
slot = {6, 3},
},
},
},
utilities = {
canvas_slots = {3, 5},
edges = {
{4, 1},
{4, 5},
{4, 9},
{5, 6},
{5, 10},
{6, 2},
{6, 7},
{6, 11},
{7, 3},
{7, 8},
{7, 12},
},
nodes = {
-- 1
{
id = 'the_auto_parker',
icon = 'PARKING-MANOUVER.png',
link_to = 'The Auto Parker',
label = 'The Auto Parker',
slot = {1, 2},
},
-- 2
{
id = 'the_lazarus_device',
icon = 'LIFESAVER.png',
link_to = 'The Lazarus Device',
label = 'The Lazarus Device',
slot = {1, 4},
},
-- 3
{
id = 'chrono_dilator',
icon = 'TIME-MANOUVER.png',
link_to = 'Chrono Dilator',
label = 'Chrono Dilator',
slot = {1, 5},
},
-- 4
{
id = 'limpulse_emitter',
icon = 'PHYS-WAVE-SHIELD.png',
link_to = 'Limpulse Emitter',
label = 'Limpulse Emitter',
slot = {2, 1},
},
-- 5
{
id = 'jump_jacks',
icon = 'JUMP-MANOUVER.png',
link_to = 'Jump Jacks',
label = 'Jump Jacks',
slot = {2, 2},
},
-- 6
{
id = 'ion_shield',
icon = 'ROOF-RAD-SHIELD.png',
link_to = 'Ion Shield',
label = 'Ion Shield',
slot = {2, 3},
},
-- 7
{
id = 'mobile_workbench',
icon = 'BENCH-T1.png',
link_to = 'Mobile Workbench',
label = 'Mobile Workbench',
slot = {2, 4},
},
-- 8
{
id = 'magnetic_bumper',
icon = 'MAGNET-BUMPER.png',
link_to = 'Magnetic Bumper',
label = 'Magnetic Bumper',
slot = {2, 5},
},
-- 9
{
id = 'resource_radar',
icon = 'RESOURCE-SCANNER.png',
link_to = 'Resource Radar',
label = 'Resource Radar',
slot = {3, 2},
},
-- 10
{
id = 'juke_jets',
icon = 'SIDE-THRUSTERS-MANOUVER.png',
link_to = 'Juke Jets',
label = 'Juke Jets',
slot = {3, 3},
},
-- 11
{
id = 'nitro_boost',
icon = 'BOOST-MANOUVER.png',
link_to = 'Nitro Boost',
label = 'Nitro Boost',
slot = {3, 4},
},
-- 12
{
id = 'anti_grav_emitter',
icon = 'GRAVITY-MANOUVER.png',
link_to = 'Anti-Grav Emitter',
label = 'Anti-Grav Emitter',
slot = {3, 5},
},
},
},
wheels = {
canvas_slots = {3, 5},
edges = {
{2, 3},
{3, 4},
{4, 1},
{4, 5},
{4, 7},
{5, 6},
},
nodes = {
-- 1
{
id = 'puncture_proof_tire',
icon = 'PUNCTURE-RESISTANT-TIRE.png',
link_to = 'Puncture-Proof Tire',
label = 'Puncture-Proof Tire',
slot = {1, 4},
},
-- 2
{
id = 'spare_tire',
icon = 'Spare_Tire_Icon.png',
link_to = 'Spare Tire',
label = 'Spare Tire',
slot = {2, 1},
},
-- 3
{
id = 'summer_tire',
icon = 'Summer_Tire_Icon.png',
link_to = 'Summer Tire',
label = 'Summer Tire',
slot = {2, 2},
},
-- 4
{
id = 'offroad_tire',
icon = 'OFFROAD-TIRE.png',
link_to = 'Offroad Tire',
label = 'Offroad Tire',
slot = {2, 3},
},
-- 5
{
id = 'all_terrain_tire',
icon = 'ADAPTIVE-TIRE.png',
link_to = 'All-Terrain Tire',
label = 'All-Terrain Tire',
slot = {2, 4},
},
-- 6
{
id = 'power_grip_tire',
icon = 'POWER-GRIP-TIRE.png',
link_to = 'Power Grip Tires',
label = 'Power Grip Tires',
slot = {2, 5},
},
-- 7
{
id = 'paddle_tire',
icon = 'WATER-TIRE.png',
link_to = 'Paddle Tire',
label = 'Paddle Tire',
slot = {3, 4},
},
},
},
}

function css_px( n )
return string.format('%spx', n)
end

-- returns inverted order because cols produce x, rows produce y
function get_canvas_size( tab )
return {
p.consts.canvas_padding * 2 + tab.canvas_slots[2] * p.consts.node_size[2] + (tab.canvas_slots[2] - 1) * p.consts.node_spacing[2],
p.consts.canvas_padding * 2 + tab.canvas_slots[1] * p.consts.node_size[1] + (tab.canvas_slots[1] - 1) * p.consts.node_spacing[1],
}
end

-- returns inverted order because cols produce x, rows produce y
function get_node_anchor_pos( node_slot )
return {
p.consts.canvas_padding + (node_slot[2] - 1) * (p.consts.node_size[2] + p.consts.node_spacing[2]),
p.consts.canvas_padding + (node_slot[1] - 1) * (p.consts.node_size[1] + p.consts.node_spacing[1]),
}
end

-- does not return inverted order because it's already been inverted by get_node_anchor_pos
function get_node_graph_anchor_pos( node_slot )
local anchor_pos = get_node_anchor_pos(node_slot)
local offset_x = p.consts.node_size[1] / 2
local offset_y = offset_x - p.consts.node_padding[1] - p.consts.icon_edge_thickness
return { anchor_pos[1] + offset_x, anchor_pos[2] + offset_y }
end

function render_node_label( html_ref, node )
return html_ref
:tag('div')
:addClass('fab-station-ui__label')
:css({
['font-size'] = css_px(p.consts.label_font_size),
width = css_px(p.consts.node_icon_container_size),
})
:wikitext(node.label)
:done()
end

function render_node_icon( html_ref, node )
return html_ref
:tag('div')
:addClass('fab-station-ui__icon')
:css({
width = css_px(p.consts.node_icon_container_size),
height = css_px(p.consts.node_icon_container_size),
padding = node.no_icon_padding and '0px' or css_px(p.consts.node_icon_padding),
})
:wikitext(string.format(p.consts.wikitext_template_link, node.link_to))
:newline()
:wikitext(string.format(p.consts.wikitext_template_icon, node.icon, p.consts.node_icon_size + (node.no_icon_padding and p.consts.node_icon_padding * 2 or 0)))
:done()
end

function render_node( html_ref, node )
local res = html_ref
local anchor_pos = get_node_anchor_pos(node.slot)
local padding = p.consts.node_padding
res = html_ref
:tag('div')
:addClass('fab-station-ui__graph-node')
:css({
padding = string.format('%spx %spx %spx %spx', padding[1], padding[2], padding[3], padding[4]),
width = css_px(p.consts.node_size[1]),
height = css_px(p.consts.node_size[2]),
transform = string.format('translate(%spx, %spx)', anchor_pos[1], anchor_pos[2]),
})
res = render_node_icon(res, node)
res = render_node_label(res, node)
return res:done()
end

function render_edge( html_ref, node_slot_1, node_slot_2 )
local pos_1 = get_node_graph_anchor_pos(node_slot_1)
local pos_2 = get_node_graph_anchor_pos(node_slot_2)
local delta_x = pos_2[1] - pos_1[1]
local delta_y = pos_2[2] - pos_1[2]
local edge_len = (delta_x ^ 2 + delta_y ^ 2) ^ 0.5
local center_tgt = { pos_1[1] + delta_x / 2, pos_1[2] + delta_y / 2 }
local center_orig = { edge_len / 2, 0 }
local translate_by = { center_tgt[1] - center_orig[1], center_tgt[2] - center_orig[2] }
local rotate_by = math.atan(delta_y / delta_x)

return html_ref
:tag('div')
:addClass('fab-station-ui__graph-edge')
:css({
width = css_px(edge_len),
height = css_px(p.consts.icon_edge_thickness),
transform = string.format('translate(%spx, %spx) rotate(%srad)', translate_by[1], translate_by[2], rotate_by),
})
:done()
end

function p.main(frame)
local tab_name = frame.args.tab
local tab = p.tabs[tab_name]
local tab_canvas_size = get_canvas_size(tab)
local viewport_size = {
tab_canvas_size[1] + 10,
math.min(tab_canvas_size[2], 390) + 10
}

local html_ref = mw.html.create('div')
:addClass('fab-station-ui__viewport')
:css({
width = css_px(viewport_size[1]),
height = css_px(viewport_size[2]),
})
:tag('div')
:addClass('fab-station-ui__container')
:css({
width = css_px(tab_canvas_size[1]),
height = css_px(tab_canvas_size[2]),
})
for k, v in pairs(tab.edges) do
html_ref = render_edge(html_ref, tab.nodes[v[1]].slot, tab.nodes[v[2]].slot)
end
for k, v in pairs(tab.nodes) do
html_ref = render_node(html_ref, v)
end
return tostring(html_ref:allDone())
end

return p

Template:FabricationStationUI/styles.css

2024-10-24T19:37:26Z

Pygmyowl: migrating static styles from module

.fab-station-ui__viewport {
overflow: auto;
max-width: 100%;
--fab-station-ui__bg-color: #191714;
--fab-station-ui__fg-color: white;
}

.fab-station-ui__container {
position: relative;
background-color: var(--fab-station-ui__bg-color);
}

.fab-station-ui__graph-node {
position: absolute;
background-color: var(--fab-station-ui__bg-color);
}

.fab-station-ui__icon {
position: relative;
border: 6px double var(--fab-station-ui__fg-color);
}

.fab-station-ui__label {
font-family: var(--font-family-monospace);
color: var(--fab-station-ui__fg-color);
line-height: 1em;
text-align: end;
}

.fab-station-ui__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

a.new .fab-station-ui__link {
background-color: rgba(255, 0, 0, 0.15);
}

.fab-station-ui__link:hover,
a.new .fab-station-ui__link:hover {
background-color: rgba(255, 255, 255, 0.2);
}

.fab-station-ui__graph-edge {
position: absolute;
background-color: var(--fab-station-ui__fg-color);
}

Items

2024-10-20T13:18:24Z

Pygmyowl: advanced components layout - spacing

'''Found Items''' are obtained through scrapping certain objects or searching containers. They can also be found scattered about each [[Junctions|Junction]]. They are often used in crafting.

== Components ==
'''Components''' are items that can be used to craft, being obtained by scrapping objects and/or searching containers. There are two types of components depending on whether they are specific to a biome or not.

=== Basic Components ===
'''Basic Components''' are items that are found in every biome.
<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #2d6b7b"; padding-top: 3px><span typeof="mw:File">[[File:9V-BATTERY.png|link=9v_Battery|100px]]</span></div>
<div class="gallerytext">
<p>[[9v_Battery|9v Battery]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #C29400"><span typeof="mw:File">[[File:CHEMICALS.png|link=Chemicals|100px]]</span></div>
<div class="gallerytext">
<p>[[Chemicals|Chemicals]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #7B0B42"><span typeof="mw:File">[[File:COPPER_WIRE.png|link=Copper Wire|100px]]</span></div>
<div class="gallerytext">
<p>[[Copper Wire|Copper Wire]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #B00B1D"><span typeof="mw:File">[[File:TAPE.png|link=Duct Tape|100px]]</span></div>
<div class="gallerytext">
<p>[[Duct Tape|Duct Tape]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #B00B1D"><span typeof="mw:File">[[File:CIRCUITRY.png|link=Electronics|100px]]</span></div>
<div class="gallerytext">
<p>[[Electronics|Electronics]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #004159"><span typeof="mw:File">[[File:FABRIC.png|link=Fabric|100px]]</span></div>
<div class="gallerytext">
<p>[[Fabric|Fabric]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #004159"><span typeof="mw:File">[[File:GAS-CYLINDER.png|link=Gas Cylinder|100px]]</span></div>
<div class="gallerytext">
<p>[[Gas Cylinder|Gas Cylinder]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #5D7619"><span typeof="mw:File">[[File:GLASS.png|link=Glass Shards|100px]]</span></div>
<div class="gallerytext">
<p>[[Glass Shards|Glass Shards]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #5D7619"><span typeof="mw:File">[[File:LEAD.png|link=Lead Platelet|100px]]</span></div>
<div class="gallerytext">
<p>[[Lead Platelet|Lead Platelet]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #2d6b7b"><span typeof="mw:File">[[File:PLASMA.png|link=Plasma|100px]]</span></div>
<div class="gallerytext">
<p>[[Plasma|Plasma]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #165617"><span typeof="mw:File">[[File:PLASTIC.png|link=Plastic|100px]]</span></div>
<div class="gallerytext">
<p>[[Plastic|Plastic]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #165617"><span typeof="mw:File">[[File:PRESS-CYLINDER.png|link=Pressurized Cartridges|100px]]</span></div>
<div class="gallerytext">
<p>[[Pressurized Cartridges|Pressurized Cartridges]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #C29400"><span typeof="mw:File">[[File:RUBBER.png|link=Rubber|100px]]</span></div>
<div class="gallerytext">
<p>[[Rubber|Rubber]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #67177A"><span typeof="mw:File">[[File:STEEL-SCRAP.png|link=Scrap Metal|100px]]</span></div>
<div class="gallerytext">
<p>[[Scrap Metal|Scrap Metal]]
</p>
</div>
</ul>

=== Advanced Components ===
'''Advanced Components''' are items that can only be primarily sourced from specific biomes.

<div style="display:flex;flex-flow:row wrap;column-gap:4.8rem;">
<div style="flex:0 0 auto">
==== [[File:TheMires.png|frameless|32x32px]] [[The Mires]] ====
<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #67177A"><span typeof="mw:File">[[File:MACROPHAGE.png|link=Marsh Eggs|100px]]</span></div>
<div class="gallerytext">
<p>[[Marsh Eggs|Marsh Eggs]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #B00B1D"><span typeof="mw:File">[[File:BIOLUMINESCENCE.png|link=Swamp Coral|100px]]</span></div>
<div class="gallerytext">
<p>[[Swamp Coral|Swamp Coral]]
</p>
</div>
</li>
</ul>
</div>
<div style="flex:0 0 auto">
==== [[File:TheScorch.png|frameless|32x32px]] [[The Scorch]] ====
<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #C29400"><span typeof="mw:File">[[File:THERMOFLUX-CRYSTAL.png|link=ThermoSap Crystal|100px]]</span></div>
<div class="gallerytext">
<p>[[ThermoSap Crystal]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #7B0B42"><span typeof="mw:File">[[File:TREE_CANDY.png|link=Tree Candy|100px]]</span></div>
<div class="gallerytext">
<p>[[Tree Candy]]
</p>
</div>
</li>
</ul>
</div>
</div>
<div style="display:flex;flex-flow:row wrap;column-gap:1rem;">
<div style="flex:0 0 auto">
==== [[File:RedSpires.png|frameless|32x32px]] [[Red Spires]] ====
<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #7B0B42"><span typeof="mw:File">[[File:ANOMALY-METAL.png|link=Olympium Fragment|100px]]</span></div>
<div class="gallerytext">
<p>[[Olympium Fragment|Olympium Fragment]]
</p>
</div>
</li>
</ul>
</div>
<div style="flex:0 0 auto">
==== [[File:RedSpires.png|frameless|32x32px]] [[Red Spires]] & [[File:Smokestacks.png|frameless|32x32px]] [[Smokestacks]] ====
<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #B00B1D"><span typeof="mw:File">[[File:GRAVITY-GEL.png|link=Red Balloon|100px]]</span></div>
<div class="gallerytext">
<p>[[Red Balloon|Red Balloon]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #004159"><span typeof="mw:File">[[File:MAGNET.png|link=LIM Magnet|100px]]</span></div>
<div class="gallerytext">
<p>[[LIM Magnet|LIM Magnet]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #C29400"><span typeof="mw:File">[[File:EXPLOSIVE.png|link=Explosives|100px]]</span></div>
<div class="gallerytext">
<p>[[Explosives|Explosives]]
</p>
</div>
</li>
</ul>
</div>
</div>
== Survival Items ==
'''Survival Items''' are found around [[Olympic Exclusion Zone|the Zone]] or crafted from basic components. They directly assist in [[The Driver|The Driver's]] survival.
<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #297550"><span typeof="mw:File">[[File:Canned_Food.png|link=Canned Food|100px]]</span></div>
<div class="gallerytext">
<p>[[Canned Food|Canned Food]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #297550"><span typeof="mw:File">[[File:Canned_Food.png|link=MRE|100px]]</span></div>
<div class="gallerytext">
<p>[[MRE|MRE]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #64060F"><span typeof="mw:File">[[File:Road-Flare.png|link=Road Flare|100px]]</span></div>
<div class="gallerytext">
<p>[[Road Flare|Road Flare]]
</p>
</div>
</li>
</ul>

== Anchors ==
'''Anchors''' are found around [[Olympic Exclusion Zone|the Zone]] attached to [[Anchor Plug|Anchor Plugs]]. They are directly linked to a junction's stability and serve a variety of functions at the [[Auto Shop]], such as diagnosing [[Quirks]] or purchasing blueprints at the [[Fabrication Station]].
<gallery widths="100px" heights="100px">
File:Stable_Anchor.png||[[Stable Anchor]]
File:Unstable_Anchor.png||[[Unstable Anchor]]
File:Corrupted_Anchor.png||[[Corrupted Anchor]]
</gallery>

== Unimplemented Items ==
'''Unimplemented Items''' are items that do not exist in the game's current state.
<gallery widths="100px" heights="100px">
File:PLACEHOLDER_PROTOTYPE.png||Alloyed Sheet
File:PLACEHOLDER_PROTOTYPE.png||Silicon
File:PLACEHOLDER_PROTOTYPE.png||Solar Cell
File:PLACEHOLDER_PROTOTYPE.png||Titanium Ore
File:PLACEHOLDER_PROTOTYPE.png||Titanium Sheet
</gallery>

<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 135px">
<div class="gallerytext">
<p></p>
</div>
</li>

Items

2024-10-20T13:09:13Z

Pygmyowl: advanced components layout

'''Found Items''' are obtained through scrapping certain objects or searching containers. They can also be found scattered about each [[Junctions|Junction]]. They are often used in crafting.

== Components ==
'''Components''' are items that can be used to craft, being obtained by scrapping objects and/or searching containers. There are two types of components depending on whether they are specific to a biome or not.

=== Basic Components ===
'''Basic Components''' are items that are found in every biome.
<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #2d6b7b"; padding-top: 3px><span typeof="mw:File">[[File:9V-BATTERY.png|link=9v_Battery|100px]]</span></div>
<div class="gallerytext">
<p>[[9v_Battery|9v Battery]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #C29400"><span typeof="mw:File">[[File:CHEMICALS.png|link=Chemicals|100px]]</span></div>
<div class="gallerytext">
<p>[[Chemicals|Chemicals]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #7B0B42"><span typeof="mw:File">[[File:COPPER_WIRE.png|link=Copper Wire|100px]]</span></div>
<div class="gallerytext">
<p>[[Copper Wire|Copper Wire]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #B00B1D"><span typeof="mw:File">[[File:TAPE.png|link=Duct Tape|100px]]</span></div>
<div class="gallerytext">
<p>[[Duct Tape|Duct Tape]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #B00B1D"><span typeof="mw:File">[[File:CIRCUITRY.png|link=Electronics|100px]]</span></div>
<div class="gallerytext">
<p>[[Electronics|Electronics]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #004159"><span typeof="mw:File">[[File:FABRIC.png|link=Fabric|100px]]</span></div>
<div class="gallerytext">
<p>[[Fabric|Fabric]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #004159"><span typeof="mw:File">[[File:GAS-CYLINDER.png|link=Gas Cylinder|100px]]</span></div>
<div class="gallerytext">
<p>[[Gas Cylinder|Gas Cylinder]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #5D7619"><span typeof="mw:File">[[File:GLASS.png|link=Glass Shards|100px]]</span></div>
<div class="gallerytext">
<p>[[Glass Shards|Glass Shards]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #5D7619"><span typeof="mw:File">[[File:LEAD.png|link=Lead Platelet|100px]]</span></div>
<div class="gallerytext">
<p>[[Lead Platelet|Lead Platelet]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #2d6b7b"><span typeof="mw:File">[[File:PLASMA.png|link=Plasma|100px]]</span></div>
<div class="gallerytext">
<p>[[Plasma|Plasma]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #165617"><span typeof="mw:File">[[File:PLASTIC.png|link=Plastic|100px]]</span></div>
<div class="gallerytext">
<p>[[Plastic|Plastic]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #165617"><span typeof="mw:File">[[File:PRESS-CYLINDER.png|link=Pressurized Cartridges|100px]]</span></div>
<div class="gallerytext">
<p>[[Pressurized Cartridges|Pressurized Cartridges]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #C29400"><span typeof="mw:File">[[File:RUBBER.png|link=Rubber|100px]]</span></div>
<div class="gallerytext">
<p>[[Rubber|Rubber]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #67177A"><span typeof="mw:File">[[File:STEEL-SCRAP.png|link=Scrap Metal|100px]]</span></div>
<div class="gallerytext">
<p>[[Scrap Metal|Scrap Metal]]
</p>
</div>
</ul>

=== Advanced Components ===
'''Advanced Components''' are items that can only be primarily sourced from specific biomes.

<div style="display:flex;flex-flow:row wrap;column-gap:2rem;">
<div style="flex:0 0 auto">
==== [[File:TheMires.png|frameless|32x32px]] [[The Mires]] ====
<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #67177A"><span typeof="mw:File">[[File:MACROPHAGE.png|link=Marsh Eggs|100px]]</span></div>
<div class="gallerytext">
<p>[[Marsh Eggs|Marsh Eggs]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #B00B1D"><span typeof="mw:File">[[File:BIOLUMINESCENCE.png|link=Swamp Coral|100px]]</span></div>
<div class="gallerytext">
<p>[[Swamp Coral|Swamp Coral]]
</p>
</div>
</li>
</ul>
</div>
<div style="flex:0 0 auto">
==== [[File:TheScorch.png|frameless|32x32px]] [[The Scorch]] ====
<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #C29400"><span typeof="mw:File">[[File:THERMOFLUX-CRYSTAL.png|link=ThermoSap Crystal|100px]]</span></div>
<div class="gallerytext">
<p>[[ThermoSap Crystal]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #7B0B42"><span typeof="mw:File">[[File:TREE_CANDY.png|link=Tree Candy|100px]]</span></div>
<div class="gallerytext">
<p>[[Tree Candy]]
</p>
</div>
</li>
</ul>
</div>
</div>
<div style="display:flex;flex-flow:row wrap;column-gap:2rem;">
<div style="flex:0 0 auto">
==== [[File:RedSpires.png|frameless|32x32px]] [[Red Spires]] ====
<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #7B0B42"><span typeof="mw:File">[[File:ANOMALY-METAL.png|link=Olympium Fragment|100px]]</span></div>
<div class="gallerytext">
<p>[[Olympium Fragment|Olympium Fragment]]
</p>
</div>
</li>
</ul>
</div>
<div style="flex:0 0 auto">
==== [[File:RedSpires.png|frameless|32x32px]] [[Red Spires]] & [[File:Smokestacks.png|frameless|32x32px]] [[Smokestacks]] ====
<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #B00B1D"><span typeof="mw:File">[[File:GRAVITY-GEL.png|link=Red Balloon|100px]]</span></div>
<div class="gallerytext">
<p>[[Red Balloon|Red Balloon]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #004159"><span typeof="mw:File">[[File:MAGNET.png|link=LIM Magnet|100px]]</span></div>
<div class="gallerytext">
<p>[[LIM Magnet|LIM Magnet]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #C29400"><span typeof="mw:File">[[File:EXPLOSIVE.png|link=Explosives|100px]]</span></div>
<div class="gallerytext">
<p>[[Explosives|Explosives]]
</p>
</div>
</li>
</ul>
</div>
</div>
== Survival Items ==
'''Survival Items''' are found around [[Olympic Exclusion Zone|the Zone]] or crafted from basic components. They directly assist in [[The Driver|The Driver's]] survival.
<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #297550"><span typeof="mw:File">[[File:Canned_Food.png|link=Canned Food|100px]]</span></div>
<div class="gallerytext">
<p>[[Canned Food|Canned Food]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #297550"><span typeof="mw:File">[[File:Canned_Food.png|link=MRE|100px]]</span></div>
<div class="gallerytext">
<p>[[MRE|MRE]]
</p>
</div>
</li>
<li class="gallerybox" style="width: 135px">
<div class="thumb" style="width: 130px; height: 130px; background-color: #64060F"><span typeof="mw:File">[[File:Road-Flare.png|link=Road Flare|100px]]</span></div>
<div class="gallerytext">
<p>[[Road Flare|Road Flare]]
</p>
</div>
</li>
</ul>

== Anchors ==
'''Anchors''' are found around [[Olympic Exclusion Zone|the Zone]] attached to [[Anchor Plug|Anchor Plugs]]. They are directly linked to a junction's stability and serve a variety of functions at the [[Auto Shop]], such as diagnosing [[Quirks]] or purchasing blueprints at the [[Fabrication Station]].
<gallery widths="100px" heights="100px">
File:Stable_Anchor.png||[[Stable Anchor]]
File:Unstable_Anchor.png||[[Unstable Anchor]]
File:Corrupted_Anchor.png||[[Corrupted Anchor]]
</gallery>

== Unimplemented Items ==
'''Unimplemented Items''' are items that do not exist in the game's current state.
<gallery widths="100px" heights="100px">
File:PLACEHOLDER_PROTOTYPE.png||Alloyed Sheet
File:PLACEHOLDER_PROTOTYPE.png||Silicon
File:PLACEHOLDER_PROTOTYPE.png||Solar Cell
File:PLACEHOLDER_PROTOTYPE.png||Titanium Ore
File:PLACEHOLDER_PROTOTYPE.png||Titanium Sheet
</gallery>

<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 135px">
<div class="gallerytext">
<p></p>
</div>
</li>

Car Maintenance

2024-10-20T08:39:37Z

Pygmyowl: missing icons

{{stub}}

===Battery===
No information is available here yet.
<gallery widths="100px" heights="100px">
BATTERY-JUMPER.png|link=Battery Jumper||[[Battery Jumper]]
BATTERY-JUICER.png|link=Plasma Charger||[[Plasma Charger]]
</gallery>

===Fuel===
No information is available here yet.
<gallery widths="100px" heights="100px">
FUEL-CAN.png|link=Fuel Can||[[Fuel Can]]
FUEL-CAN-5GAL.png|link=Large Fuel Can||[[Large Fuel Can]]
</gallery>

===Repair===
No information is available here yet.
<gallery widths="100px" heights="100px">
Blowtorch-Gallery.png|link=Blowtorch||[[Blowtorch]]
PLASMA-TORCH.png|link=Olympium Torch||[[Olympium Torch]]
</gallery>
<gallery widths="100px" heights="100px">
Electricians-Kit-Gallery.png|link=Electrician's Kit||[[Electrician's Kit]]
Light-Replacement-Kit-Gallery.png|link=Light Replacement Kit||[[Light Replacement Kit]]
Mechanics-Kit-Gallery.png|link=Mechanic's Kit||[[Mechanic's Kit]]
REPAIR-PUTTY.png|link=Repair Putty||[[Repair Putty]]
Sealing-Kit-Gallery.png|link=Sealing Kit||[[Sealing Kit]]
</gallery>

Main Page

2024-10-20T08:33:47Z

Pygmyowl: fabrication station link

[[File:Pacific-Drive-Logo-White-1024-padded.webp|center|frameless|link=https://www.pacificdrivegame.com/|450px|alt=The main logo of Pacific Drive in white|Pacific Drive Logo]]

<div style="text-align:center">
= Welcome to the Pacific Drive Wiki =
== <span style="font-style:italic">— Community Knowledge Base —</span> ==
</div>

=== The Game ===
<blockquote>Pacific Drive is a first-person driving survival game with your [[car]] as your only companion. Navigate a surreal reimagining of the Pacific Northwest, and face [[:Category:Anomaly | supernatural dangers]] as you venture into the [[Olympic Exclusion Zone]]. Each excursion into the wilderness brings unique and strange challenges as you restore and upgrade your car from an abandoned garage that acts as your home base. Gather precious [[Resources| resources]] and investigate what’s been left behind in the Zone; unravel a long-forgotten mystery while learning exactly what it takes to survive in this unpredictable, hostile environment.<cite style="
padding-left:2em; font-style:italic">https://www.pacificdrivegame.com/</cite></blockquote>

=== Logbook ===

<gallery widths="75px" heights="75px">
Manual_Icon.png|link=User Manual||[[User Manual]]
Resource_Icon.png|link=Resources||[[Resources]]
LEECH-MALFUNCTION.png|link=Anomalies||[[Anomalies]]
Condition_Icon.png|link=Conditions||[[Conditions]]
STEEL-SCRAP.png|link=Found Items||[[Found Items]]
Crafting_Icon.png|link=Crafting||[[Crafting]]
Status_Icon.png|link=Status||[[Status|Statuses]]
GARAGE-STATIONS.png|link=Auto Shop||[[Auto Shop]]
Detailing_Icon.png|link=Detailing||[[Detailing]]
Records_Icon.png|link=Records||[[Records]]
Transmissions.png|link=Transmissions||[[Transmissions]]
</gallery>

===Meta===
<gallery widths="100px" heights="100px">
ALL.png|link=Car||[[Car|The Car]]
Station.png|link=Fabrication Station||[[Fabrication Station]]
W-Maintenance.png|link=Gameplay Presets||[[Gameplay Presets]]
PLACEHOLDER_PROTOTYPE.png|link=Category:Locations|[[:Category:Locations|Locations]]
Biomes.png|link=Biomes||[[Biomes]]
PLACEHOLDER_PROTOTYPE.png|link=Category:Characters||[[:Category:Characters|Characters]]
PLACEHOLDER_PROTOTYPE.png|link=Category:Groups||[[:Category:Groups|Groups]]
</gallery>

{{#seo:
|type = website
|title = Pacific Drive Wiki
|image = Pacific-Drive-Logo-White-1024-padded.webp
|keywords = pacific-drive,pacific drive,open world,sandbox,sci-fi,action,story,simulation,atmospheric,singleplayer,survival,horror,fantasy,driving,crafting,pc,wiki,wikia
|description = Pacific Drive Wiki: The community driven wiki project that aims to document the entirety of the video game Pacific Drive.
|site_name = Pacific Drive Wiki
|locale = {{PAGELANGUAGE}}
}}

__NOTOC__

File:Station.png

2024-10-20T08:32:43Z

Pygmyowl:

Fabrication Station

2024-10-20T08:29:20Z

Pygmyowl: garage tab

{{Spoilers}}
[[Category:Auto Shop]]
<div style="float: right">
{{Anomaly Infobox
| title =
| image = [[File:Fabrication_Station.jpg|120px]]
| caption =
}}
</div>
{{Logbook|This is where the real engineering gets done. The Fabrication Station will allow you to unlock a host of new technologies that will help you upgrade both your Auto Shop and your car.}}

The Fabrication Station is found in the [[Auto Shop|Auto Shop's]] storeroom once its doors are unlocked via application of [[Impact Hammer]]. In exchange for raw materials and anchor energy ([[Stable Anchor|stable]], [[Unstable Anchor|unstable]] or [[Corrupted Anchor|corrupted]]), it can produce blueprints that unlock craftable recipes, or upgrade kits that can be used on predetermined locations to install a permanent station or car feature.

=== Fabrication Tree - Garage ===
{{FabricationStationUI|tab=garage}}

=== Fabrication Tree - Refine ===
{{FabricationStationUI|tab=refine}}

=== Fabrication Tree - Survival Tools ===
{{FabricationStationUI|tab=survival_tools}}

=== Fabrication Tree - Lights ===
{{FabricationStationUI|tab=lights}}

=== Fabrication Tree - Car Body ===
{{FabricationStationUI|tab=car_body}}

=== Fabrication Tree - Wheels ===
{{FabricationStationUI|tab=wheels}}

=== Fabrication Tree - Expansion Racks ===
{{FabricationStationUI|tab=expansion_racks}}

=== Fabrication Tree - Car Storage ===
{{FabricationStationUI|tab=car_storage}}

=== Fabrication Tree - Fuel ===
{{FabricationStationUI|tab=fuel}}

=== Fabrication Tree - Battery ===
{{FabricationStationUI|tab=battery}}

=== Fabrication Tree - Utilities ===
{{FabricationStationUI|tab=utilities}}

=== Fabrication Tree - Engines ===
{{FabricationStationUI|tab=engines}}

Module:FabricationStationUI

2024-10-20T08:28:47Z

Pygmyowl: v0.32 - garage tab and missing icons

local p = {}

p.consts = {
bg_color = '#191714',
canvas_padding = 20,
icon_edge_thickness = 6,
label_font_size = 14,
node_size = {-1, -1},
node_padding = {8, 16, 8, 16},
node_icon_size = 64,
node_icon_padding = 16,
node_icon_container_size = -1,
node_spacing = {-1, -1},
wikitext_template_icon = '[[File:%s|frameless|%spx|link=]]',
wikitext_template_link = '[[%s|<span class="fab-station-ui__link" style="position: absolute; top: 0; left: 0; width: 100%%; height: 100%%;"/>]]',
tab_order = {
'garage',
'refine',
'survival_tools',
'lights',
'car_body',
'wheels',
'expansion_racks',
'car_storage',
'fuel',
'battery',
'utilities',
'engines',
},
}
p.consts.node_icon_container_size = p.consts.node_icon_size + p.consts.node_icon_padding * 2 + p.consts.icon_edge_thickness * 2
p.consts.node_size = {
p.consts.node_icon_container_size + p.consts.node_padding[2] + p.consts.node_padding[4],
p.consts.node_icon_container_size + p.consts.node_padding[1] + p.consts.node_padding[3] + 40
}
p.consts.node_spacing = {
p.consts.node_size[1] * 0.5,
p.consts.node_size[2] * 0.3,
}

-- slot notation is {row, col}
-- nodes are recorded left to right, top to bottom
-- edges are recorded by source node, left to right, top to bottom
p.tabs = {
battery = {
canvas_slots = {3, 6},
edges = {
{4, 1},
{4, 5},
{5, 2},
{5, 6},
{5, 10},
{6, 7},
{6, 11},
{7, 3},
{7, 8},
{8, 9},
{8, 12},
},
nodes = {
-- 1
{
id = 'plasma_charger',
icon = 'BATTERY-JUICER.png',
link_to = 'Plasma Charger',
label = 'Plasma Charger',
slot = {1, 2},
},
-- 2
{
id = 'hydro_generator',
icon = 'RAIN-GENERATOR.png',
link_to = 'Hydro Generator',
label = 'Hydro Generator',
slot = {1, 3},
},
-- 3
{
id = 'leak_resistant_battery',
icon = 'CC_SEALED-BATTERY.png',
link_to = 'Leak-Resistant Battery',
label = 'Leak-Resistant Battery',
slot = {1, 5},
},
-- 4
{
id = 'battery_jumper',
icon = 'BATTERY-JUMPER.png',
link_to = 'Battery Jumper',
label = 'Battery Jumper',
slot = {2, 1},
},
-- 5
{
id = 'lightning_rod',
icon = 'ELEC-GENERATOR.png',
link_to = 'Lightning Rod',
label = 'Lightning Rod',
slot = {2, 2},
},
-- 6
{
id = 'side_battery',
icon = 'SIDE-BATTERY.png',
link_to = 'Side Battery',
label = 'Side Battery',
slot = {2, 3},
},
-- 7
{
id = 'lead_acid_battery',
icon = 'BACKSEAT-BATTERY.png',
link_to = 'Lead-Acid Battery',
label = 'Lead-Acid Battery',
slot = {2, 4},
},
-- 8
{
id = 'high_capacity_battery',
icon = 'EXPANDED-BACKSEAT-BATTERY.png',
link_to = 'High-Capacity Battery',
label = 'High-Capacity Battery',
slot = {2, 5},
},
-- 9
{
id = 'xl_roof_battery',
icon = 'ROOF-BATTERY.png',
link_to = 'XL Roof Battery',
label = 'XL Roof Battery',
slot = {2, 6},
},
-- 10
{
id = 'mini_turbine',
icon = 'Mini_Turbine_Icon.png',
link_to = 'Mini Turbine',
label = 'Mini Turbine',
slot = {3, 3},
},
-- 11
{
id = 'solar_panel',
icon = 'SOLAR-GENERATOR.png',
link_to = 'Solar Panel',
label = 'Solar Panel',
slot = {3, 4},
},
-- 12
{
id = 'anchor_energy_converter',
icon = 'BATTERY-GOBBLER.png',
link_to = 'Anchor Energy Converter',
label = 'Anchor Energy Converter',
slot = {3, 6},
},
},
},
car_body = {
canvas_slots = {7, 4},
edges = {
{2, 3},
{5, 1},
{5, 2},
{7, 8},
{8, 4},
{8, 5},
{8, 6},
{11, 12},
{12, 9},
{12, 13},
{12, 17},
{13, 10},
{13, 14},
{15, 16},
{16, 18},
{16, 19},
{16, 20},
{19, 21},
{19, 22},
},
nodes = {
-- 1
{
id = 'anti_corrosive_bumper',
icon = 'ACID-BUMPER.png',
link_to = 'Anti-Corrosive Bumper',
label = 'Anti-Corrosive Bumper',
slot = {1, 1},
},
-- 2
{
id = 'olympium_bumper',
icon = 'ACID-BUMPER.png',
link_to = 'Olympium Bumper',
label = 'Olympium Bumper',
slot = {1, 2},
},
-- 3
{
id = 'powered_bumper',
icon = 'POWERED-BUMPER.png',
link_to = 'Powered Bumper',
label = 'Powered Bumper',
slot = {1, 3},
},
-- 4
{
id = 'lead_plated_bumper',
icon = 'RADS-BUMPER.png',
link_to = 'Lead-Plated Bumper',
label = 'Lead-Plated Bumper',
slot = {2, 1},
},
-- 5
{
id = 'armored_bumper',
icon = 'HEAL-BUMPER.png',
link_to = 'Armored Bumper',
label = 'Armored Bumper',
slot = {2, 2},
},
-- 6
{
id = 'insulated_bumper',
icon = 'ELE-BUMPER.png',
link_to = 'Insulated Bumper',
label = 'Insulated Bumper',
slot = {2, 3},
},
-- 7
{
id = 'crude_bumper',
icon = 'Crude_Bumper.png',
link_to = 'Crude Bumper',
label = 'Crude Bumper',
slot = {3, 1},
},
-- 8
{
id = 'steel_bumper',
icon = 'Steel_Bumper.png',
link_to = 'Steel Bumper',
label = 'Steel Bumper',
slot = {3, 2},
},
-- 9
{
id = 'lead_plated_panel',
icon = 'RADS-PANEL.png',
link_to = 'Lead-Plated Panel',
label = 'Lead-Plated Panel',
slot = {3, 3},
},
-- 10
{
id = 'anti_corrosive_panel',
icon = 'POISON-PANEL.png',
link_to = 'Anti-Corrosive Panel',
label = 'Anti-Corrosive Panel',
slot = {3, 4},
},
-- 11
{
id = 'crude_panel',
icon = 'Crude_Panel.png',
link_to = 'Crude Panel',
label = 'Crude Panel',
slot = {4, 1},
},
-- 12
{
id = 'steel_panel',
icon = 'Steel_Panel.png',
link_to = 'Steel Panel',
label = 'Steel Panel',
slot = {4, 2},
},
-- 13
{
id = 'armored_panel',
icon = 'HEAL-PANEL.png',
link_to = 'Armored Panel',
label = 'Armored Panel',
slot = {4, 3},
},
-- 14
{
id = 'olympium_panel',
icon = 'PHYS-PANEL.png',
link_to = 'Olympium Panel',
label = 'Olympium Panel',
slot = {4, 4},
},
-- 15
{
id = 'crude_door',
icon = 'Crude_Door.png',
link_to = 'Crude Door',
label = 'Crude Door',
slot = {5, 1},
},
-- 16
{
id = 'steel_door',
icon = 'Steel_Door.png',
link_to = 'Steel Door',
label = 'Steel Door',
slot = {5, 2},
},
-- 17
{
id = 'insulated_panel',
icon = 'ELEC-PANEL.png',
link_to = 'Insulated Panel',
label = 'Insulated Panel',
slot = {5, 3},
},
-- 18
{
id = 'insulated_door',
icon = 'CAGED-STEEL-DOOR.png',
link_to = 'Insulated Door',
label = 'Insulated Door',
slot = {6, 1},
},
-- 19
{
id = 'armored_door',
icon = 'PLATED-DOOR.png',
link_to = 'Armored Door',
label = 'Armored Door',
slot = {6, 2},
},
-- 20
{
id = 'lead_plated_door',
icon = 'LEAD-SHIELD-DOOR.png',
link_to = 'Lead-Plated Door',
label = 'Lead-Plated Door',
slot = {6, 3},
},
-- 21
{
id = 'olympium_door',
icon = 'REINFORCED-DOOR.png',
link_to = 'Olympium Door',
label = 'Olympium Door',
slot = {7, 2},
},
-- 22
{
id = 'anti_corrosive_door',
icon = 'STEEL-FIBRE-DOOR.png',
link_to = 'Anti-Corrosive Door',
label = 'Anti-Corrosive Door',
slot = {7, 3},
},
},
},
car_storage = {
canvas_slots = {2, 3},
edges = {
{2, 1},
{2, 3},
{3, 4},
},
nodes = {
-- 1
{
id = 'xl_roof_storage',
icon = 'ROOF-STORAGE.png',
link_to = 'XL Roof Storage',
label = 'XL Roof Storage',
slot = {1, 2},
},
-- 2
{
id = 'side_storage',
icon = 'SIDE-STORAGE.png',
link_to = 'Side Storage',
label = 'Side Storage',
slot = {2, 1},
},
-- 3
{
id = 'a_trunk_in_the_trunk',
icon = 'TRUNK-T2.png',
link_to = 'A Trunk In The Trunk',
label = 'A Trunk in the Trunk',
slot = {2, 2},
},
-- 4
{
id = 'augmented_trunk_storage',
icon = 'TRUNK-T3.png',
link_to = 'Augmented Trunk Storage',
label = 'Augmented Trunk Storage',
slot = {2, 3},
},
},
},
engines = {
canvas_slots = {2, 3},
edges = {
{2, 3},
{3, 1},
{3, 4},
},
nodes = {
-- 1
{
id = 'amp_engine',
icon = 'AMP-Icon.png',
link_to = 'AMP Engine',
label = 'AMP Engine',
slot = {1, 3},
},
-- 2
{
id = 'carbureted_engine',
icon = 'Carbureted_Icon.png',
link_to = 'Carbureted Engine',
label = 'Carbureted Engine',
slot = {2, 1},
},
-- 3
{
id = 'turbolight_engine',
icon = 'Turbolight_Icon.png',
link_to = 'Turbolight Engine',
label = 'Turbolight Engine',
slot = {2, 2},
},
-- 4
{
id = 'lim_chipped_engine',
icon = 'LIM-Chipped-Icon.png',
link_to = 'LIM-Chipped Engine',
label = 'LIM-Chipped Engine',
slot = {2, 3},
},
},
},
expansion_racks = {
canvas_slots = {3, 5},
edges = {
{1, 2},
{3, 4},
{4, 1},
{4, 5},
{5, 6},
{5, 7},
{7, 8},
},
nodes = {
-- 1
{
id = 'seat_rack_1',
icon = 'BACKSEAT-RACK.png',
link_to = 'Car#Seat_Racks',
label = 'Seat Rack',
slot = {1, 3},
},
-- 2
{
id = 'seat_rack_2',
icon = 'BACKSEAT-RACK.png',
link_to = 'Car#Seat_Racks',
label = 'Seat Rack',
slot = {1, 4},
},
-- 3
{
id = 'side_rack_1',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 1},
},
-- 4
{
id = 'side_rack_2',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 2},
},
-- 5
{
id = 'side_rack_3',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 3},
},
-- 6
{
id = 'side_rack_4',
icon = 'WINDOW-RACK.png',
link_to = 'Car#Side_Racks',
label = 'Side Rack',
slot = {2, 4},
},
-- 7
{
id = 'roof_rack_1',
icon = 'ROOF-RACK.png',
link_to = 'Car#Roof_Racks',
label = 'Roof Rack',
slot = {3, 4},
},
-- 8
{
id = 'roof_rack_2',
icon = 'ROOF-RACK.png',
link_to = 'Car#Roof_Racks',
label = 'Roof Rack',
slot = {3, 5},
},
},
},
fuel = {
canvas_slots = {3, 5},
edges = {
{2, 3},
{3, 4},
{3, 7},
{4, 1},
{4, 5},
{5, 6},
},
nodes = {
-- 1
{
id = 'leak_resistant_fuel_tank',
icon = 'LEAK-RESIST-FUEL.png',
link_to = 'Leak-Resistant Fuel Tank',
label = 'Leak-Resistant Fuel Tank',
slot = {1, 4},
},
-- 2
{
id = 'large_fuel_can',
icon = 'FUEL-CAN-5GAL.png',
link_to = 'Large Fuel Can',
label = 'Large Fuel Can',
slot = {2, 1},
},
-- 3
{
id = 'side_fuel_tank',
icon = 'SIDE-FUEL.png',
link_to = 'Side Fuel Tank',
label = 'Side Fuel Tank',
slot = {2, 2},
},
-- 4
{
id = 'backseat_tank',
icon = 'BACKSEAT-FUEL.png',
link_to = 'Backseat Tank',
label = 'Backseat Tank',
slot = {2, 3},
},
-- 5
{
id = 'backseat_tank',
icon = 'EXPANDED-BACKSEAT-FUEL.png',
link_to = 'Expanded Backseat Tank',
label = 'Expanded Backseat Tank',
slot = {2, 4},
},
-- 6
{
id = 'gas_reservoir',
icon = 'ROOF-FUEL.png',
link_to = 'Gas Reservoir',
label = 'Gas Reservoir',
slot = {2, 5},
},
-- 7
{
id = 'fuel_synthesizer',
icon = 'FUEL-GENERATOR.png',
link_to = 'Fuel Synthesizer',
label = 'Fuel Synthesizer',
slot = {3, 3},
},
},
},
garage = {
canvas_slots = {8, 6},
edges = {
{1, 2},
{2, 3},
{3, 4},
{4, 5},
{6, 1},
{7, 8},
{8, 9},
{9, 10},
{11, 6},
{11, 7},
{13, 14},
{15, 11},
{16, 12},
{16, 13},
{17, 18},
{19, 20},
{20, 15},
{20, 16},
{20, 21},
{20, 24},
{20, 25},
{21, 17},
{21, 22},
{22, 23},
{24, 28},
{25, 26},
{25, 30},
{26, 27},
{28, 29},
{29, 33},
{29, 34},
{30, 31},
{31, 32},
{34, 35},
},
nodes = {
-- 1
{
id = 'expanded_locker_4',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {1, 2},
},
-- 2
{
id = 'pneumatic_locker_1',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 3},
},
-- 3
{
id = 'pneumatic_locker_2',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 4},
},
-- 4
{
id = 'pneumatic_locker_3',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 5},
},
-- 5
{
id = 'pneumatic_locker_4',
icon = 'Basic-Storage-2.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Pneumatic Locker',
slot = {1, 6},
},
-- 6
{
id = 'expanded_locker_3',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {2, 2},
},
-- 7
{
id = 'parts_locker_1',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 3},
},
-- 8
{
id = 'parts_locker_2',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 4},
},
-- 9
{
id = 'parts_locker_3',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 5},
},
-- 10
{
id = 'parts_locker_4',
icon = 'PART-STORAGE-CONTAINER.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Parts Lockers',
slot = {2, 6},
},
-- 11
{
id = 'expanded_locker_2',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {3, 2},
},
-- 12
{
id = 'vargas_auto_pac_vac',
icon = 'Auto-Store-Vacuum-2.png',
link_to = 'Auto_Shop#Vargas_Auto-Vac',
label = 'Vargas Auto-Pac-Vac',
slot = {3, 3},
},
-- 13
{
id = 'rapid_refill_pump',
icon = 'Fast-Gas.png',
link_to = 'Fuel_Pump#Rapid_Refill_Pump',
label = 'Rapid Refill Pump',
slot = {3, 4},
},
-- 14
{
id = 'experimental_charging_station',
icon = 'Battery-Charger-2.png',
link_to = 'Fuel_Pump#Rapid_Refill_Pump',
label = 'Experimental Charging Station',
slot = {3, 5},
},
-- 15
{
id = 'expanded_locker_1',
icon = 'Basic-Storage.png',
link_to = 'Auto_Shop#Storage_Facilities',
label = 'Expanded Locker',
slot = {4, 2},
},
-- 16
{
id = 'outfitting_station',
icon = 'Player-Equip.png',
link_to = 'Auto_Shop#Outfitting_Station',
label = 'Outfitting Station',
slot = {4, 3},
},
-- 17
{
id = 'advanced_antenna',
icon = 'IMPROVED-SCANNING-2.png',
link_to = 'Junction',
label = 'Advanced Antenna',
slot = {4, 4},
},
-- 18
{
id = 'incident_board',
icon = 'Days-Board.png',
link_to = 'Auto_Shop#Incident_Board',
label = 'Incident Board',
slot = {4, 5},
},
-- 19
{
id = 'scanning_antenna',
icon = 'Zone-Scanner.png',
link_to = 'Junction',
label = 'Scanning Antenna',
slot = {5, 1},
},
-- 20
{
id = 'matter_deconstructor',
icon = 'Item-Breaker.png',
link_to = 'Auto_Shop#Matter_Deconstructor',
label = 'Matter Deconstructor',
slot = {5, 2},
},
-- 21
{
id = 'improved_antenna',
icon = 'IMPROVED-SCANNING.png',
link_to = 'Junction',
label = 'Improved Antenna',
slot = {5, 3},
},
-- 22
{
id = 'junction_restabilizer',
icon = 'Highway-Bypass.png',
link_to = 'Junction',
label = 'Junction Re-Stabilizer',
slot = {5, 4},
},
-- 23
{
id = 'junction_bypass',
icon = 'ZONE-RE-ROLLER.png',
link_to = 'Junction',
label = 'Junction Bypass',
slot = {5, 5},
},
-- 24
{
id = 'detailing_station',
icon = 'Detailing-Station.png',
link_to = 'Auto_Shop#Detailing_Station',
label = 'Detailing Station',
slot = {6, 2},
},
-- 25
{
id = 'matter_regenerator',
icon = 'Part-Incubator.png',
link_to = 'Auto_Shop#Matter_Regenerator',
label = 'Matter Regenerator',
slot = {6, 3},
},
-- 26
{
id = 'investigator_module',
icon = 'Tinker-Station-02.png',
link_to = 'Auto_Shop#Tinker_Station',
label = 'Investigator Module',
slot = {6, 4},
},
-- 27
{
id = 'analysis_module',
icon = 'Tinker-Station-03.png',
link_to = 'Auto_Shop#Tinker_Station',
label = 'Analysis Module',
slot = {6, 5},
},
-- 28
{
id = 'fax_machine',
icon = 'Fax-Machine.png',
link_to = 'Auto_Shop#F.A.X._Machine',
label = 'F.A.X. Machine',
slot = {7, 2},
},
-- 29
{
id = 'athletic_stimulation_station',
icon = 'Basketball-Icon.png',
link_to = 'Auto_Shop#Athletic_Stimulation_Station/Hoop',
label = 'Athletic Stimulation Station',
slot = {7, 3},
},
-- 30
{
id = 'advanced_workbench',
icon = 'Craft-Bench-2.png',
link_to = 'Auto_Shop#Workbench',
label = 'Advanced Workbench',
slot = {7, 4},
},
-- 31
{
id = 'expanded_matter_regenerator',
icon = 'PART-INCUBATOR-2.png',
link_to = 'Auto_Shop#Matter_Regenerator',
label = 'Expanded Matter Regenerator',
slot = {7, 5},
},
-- 32
{
id = 'repair_station',
icon = 'Repair-Stop-Fab.png',
link_to = 'Auto_Shop#Repair_Station',
label = 'Repair Station',
slot = {7, 6},
},
-- 33
{
id = 'smart_matter_deconstructor',
icon = 'Item-Breaker-2.png',
link_to = 'Auto_Shop#Matter_Deconstructor',
label = 'Smart Matter Deconstructor',
slot = {8, 3},
},
-- 34
{
id = 'deco_vend',
icon = 'Cosmetic-Printer.png',
link_to = 'Auto_Shop#Deco-Vend',
label = 'Deco-Vend',
slot = {8, 4},
},
-- 35
{
id = 'fish_tank',
icon = 'Fish-Tank.png',
link_to = 'Auto_Shop#Fish_Tank',
label = 'Fish Tank',
slot = {8, 5},
},
},
},
lights = {
canvas_slots = {6, 4},
edges = {
{3, 1},
{3, 4},
{5, 2},
{5, 6},
{6, 3},
{8, 9},
{9, 7},
{9, 10},
{9, 13},
{11, 12},
{12, 14},
},
nodes = {
-- 1
{
id = 'biolantern',
icon = 'Biolantern.png',
no_icon_padding = true,
link_to = 'Biolantern',
label = 'Biolantern',
slot = {1, 3},
},
-- 2
{
id = 'crude_flashlight',
icon = 'Crude_Flashlight.png',
no_icon_padding = true,
link_to = 'Crude Flashlight',
label = 'Crude Flashlight',
slot = {2, 2},
},
-- 3
{
id = 'bioflare',
icon = 'Bioflare.png',
no_icon_padding = true,
link_to = 'Bioflare',
label = 'Bioflare',
slot = {2, 3},
},
-- 4
{
id = 'bioflare',
icon = 'Bioflare-Gun.png',
no_icon_padding = true,
link_to = 'Bioflare Gun',
label = 'Bioflare Gun',
slot = {2, 4},
},
-- 5
{
id = 'relightable_flare',
icon = 'Relightable_Flare.png',
no_icon_padding = true,
link_to = 'Relightable Flare',
label = 'Relightable Flare',
slot = {3, 1},
},
-- 6
{
id = 'flare_gun',
icon = 'Flare_Gun.png',
no_icon_padding = true,
link_to = 'Flare Gun',
label = 'Flare Gun',
slot = {3, 2},
},
-- 7
{
id = 'insulated_headlight',
icon = 'Insulated_Headlight_Icon.png',
link_to = 'Insulated Headlight',
label = 'Insulated Headlight',
slot = {3, 3},
},
-- 8
{
id = 'crude_headlight',
icon = 'Crude_Headlight_Icon.png',
link_to = 'Crude Headlight',
label = 'Crude Headlight',
slot = {4, 1},
},
-- 9
{
id = 'headlight',
icon = 'Headlight_Icon.png',
link_to = 'Headlight',
label = 'Headlight',
slot = {4, 2},
},
-- 10
{
id = 'reinforced_headlight',
icon = 'PHYS-LIGHT.png',
link_to = 'Reinforced Headlight',
label = 'Reinforced Headlight',
slot = {4, 3},
},
-- 11
{
id = 'side_floodlights',
icon = 'SIDE-LIGHT.png',
link_to = 'Side Floodlights',
label = 'Side Floodlights',
slot = {5, 1},
},
-- 12
{
id = 'roof_floodlights',
icon = 'ROOF-ARRAY.png',
link_to = 'Roof Floodlights',
label = 'Roof Floodlights',
slot = {5, 2},
},
-- 13
{
id = 'bio_headlight',
icon = 'BIO-LIGHT.png',
link_to = 'Bio Headlight',
label = 'Bio Headlight',
slot = {5, 3},
},
-- 14
{
id = 'auto_tracking_spotlight',
icon = 'ROOF-LIGHT.png',
link_to = 'Auto Tracking Spotlight',
label = 'Auto Tracking Spotlight',
slot = {6, 3},
},
},
},
refine = {
canvas_slots = {1, 6},
edges = {
{1, 2},
{2, 3},
{3, 4},
{4, 5},
{5, 6},
},
nodes = {
-- 1
{
id = 'gear',
icon = 'GEAR.png',
link_to = 'Gear',
label = 'Gear',
slot = {1, 1},
},
-- 2
{
id = 'bulb',
icon = 'BULB.png',
link_to = 'Bulb',
label = 'Bulb',
slot = {1, 2},
},
-- 3
{
id = 'steel_sheet',
icon = 'STEEL-SHEET_Inverted.png',
link_to = 'Steel Sheet',
label = 'Steel Sheet',
slot = {1, 3},
},
-- 4
{
id = 'circuit_board',
icon = 'BREADBOARD.png',
link_to = 'Circuit Board',
label = 'Circuit Board',
slot = {1, 4},
},
-- 5
{
id = 'carbonfiberglass',
icon = 'CARBON-FIBREGLASS.png',
link_to = 'Carbonfiberglass',
label = 'Carbonfiberglass',
slot = {1, 5},
},
-- 6
{
id = 'lim_chip',
icon = 'LIM-CHIP.png',
link_to = 'LIM Chip',
label = 'LIM Chip',
slot = {1, 6},
},
},
},
survival_tools = {
canvas_slots = {6, 3},
edges = {
{2, 1},
{4, 2},
{4, 5},
{5, 3},
{7, 8},
{7, 11},
{8, 6},
{8, 9},
{10, 13},
{10, 14},
{11, 12},
{14, 15},
},
nodes = {
-- 1
{
id = 'olympium_torch',
icon = 'PLASMA-TORCH.png',
link_to = 'Olympium Torch',
label = 'Olympium Torch',
slot = {1, 3},
},
-- 2
{
id = 'blowtorch',
icon = 'TORCH.png',
link_to = 'Blowtorch',
label = 'Blowtorch',
slot = {2, 2},
},
-- 3
{
id = 'electricians_kit',
icon = 'Electricians_Kit.png',
link_to = 'Electrician\'s Kit',
label = 'Electrician\'s Kit',
slot = {2, 3},
},
-- 4
{
id = 'repair_putty',
icon = 'REPAIR-PUTTY.png',
link_to = 'Repair Putty',
label = 'Repair Putty',
slot = {3, 1},
},
-- 5
{
id = 'light_replacement_kit',
icon = 'Light_Replacement_Kit.png',
link_to = 'Light Replacement Kit',
label = 'Light Replacement Kit',
slot = {3, 2},
},
-- 6
{
id = 'thermal_vacuum',
icon = 'Thermal_Vacuum.png',
link_to = 'Thermal Vacuum',
label = 'Thermal Vacuum',
slot = {3, 3},
},
-- 7
{
id = 'scrapper',
icon = 'Scrapper.png',
link_to = 'Scrapper',
label = 'Scrapper',
slot = {4, 1},
},
-- 8
{
id = 'hand_vac',
icon = 'Hand-Vac.png',
link_to = 'Hand-Vac',
label = 'Hand-Vac',
slot = {4, 2},
},
-- 9
{
id = 'plasma_scrapper',
icon = 'Plasma_Scrapper.png',
link_to = 'Plasma Scrapper',
label = 'Plasma Scrapper',
slot = {4, 3},
},
-- 10
{
id = 'prybar',
icon = 'Prybar.png',
link_to = 'Prybar',
label = 'Prybar',
slot = {5, 1},
},
-- 11
{
id = 'liberator',
icon = 'Liberator.png',
link_to = 'Liberator',
label = 'Liberator',
slot = {5, 2},
},
-- 12
{
id = 'liberator_mk2',
icon = 'LIBERATOR-2.png',
link_to = 'Liberator Mk. 2',
label = 'Liberator Mk. 2',
slot = {5, 3},
},
-- 13
{
id = 'anchor_radar',
icon = 'Anchor_Radar.png',
link_to = 'Anchor Radar',
label = 'Anchor Radar',
slot = {6, 1},
},
-- 14
{
id = 'impact_hammer',
icon = 'Impact_Hammer.png',
link_to = 'Impact Hammer',
label = 'Impact Hammer',
slot = {6, 2},
},
-- 15
{
id = 'magnetic_hammer',
icon = 'Magnetic_Hammer.png',
link_to = 'Magnetic Hammer',
label = 'Magnetic Hammer',
slot = {6, 3},
},
},
},
utilities = {
canvas_slots = {3, 5},
edges = {
{4, 1},
{4, 5},
{4, 9},
{5, 6},
{5, 10},
{6, 2},
{6, 7},
{6, 11},
{7, 3},
{7, 8},
{7, 12},
},
nodes = {
-- 1
{
id = 'the_auto_parker',
icon = 'PARKING-MANOUVER.png',
link_to = 'The Auto Parker',
label = 'The Auto Parker',
slot = {1, 2},
},
-- 2
{
id = 'the_lazarus_device',
icon = 'LIFESAVER.png',
link_to = 'The Lazarus Device',
label = 'The Lazarus Device',
slot = {1, 4},
},
-- 3
{
id = 'chrono_dilator',
icon = 'TIME-MANOUVER.png',
link_to = 'Chrono Dilator',
label = 'Chrono Dilator',
slot = {1, 5},
},
-- 4
{
id = 'limpulse_emitter',
icon = 'PHYS-WAVE-SHIELD.png',
link_to = 'Limpulse Emitter',
label = 'Limpulse Emitter',
slot = {2, 1},
},
-- 5
{
id = 'jump_jacks',
icon = 'JUMP-MANOUVER.png',
link_to = 'Jump Jacks',
label = 'Jump Jacks',
slot = {2, 2},
},
-- 6
{
id = 'ion_shield',
icon = 'ROOF-RAD-SHIELD.png',
link_to = 'Ion Shield',
label = 'Ion Shield',
slot = {2, 3},
},
-- 7
{
id = 'mobile_workbench',
icon = 'BENCH-T1.png',
link_to = 'Mobile Workbench',
label = 'Mobile Workbench',
slot = {2, 4},
},
-- 8
{
id = 'magnetic_bumper',
icon = 'MAGNET-BUMPER.png',
link_to = 'Magnetic Bumper',
label = 'Magnetic Bumper',
slot = {2, 5},
},
-- 9
{
id = 'resource_radar',
icon = 'RESOURCE-SCANNER.png',
link_to = 'Resource Radar',
label = 'Resource Radar',
slot = {3, 2},
},
-- 10
{
id = 'juke_jets',
icon = 'SIDE-THRUSTERS-MANOUVER.png',
link_to = 'Juke Jets',
label = 'Juke Jets',
slot = {3, 3},
},
-- 11
{
id = 'nitro_boost',
icon = 'BOOST-MANOUVER.png',
link_to = 'Nitro Boost',
label = 'Nitro Boost',
slot = {3, 4},
},
-- 12
{
id = 'anti_grav_emitter',
icon = 'GRAVITY-MANOUVER.png',
link_to = 'Anti-Grav Emitter',
label = 'Anti-Grav Emitter',
slot = {3, 5},
},
},
},
wheels = {
canvas_slots = {3, 5},
edges = {
{2, 3},
{3, 4},
{4, 1},
{4, 5},
{4, 7},
{5, 6},
},
nodes = {
-- 1
{
id = 'puncture_proof_tire',
icon = 'PUNCTURE-RESISTANT-TIRE.png',
link_to = 'Puncture-Proof Tire',
label = 'Puncture-Proof Tire',
slot = {1, 4},
},
-- 2
{
id = 'spare_tire',
icon = 'Spare_Tire_Icon.png',
link_to = 'Spare Tire',
label = 'Spare Tire',
slot = {2, 1},
},
-- 3
{
id = 'summer_tire',
icon = 'Summer_Tire_Icon.png',
link_to = 'Summer Tire',
label = 'Summer Tire',
slot = {2, 2},
},
-- 4
{
id = 'offroad_tire',
icon = 'OFFROAD-TIRE.png',
link_to = 'Offroad Tire',
label = 'Offroad Tire',
slot = {2, 3},
},
-- 5
{
id = 'all_terrain_tire',
icon = 'ADAPTIVE-TIRE.png',
link_to = 'All-Terrain Tire',
label = 'All-Terrain Tire',
slot = {2, 4},
},
-- 6
{
id = 'power_grip_tire',
icon = 'POWER-GRIP-TIRE.png',
link_to = 'Power Grip Tires',
label = 'Power Grip Tires',
slot = {2, 5},
},
-- 7
{
id = 'paddle_tire',
icon = 'WATER-TIRE.png',
link_to = 'Paddle Tire',
label = 'Paddle Tire',
slot = {3, 4},
},
},
},
}

function css_px( n )
return string.format('%spx', n)
end

-- returns inverted order because cols produce x, rows produce y
function get_canvas_size( tab )
return {
p.consts.canvas_padding * 2 + tab.canvas_slots[2] * p.consts.node_size[2] + (tab.canvas_slots[2] - 1) * p.consts.node_spacing[2],
p.consts.canvas_padding * 2 + tab.canvas_slots[1] * p.consts.node_size[1] + (tab.canvas_slots[1] - 1) * p.consts.node_spacing[1],
}
end

-- returns inverted order because cols produce x, rows produce y
function get_node_anchor_pos( node_slot )
return {
p.consts.canvas_padding + (node_slot[2] - 1) * (p.consts.node_size[2] + p.consts.node_spacing[2]),
p.consts.canvas_padding + (node_slot[1] - 1) * (p.consts.node_size[1] + p.consts.node_spacing[1]),
}
end

-- does not return inverted order because it's already been inverted by get_node_anchor_pos
function get_node_graph_anchor_pos( node_slot )
local anchor_pos = get_node_anchor_pos(node_slot)
local offset_x = p.consts.node_size[1] / 2
local offset_y = offset_x - p.consts.node_padding[1] - p.consts.icon_edge_thickness
return { anchor_pos[1] + offset_x, anchor_pos[2] + offset_y }
end

function render_node_label( html_ref, node )
return html_ref
:tag('div')
:css({
['font-family'] = 'var(--font-family-monospace)',
['font-size'] = css_px(p.consts.label_font_size),
['line-height'] = '1em',
['color'] = 'white',
['width'] = css_px(p.consts.node_icon_container_size),
['text-align'] = 'end'
})
:wikitext(node.label)
:done()
end

function render_node_icon( html_ref, node )
return html_ref
:tag('div')
:css({
['position'] = 'relative',
['border'] = '6px double white',
['width'] = css_px(p.consts.node_icon_container_size),
['height'] = css_px(p.consts.node_icon_container_size),
['padding'] = node.no_icon_padding and '0px' or css_px(p.consts.node_icon_padding),
})
:wikitext(string.format(p.consts.wikitext_template_link, node.link_to))
:newline()
:wikitext(string.format(p.consts.wikitext_template_icon, node.icon, p.consts.node_icon_size + (node.no_icon_padding and p.consts.node_icon_padding * 2 or 0)))
:done()
end

function render_node( html_ref, node )
local res = html_ref
local anchor_pos = get_node_anchor_pos(node.slot)
local padding = p.consts.node_padding
res = html_ref
:tag('div')
:css({
['position'] = 'absolute',
['padding'] = string.format('%spx %spx %spx %spx', padding[1], padding[2], padding[3], padding[4]),
['width'] = css_px(p.consts.node_size[1]),
['height'] = css_px(p.consts.node_size[2]),
['background-color'] = p.consts.bg_color,
['transform'] = string.format('translate(%spx, %spx)', anchor_pos[1], anchor_pos[2])
})
res = render_node_icon(res, node)
res = render_node_label(res, node)
return res:done()
end

function render_edge( html_ref, node_slot_1, node_slot_2 )
local pos_1 = get_node_graph_anchor_pos(node_slot_1)
local pos_2 = get_node_graph_anchor_pos(node_slot_2)
local delta_x = pos_2[1] - pos_1[1]
local delta_y = pos_2[2] - pos_1[2]
local edge_len = (delta_x ^ 2 + delta_y ^ 2) ^ 0.5
local center_tgt = { pos_1[1] + delta_x / 2, pos_1[2] + delta_y / 2 }
local center_orig = { edge_len / 2, 0 }
local translate_by = { center_tgt[1] - center_orig[1], center_tgt[2] - center_orig[2] }
local rotate_by = math.atan(delta_y / delta_x)

return html_ref
:tag('div')
:css({
['position'] = 'absolute',
['width'] = css_px(edge_len),
['height'] = css_px(p.consts.icon_edge_thickness),
['background-color'] = 'white',
['transform'] = string.format('translate(%spx, %spx) rotate(%srad)', translate_by[1], translate_by[2], rotate_by)
})
:done()
end

function p.main(frame)
local tab_name = frame.args.tab
local tab = p.tabs[tab_name]
local tab_canvas_size = get_canvas_size(tab)
local viewport_size = {
tab_canvas_size[1] + 10,
math.min(tab_canvas_size[2], 390) + 10
}

local html_ref = mw.html.create('div')
:css({
['max-width'] = '100%',
['width'] = css_px(viewport_size[1]),
['height'] = css_px(viewport_size[2]),
['overflow'] = 'auto'
})
:tag('div')
:css({
['position'] = 'relative',
['width'] = css_px(tab_canvas_size[1]),
['height'] = css_px(tab_canvas_size[2]),
['background-color'] = p.consts.bg_color
})
for k, v in pairs(tab.edges) do
html_ref = render_edge(html_ref, tab.nodes[v[1]].slot, tab.nodes[v[2]].slot)
end
for k, v in pairs(tab.nodes) do
html_ref = render_node(html_ref, v)
end
return tostring(html_ref:allDone())
end

return p

File:Basketball-Icon.png

2024-10-20T08:28:09Z

Pygmyowl:

File:Zone-Scanner.png

2024-10-20T08:25:55Z

Pygmyowl:

File:ZONE-RE-ROLLER.png

2024-10-20T08:25:48Z

Pygmyowl:

File:TORCH.png

2024-10-20T08:25:41Z

Pygmyowl:

File:Tinker-Station-03.png

2024-10-20T08:25:33Z

Pygmyowl:

File:Tinker-Station-02.png

2024-10-20T08:25:27Z

Pygmyowl:

File:Tinker-Station-01.png

2024-10-20T08:25:21Z

Pygmyowl:

File:Repair-Stop-Fab.png

2024-10-20T08:25:10Z

Pygmyowl:

File:Player-Equip.png

2024-10-20T08:25:02Z

Pygmyowl:

File:PLASMA-TORCH.png

2024-10-20T08:24:54Z

Pygmyowl:

File:PART-STORAGE-CONTAINER.png

2024-10-20T08:24:38Z

Pygmyowl:

File:PART-INCUBATOR-2.png

2024-10-20T08:24:21Z

Pygmyowl:

File:Part-Incubator.png

2024-10-20T08:24:14Z

Pygmyowl:

File:LIBERATOR-2.png

2024-10-20T08:24:08Z

Pygmyowl:

File:Item-Breaker-2.png

2024-10-20T08:24:00Z

Pygmyowl:

File:Item-Breaker.png

2024-10-20T08:23:53Z

Pygmyowl:

File:IMPROVED-SCANNING-2.png

2024-10-20T08:23:46Z

Pygmyowl:

File:IMPROVED-SCANNING.png

2024-10-20T08:23:40Z

Pygmyowl:

File:Highway-Bypass.png

2024-10-20T08:23:33Z

Pygmyowl:

File:FUEL-CAN-5GAL.png

2024-10-20T08:23:26Z

Pygmyowl:

File:Fish-Tank.png

2024-10-20T08:23:17Z

Pygmyowl: