Your App Title

\n {children}\n

\n )\n}\n\nexport const VStack: FunctionalComponent = (props) => (\n \n)\n\nexport const HStack: FunctionalComponent = (props) => (\n \n)\n\ninterface ImageProps extends Omit, 'width' | 'height'> {\n src: string\n w?: number | string\n h?: number | string\n fit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'\n}\n\n\nconst Image: FunctionalComponent = (props) => {\n const { src, w, h, fit, children, style, className, ...rest } = props\n const altText = children?.toString() || ''\n const computedStyle = {\n objectFit: fit,\n width: typeof w === 'number' ? `${w}px` : w,\n height: typeof w === 'number' ? `${h}px` : h,\n ...(style as Record),\n }\n\n return (\n \n )\n}\n\n\ninterface HeaderProps extends JSX.HTMLAttributes {\n size?: \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\"\n p?: number | string\n m?: number | string\n}\n\nconst Header: FunctionalComponent = (props) => {\n const { size = 1, p, m, style, className, children, ...rest } = props\n const Tag = (`h${size}` as keyof JSX.IntrinsicElements) as any\n const computedStyle = {\n padding: toCssValue(p),\n margin: toCssValue(m),\n ...(style as Record),\n }\n return (\n \n {children}\n \n )\n}\n\ninterface TextProps extends JSX.HTMLAttributes {\n alignX?: 'start' | 'center' | 'end'\n p?: number | string\n m?: number | string\n}\n\n\nconst Text: FunctionalComponent = (props) => {\n const { alignX, p, m, style, className, children, ...rest } = props\n const computedStyle = {\n textAlign: alignX === 'start' ? 'left' : alignX === 'end' ? 'right' : alignX,\n padding: toCssValue(p),\n margin: toCssValue(m),\n ...(style as Record),\n }\n return (\n

\n {children}\n

\n )\n}\n\ninterface ButtonProps extends JSX.ButtonHTMLAttributes {\n variant?: 'primary' | 'secondary' | 'outline'\n p?: number | string\n m?: number | string\n}\n\nconst GenericButton: FunctionalComponent = (props) => {\n const { variant = 'primary', p, m, style, className, children, ...rest } = props\n const computedStyle = {\n padding: toCssValue(p),\n margin: toCssValue(m),\n ...(style as Record),\n }\n\n return (\n \n {children}\n \n )\n}\n\nconst Button = function (props: ButtonProps) {\n return \n}\nButton.Outline = function (props: ButtonProps) {\n return \n}\nButton.Primary = function (props: ButtonProps) {\n return \n}\nButton.Secondary = function (props: ButtonProps) {\n return \n}\n\n\ninterface LinkProps extends JSX.AnchorHTMLAttributes {\n p?: number | string\n m?: number | string\n}\n\nconst Link: FunctionalComponent = (props) => {\n const { p, m, style, className, children, ...rest } = props\n const computedStyle = {\n padding: toCssValue(p),\n margin: toCssValue(m),\n ...(style as Record),\n }\n\n return (\n \n {children}\n \n )\n}\n\nfunction App() {\n return (\n\n \n

\n Stripe logo\n \n \n\n \n

\n Use your email and password to access your dashboard.\n\n \n\n \n \n \n\n \n Set up Touch ID to make your account more secure.\n If you have the hardware, you can sign into Stripe using your fingerprint.\n \n \n \n \n )\n}\n","children",[],[160],"4db1fe88-2d1e-11f0-a20f-569c3dd06744","deno.json","70a16c7e-2d1b-11f0-b605-569c3dd06744",9,["D",1746826862417],2,"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": true,\n \"strict\": true,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"fmt\": {\n \"semiColons\": false,\n \"lineWidth\": 120\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n },\n \"imports\": {\n \"mono-jsx\": \"npm:mono-jsx@^0.4.0\"\n }\n}",[],[169],["D",1746825632516],[],[18],["D",1746825324608],{"_11":12,"_116":66},{"_11":12,"_112":-5,"_65":66,"_30":64,"_113":114,"_115":24},{"_38":83,"_13":16,"_32":35,"_104":68,"_105":-5,"_106":-5,"_107":-5,"_108":-5,"_109":-5,"_110":14,"_111":12},"ctx",{"_50":-5,"_135":217,"_218":219,"_220":221,"_222":24,"_223":24,"_224":24,"_225":80,"_226":-5,"_227":-7,"_228":-7,"_229":26,"_230":24,"_231":24,"_232":-5,"_233":24,"_234":24,"_235":24,"_236":-5},"ENV",{"_188":189,"_190":191,"_192":16,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","81405aa0531e90dfbb71a5bf473aaa0cf4c8702f","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 · .vtignore