Initial Space Age support.

building.js

@@ -18,11 +18,12 @@ import { Rational, zero, one } from "./rational.js"
 let thirty = Rational.from_float(30)
 
 class Building {
-    constructor(key, name, col, row, categories, speed, moduleSlots, power, fuel) {
+    constructor(key, name, col, row, categories, speed, prodBonus, moduleSlots, power, fuel) {
         this.key = key
         this.name = name
         this.categories = new Set(categories)
         this.speed = speed
+        this.prodBonus = prodBonus
         this.moduleSlots = moduleSlots
         this.power = power
         this.fuel = fuel
@@ -54,7 +55,7 @@ class Building {
         return this.moduleSlots > 0
     }
     prodEffect(spec) {
-        return zero
+        return this.prodBonus
     }
     drain() {
         return this.power.div(thirty)
@@ -88,7 +89,7 @@ class Building {
 
 class Miner extends Building {
     constructor(key, name, col, row, categories, miningSpeed, moduleSlots, power, fuel) {
-        super(key, name, col, row, categories, 0, moduleSlots, power, fuel)
+        super(key, name, col, row, categories, zero, zero, moduleSlots, power, fuel)
         this.miningSpeed = miningSpeed
     }
     less(other) {
@@ -137,6 +138,33 @@ class Miner extends Building {
     }
 }
 
+class OffshorePump extends Building {
+    constructor(key, name, col, row, pumpingSpeed) {
+        super(key, name, col, row, ["offshore-pumping"], zero, zero, 0, zero, null)
+        this.pumpingSpeed = pumpingSpeed
+    }
+    less(other) {
+        return this.pumpingSpeed.less(other.pumpingSpeed)
+    }
+    getRecipeRate(spec, recipe) {
+        return this.pumpingSpeed
+    }
+    renderTooltip() {
+        let self = this
+        let t = d3.create("div")
+            .classed("frame", true)
+        let header = t.append("h3")
+        header.append(() => self.icon.make(32, true))
+        header.append(() => new Text(self.name))
+        let line = t.append("div")
+        line.append("b")
+            .text("Pumping speed: ")
+        line.append("span")
+            .text(`${spec.format.rate(this.pumpingSpeed)}/${spec.format.rateName}`)
+        return t.node()
+    }
+}
+
 let rocketLaunchDuration = Rational.from_floats(2434, 60)
 
 function launchRate(spec) {
@@ -179,20 +207,6 @@ function renderTooltipBase() {
 
 export function getBuildings(data, items) {
     let buildings = []
-    let pumpDef = items.get("offshore-pump")
-    let pump = new Building(
-        "offshore-pump",
-        pumpDef.name,
-        pumpDef.icon_col,
-        pumpDef.icon_row,
-        ["water"],
-        one,
-        0,
-        zero,
-        null,
-    )
-    pump.renderTooltip = renderTooltipBase
-    buildings.push(pump)
     let reactorDef = items.get("nuclear-reactor")
     let reactor = new Building(
         "nuclear-reactor",
@@ -201,6 +215,7 @@ export function getBuildings(data, items) {
         reactorDef.icon_row,
         ["nuclear"],
         one,
+        zero,
         0,
         zero,
         null
@@ -223,6 +238,7 @@ export function getBuildings(data, items) {
         boilerItem.icon_row,
         ["boiler"],
         one,
+        zero,
         0,
         boiler_energy,
         "chemical",
@@ -238,6 +254,7 @@ export function getBuildings(data, items) {
         siloDef.icon_row,
         ["rocket-launch"],
         one,
+        zero,
         0,
         zero,
         null
@@ -249,13 +266,18 @@ export function getBuildings(data, items) {
         if (d.energy_source && d.energy_source.type === "burner") {
             fuel = d.energy_source.fuel_category
         }
+        let prod = zero
+        if (d.prod_bonus) {
+            prod = Rational.from_float_approximate(d.prod_bonus)
+        }
         buildings.push(new Building(
             d.key,
             d.localized_name.en,
             d.icon_col,
             d.icon_row,
             d.crafting_categories,
             Rational.from_float_approximate(d.crafting_speed),
+            prod,
             d.module_slots,
             Rational.from_float_approximate(d.energy_usage),
             fuel
@@ -269,11 +291,23 @@ export function getBuildings(data, items) {
             d.icon_row,
             d.crafting_categories,
             Rational.from_float_approximate(d.crafting_speed),
+            zero,
             d.module_slots,
             Rational.from_float_approximate(d.energy_usage),
             null
         ))
     }
+    for (let d of data.offshore_pumps) {
+        // Pumping speed is given in units/tick.
+        let speed = Rational.from_float_approximate(d.pumping_speed).mul(Rational.from_float(60))
+        buildings.push(new OffshorePump(
+            d.key,
+            d.localized_name.en,
+            d.icon_col,
+            d.icon_row,
+            speed,
+        ))
+    }
     for (let d of data.mining_drills) {
         if (d.key == "pumpjack") {
             continue
@@ -287,7 +321,7 @@ export function getBuildings(data, items) {
             d.localized_name.en,
             d.icon_col,
             d.icon_row,
-            ["mining-basic-solid"],
+            d.resource_categories,
             Rational.from_float_approximate(d.mining_speed),
             d.module_slots,
             Rational.from_float_approximate(d.energy_usage),

calc.css

@@ -186,7 +186,7 @@ input.prec, input.mprod {
 .radio-setting input[type="radio"]:checked + label {
     background: var(--accent);
 }
-#recipe_toggles .toggle {
+.toggle-list .toggle {
     cursor: pointer;
     display: inline-block;
     border-radius: 4px;
@@ -195,13 +195,13 @@ input.prec, input.mprod {
     padding: 2px;
     background-color: var(--dark);
 }
-#recipe_toggles .toggle:hover {
+.toggle-list .toggle:hover {
     border-color: var(--bright);
 }
-#recipe_toggles .selected {
+.toggle-list .selected {
     border-color: var(--accent);
 }
-#recipe_toggles .selected:hover {
+.toggle-list .selected:hover {
     /*border-color: var(--accent);*/
 }
 #resource_settings {

calc.html

@@ -240,6 +240,14 @@
         <td colspan="2"><span>Recipes</span><hr></td>
         </tr>
 
+            <tr id="planet_setting_row" class="setting-row">
+            <td class="setting-label top">Planets:</td>
+            <td>
+                <div>(Click to select one planet, shift-click to select multiple.)</div>
+                <div id="planet_selector"></div>
+            </td>
+            </tr>
+
             <tr class="setting-row">
             <td class="setting-label top-icon"><div><span>Toggle recipes:</span></div></td>
             <td><div id="recipe_toggles"></div></td>