\n \n \n

\n );\n};\n\nconst LightingCalculator = () => {\n const [numLights, setNumLights] = useState([15]);\n const [wireGauge, setWireGauge] = useState([12]);\n const [wireDistance, setWireDistance] = useState([300]);\n const [inputVoltage, setInputVoltage] = useState([12]);\n const [voltageAtEnd, setVoltageAtEnd] = useState(0);\n const [ppi, setPpi] = useState(96);\n\n const wireDiameters = {\n 8: 0.1285,\n 10: 0.1019,\n 12: 0.0808,\n 14: 0.0641,\n };\n\n useEffect(() => {\n if (window.devicePixelRatio) {\n setPpi(96 * window.devicePixelRatio);\n }\n }, []);\n\n const inchesToPixels = (inches) => {\n return inches * ppi;\n };\n\n const getWireRadius = () => {\n const conductorRadius = inchesToPixels(wireDiameters[wireGauge[0]] / 2);\n const totalRadius = inchesToPixels((wireDiameters[wireGauge[0]] + 2 * insulationThickness[wireGauge[0]]) / 2);\n return { conductorRadius, totalRadius };\n };\n\n const wireResistance = {\n 8: 0.628,\n 10: 0.999,\n 12: 1.588,\n 14: 2.525,\n };\n\n const calculateVoltageAtEnd = () => {\n const current = (numLights[0] * 5) / inputVoltage[0];\n const resistance = (wireResistance[wireGauge[0]] * wireDistance[0] * 2) / 1000;\n const voltageDrop = current * resistance;\n return Math.max(0, inputVoltage[0] - voltageDrop).toFixed(1);\n };\n\n const getTotalWatts = () => {\n return numLights[0] * 5;\n };\n\n useEffect(() => {\n setVoltageAtEnd(calculateVoltageAtEnd());\n }, [numLights, wireGauge, wireDistance, inputVoltage]);\n\n const getVoltageClass = () => {\n const voltage = parseFloat(voltageAtEnd);\n if (voltage >= 10.5) return \"bg-green-500\";\n if (voltage >= 9) return \"bg-yellow-500\";\n return \"bg-red-500\";\n };\n\n const { conductorRadius, totalRadius } = getWireRadius();\n const wireLength = totalRadius * 12;\n\n return (\n

Landscape Lighting Calculator

\n Number of 5W Lights\n \n {numLights[0]} ({getTotalWatts()}W)\n \n

\n setNumLights([Number(e.target.value)])}\n className=\"w-full h-6\"\n />\n

\n\n

\n Wire Gauge (AWG)\n {wireGauge[0]}\n

\n setWireGauge([Number(e.target.value)])}\n className=\"w-full h-6\"\n />\n \n

\n\n

\n Cable Distance (ft)\n \n {wireDistance[0]}\n \n

\n setWireDistance([Number(e.target.value)])}\n className=\"w-full h-6\"\n />\n

\n\n

\n Input Voltage (V)\n {inputVoltage[0]}\n

\n setInputVoltage([Number(e.target.value)])}\n className=\"w-full h-6\"\n />\n

\n\n

\n Voltage at End:\n \n {voltageAtEnd}V\n \n

\n );\n};\n\nfunction App() {\n return ;\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n \n \n \n Landscape Lighting Calculator\n \n \n \n \n \n

\n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}","deleted","label",[99],"permalink","https://www.val.town/x/chet/LandscapeLightingTool/code/main.tsx","extension","actionData","errors"]