\n \n \n`);\n});\n\nexport default app.fetch;","deleted","label",[124],"b4269d8e-4bab-11f1-94a7-ee650bb23af1","formSchema.ts","019e0cf1-ae29-74e8-b397-0bdc76964f1b",["D",1778333625851],"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};",[140],"b426889e-4bab-11f1-94a7-ee650bb23af1","client.tsx","019e0cf1-ae29-74e8-b397-062c351edd49",["D",1778333625851],"/** @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\");",[147],"b426606c-4bab-11f1-94a7-ee650bb23af1","README.md","019e0cf1-ae29-74e8-b397-01d3d181a27e",["D",1778333625851],"## 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```",[153],"pulls","branches","forks","envVars",{"_165":40,"_167":40},"connections",{"_165":40,"_166":40},"count","unfilledCount","emptyCount",{"_18":152,"_20":153,"_125":154,"_127":-5,"_128":66,"_129":64,"_130":105,"_22":182,"_63":40,"_132":96,"_134":156,"_136":26,"_137":-5,"_173":183,"_85":184},{"_18":146,"_20":147,"_125":148,"_127":-5,"_128":66,"_129":64,"_130":105,"_22":179,"_63":40,"_132":143,"_134":150,"_136":26,"_137":-5,"_173":180,"_85":181},{"_18":139,"_20":140,"_125":141,"_127":-5,"_128":66,"_129":64,"_130":105,"_22":176,"_63":40,"_132":143,"_134":144,"_136":26,"_137":-5,"_173":177,"_85":178},{"_18":123,"_20":124,"_125":126,"_127":-5,"_128":66,"_129":64,"_130":105,"_22":172,"_63":40,"_132":133,"_134":135,"_136":26,"_137":-5,"_173":174,"_85":175},["D",1778333625851],"children",[],[124],["D",1778333625851],[],[140],["D",1778333625851],[],[147],["D",1778333625851],[],[153],["D",1778333625851],{"_16":17,"_83":79},{"_16":17,"_77":-5,"_78":79,"_33":34,"_80":81,"_82":26},{"_63":64,"_20":65,"_18":66,"_67":19,"_68":69,"_70":64,"_71":28,"_72":73,"_74":42,"_75":21,"_76":17},"ctx",{"_56":-5,"_107":222,"_223":224,"_225":226,"_227":26,"_228":26,"_229":26,"_230":105,"_231":-5,"_232":-7,"_233":-7,"_234":40,"_235":26,"_236":26,"_237":-5,"_238":26,"_239":26,"_240":26,"_241":-5},"ENV",{"_193":194,"_195":196,"_197":65,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221},"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"]

Search