[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_205":206,"_207":208},"routes/_app.x.$handle.$name",{"_113":112,"_34":62,"_121":101,"_29":122,"_13":14,"_123":-5,"_11":124,"_125":126,"_127":128,"_129":130,"_131":132,"_23":-5,"_133":134,"_135":136,"_137":27,"_138":139,"_140":141,"_142":-5,"_143":-5,"_144":145},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_60":61,"_34":62,"_39":63,"_64":-5,"_65":27,"_66":67,"_68":67,"_69":70,"_71":-5,"_18":72,"_73":-5,"_74":27,"_75":-5,"_76":-5,"_77":78,"_79":80,"_81":-5,"_82":-5,"_83":-5,"_84":-5,"_85":86,"_87":86,"_88":89,"_90":89,"_91":89,"_92":86,"_93":86,"_94":95,"_96":97,"_98":99,"_100":27},"version",1,"changes",[19,20,21,22],"aiChatInfo","userId",{"_23":55,"_25":-7,"_26":27,"_28":27,"_29":56,"_31":56},{"_23":50,"_25":-7,"_26":27,"_28":27,"_29":51,"_31":51},{"_23":44,"_25":-7,"_26":27,"_28":27,"_29":45,"_31":45},{"_23":24,"_25":-7,"_26":27,"_28":27,"_29":30,"_31":30},"file",{"_32":33,"_34":30,"_35":36,"_37":38,"_39":40,"_41":14,"_42":43,"_26":27},"previous","deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","019e0cf1-ae29-74e8-b397-0fd755c1cba1","name","fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Hono } from \"npm:hono\";\nimport { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { formSchema } from \"./formSchema.ts\";\nconst app = new Hono();\n\napp.onError((err) => Promise.reject(err));\n\n// Serve the client-side JS for hydration\napp.get(\"/client.js\", async (c) => {\n return serveFile(\"./client.tsx\", import.meta.url);\n});\n\napp.get(\"/formSchema.ts\", async (c) => {\n return serveFile(\"./formSchema.ts\", import.meta.url);\n});\n\napp.get(\"/\", (c) => {\n return c.html(`\n\n \n ${formSchema.title}\n \n \n \n \n

\n \n \n`);\n});\n\nexport default app.fetch;","createdAt",["D",1778333625851],"branchVersion","branchId","b422deb0-4bab-11f1-94a7-ee650bb23af1",{"_32":46,"_34":45,"_35":47,"_37":48,"_39":49,"_41":14,"_42":43,"_26":27},"formSchema.ts","019e0cf1-ae29-74e8-b397-0bdc76964f1b","script","export const formSchema = {\n title: \"Flow requests form\",\n buttonText: \"Confirm data\",\n urlToSendFormData: \"https://zealous-swan-06.webhook.cool\",\n inputs: [\n {\n label: \"Resume\",\n name: \"cv\",\n type: \"file\",\n required: true,\n },\n { label: \"Nome\", name: \"name\", type: \"text\" },\n {\n label: \"Data nascimento\",\n name: \"birth_date\",\n type: \"date\",\n },\n {\n label: \"Senha\",\n name: \"password\",\n type: \"password\",\n },\n {\n label: \"Digite um numero\",\n name: \"number_typed\",\n type: \"number\",\n },\n {\n label: \"Em qual site você achou essa vaga\",\n name: \"website\",\n type: \"select\",\n options: [\n {\n label: \"Linkedin\",\n value: \"Linkedin\",\n },\n {\n label: \"Github\",\n value: \"Github\",\n },\n {\n label: \"Google email\",\n value: \"gmail\",\n },\n ],\n },\n {\n label: \"Email\",\n name: \"email\",\n type: \"email\",\n required: true,\n },\n {\n label: \"Time\",\n name: \"time\",\n type: \"time\",\n required: true,\n },\n ],\n};",["D",1778333625851],{"_32":52,"_34":51,"_35":47,"_37":53,"_39":54,"_41":14,"_42":43,"_26":27},"client.tsx","019e0cf1-ae29-74e8-b397-062c351edd49","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { type FormEvent } from \"https://esm.sh/react@18.2.0\";\nimport { hydrateRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { formSchema } from \"./formSchema.ts\";\n\nexport function DynamicForm() {\n const [isLoading, setIsLoading] = React.useState(false);\n const convertFileToBase64 = (file: File) => {\n return new Promise((resolve, reject) => {\n const reader = new FileReader();\n reader.onload = function (e) {\n const base64URL = e.target.result;\n console.log(\"Base64 URL:\", base64URL);\n resolve(base64URL);\n };\n\n reader.onerror = function (error) {\n reject(error);\n };\n reader.readAsDataURL(file);\n });\n };\n\n async function handleSubmit(event: FormEvent) {\n event.preventDefault();\n setIsLoading(true);\n const form = event.currentTarget;\n const formData = new FormData(form);\n const data: Record = {};\n\n for (let [key, value] of formData.entries()) {\n console.log(key, value);\n if (value instanceof File) {\n const base64: any = await convertFileToBase64(value);\n value = base64;\n }\n\n data[key] = value as string;\n }\n\n try {\n const response = await fetch(formSchema.urlToSendFormData, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(data),\n });\n\n if (response.ok) {\n alert(\"Form submitted successfully!\");\n form.reset();\n } else {\n alert(\"Error submitting form\");\n }\n } catch (error) {\n console.error(error);\n alert(\"Network error\");\n } finally {\n setIsLoading(false);\n }\n }\n\n return (\n

{formSchema.title}

\n\n

\n );\n}\n\nhydrateRoot(\n document.getElementById(\"root\")!,\n ,\n);\nconsole.log(\"passed on here\");",["D",1778333625851],{"_32":57,"_34":56,"_35":23,"_37":58,"_39":59,"_41":14,"_42":43,"_26":27},"README.md","019e0cf1-ae29-74e8-b397-01d3d181a27e","## About the project\n\nThe application has focus to build a form for you based the JSON on file\n**formSchema.ts**\n\n### Explaining the formSchema.ts\n\n```ts\nexport const formSchema = {\n title: \"Form title when share the link of form\",\n buttonText: \"Text of button responsible to process submit the form\",\n urlToSendFormData:\n \"URL will receive the form's data. PS: the URL need to support POST method\",\n inputs: [\n {\n label: \"Name of input on form\",\n name: \"Name used to send the data to url\",\n type:\n \"type of input. PS: supported the types are email, password, select, number, date, time, file(convert to base64 URL)\",\n required:\n \"Set if the input is required or not. Ps: use the value true or false\",\n },\n {\n label: \"Resume\",\n name: \"cv\",\n type: \"file\",\n required: true,\n },\n { label: \"Nome\", name: \"name\", type: \"text\" },\n {\n label: \"Birth date\",\n name: \"birth_date\",\n type: \"date\",\n },\n {\n label: \"Password\",\n name: \"password\",\n type: \"password\",\n },\n {\n label: \"Number input\",\n name: \"number_typed\",\n type: \"number\",\n },\n {\n label: \"Select example\",\n name: \"website\",\n type: \"select\",\n options: [\n {\n label: \"Linkedin\",\n value: \"Linkedin\",\n },\n {\n label: \"Github\",\n value: \"Github\",\n },\n {\n label: \"Google email\",\n value: \"gmail\",\n },\n ],\n },\n ],\n};\n```",["D",1778333625851],"id","b41f3788-4bab-11f1-94a7-ee650bb23af1","Tiago_Rosa_Form_builder_",["D",1778333625851],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","The application has focus to build a form for you.","imageUrl","75563a40-f695-11ef-9837-89444453db5f","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","e3c076df-fa51-422b-bf3b-b98afe94134e","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_113":112,"_120":116},"org",{"_113":112,"_114":-5,"_115":116,"_18":72,"_117":118,"_119":27},"branch",{"_13":14,"_34":101,"_60":43,"_102":61,"_103":104,"_105":14,"_106":67,"_107":108,"_109":80,"_110":62,"_111":112},"isOwned","main","projectId","forkedBranchId","894c5b58-4bab-11f1-ada8-ee650bb23af1","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","894740a0-4bab-11f1-ada8-ee650bb23af1","forkedProjectOrgId","projectName","userHandle","tiago123456789","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ydGlOMGNqcEp1NnBrVW9NbFZlMXdEZFZCV1gifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_60":61,"_34":62,"_39":201,"_64":-5,"_65":27,"_66":67,"_68":67,"_69":70,"_71":-5,"_18":72,"_73":-5,"_74":27,"_75":-5,"_76":-5,"_77":78,"_79":80,"_81":-5,"_82":-5,"_83":-5,"_84":-5,"_85":86,"_87":86,"_88":89,"_90":89,"_91":89,"_92":86,"_93":86,"_94":202,"_96":203,"_98":204,"_100":27},"tree",[184,185,186,187],"files",[184,185,186,187],"counts",{"_174":78,"_175":14,"_176":78,"_177":178,"_179":180},"contents",[155,156,157,158],"upstreamProject",{"_60":108,"_34":153,"_69":70,"_71":-5,"_66":67,"_94":154},"upstreamBranch",{"_60":104,"_39":146,"_147":148,"_34":101,"_102":108,"_13":14,"_103":149,"_105":150,"_151":152,"_64":-5,"_100":27,"_66":67,"_111":112,"_79":80,"_110":153},"emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},["D",1778333553973],"updatedAt",["D",1778333553973],"113f11ac-4b9f-11f1-93c6-ee650bb23af1",160,"lockfileKey","1778334123339-esm.town_v_tiago123456789_Tiago_Rosa_Form_builder@1-main","Tiago_Rosa_Form_builder",{"_113":112,"_120":116},{"_60":171,"_34":56,"_32":57,"_160":-5,"_42":43,"_41":14,"_161":141,"_39":172,"_13":78,"_35":23,"_37":58,"_26":27,"_163":-5,"_29":173},{"_60":168,"_34":51,"_32":52,"_160":-5,"_42":43,"_41":14,"_161":141,"_39":169,"_13":78,"_35":47,"_37":53,"_26":27,"_163":-5,"_29":170},{"_60":165,"_34":45,"_32":46,"_160":-5,"_42":43,"_41":14,"_161":141,"_39":166,"_13":78,"_35":47,"_37":48,"_26":27,"_163":-5,"_29":167},{"_60":159,"_34":30,"_32":33,"_160":-5,"_42":43,"_41":14,"_161":141,"_39":162,"_13":78,"_35":36,"_37":38,"_26":27,"_163":-5,"_29":164},"b426a4c8-4bab-11f1-94a7-ee650bb23af1","parentId","latest",["D",1778333625851],"label",[30],"b4269d8e-4bab-11f1-94a7-ee650bb23af1",["D",1778333625851],[45],"b426889e-4bab-11f1-94a7-ee650bb23af1",["D",1778333625851],[51],"b426606c-4bab-11f1-94a7-ee650bb23af1",["D",1778333625851],[56],"pulls","branches","forks","envVars",{"_181":78,"_183":78},"connections",{"_181":78,"_182":78},"count","unfilledCount","emptyCount",{"_60":171,"_34":56,"_32":57,"_160":-5,"_42":43,"_41":14,"_161":141,"_39":198,"_13":78,"_35":23,"_37":58,"_26":27,"_163":-5,"_189":199,"_29":200},{"_60":168,"_34":51,"_32":52,"_160":-5,"_42":43,"_41":14,"_161":141,"_39":195,"_13":78,"_35":47,"_37":53,"_26":27,"_163":-5,"_189":196,"_29":197},{"_60":165,"_34":45,"_32":46,"_160":-5,"_42":43,"_41":14,"_161":141,"_39":192,"_13":78,"_35":47,"_37":48,"_26":27,"_163":-5,"_189":193,"_29":194},{"_60":159,"_34":30,"_32":33,"_160":-5,"_42":43,"_41":14,"_161":141,"_39":188,"_13":78,"_35":36,"_37":38,"_26":27,"_163":-5,"_189":190,"_29":191},["D",1778333625851],"children",[],[30],["D",1778333625851],[],[45],["D",1778333625851],[],[51],["D",1778333625851],[],[56],["D",1778333625851],{"_113":112,"_120":116},{"_113":112,"_114":-5,"_115":116,"_18":72,"_117":118,"_119":27},{"_13":14,"_34":101,"_60":43,"_102":61,"_103":104,"_105":14,"_106":67,"_107":108,"_109":80,"_110":62,"_111":112},"ctx",{"_94":-5,"_143":238,"_239":240,"_241":242,"_243":27,"_244":27,"_245":27,"_246":141,"_247":-5,"_248":-7,"_249":-7,"_250":78,"_251":27,"_252":27,"_253":-5,"_254":27,"_255":27,"_256":27,"_257":-5},"ENV",{"_209":210,"_211":212,"_213":101,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

Diff · v1