[{"_1":2,"_180":-5,"_181":-5},"loaderData",{"_3":4,"_91":92,"_147":148,"_179":-5},"root",{"_5":6,"_32":33,"_58":59,"_89":90},"ctx",{"_7":8,"_18":19,"_20":-5,"_21":22,"_23":24,"_25":26,"_27":26,"_28":29,"_30":31},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"sessionClaims","sessionId","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","environmentVariableKeys",[],"user","preferences_keybindings","default","preferences_theme","light","preferences_fixers",false,"preferences_copilot","preferences_model","claude-3-5-haiku-20241022","notification_count",0,"ENV",{"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","fa80b67e1f763bfb4b247c3f5ca4f0b0730f3f5c","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","API_URL","https://api.val.town","WORKER_FINGERPRINT","799d99f2805306c2714a7cfefbeae178","clerkState",{"_60":61},"__internal_clerk_state",{"_62":63,"_64":43,"_65":66,"_67":66,"_68":26,"_69":66,"_70":66,"_71":66,"_72":66,"_73":66,"_74":66,"_75":66,"_76":66,"_77":78,"_87":26,"_88":26},"__clerk_ssr_state",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__signInForceRedirectUrl","__signUpForceRedirectUrl","__signInFallbackRedirectUrl","__signUpFallbackRedirectUrl","__clerk_debug",{"_79":26,"_80":66,"_81":82,"_83":66,"_84":43,"_85":26,"_86":66},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","remixVersion",2,"routes/_app.v.$handle.$name",{"_93":94,"_95":96,"_94":97,"_142":-5,"_143":-5,"_144":145,"_127":128,"_135":136,"_100":101,"_98":99,"_117":-7,"_50":51,"_146":26},"type","val","author","76693440-ecfa-11ef-8139-5783405cc753",{"_98":99,"_95":96,"_100":101,"_102":-5,"_103":-5,"_104":105,"_106":-5,"_107":108,"_109":110,"_111":26,"_112":110,"_113":114,"_115":116,"_117":31,"_118":26,"_119":31,"_120":31,"_121":31,"_122":31,"_123":31,"_124":31,"_125":-5,"_20":126,"_131":-5,"_132":-7,"_133":134,"_135":136,"_137":138},"name","energyCalcTool","valNameId","bf25ce44-ecfc-11ef-8763-e6cdfca9ef9f","parentFolderId","isOwned","privacy","public","readme","valType","http","currentVersion","bf2839f4-ecfc-11ef-8763-e6cdfca9ef9f","legacyPrivate","id","code","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nfunction EnergyCalculator() {\n const [voltage, setVoltage] = useState(0);\n const [current, setCurrent] = useState(0);\n const [time, setTime] = useState(0);\n const [power, setPower] = useState(0);\n const [energy, setEnergy] = useState(0);\n\n const calculateEnergy = () => {\n const calculatedPower = voltage * current;\n const calculatedEnergy = (calculatedPower * time) / 1000; // Convert to kWh\n\n setPower(calculatedPower);\n setEnergy(calculatedEnergy);\n };\n\n return (\n

⚡ Energy Calculator

\n \n Voltage (V):\n setVoltage(Number(e.target.value))}\n style={styles.input}\n />\n \n \n Current (A):\n setCurrent(Number(e.target.value))}\n style={styles.input}\n />\n \n \n Time (hours):\n setTime(Number(e.target.value))}\n style={styles.input}\n />\n \n \n

Power: {power.toFixed(2)} Watts

Energy: {energy.toFixed(2)} kWh

\n \n

\n );\n}\n\nconst styles = {\n container: {\n fontFamily: 'Arial, sans-serif',\n maxWidth: '400px',\n margin: '0 auto',\n padding: '20px',\n textAlign: 'center',\n backgroundColor: '#f4f4f4',\n borderRadius: '8px',\n },\n inputGroup: {\n display: 'flex',\n flexDirection: 'column',\n gap: '10px',\n marginBottom: '20px',\n },\n input: {\n padding: '8px',\n borderRadius: '4px',\n border: '1px solid #ccc',\n },\n button: {\n backgroundColor: '#007bff',\n color: 'white',\n border: 'none',\n padding: '10px',\n borderRadius: '4px',\n cursor: 'pointer',\n },\n results: {\n backgroundColor: 'white',\n padding: '15px',\n borderRadius: '4px',\n },\n footer: {\n marginTop: '15px',\n fontSize: '12px',\n },\n sourceLink: {\n color: '#007bff',\n textDecoration: 'none',\n }\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 Energy Calculator\n \n \n \n

\n \n \n \n \n `, {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}","createdAt",["D",1739775575456],"version","currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_127":128,"_129":130},"handle","Kaycee1989","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ0OXFLRHFXZHhiYnp2eHY2cEpoNWRwa0R3MiJ9","forkedVal","interval","slug","Kaycee1989/energyCalcTool","description","@jsxImportSource https://esm.sh/react@18.2.0","versions",[139],{"_117":31,"_140":-5,"_115":141,"_112":110},"prId",["D",1739775575456],"recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.versions.$(version)",{"_93":149,"_127":128,"_98":99,"_20":150,"_146":26,"_94":153,"_137":160,"_117":-5,"_173":31,"_174":175,"_176":177,"_178":-5},"list",{"_112":96,"_127":128,"_115":151,"_152":-5,"_129":130},["D",1739774594434],"bio",{"_98":99,"_95":96,"_100":101,"_102":-5,"_103":154,"_104":105,"_106":-5,"_107":108,"_109":110,"_111":26,"_112":110,"_113":114,"_115":155,"_117":31,"_118":26,"_119":31,"_120":31,"_121":31,"_122":31,"_123":31,"_124":31,"_125":-5,"_20":156,"_131":-5,"_132":-7,"_133":134,"_135":136,"_137":157},true,["D",1739775575456],{"_127":128,"_129":130},[158],{"_117":31,"_140":-5,"_115":159,"_112":110},["D",1739775575456],[161],{"_112":110,"_113":114,"_117":31,"_115":162,"_163":99,"_100":101,"_107":108,"_127":128,"_11":96,"_164":-5,"_165":-5,"_166":-5,"_146":26,"_133":134,"_167":-5,"_168":169},["D",1739775575456],"valName","deletedAt","messageId","threadId","previous","stats",{"_170":171,"_172":31},"additions",140,"deletions","page","pageSize",8,"total",1,"redirect","routes/_app","actionData","errors"]

energyCalcTool

Versions

v0