React Hono Val Town Starter

\n \n \n \n",[],[97,123],"dabe43b8-68b5-11f0-a2b1-0224a6c84d84","favicon.svg","01983d89-66b1-76ae-bf6d-07c6f670b8d7",["D",1753379071604],"\n",[],[97,130],"dabe3ba2-68b5-11f0-a2b1-0224a6c84d84","components","01983d89-66b1-76ae-bf6d-00af41b74924",["D",1753379071604],[142],[97,137],{"_36":143,"_13":144,"_63":145,"_65":138,"_67":68,"_69":146,"_70":71,"_38":147,"_17":32,"_74":118,"_76":148,"_78":51,"_79":-5,"_93":149,"_18":150},"5671e7c6-68b6-11f0-8cba-0224a6c84d84","App.tsx","01983d89-66b1-76ae-bf6c-fe28dfa5aaf1",2,["D",1753379279202],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useCallback } from \"https://esm.sh/react@18.2.0\";\n\n// Example: Using PipecatClient in a React component\nimport { PipecatClient } from \"npm:@pipecat-ai/client-js\";\nimport {\n PipecatClientProvider,\n PipecatClientAudio,\n usePipecatClient,\n useRTVIClientEvent,\n RTVIEvent,\n} from \"npm:@pipecat-ai/client-react\";\nimport { DailyTransport } from \"npm:@pipecat-ai/daily-transport\";\n\n// Create the client instance\nconst client = new PipecatClient({\n transport: new DailyTransport(),\n enableMic: true,\n});\n\n// Root component wraps the app with the provider\nexport function App() {\n return (\n \n \n \n \n );\n}\n\n// Component using the client\nfunction VoiceBot() {\n const client = usePipecatClient();\n\n const handleClick = async () => {\n await client.connect({\n url: \"https://hallway-realtime.daily.co/matt\"\n });\n };\n\n return (\n ;\n );\n}\n\nfunction EventListener() {\n useRTVIClientEvent(\n RTVIEvent.Connected,\n useCallback(() => {\n console.log(\"[EVENT] User connected\");\n }, [])\n );\n}",[],[97,137,144],["D",1753379071604],[154],[19],{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":32,"_70":71,"_38":155,"_17":73,"_74":75,"_76":77,"_78":51,"_79":-5,"_93":156,"_18":157},["D",1753379071604],[],[19,62],"dab7c65a-68b5-11f0-a2b1-0224a6c84d84",["D",1753379071604],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","34773218-c51f-442b-8759-3aa8d880288c","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","ad4e6734-438b-4768-bf1f-00626cc3872f","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_201":197},"org",{"_11":12,"_195":-5,"_196":197,"_164":165,"_198":199,"_200":51},"branch",{"_17":146,"_13":16,"_36":68,"_42":158,"_45":37,"_46":191,"_192":53,"_193":43,"_194":57,"_58":14,"_54":12},67,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJpVnNRbENkMnE4bzdFeENORThJdXhaM29SVSJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":158,"_13":14,"_38":271,"_49":-5,"_160":51,"_52":53,"_161":53,"_162":-5,"_163":-5,"_164":165,"_166":64,"_167":71,"_168":71,"_169":-5,"_170":73,"_56":171,"_172":-5,"_173":-5,"_174":-5,"_175":-5,"_176":177,"_178":177,"_179":180,"_181":180,"_182":180,"_183":177,"_184":177,"_185":272,"_187":273,"_189":274,"_50":51},[241,243,250],"files",[241,242,243,244,245,246,247,248,249,250],"counts",{"_232":73,"_233":32,"_234":73,"_35":235,"_236":237},[230],{"_36":81,"_13":19,"_63":66,"_65":-5,"_67":68,"_69":32,"_70":71,"_38":82,"_17":73,"_74":83,"_76":-5,"_78":51,"_79":-5,"_18":229},"upstreamProject",{"_36":43,"_13":59,"_162":225,"_163":226,"_52":53,"_185":227},"upstreamBranch",{"_36":37,"_38":223,"_40":224,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"Starter template with client-side React & Hono server","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789704376&sig=7c8e3a20ae336d5609fa5ae7c8d7fde8e32e3655e89939175bbbcfbcfcddd122",{"_11":55,"_201":228},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789704376&sig=5f28be8d2fb38966b8dc30b39b7f6d6b3da848e0fac37d4d89649fe6e08bd5bf",[19],{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":32,"_70":71,"_38":72,"_17":73,"_74":75,"_76":77,"_78":51,"_79":-5,"_18":231},[19,62],"pulls","branches","forks",{"_238":73,"_240":73},"connections",{"_238":73,"_239":73},"count","unfilledCount","emptyCount",{"_36":81,"_13":19,"_63":66,"_65":-5,"_67":68,"_69":32,"_70":71,"_38":151,"_17":73,"_74":83,"_76":-5,"_78":51,"_79":-5,"_93":269,"_18":270},{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":32,"_70":71,"_38":155,"_17":73,"_74":75,"_76":77,"_78":51,"_79":-5,"_93":267,"_18":268},{"_36":96,"_13":97,"_63":98,"_65":-5,"_67":68,"_69":32,"_70":71,"_38":99,"_17":73,"_74":83,"_76":-5,"_78":51,"_79":-5,"_93":265,"_18":266},{"_36":136,"_13":137,"_63":138,"_65":98,"_67":68,"_69":32,"_70":71,"_38":139,"_17":73,"_74":83,"_76":-5,"_78":51,"_79":-5,"_93":263,"_18":264},{"_36":143,"_13":144,"_63":145,"_65":138,"_67":68,"_69":146,"_70":71,"_38":147,"_17":32,"_74":118,"_76":148,"_78":51,"_79":-5,"_93":261,"_18":262},{"_36":129,"_13":130,"_63":131,"_65":98,"_67":68,"_69":32,"_70":71,"_38":132,"_17":73,"_74":24,"_76":133,"_78":51,"_79":-5,"_93":259,"_18":260},{"_36":122,"_13":123,"_63":124,"_65":98,"_67":68,"_69":32,"_70":71,"_38":125,"_17":73,"_74":24,"_76":126,"_78":51,"_79":-5,"_93":257,"_18":258},{"_36":114,"_13":115,"_63":116,"_65":98,"_67":68,"_69":32,"_70":71,"_38":117,"_17":73,"_74":118,"_76":119,"_78":51,"_79":-5,"_93":255,"_18":256},{"_36":107,"_13":108,"_63":109,"_65":98,"_67":68,"_69":32,"_70":71,"_38":110,"_17":73,"_74":24,"_76":111,"_78":51,"_79":-5,"_93":253,"_18":254},{"_36":88,"_13":89,"_63":90,"_65":-5,"_67":68,"_69":32,"_70":71,"_38":91,"_17":73,"_74":24,"_76":92,"_78":51,"_79":-5,"_93":251,"_18":252},[],[89],[],[97,108],[],[97,115],[],[97,123],[],[97,130],[],[97,137,144],[245],[97,137],[244,246,247,248,249],[97],[],[19,62],[242],[19],["D",1753379071604],{"_11":12,"_201":197},{"_11":12,"_195":-5,"_196":197,"_164":165,"_198":199,"_200":51},{"_17":146,"_13":16,"_36":68,"_42":158,"_45":37,"_46":191,"_192":53,"_193":43,"_194":57,"_58":14,"_54":12},"ctx",{"_185":-5,"_220":308,"_309":310,"_311":312,"_313":51,"_314":51,"_315":51,"_316":71,"_317":-5,"_318":-7,"_319":-7,"_320":73,"_321":51,"_322":51,"_323":-5,"_324":51,"_325":51,"_326":51,"_327":-5},"ENV",{"_279":280,"_281":282,"_283":16,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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"]