wip calibration dilution

Author: aeltorio

src/components/CalibrationInlet.tsx

@@ -29,18 +29,8 @@ import { OrificeSelector } from "./OrificeSelector";
 import { PressureSlider } from "./PressureSlider";
 import { ConcentrationSelector } from "./ConcentrationSelector";
 import { Cd } from "@/config/site";
-import { logSonicNozzleFlowCalculation } from "@/utilities";
-
-export type FlowData = {
-  massFlow: number; // kg/s
-  p_crit: number; // kPa
-  A: number; // area of the orifice in m²
-  properties: PropertiesGERGResult; // Gas properties
-  molarMass: number; // g/mol
-  Rs: number; // J/(kg·K)
-  rho: number; // kg/m³
-  rho_out: number; // kg/m³
-};
+import { FlowData, logSonicNozzleFlowCalculation } from "@/utilities";
+
 interface CalibrationInletProps {
   label: string;
   pressure: number;

src/components/GasInlet.tsx

@@ -28,19 +28,9 @@ import { useEffect } from "react";
 import { GasSelector } from "./GasSelector";
 import { OrificeSelector } from "./OrificeSelector";
 import { PressureSlider } from "./PressureSlider";
-import { logSonicNozzleFlowCalculation } from "@/utilities";
+import { FlowData, logSonicNozzleFlowCalculation } from "@/utilities";
 import { Cd } from "@/config/site";
 
-export type FlowData = {
-  massFlow: number; // kg/s
-  p_crit: number; // kPa
-  A: number; // area of the orifice in m²
-  properties: PropertiesGERGResult; // Gas properties
-  molarMass: number; // g/mol
-  Rs: number; // J/(kg·K)
-  rho: number; // kg/m³
-  rho_out: number; // kg/m³
-};
 interface GasInletProps {
   label: string;
   pressure: number;

src/pages/calibrationgas.tsx

@@ -27,9 +27,12 @@ import { Button } from "@heroui/button";
 
 import { title } from "@/components/primitives";
 import DefaultLayout from "@/layouts/default";
-import { FlowData, GasInlet } from "@/components/GasInlet";
+import { GasInlet } from "@/components/GasInlet";
 import { CalibrationInlet } from "@/components/CalibrationInlet";
 import { SonicNozzleTable } from "@/components/SonicNozzleTable";
+import { FlowData } from "@/utilities";
+import { Table, TableBody, TableCell, TableColumn, TableHeader, TableRow } from "@heroui/table";
+import { ScientificNotation } from "@sctg/scientific-notation";
 
 export default function CalibrationGasPage() {
   const [temperature, setTemperature] = useState<number>(293.15);
@@ -173,6 +176,64 @@ export default function CalibrationGasPage() {
             />
           )}
         </div>
+        <Table removeWrapper aria-label="Flow Results" className="mt-4">
+          <TableHeader>
+            <TableColumn>Parameter</TableColumn>
+            <TableColumn>Value</TableColumn>
+            <TableColumn>Unit</TableColumn>
+          </TableHeader>
+          <TableBody>
+            <TableRow key="flow1">
+              <TableCell>Flow 1 Mass Flow</TableCell>
+              <TableCell>
+                <span
+                  dangerouslySetInnerHTML={{
+                    __html: ScientificNotation.toScientificNotationHTML(
+                      inlet1FlowData.massFlow,
+                      5,
+                    ),
+                  }}
+                />
+              </TableCell>
+              <TableCell>kg/s</TableCell>
+            </TableRow>
+            <TableRow key="flow2">
+              <TableCell>Flow 2 Mass Flow</TableCell>
+              <TableCell>
+                <span
+                  dangerouslySetInnerHTML={{
+                    __html: ScientificNotation.toScientificNotationHTML(
+                      inlet2FlowData.massFlow,
+                      5,
+                    ),
+                  }}
+                />
+              </TableCell>
+              <TableCell>kg/s</TableCell>
+            </TableRow>
+            <TableRow key="concentration">
+              <TableCell>Concentration of Gas 2 in total flow</TableCell>
+              <TableCell>
+                {(
+                  (inlet2FlowData.massFlow /
+                    (inlet1FlowData.massFlow + inlet2FlowData.massFlow)) *
+                  100
+                ).toPrecision(5)}
+              </TableCell>
+              <TableCell>%</TableCell>
+            </TableRow>
+            <TableRow key="criticalPressure">
+              <TableCell>Flow Critical Pressure</TableCell>
+              <TableCell>
+                {Math.min(
+                  inlet1FlowData.p_crit,
+                  inlet2FlowData.p_crit,
+                ).toPrecision(5)}
+              </TableCell>
+              <TableCell>kPa</TableCell>
+            </TableRow>
+          </TableBody>
+        </Table>
       </section>
     </DefaultLayout>
   );

src/pages/dilution.tsx

@@ -33,10 +33,11 @@ import {
 import { useState } from "react";
 import { ScientificNotation } from "@sctg/scientific-notation";
 
-import { FlowData, GasInlet } from "@/components/GasInlet";
+import { GasInlet } from "@/components/GasInlet";
 import { title } from "@/components/primitives";
 import { SonicNozzleTable } from "@/components/SonicNozzleTable";
 import DefaultLayout from "@/layouts/default";
+import { FlowData } from "@/utilities";
 
 export default function DilutionPage() {
   const [selectedGasInlet1, setSelectedGasInlet1] = useState<GasMixtureExt>(

src/utilities/index.ts

@@ -1,9 +1,18 @@
-import { type FlowData } from "@/components/GasInlet";
 import { Cd, Cd_max, Cd_min } from "@/config/site";
-import { type GasMixtureExt } from "@sctg/aga8-js";
+import { PropertiesGERGResult, type GasMixtureExt } from "@sctg/aga8-js";
 
-export 
-function logSonicNozzleFlowCalculation(
+export type FlowData = {
+    massFlow: number; // kg/s
+    p_crit: number; // kPa
+    A: number; // area of the orifice in m²
+    properties: PropertiesGERGResult; // Gas properties
+    molarMass: number; // g/mol
+    Rs: number; // J/(kg·K)
+    rho: number; // kg/m³
+    rho_out: number; // kg/m³
+  };
+  
+export function logSonicNozzleFlowCalculation(
   gas: GasMixtureExt,
   temperature: number,
   pressure: number,