\n \n \n`);\n});\n\nexport default app.fetch;","label",[93],"b4269d8e-4bab-11f1-94a7-ee650bb23af1",["D",1778333625851],"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};",[88],"b426889e-4bab-11f1-94a7-ee650bb23af1",["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\");",[81],"b426606c-4bab-11f1-94a7-ee650bb23af1",["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```",[70],"pulls","branches","forks","envVars",{"_89":20,"_208":20},"connections",{"_89":20,"_207":20},"unfilledCount","emptyCount",{"_27":196,"_13":70,"_68":69,"_37":-5,"_29":30,"_181":34,"_182":162,"_31":223,"_33":20,"_71":48,"_184":198,"_72":24,"_186":-5,"_214":224,"_142":225},{"_27":192,"_13":81,"_68":80,"_37":-5,"_29":30,"_181":34,"_182":162,"_31":220,"_33":20,"_71":82,"_184":194,"_72":24,"_186":-5,"_214":221,"_142":222},{"_27":188,"_13":88,"_68":87,"_37":-5,"_29":30,"_181":34,"_182":162,"_31":217,"_33":20,"_71":82,"_184":190,"_72":24,"_186":-5,"_214":218,"_142":219},{"_27":180,"_13":93,"_68":92,"_37":-5,"_29":30,"_181":34,"_182":162,"_31":213,"_33":20,"_71":94,"_184":185,"_72":24,"_186":-5,"_214":215,"_142":216},["D",1778333625851],"children",[],[93],["D",1778333625851],[],[88],["D",1778333625851],[],[81],["D",1778333625851],[],[70],["D",1778333625851],{"_11":12,"_141":75},{"_11":12,"_137":-5,"_74":75,"_25":73,"_138":139,"_140":24},{"_33":34,"_13":16,"_27":30,"_128":95,"_129":66,"_130":34,"_131":99,"_132":133,"_134":36,"_135":14,"_136":12},"ctx",{"_46":-5,"_164":263,"_264":265,"_266":267,"_268":24,"_269":24,"_270":24,"_271":162,"_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","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"]

History