\n \n \n`);\n});\n\nexport default app.fetch;","label",[94],"8950f2bc-4bab-11f1-ada8-ee650bb23af1",["D",1778333553973],"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};",[89],"8950da3e-4bab-11f1-ada8-ee650bb23af1",["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\");",[82],"8950ad52-4bab-11f1-ada8-ee650bb23af1",["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```",[71],"pulls","branches","forks","envVars",{"_90":20,"_208":20},"connections",{"_90":20,"_207":20},"unfilledCount","emptyCount",{"_27":196,"_13":71,"_69":70,"_37":-5,"_29":30,"_181":34,"_182":164,"_31":223,"_33":20,"_72":48,"_184":198,"_73":24,"_186":-5,"_214":224,"_144":225},{"_27":192,"_13":82,"_69":81,"_37":-5,"_29":30,"_181":34,"_182":164,"_31":220,"_33":20,"_72":83,"_184":194,"_73":24,"_186":-5,"_214":221,"_144":222},{"_27":188,"_13":89,"_69":88,"_37":-5,"_29":30,"_181":34,"_182":164,"_31":217,"_33":20,"_72":83,"_184":190,"_73":24,"_186":-5,"_214":218,"_144":219},{"_27":180,"_13":94,"_69":93,"_37":-5,"_29":30,"_181":34,"_182":164,"_31":213,"_33":20,"_72":95,"_184":185,"_73":24,"_186":-5,"_214":215,"_144":216},["D",1778333553973],"children",[],[94],["D",1778333553973],[],[89],["D",1778333553973],[],[82],["D",1778333553973],[],[71],["D",1778333553973],{"_11":12,"_143":76},{"_11":12,"_139":-5,"_75":76,"_25":74,"_140":141,"_142":24},{"_33":34,"_13":16,"_27":30,"_129":96,"_130":66,"_131":132,"_133":100,"_134":135,"_136":36,"_137":14,"_138":12},"ctx",{"_46":-5,"_166":263,"_264":265,"_266":267,"_268":24,"_269":24,"_270":24,"_271":164,"_272":-5,"_273":-7,"_274":-7,"_275":20,"_276":24,"_277":24,"_278":-5,"_279":24,"_280":24,"_281":24,"_282":-5},"ENV",{"_234":235,"_236":237,"_238":16,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]

History