/** @jsxImportSource https://esm.sh/react@18.2.0 */ import { createRoot } from "https://esm.sh/react-dom@18.2.0/client"; import React, { useState } from "https://esm.sh/react@18.2.0"; function ACCalculator() { const [length, setLength] = useState(3); // Changed from 10 ft to 3 metres const [width, setWidth] = useState(3); // Changed from 10 ft to 3 metres const [height, setHeight] = useState(2.4); // Changed from 8 ft to 2.4 metres const [roomType, setRoomType] = useState("living"); const [insulationType, setInsulationType] = useState("standard"); const [region, setRegion] = useState("auckland"); const [result, setResult] = useState(""); // Conversion constants const BTU_TO_KW = 0.000293; // 1 BTU = 0.000293 kW const KW_CONVERSION_FACTOR = { heating: 1.0, // Slightly different factors for heating and cooling cooling: 1.2, // Cooling tends to require slightly more capacity }; const nzRegionEfficiencyFactors = { "auckland": { heating: 1.0, cooling: 1.1, description: "🌞 Subtropical (North Island)" }, "wellington": { heating: 1.1, cooling: 0.9, description: "🍃 Temperate Maritime" }, "christchurch": { heating: 1.2, cooling: 0.8, description: "❄️ Continental (South Island)" }, "queenstown": { heating: 1.3, cooling: 0.7, description: "🏔️ Alpine (Southern)" }, "hamilton": { heating: 1.05, cooling: 1.0, description: "🌿 Waikato Mild" }, "tauranga": { heating: 1.02, cooling: 1.05, description: "🏖️ Bay of Plenty Coastal" }, "rotorua": { heating: 1.08, cooling: 0.95, description: "🌋 Geothermal Zone" }, "napier": { heating: 1.06, cooling: 1.02, description: "🍇 Hawke's Bay Warm" }, "nelson": { heating: 1.04, cooling: 1.03, description: "☀️ Sunniest Region" }, "dunedin": { heating: 1.25, cooling: 0.75, description: "❄️ Southern Cool" }, "palmerston-north": { heating: 1.12, cooling: 0.92, description: "🍂 Central Plateau" }, }; const roomTypeFactors = { "living": 1.2, "bedroom": 1.0, "kitchen": 1.3, "office": 1.1, "garage": 0.8, }; const insulationFactors = { "poor": 1.3, "standard": 1.0, "good": 0.8, "excellent": 0.6, }; const calculateHeatPumpSize = () => { const roomArea = length * width; const regionFactor = nzRegionEfficiencyFactors[region]; const roomTypeFactor = roomTypeFactors[roomType]; const insulationFactor = insulationFactors[insulationType]; // Base BTU calculation with NZ-specific adjustments // Convert m² to sq ft for BTU calculation (1 m² = 10.7639 sq ft) let baseBTU = (roomArea * 10.7639) * 25; // Slightly higher base for NZ climate // Adjust for room characteristics baseBTU *= roomTypeFactor * insulationFactor; // Ceiling height adjustment (convert metres to feet) if (height > 2.4) { baseBTU += ((height - 2.4) * 3.28084) * length * width * 2.5; } // Regional and efficiency considerations const adjustedBTU = baseBTU * regionFactor.heating; // Convert BTU to kW with region-specific conversion const heatingKW = adjustedBTU * BTU_TO_KW * KW_CONVERSION_FACTOR.heating; const coolingKW = adjustedBTU * BTU_TO_KW * KW_CONVERSION_FACTOR.cooling; // NZ-specific Heat Pump Recommendations let heatPumpRecommendation = ""; if (heatingKW < 2.1) { heatPumpRecommendation = "Small Single Room Heat Pump (2.0 kW)\n• Ideal for bedrooms or small spaces\n• Suitable for 20-40 m²"; } else if (heatingKW < 3.5) { heatPumpRecommendation = "Standard Single Room Heat Pump (3.5 kW)\n• Perfect for living rooms or master bedrooms\n• Covers 40-70 m²"; } else if (heatingKW < 5.0) { heatPumpRecommendation = "Large Room/Open Plan Heat Pump (5.0 kW)\n• Great for open living areas\n• Covers 70-100 m²"; } else if (heatingKW < 7.0) { heatPumpRecommendation = "Multi-Zone Heat Pump System (7.0 kW)\n• Ideal for large homes or multiple rooms\n• Covers 100-150 m²"; } else { heatPumpRecommendation = "Whole Home Heat Pump System\n• Multiple units or central system\n• Consult NZ HVAC professional"; } setResult(`🌡️ New Zealand Heat Pump Sizing Report Room Specifications: • Dimensions: ${length} m × ${width} m × ${height} m • Area: ${roomArea.toFixed(2)} m² • Room Type: ${roomType.charAt(0).toUpperCase() + roomType.slice(1)} • Insulation: ${insulationType.charAt(0).toUpperCase() + insulationType.slice(1)} • Region: ${region.split("-").map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(" ")} Calculated Capacity Requirements: • Base Heating Capacity: ${heatingKW.toFixed(2)} kW • Cooling Capacity: ${coolingKW.toFixed(2)} kW ${regionFactor.description} Recommended Heat Pump: ${heatPumpRecommendation} Efficiency Insights: • Regional Heating Factor: ${regionFactor.heating} • Room Type Adjustment: ${roomTypeFactor} • Insulation Impact: ${insulationFactor}`); }; return (

NZ Heat Pump Calculator

Room Length (metres): setLength(Number(e.target.value))} /> Room Width (metres): setWidth(Number(e.target.value))} /> Ceiling Height (metres): setHeight(Number(e.target.value))} /> Room Type: Insulation Quality: Region:

{result &&

{result}

}

💡 Disclaimer: Professional assessment recommended for precise sizing.

View Source

); } function client() { createRoot(document.getElementById("root")).render(); } if (typeof document !== "undefined") { client(); } export default async function server(request: Request): Promise { return new Response( ` NZ Heat Pump Capacity Calculator

`, { headers: { "content-type": "text/html" }, }, ); } const css = ` body { font-family: system-ui, sans-serif; max-width: 600px; margin: 0 auto; padding: 20px; line-height: 1.6; background-color: #f4f6f9; } .calculator { background-color: white; border-radius: 12px; padding: 25px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); } h1 { color: #1a73e8; text-align: center; margin-bottom: 20px; } .inputs { display: flex; flex-direction: column; gap: 15px; } label { font-weight: 600; color: #333; } input, select { width: 100%; padding: 10px; margin-top: 5px; border: 1px solid #ddd; border-radius: 6px; } button { background-color: #1a73e8; color: white; border: none; padding: 12px; border-radius: 8px; cursor: pointer; transition: background-color 0.3s; } button:hover { background-color: #1557b0; } .result { margin-top: 25px; padding: 20px; background-color: #f1f3f4; border-radius: 8px; white-space: pre-wrap; font-family: monospace; } .note { margin-top: 20px; text-align: center; font-size: 0.9em; color: #666; } a { color: #1a73e8; text-decoration: none; } `;

NZHEATPUMPS