[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_184":185,"_186":187},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_138":-5,"_20":139,"_22":140,"_141":142,"_143":144,"_25":145,"_24":-5,"_146":147,"_148":149,"_150":51,"_151":152,"_153":70,"_154":-5,"_155":-5,"_156":157},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":28,"_29":-5,"_30":31,"_32":33,"_34":-5},"handle","stevekrouse","name","cron_client_react_fork","branchName","main","version","path","","project",{"_35":96,"_13":14,"_37":97,"_49":-5,"_98":70,"_52":53,"_99":53,"_100":-5,"_101":-5,"_102":103,"_104":64,"_105":70,"_106":-5,"_107":-5,"_108":46,"_55":56,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":114,"_115":114,"_116":117,"_118":117,"_119":117,"_120":114,"_121":114,"_122":123,"_124":125,"_126":127,"_50":51},"tree",[87,88],"file","contents",[59,60],"upstream",{"_35":36,"_37":38,"_39":40,"_13":16,"_41":42,"_17":33,"_43":44,"_45":46,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":12,"_55":56,"_57":58},"pull","ahead",67,"behind",11,"envVars","id","d4bd4b96-25f1-11f0-ad23-569c3dd06744","createdAt",["D",1746038103497],"updatedAt",["D",1715347438027],"projectId","d4bd0a96-25f1-11f0-ad23-569c3dd06744","forkedBranchId","43483ad2-16f5-11f0-93f2-569c3dd06744","forkedBranchVersion",0,"lockfileKey","1746040891841-esm.town_v_stevekrouse_cron_client_side_script_fork@11-main","deletedAt","isOwned",false,"privacy","public","userHandle","orgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","projectName","cron_client_side_script_fork",{"_35":80,"_13":81,"_63":82,"_65":-5,"_66":67,"_68":83,"_69":70,"_37":84,"_17":46,"_73":24,"_75":85,"_77":51,"_78":-5,"_18":86},{"_35":61,"_13":62,"_63":64,"_65":-5,"_66":67,"_68":31,"_69":70,"_37":71,"_17":72,"_73":74,"_75":76,"_77":51,"_78":-5,"_18":79},"87678a96-25f1-11f0-ad23-569c3dd06744","main.tsx","fileId","86649206-25f1-11f0-ad23-569c3dd06744","parentId","branchId","8662b882-25f1-11f0-ad23-569c3dd06744","branchVersion","latest",true,["D",1715352080318],66,"fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport cronstrue from \"https://esm.sh/cronstrue\";\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { chat } from \"https://esm.town/v/stevekrouse/openai?v=19\";\nimport react_http from \"https://esm.town/v/stevekrouse/react_http?v=6\";\n\nexport default function(req: Request) {\n const url = new URL(req.url);\n if (req.method === \"GET\" && url.pathname === \"/\") {\n return react_http({\n component: App,\n sourceURL: import.meta.url,\n head: `\n \n \n CronGPT`,\n });\n } else if (req.method === \"POST\" && url.pathname === \"/compile\") {\n return compile(req);\n }\n return new Response(\"Not found\", { status: 404 });\n}\n\nexport function App() {\n const browserTZ = Intl.DateTimeFormat().resolvedOptions().timeZone;\n const [loading, setLoading] = useState(false);\n const [cron, setCron] = useState(\"0 16 * * 1-5\");\n const onSubmit: React.FormEventHandler = async function(e) {\n e.preventDefault();\n setLoading(true);\n const cron = await fetch(\"/compile\", {\n method: \"POST\",\n body: new FormData(e.target as HTMLFormElement),\n }).then((r) => r.json());\n setCron(cron);\n setLoading(false);\n };\n return (\n

CronGPT

Generate cron expressions with ChatGPT

\n );\n}\n\nconst Link = ({ href, children }: { href: string; children?: any }) => (\n {children}\n);\n\nfunction Cron({ cron, timezone }) {\n let translation;\n try {\n translation = cronstrue.toString(cron, { tzOffset: getOffset(timezone), use24HourTimeFormat: false });\n } catch (e) {\n translation = \"Translation error: \" + e.message;\n }\n return (\n

\n        
\n        \n          {cron}
\n        
\n        UTC
\n

\n \"{translation}, {timezone}\"\n

\n );\n}\n\nasync function compile(req: Request) {\n const form = await req.formData();\n const description = form.get(\"description\") as string;\n const timezone = form.get(\"timezone\") as string;\n const { content } = await chat([\n {\n role: \"system\",\n content: `You are an natural language to cron syntax compiler.\n Return a cron expression in UTC.\n The user is in ${timezone}. The timezone offset is ${getOffset(timezone)}.\n Return ONLY the cron expression.`,\n },\n { role: \"user\", content: description },\n ], {\n max_tokens: 10,\n });\n const cron = content.replace(\"`\", \"\");\n return Response.json(cron);\n}\n\n// // https://stackoverflow.com/a/68593283\nconst getOffset = (timeZone: string) => {\n const now = new Date();\n const utcDate = new Date(now.toLocaleString(\"en-US\", { timeZone: \"UTC\" }));\n const tzDate = new Date(now.toLocaleString(\"en-US\", { timeZone }));\n return (tzDate.getTime() - utcDate.getTime()) / (60 * 60 * 1000);\n};","deleted","label",[62],"86649990-25f1-11f0-ad23-569c3dd06744","README.md","866499fe-25f1-11f0-ad23-569c3dd06744",1,["D",1715348184840],"# CronGPT\n\nThis is a minisite to help you create cron expressions, particularly for crons on Val Town. It was inspired by [Cron Prompt](https://cronprompt.com/), but also does the timezone conversion from wherever you are to UTC (typically the server timezone).\n\n## Tech\n\n* Hono for routing (`GET /` and `POST /compile`.)\n* Hono JSX\n* HTML (probably overcomplicates things; should remove)\n* @stevekrouse/openai, which is a light wrapper around @std/openai\n\n## TODO \n\n- [ ] simplify by removing HTMX (try doing the form as a GET request, manual JS script, or client side react)\n- [ ] make the timezone picker better (fewer options, searchable)\n- [ ] add a copy button?\n\nMigrated from folder: Archive/cron_client_react_fork",[81],{"_35":80,"_13":81,"_63":82,"_65":-5,"_66":67,"_68":83,"_69":70,"_37":93,"_17":46,"_73":24,"_75":85,"_77":51,"_78":-5,"_90":94,"_18":95},{"_35":61,"_13":62,"_63":64,"_65":-5,"_66":67,"_68":31,"_69":70,"_37":89,"_17":72,"_73":74,"_75":76,"_77":51,"_78":-5,"_90":91,"_18":92},["D",1715352080318],"children",[],[62],["D",1715348184840],[],[81],"86627f8e-25f1-11f0-ad23-569c3dd06744",["D",1746037972041],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_137":133},"org",{"_11":12,"_131":-5,"_132":133,"_102":103,"_134":135,"_136":51},"branch",{"_17":31,"_13":16,"_35":67,"_41":96,"_43":36,"_45":46,"_128":53,"_129":42,"_130":56,"_57":14,"_54":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":96,"_13":14,"_37":180,"_49":-5,"_98":70,"_52":53,"_99":53,"_100":-5,"_101":-5,"_102":103,"_104":64,"_105":70,"_106":-5,"_107":-5,"_108":46,"_55":56,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":114,"_115":114,"_116":117,"_118":117,"_119":117,"_120":114,"_121":114,"_122":181,"_124":182,"_126":183,"_50":51},[174,175],"files",[174,175],"counts",{"_165":46,"_166":83,"_167":46,"_34":168,"_169":170},[161,162],"upstreamProject",{"_35":42,"_13":58,"_100":-5,"_101":-5,"_52":53,"_122":160},"upstreamBranch",{"_35":36,"_37":158,"_39":159,"_13":16,"_41":42,"_17":33,"_43":44,"_45":46,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":12,"_55":56,"_57":58},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746038103497],["D",1715347438027],{"_11":12,"_137":133},{"_35":80,"_13":81,"_63":82,"_65":-5,"_66":67,"_68":83,"_69":70,"_37":84,"_17":46,"_73":24,"_75":85,"_77":51,"_78":-5,"_18":164},{"_35":61,"_13":62,"_63":64,"_65":-5,"_66":67,"_68":31,"_69":70,"_37":71,"_17":72,"_73":74,"_75":76,"_77":51,"_78":-5,"_18":163},[62],[81],"pulls","branches","forks",{"_171":46,"_173":46},"connections",{"_171":46,"_172":46},"count","unfilledCount","emptyCount",{"_35":80,"_13":81,"_63":82,"_65":-5,"_66":67,"_68":83,"_69":70,"_37":93,"_17":46,"_73":24,"_75":85,"_77":51,"_78":-5,"_90":178,"_18":179},{"_35":61,"_13":62,"_63":64,"_65":-5,"_66":67,"_68":31,"_69":70,"_37":89,"_17":72,"_73":74,"_75":76,"_77":51,"_78":-5,"_90":176,"_18":177},[],[62],[],[81],["D",1746037972041],{"_11":12,"_137":133},{"_11":12,"_131":-5,"_132":133,"_102":103,"_134":135,"_136":51},{"_17":31,"_13":16,"_35":67,"_41":96,"_43":36,"_45":46,"_128":53,"_129":42,"_130":56,"_57":14,"_54":12},"ctx",{"_122":-5,"_155":217,"_218":219,"_220":221,"_222":51,"_223":51,"_224":51,"_225":70,"_226":-5,"_227":-7,"_228":-7,"_229":46,"_230":51,"_231":51,"_232":-5,"_233":51,"_234":51,"_235":51,"_236":-5},"ENV",{"_188":189,"_190":191,"_192":16,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","RENDER_GIT_BRANCH","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","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Code