\n \n \n`);\n});\n\nexport default app.fetch;","deleted","label",[124],"8950f2bc-4bab-11f1-ada8-ee650bb23af1","formSchema.ts","019e0cf0-956d-770d-80ad-7c29606158d5",["D",1778333553973],"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],"8950da3e-4bab-11f1-ada8-ee650bb23af1","client.tsx","019e0cf0-956d-770d-80ad-7ae72c98dcf9",["D",1778333553973],"/** @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],"8950ad52-4bab-11f1-ada8-ee650bb23af1","README.md","019e0cf0-956d-770d-80ad-749d9bb64952",["D",1778333553973],"## 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":106,"_22":182,"_63":40,"_132":97,"_134":156,"_136":26,"_137":-5,"_173":183,"_86":184},{"_18":146,"_20":147,"_125":148,"_127":-5,"_128":66,"_129":64,"_130":106,"_22":179,"_63":40,"_132":143,"_134":150,"_136":26,"_137":-5,"_173":180,"_86":181},{"_18":139,"_20":140,"_125":141,"_127":-5,"_128":66,"_129":64,"_130":106,"_22":176,"_63":40,"_132":143,"_134":144,"_136":26,"_137":-5,"_173":177,"_86":178},{"_18":123,"_20":124,"_125":126,"_127":-5,"_128":66,"_129":64,"_130":106,"_22":172,"_63":40,"_132":133,"_134":135,"_136":26,"_137":-5,"_173":174,"_86":175},["D",1778333553973],"children",[],[124],["D",1778333553973],[],[140],["D",1778333553973],[],[147],["D",1778333553973],[],[153],["D",1778333553973],{"_16":17,"_84":80},{"_16":17,"_78":-5,"_79":80,"_33":34,"_81":82,"_83":26},{"_63":64,"_20":65,"_18":66,"_67":19,"_68":69,"_70":71,"_72":28,"_73":74,"_75":42,"_76":21,"_77":17},"ctx",{"_56":-5,"_108":222,"_223":224,"_225":226,"_227":26,"_228":26,"_229":26,"_230":106,"_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