[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","6a03453861a48191aa88352b954d9620","versionInt","title","Mvr Steam Blower Sizing App","type","code/react","content","import React, { useMemo, useState } from \"react\";\n\nconst styles = {\n page: { minHeight: \"100vh\", background: \"#020617\", color: \"#e2e8f0\", padding: 24, fontFamily: \"Inter, system-ui, sans-serif\" },\n wrap: { maxWidth: 1220, margin: \"0 auto\", display: \"grid\", gap: 24 },\n heroGrid: { display: \"grid\", gridTemplateColumns: \"minmax(0,1.05fr) minmax(320px,0.95fr)\", gap: 24 },\n mainGrid: { display: \"grid\", gridTemplateColumns: \"420px minmax(0,1fr)\", gap: 24 },\n card: { background: \"#0f172a\", border: \"1px solid #1e293b\", borderRadius: 24, boxShadow: \"0 18px 50px rgba(0,0,0,0.35)\", padding: 24 },\n softCard: { background: \"linear-gradient(135deg, rgba(8,145,178,.35), rgba(15,23,42,1))\", border: \"1px solid #1e293b\", borderRadius: 24, boxShadow: \"0 18px 50px rgba(0,0,0,0.35)\", padding: 24 },\n badge: { display: \"inline-flex\", gap: 8, alignItems: \"center\", padding: \"6px 12px\", borderRadius: 999, background: \"rgba(6,182,212,.12)\", color: \"#67e8f9\", fontSize: 14 },\n title: { fontSize: 40, lineHeight: 1.05, margin: \"18px 0 12px\", color: \"white\", fontWeight: 850 },\n text: { color: \"#cbd5e1\", fontSize: 17, lineHeight: 1.55 },\n warning: { marginTop: 18, padding: 16, borderRadius: 18, background: \"rgba(30,41,59,.8)\", border: \"1px solid #334155\", color: \"#cbd5e1\", fontSize: 14 },\n metricGrid: { display: \"grid\", gridTemplateColumns: \"repeat(2,minmax(0,1fr))\", gap: 14 },\n metric: { background: \"rgba(2,6,23,.55)\", border: \"1px solid #334155\", borderRadius: 20, padding: 16 },\n metricIcon: { fontSize: 26, marginBottom: 8 },\n metricLabel: { color: \"#94a3b8\", fontSize: 13 },\n metricValue: { color: \"white\", fontSize: 24, fontWeight: 850, marginTop: 4 },\n sectionTitle: { display: \"flex\", alignItems: \"center\", gap: 10, fontSize: 22, color: \"white\", fontWeight: 800, marginBottom: 18 },\n inputGroup: { marginBottom: 14 },\n label: { display: \"block\", color: \"#cbd5e1\", fontSize: 14, marginBottom: 7 },\n input: { width: \"100%\", boxSizing: \"border-box\", background: \"#1e293b\", border: \"1px solid #334155\", color: \"white\", borderRadius: 12, padding: \"11px 12px\", fontSize: 15, outline: \"none\" },\n select: { width: \"100%\", boxSizing: \"border-box\", background: \"#1e293b\", border: \"1px solid #334155\", color: \"white\", borderRadius: 12, padding: \"11px 12px\", fontSize: 15 },\n button: { width: \"100%\", border: 0, borderRadius: 14, padding: \"12px 14px\", fontWeight: 850, background: \"#06b6d4\", color: \"#06202a\", cursor: \"pointer\" },\n smallButton: { border: 0, borderRadius: 12, padding: \"10px 12px\", fontWeight: 750, background: \"#1e293b\", color: \"white\", cursor: \"pointer\" },\n resultGrid: { display: \"grid\", gridTemplateColumns: \"repeat(3,minmax(0,1fr))\", gap: 14 },\n result: { background: \"rgba(30,41,59,.75)\", border: \"1px solid #334155\", borderRadius: 18, padding: 16 },\n resultHi: { background: \"rgba(6,182,212,.12)\", border: \"1px solid rgba(103,232,249,.3)\", borderRadius: 18, padding: 16 },\n resultLabel: { color: \"#94a3b8\", fontSize: 13 },\n resultValue: { color: \"white\", fontSize: 21, fontWeight: 850, marginTop: 5 },\n recommend: { border: \"1px solid rgba(103,232,249,.3)\", background: \"rgba(6,182,212,.1)\", borderRadius: 20, padding: 18 },\n tableWrap: { overflowX: \"auto\", border: \"1px solid #1e293b\", borderRadius: 18 },\n table: { width: \"100%\", borderCollapse: \"collapse\", fontSize: 14 },\n th: { background: \"#1e293b\", color: \"#cbd5e1\", textAlign: \"left\", padding: 12, whiteSpace: \"nowrap\" },\n td: { borderTop: \"1px solid #1e293b\", padding: 12, color: \"#cbd5e1\", whiteSpace: \"nowrap\" },\n ok: { color: \"#6ee7b7\", fontWeight: 850 },\n bad: { color: \"#fda4af\", fontWeight: 850 },\n};\n\nconst pressureColumnsKpa = [9.8, 14.7, 19.6, 24.5, 29.4, 34.3, 39.2, 44.1, 49.0, 53.9, 58.8];\n\nconst seriesCatalogue = {\n mv: {\n name: \"MV Three-Lobe Roots Blower\",\n pressureMin: 9.8,\n pressureMax: 58.8,\n note: \"Use for normal MVR pressure lifts up to about 0.6 bar differential.\",\n models: [\n { model: \"MV 50\", minFlow: 0.5, maxFlow: 1.6, rpmMin: 1100, rpmMax: 2120, motorKw: \"0.75-3\" },\n { model: \"MV 65\", minFlow: 1.0, maxFlow: 3.4, rpmMin: 1140, rpmMax: 2130, motorKw: \"1.5-5.5\" },\n { model: \"MV 80\", minFlow: 2.3, maxFlow: 6.1, rpmMin: 1140, rpmMax: 2100, motorKw: \"2.2-11\" },\n { model: \"MV 100\", minFlow: 3.5, maxFlow: 9.5, rpmMin: 970, rpmMax: 2000, motorKw: \"4-18.5\" },\n { model: \"MV 125\", minFlow: 5.3, maxFlow: 13.4, rpmMin: 980, rpmMax: 2000, motorKw: \"5.5-30\" },\n { model: \"MV 150\", minFlow: 11.0, maxFlow: 29.6, rpmMin: 810, rpmMax: 1900, motorKw: \"11-55\" },\n { model: \"MV 175\", minFlow: 19.0, maxFlow: 44.0, rpmMin: 730, rpmMax: 1550, motorKw: \"18.5-75\" },\n { model: \"MV 200\", minFlow: 31.0, maxFlow: 70.0, rpmMin: 650, rpmMax: 1450, motorKw: \"30-110\" },\n { model: \"MV 250\", minFlow: 55.0, maxFlow: 115.0, rpmMin: 580, rpmMax: 1250, motorKw: \"55-200\" },\n { model: \"MV 300\", minFlow: 90.0, maxFlow: 198.0, rpmMin: 500, rpmMax: 1100, motorKw: \"90-315\" },\n ],\n },\n mvhb: {\n name: \"MV-HB High-Pressure Roots Blower\",\n pressureMin: 58.8,\n pressureMax: 98.0,\n note: \"Use when pressure lift is above standard MV range.\",\n models: [\n { model: \"MV-HB 80\", minFlow: 2.0, maxFlow: 5.5, rpmMin: 1200, rpmMax: 2000, motorKw: \"5.5-15\" },\n { model: \"MV-HB 100\", minFlow: 3.0, maxFlow: 8.5, rpmMin: 1000, rpmMax: 1800, motorKw: \"7.5-22\" },\n { model: \"MV-HB 125\", minFlow: 5.0, maxFlow: 13.0, rpmMin: 980, rpmMax: 1700, motorKw: \"11-37\" },\n { model: \"MV-HB 150\", minFlow: 10.0, maxFlow: 26.0, rpmMin: 810, rpmMax: 1600, motorKw: \"22-75\" },\n { model: \"MV-HB 200\", minFlow: 28.0, maxFlow: 65.0, rpmMin: 700, rpmMax: 1450, motorKw: \"45-160\" },\n ],\n },\n};\n\nfunction saturationPressureBarA(tempC) {\n const t = Number(tempC);\n if (!Number.isFinite(t) || t <= 0) return 0;\n const A = 8.14019;\n const B = 1810.94;\n const C = 244.485;\n return Math.pow(10, A - B / (C + t)) * 0.00133322;\n}\n\nfunction steamDensityIdealGas(pressureBarA, tempC) {\n const p = Number(pressureBarA);\n const t = Number(tempC);\n if (!Number.isFinite(p) || !Number.isFinite(t) || p <= 0 || t <= -273.15) return 0;\n return (p * 100000) / (461.5 * (t + 273.15));\n}\n\nfunction compressorPowerKw(massKgH, suctionTempC, suctionPressureBarA, dischargePressureBarA, efficiency) {\n const mass = Number(massKgH);\n const temp = Number(suctionTempC);\n const p1 = Number(suctionPressureBarA);\n const p2 = Number(dischargePressureBarA);\n const eta = Number(efficiency);\n if (![mass, temp, p1, p2, eta].every(Number.isFinite) || mass <= 0 || p1 <= 0 || p2 <= 0 || eta <= 0) return 0;\n const k = 1.3;\n const R = 461.5;\n const ratio = p2 / p1;\n if (ratio <= 1) return 0;\n const specificWork = (k / (k - 1)) * R * (temp + 273.15) * (Math.pow(ratio, (k - 1) / k) - 1);\n return ((mass / 3600) * specificWork) / (1000 * eta);\n}\n\nfunction safeNumber(value, fallback = 0) {\n const n = Number(value);\n return Number.isFinite(n) ? n : fallback;\n}\n\nfunction format(value, digits = 2) {\n const n = Number(value);\n if (!Number.isFinite(n)) return \"-\";\n return n.toLocaleString(undefined, { maximumFractionDigits: digits, minimumFractionDigits: digits });\n}\n\nfunction nearestPressureColumn(kpa) {\n return pressureColumnsKpa.reduce((best, col) => (Math.abs(col - kpa) < Math.abs(best - kpa) ? col : best), pressureColumnsKpa[0]);\n}\n\nfunction estimateRpm(model, requiredFlow) {\n const span = model.maxFlow - model.minFlow;\n if (span <= 0) return model.rpmMin;\n const fraction = Math.max(0, Math.min(1, (requiredFlow - model.minFlow) / span));\n return Math.round(model.rpmMin + fraction * (model.rpmMax - model.rpmMin));\n}\n\nfunction selectCatalogueModel(requiredFlow, requiredPressureKpa) {\n const seriesKey = requiredPressureKpa > seriesCatalogue.mv.pressureMax ? \"mvhb\" : \"mv\";\n const series = seriesCatalogue[seriesKey];\n const availablePressure = requiredPressureKpa <= series.pressureMax && requiredPressureKpa >= 0;\n const model = series.models.find((m) => requiredFlow >= m.minFlow && requiredFlow <= m.maxFlow) || null;\n return { series, model, availablePressure, pressureColumn: nearestPressureColumn(requiredPressureKpa) };\n}\n\nfunction runSelfTests() {\n const tests = [];\n const add = (name, actual, expected, tolerance) => tests.push({ name, actual, expected, tolerance, pass: Math.abs(actual - expected) <= tolerance });\n\n add(\"Saturation pressure at 100°C is about 1.013 bara\", saturationPressureBarA(100), 1.013, 0.02);\n add(\"Steam density at 100°C and 1.013 bara is about 0.588 kg/m³\", steamDensityIdealGas(1.013, 100), 0.588, 0.03);\n add(\"100 kg/h steam at 100°C is about 2.8 m³/min\", (100 / 60) / steamDensityIdealGas(1.013, 100), 2.83, 0.15);\n add(\"500 kg/h steam at 100°C is about 14 m³/min\", (500 / 60) / steamDensityIdealGas(1.013, 100), 14.2, 0.8);\n add(\"Delta T of 7°C from 100°C gives discharge saturation near 1.29 bara\", saturationPressureBarA(107), 1.29, 0.04);\n add(\"Catalogue pressure step for 29 kPa is 29.4 kPa\", nearestPressureColumn(29), 29.4, 0.01);\n add(\"MV 80 covers about 2.8 m³/min\", selectCatalogueModel(2.8, 29.4).model ? 1 : 0, 1, 0);\n add(\"High pressure selection uses MV-HB\", selectCatalogueModel(4, 70).series.name === \"MV-HB High-Pressure Roots Blower\" ? 1 : 0, 1, 0);\n\n return tests;\n}\n\nexport default function MvrSteamBlowerSizingApp() {\n const [steamFlow, setSteamFlow] = useState(100);\n const [suctionPressure, setSuctionPressure] = useState(1.013);\n const [suctionTemp, setSuctionTemp] = useState(100);\n const [deltaP, setDeltaP] = useState(29.4);\n const [deltaT, setDeltaT] = useState(7);\n const [sizingMode, setSizingMode] = useState(\"deltaP\");\n const [showTests, setShowTests] = useState(false);\n\n const result = useMemo(() => {\n const cleanSteamFlow = Math.max(0, safeNumber(steamFlow));\n const cleanSuctionPressure = Math.max(0.001, safeNumber(suctionPressure, 1.013));\n const cleanSuctionTemp = safeNumber(suctionTemp, 100);\n const cleanDeltaP = Math.max(0, safeNumber(deltaP, 29.4));\n const cleanDeltaT = Math.max(0, safeNumber(deltaT, 7));\n\n const dischargePressureByDeltaP = cleanSuctionPressure + cleanDeltaP / 100;\n const dischargePressureByDeltaT = saturationPressureBarA(cleanSuctionTemp + cleanDeltaT);\n const dischargePressure = sizingMode === \"deltaT\" ? dischargePressureByDeltaT : dischargePressureByDeltaP;\n const requiredPressure = Math.max(0, (dischargePressure - cleanSuctionPressure) * 100);\n const effectiveDeltaT = cleanSuctionTemp + cleanDeltaT > 0 ? cleanDeltaT : 0;\n const density = steamDensityIdealGas(cleanSuctionPressure, cleanSuctionTemp);\n const suctionFlow = density > 0 ? (cleanSteamFlow / 60) / density : 0;\n const catalogue = selectCatalogueModel(suctionFlow, requiredPressure);\n\n return {\n suctionPressure: cleanSuctionPressure,\n suctionTemp: cleanSuctionTemp,\n dischargePressure,\n requiredPressure,\n deltaT: sizingMode === \"deltaT\" ? cleanDeltaT : null,\n calculatedDeltaT: effectiveDeltaT,\n ratio: cleanSuctionPressure > 0 ? dischargePressure / cleanSuctionPressure : 0,\n density,\n suctionFlow,\n power: compressorPowerKw(cleanSteamFlow, cleanSuctionTemp, cleanSuctionPressure, dischargePressure, 0.65),\n catalogue,\n };\n }, [steamFlow, suctionPressure, suctionTemp, deltaP, deltaT, sizingMode]);\n\n const tests = useMemo(() => runSelfTests(), []);\n const testsPassed = tests.every((test) => test.pass);\n const selected = result.catalogue.model;\n const rpm = selected ? estimateRpm(selected, result.suctionFlow) : null;\n\n return (\n

🌀Dragan Engineering MVR Blower Sizing

MV steam blower selector

Enter steam production, inlet pressure, suction temperature, and either Delta P or Delta T. The app calculates suction flow, compression ratio, power estimate, and a preliminary MV blower model.

Use Delta P when you know the pressure rise in kPa. Use Delta T when you know how many °C hotter the compressed vapor must be. Same physics, fewer human opportunities to type the wrong final temperature.

\n\n

\n \n \n \n \n

\n\n

🧮Inputs

\n \n \n \n\n

\n Sizing method\n \n

\n\n {sizingMode === \"deltaP\" ? (\n \n ) : (\n \n )}\n\n \n

\n\n

Calculated blower duty

\n \n \n \n \n \n \n \n \n \n

\n\n

Catalogue pre-selection

{result.catalogue.series.name}

{selected ? selected.model : \"No match in selected family\"}

\n {selected ? (\n Estimated operating speed: {rpm} rpm. Motor range from catalogue band: {selected.motorKw} kW.\n ) : (\n Required flow is outside this simplified catalogue range. Use a larger or custom MVR compressor.\n )}\n

\n Pressure check: {result.catalogue.availablePressure ? \"inside selected family range\" : \"outside selected family range\"}\n

{result.catalogue.series.note}

\n\n

\n \n \n \n \n \n \n \n \n \n \n \n {result.catalogue.series.models.map((m) => {\n const flowOk = result.suctionFlow >= m.minFlow && result.suctionFlow <= m.maxFlow;\n const ok = flowOk && result.catalogue.availablePressure;\n return (\n \n \n \n \n \n \n \n );\n })}\n \n

Model	Flow band	RPM band	Motor band	Status
{m.model}	{format(m.minFlow, 1)}-{format(m.maxFlow, 1)} m³/min	{m.rpmMin}-{m.rpmMax}	{m.motorKw} kW	{ok ? \"Candidate\" : \"Not fit\"}

\n\n

Built-in calculation checks

Self-tests for steam conversion, Delta T, and catalogue matching.

\n \n

\n\n

\n {testsPassed ? \"All checks passed\" : \"Some checks failed\"}\n

\n\n {showTests ? (\n

\n \n \n \n \n \n \n \n \n \n \n {tests.map((test) => (\n \n \n \n \n \n \n ))}\n \n

Test	Actual	Expected	Status
{test.name}	{format(test.actual, 3)}	{format(test.expected, 3)}	{test.pass ? \"PASS\" : \"FAIL\"}

\n ) : null}\n

\n\n \n

\n );\n}\n\nfunction InputBlock({ label, value, setValue, step, min, max }) {\n return (\n

\n {label}\n setValue(safeNumber(event.target.value, 0))}\n style={styles.input}\n />\n

\n );\n}\n\nfunction Metric({ icon, label, value }) {\n return (\n

{icon}

{label}

{value}

\n );\n}\n\nfunction Result({ label, value, highlight = false }) {\n return (\n

{label}

{value}

\n );\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","4428531956544927849","traceTime",1784645128620]