;\n return

;\n};",[],[160,179],{"_104":189,"_95":190,"_161":191,"_163":162,"_164":142,"_165":192,"_167":22,"_106":193,"_100":194,"_170":184,"_172":195,"_173":22,"_174":-5,"_175":196,"_98":197},"8696e978-2848-11f0-b312-569c3dd06744","embedIframe.tsx","e117bad6-2482-11f0-923d-569c3dd06744",1077,["D",1746295240918],19,"/** @jsxImportSource npm:hono@3/jsx */\nimport whackaghost from \"https://esm.town/v/Ttt/whackaghost?v=1\";\n\nexport const WhackAGhostEmbedIframe = async () => {\n const response = await whackaghost(new Request(\"https://example.com\"));\n const html = await response.text();\n\n return (\n \n {/* Inject the Glance script as a module */}\n {/* iframes need to have this script in order to appear during Glance screenshares */}\n \n \n );\n};",[],[160,190],{"_104":199,"_95":200,"_161":201,"_163":162,"_164":142,"_165":202,"_167":118,"_106":203,"_100":204,"_170":184,"_172":205,"_173":22,"_174":-5,"_175":206,"_98":207},"bb69067e-2846-11f0-9f02-569c3dd06744","financeForm.tsx","1053b45e-22e8-11f0-81f3-569c3dd06744",1070,["D",1746294470541],9,"/** @jsxImportSource https://esm.sh/hono@latest/jsx **/\n\nexport async function financeForm() {\n // Hardcoded current step for display purposes\n const currentStep = 1;\n\n // Styles for the form\n const styles = {\n container: {\n fontFamily: \"\\\"Roboto\\\", \\\"Helvetica Neue\\\", Arial, sans-serif\",\n maxWidth: \"800px\",\n margin: \"0 auto\",\n padding: \"30px\",\n color: \"#333\",\n backgroundColor: \"#fff\",\n boxShadow: \"0 2px 10px rgba(0, 0, 0, 0.1)\",\n borderRadius: \"8px\",\n },\n header: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n marginBottom: \"20px\",\n },\n logo: {\n fontSize: \"24px\",\n fontWeight: \"700\",\n color: \"#026666\", // finance-like teal color\n marginBottom: \"20px\",\n },\n tabs: {\n display: \"flex\",\n width: \"100%\",\n borderBottom: \"1px solid #e0e0e0\",\n marginBottom: \"30px\",\n },\n tab: {\n flex: \"1\",\n textAlign: \"center\",\n padding: \"12px 0\",\n position: \"relative\",\n cursor: \"default\",\n },\n activeTab: {\n borderBottom: \"3px solid #026666\",\n fontWeight: \"600\",\n },\n tabNumber: {\n display: \"inline-flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n width: \"24px\",\n height: \"24px\",\n borderRadius: \"50%\",\n backgroundColor: \"#e0e0e0\",\n color: \"#666\",\n marginRight: \"8px\",\n fontSize: \"14px\",\n },\n activeTabNumber: {\n backgroundColor: \"#026666\",\n color: \"#fff\",\n },\n completeTabNumber: {\n backgroundColor: \"#026666\",\n color: \"#fff\",\n },\n formGroup: {\n marginBottom: \"20px\",\n },\n label: {\n display: \"block\",\n marginBottom: \"6px\",\n fontWeight: \"500\",\n fontSize: \"14px\",\n },\n input: {\n width: \"100%\",\n padding: \"12px\",\n fontSize: \"16px\",\n border: \"1px solid #ccc\",\n borderRadius: \"4px\",\n boxSizing: \"border-box\",\n },\n select: {\n width: \"100%\",\n padding: \"12px\",\n fontSize: \"16px\",\n border: \"1px solid #ccc\",\n borderRadius: \"4px\",\n backgroundColor: \"#fff\",\n boxSizing: \"border-box\",\n },\n flexRow: {\n display: \"flex\",\n gap: \"15px\",\n },\n buttonContainer: {\n display: \"flex\",\n justifyContent: \"space-between\",\n marginTop: \"30px\",\n },\n button: {\n padding: \"12px 24px\",\n fontSize: \"16px\",\n fontWeight: \"600\",\n border: \"none\",\n borderRadius: \"4px\",\n cursor: \"pointer\",\n },\n primaryButton: {\n backgroundColor: \"#026666\",\n color: \"#fff\",\n },\n secondaryButton: {\n backgroundColor: \"#e0e0e0\",\n color: \"#333\",\n },\n checkboxLabel: {\n display: \"flex\",\n alignItems: \"center\",\n fontSize: \"14px\",\n cursor: \"pointer\",\n },\n checkbox: {\n marginRight: \"8px\",\n },\n formSection: {\n marginBottom: \"30px\",\n },\n sectionTitle: {\n fontSize: \"18px\",\n fontWeight: \"600\",\n marginBottom: \"15px\",\n color: \"#026666\",\n },\n infoText: {\n fontSize: \"14px\",\n color: \"#666\",\n marginBottom: \"15px\",\n },\n disclaimer: {\n fontSize: \"12px\",\n color: \"#666\",\n marginTop: \"20px\",\n padding: \"15px\",\n backgroundColor: \"#f8f8f8\",\n borderRadius: \"4px\",\n },\n };\n\n // Tabs rendering\n const renderTabs = () => {\n const steps = [\n \"Personal Information\",\n \"Address\",\n \"Employment\",\n \"Investment Profile\",\n \"Account Setup\",\n ];\n\n return (\n

\n {steps.map((step, index) => {\n const stepNumber = index + 1;\n const isActive = currentStep === stepNumber;\n const isComplete = currentStep > stepNumber;\n\n return (\n \n \n {isComplete ? \"✓\" : stepNumber}\n \n {step}\n

\n );\n })}\n

\n );\n };\n\n return (\n

FINANCIAL INVESTMENTS

\n {renderTabs()}\n

\n\n

\n {/* Personal Information */}\n

Personal Information

\n Please provide your personal details as they appear on your legal documents.\n

\n\n

\n First Name\n \n

\n\n

\n Middle Initial\n \n

\n\n

\n Last Name\n \n

\n\n

\n Date of Birth\n \n

\n\n

\n Social Security Number\n \n

\n\n

\n Email Address\n \n

\n\n

\n Phone Number\n \n

\n\n

\n Your personal information is protected by our security measures and privacy policy. We will never share your\n Social Security Number with third parties except as required by law.\n

\n\n {/* Sample of other tabs (normally would be conditionally rendered) */}\n

Residential Address

\n Street Address\n \n

\n\n

{/* Spacer for the first step */}\n \n Continue\n \n

\n\n {/* Additional elements that would be shown on other steps */}\n

Employment Information

\n Employment Status\n \n \n \n \n \n \n \n \n

\n\n

Investment Profile

\n Investment Goals (Select all that apply)\n

\n \n \n Retirement\n \n

\n\n

Account Setup

\n Account Type\n \n \n \n \n \n \n

\n\n

\n \n \n I agree to the Terms and Conditions, Privacy Policy, and confirm that I have reviewed the Account\n Agreement and Fee Schedule.\n \n

\n );\n}",[],[160,200],{"_104":209,"_95":210,"_161":211,"_163":162,"_164":142,"_165":212,"_167":118,"_106":213,"_100":214,"_170":184,"_172":215,"_173":22,"_174":-5,"_175":216,"_98":217},"bf93f704-2846-11f0-b3b6-569c3dd06744","stripeLikeCheckoutForm.tsx","1874ff28-22e1-11f0-9ee6-569c3dd06744",1071,["D",1746294477530],10,"/** @jsxImportSource https://esm.sh/hono@latest/jsx **/\n\nexport async function StripeCheckoutForm() {\n const [cardNumber, setCardNumber] = \"\";\n const [expiry, setExpiry] = \"\";\n const [cvc, setCvc] = \"\";\n const [name, setName] = \"\";\n const [email, setEmail] = \"\";\n const [address, setAddress] = \"\";\n const [city, setCity] = \"\";\n const [state, setState] = \"\";\n const [zip, setZip] = \"\";\n const [country, setCountry] = \"US\";\n\n const handleSubmit = (e) => {\n e.preventDefault();\n console.log(\"Payment submitted\");\n };\n\n const formatCardNumber = (value) => {\n // Remove all non-digits\n const digits = value.replace(/\\D/g, \"\");\n // Add space after every 4 digits\n const formatted = digits.replace(/(\\d{4})(?=\\d)/g, \"$1 \");\n return formatted.slice(0, 19); // Limit to 16 digits + 3 spaces\n };\n\n const formatExpiry = (value) => {\n // Remove all non-digits\n const digits = value.replace(/\\D/g, \"\");\n if (digits.length > 2) {\n return `${digits.slice(0, 2)}/${digits.slice(2, 4)}`;\n }\n return digits;\n };\n\n return (\n \n \n \n Checkout\n \n \n $25.00\n \n \n\n

\n \n \n Email\n \n \n \n\n \n \n Card information\n \n \n \n \n \n \n setCvc(e.target.value.replace(/\\D/g, \"\").slice(0, 3))}\n placeholder=\"CVC\"\n required\n style={{\n width: \"50%\",\n padding: \"10px 14px\",\n fontSize: \"16px\",\n borderRadius: \"0 0 4px 0\",\n border: \"1px solid #e4e4e7\",\n borderLeft: \"none\",\n boxShadow: \"inset 0 1px 1px rgba(0, 0, 0, 0.03)\",\n transition: \"box-shadow 0.15s ease\",\n outline: \"none\",\n boxSizing: \"border-box\",\n }}\n />\n \n \n\n \n \n Name on card\n \n \n \n\n \n \n Billing address\n \n \n \n \n \n \n \n \n setCity(e.target.value)}\n placeholder=\"City\"\n required\n style={{\n flex: \"1 1 auto\",\n padding: \"10px 14px\",\n fontSize: \"16px\",\n borderRadius: \"4px\",\n border: \"1px solid #e4e4e7\",\n boxShadow: \"inset 0 1px 1px rgba(0, 0, 0, 0.03)\",\n transition: \"box-shadow 0.15s ease\",\n outline: \"none\",\n boxSizing: \"border-box\",\n }}\n />\n \n setZip(e.target.value)}\n placeholder=\"ZIP\"\n required\n style={{\n width: \"80px\",\n padding: \"10px 14px\",\n fontSize: \"16px\",\n borderRadius: \"4px\",\n border: \"1px solid #e4e4e7\",\n boxShadow: \"inset 0 1px 1px rgba(0, 0, 0, 0.03)\",\n transition: \"box-shadow 0.15s ease\",\n outline: \"none\",\n boxSizing: \"border-box\",\n }}\n />\n \n \n\n \n Pay $25.00\n \n\n \n \n \n \n Your payment information is secure\n \n \n \n );\n}",[],[160,210],[160],{"_104":220,"_95":221,"_161":222,"_163":-5,"_164":142,"_165":223,"_167":22,"_106":224,"_100":169,"_170":171,"_172":-5,"_173":22,"_174":-5,"_175":225,"_98":273},"b5a47526-286d-11f0-a822-569c3dd06744","frontend","b2f57fb4-286d-11f0-9afc-569c3dd06744",1107,["D",1746311211239],[226,243,254,264],{"_104":227,"_95":228,"_161":229,"_163":222,"_164":142,"_165":230,"_167":22,"_106":231,"_100":169,"_170":171,"_172":-5,"_173":22,"_174":-5,"_175":232,"_98":242},"37d8db4c-2871-11f0-9cb0-569c3dd06744","components","34b1668c-2871-11f0-af9d-569c3dd06744",1138,["D",1746312718178],[233],{"_104":234,"_95":235,"_161":236,"_163":229,"_164":142,"_165":237,"_167":22,"_106":238,"_100":183,"_170":184,"_172":239,"_173":22,"_174":-5,"_175":240,"_98":241},"4045209c-2871-11f0-b9da-569c3dd06744","App.tsx","3a07dfb2-2871-11f0-9301-569c3dd06744",1142,["D",1746312732309],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function App() {\n const [clicked, setClicked] = useState(0);\n return (\n

Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[],[221,228,235],[221,228],{"_104":244,"_95":245,"_161":246,"_163":222,"_164":142,"_165":247,"_167":22,"_106":248,"_100":249,"_170":250,"_172":251,"_173":22,"_174":-5,"_175":252,"_98":253},"9ae72704-28ce-11f0-9d78-569c3dd06744","index.html","b95c874e-286d-11f0-84d7-569c3dd06744",1154,["D",1746352827550],8,"file","\n\n \n \n \n React Hono Val Town Starter\n \n \n \n

\n \n \n \n",[],[221,245],{"_104":255,"_95":256,"_161":257,"_163":222,"_164":142,"_165":258,"_167":22,"_106":259,"_100":260,"_170":184,"_172":261,"_173":22,"_174":-5,"_175":262,"_98":263},"1fc03f0a-2871-11f0-94b4-569c3dd06744","index.tsx","d8adfecc-2870-11f0-b70e-569c3dd06744",1136,["D",1746312677748],4,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[221,256],{"_104":265,"_95":266,"_161":267,"_163":222,"_164":142,"_165":268,"_167":22,"_106":269,"_100":260,"_170":250,"_172":270,"_173":22,"_174":-5,"_175":271,"_98":272},"9eeb34ae-28cd-11f0-b674-569c3dd06744","style.css","369a6ac8-286e-11f0-a3c1-569c3dd06744",1148,["D",1746352404801],"body {\n background-color: red;\n}",[],[221,266],[221],{"_104":275,"_95":276,"_161":277,"_163":-5,"_164":142,"_165":169,"_167":118,"_106":278,"_100":32,"_170":171,"_172":-5,"_173":22,"_174":-5,"_175":279,"_98":337},"e4f1deba-214a-11f0-9237-569c3dd06744","routes","6d95e43a-c17d-42ca-9bfc-9d3094a6cb92",["D",1745526600042],[280,290,300,309,319,329],{"_104":281,"_95":282,"_161":283,"_163":277,"_164":142,"_165":284,"_167":118,"_106":285,"_100":286,"_170":250,"_172":287,"_173":22,"_174":-5,"_175":288,"_98":289},"1aee8876-214e-11f0-b884-569c3dd06744","README.md","70f96722-7df0-4aac-a569-399cbbe92bd8",12,["D",1745527979136],2,"# Routes Directory\n\nThis directory contains all the route handlers for the webhookAPI application. Each file exports a Hono app that handles a specific route or group of related routes.\n\n## Structure\n\n- `auth.ts` - Authentication middleware\n- `example-database-page.ts` - Handles `/example/database/page` endpoint\n- `example-guest-welcome.ts` - Handles `/example/guest/welcome` endpoint\n- `glancer.ts` - Handles `/glancer` and `/glancer/:id` endpoints\n- `property-injections.ts` - Handles `/property/injections` endpoint\n- `test-routes.ts` - Handles `/asdf`, `/qwer/:id`, and `/test/:id` endpoints\n- `root.ts` - Handles the root `/` endpoint",[],[276,282],{"_104":291,"_95":292,"_161":293,"_163":277,"_164":142,"_165":294,"_167":22,"_106":295,"_100":296,"_170":184,"_172":297,"_173":22,"_174":-5,"_175":298,"_98":299},"9db23114-2297-11f0-b9df-569c3dd06744","auth.ts","94db79c3-abbd-40c6-9e91-f4db73486452",380,["D",1745669502950],39,"export default async (c, next) => {\n const method = c.req.method;\n const origin = await c.req.header(\"sec-fetch-site\");\n const secret = c.req.header(\"x-api-key\"); // sent by POSTS\n\n // if a GET and the request is from a page in this project, allow\n // GET checks the cobrowse boolean\n // POST registers the cobrowse event in Notion\n if (origin !== \"same-origin\") {\n console.log(\"request not from this project\");\n if (secret !== Deno.env.get(\"X_API_KEY\") && method !== \"GET\") {\n return c.text(\"Unauthorized\", 401);\n }\n }\n await next();\n};",[],[276,292],{"_104":301,"_95":302,"_161":303,"_163":277,"_164":142,"_165":101,"_167":22,"_106":304,"_100":305,"_170":184,"_172":306,"_173":22,"_174":-5,"_175":307,"_98":308},"64d3bd32-2912-11f0-8a61-569c3dd06744","embedTest.tsx","3029ad6c-2435-11f0-96e2-569c3dd06744",["D",1746381942614],399,"/** @jsxImportSource npm:hono@3/jsx */\nimport { Hono } from \"npm:hono@3\";\nimport { WhackAGhostEmbedIframe } from \"../embeds/embedIframe.tsx\";\n\nconst app = new Hono();\n\napp.get(\"/\", async (c) => {\n const pageId = \"1e0c2007-36c2-80fb-9acf-d4ca59d6e6b7\"; // this would normally be a GET param\n\n return c.html(\n \n \n \n \n \n {/* */}\n {/* */}\n\n \n \n \n \n

\n Glancer\n

\n\n

\n [example title goes here]\n

\n This area of the page features a custom iframe embed that works with cobrowse. Not only does it appear\n in the cobrowsing session, but the agent can interact with it.\n

\n {await WhackAGhostEmbedIframe()}\n

\n\n

Having trouble?

This is setup content.

cobrowse

contact

confirmation

\n \n \n Cobrowse with an agent\n \n\n {\n /*

Step 2: cobrowse with your agent

\n \n \n Start Cobrowse Session\n */\n }\n

\n\n

\n {/* set the pageId on the window so that imported scripts can access it */}\n \n {/* Inject the script properly using dangerouslySetInnerHTML */}\n \n \n \n

\n \n ,\n );\n});\n\nexport default app;",[],[276,302],{"_104":310,"_95":311,"_161":312,"_163":277,"_164":142,"_165":313,"_167":22,"_106":314,"_100":315,"_170":184,"_172":316,"_173":22,"_174":-5,"_175":317,"_98":318},"8d60d896-2847-11f0-8136-569c3dd06744","glancer.tsx","b86762fa-214c-11f0-bdf2-569c3dd06744",1075,["D",1746294822810],523,"/** @jsxImportSource npm:hono@3/jsx */\nimport { blob } from \"https://esm.town/v/std/blob?v=12\";\nimport { Client } from \"npm:@notionhq/client\";\nimport { Hono } from \"npm:hono@3\";\nimport * as finance from \"../embeds/financeForm.tsx\";\nimport * as checkout from \"../embeds/stripeLikeCheckoutForm.tsx\";\n\n// Initialize Notion client\nconst notion = new Client({\n auth: Deno.env.get(\"NOTION_API_KEY\"),\n});\n\nconst app = new Hono();\n\n// Glancer admins hit this when they click the checkbox in Notion that enables the cobrowsing session\n// this endpoint stores cobrowsing session state; the blob stores the visitor's page id and enabled: true or false\n// we use blob to avoid hitting Notion's API to check for the status of the cobrowse session\napp.post(\"/cobrowse\", async (c) => {\n // get page from notion\n const payload = await c.req.json();\n const pageId = payload?.data?.id;\n const host = c.req.header(\"host\");\n const enabled = payload?.data?.properties?.Cobrowse?.checkbox;\n const blobKey = [\n host,\n pageId,\n ].join(\"--\");\n const blobject = {\n \"enabled\": enabled,\n id: pageId,\n date: new Date(),\n };\n const blobber = await blob.setJSON(blobKey, blobject);\n return c.json(blobber);\n});\n\n// visitor's page checks to see that the cobrowsing session is enabled\napp.get(\"/:id/cobrowse\", async (c) => {\n const pageId = c.req.param(\"id\");\n const host = c.req.header(\"host\");\n const blobKey = [\n host,\n pageId,\n ].join(\"--\");\n const blobject = await blob.getJSON(blobKey);\n return c.json(blobject);\n});\n\n// visitor's demo page\napp.get(\"/:id\", async (c) => {\n // get page from notion\n const pageId = c.req.param(\"id\");\n const page = await notion.pages.retrieve({\n page_id: pageId,\n });\n const props = page.properties;\n // console.log(props);\n const agent = {\n name: props[\"Agent name\"]?.formula?.string,\n email: props[\"Agent email\"]?.formula?.string,\n phone: props[\"Agent phone\"]?.formula.string,\n };\n\n // Define the JavaScript separately with two functions\n const sessionScript = `\n // Main handler that calls both functions\n function handleSessionStart() {\n // Start the CoBrowse session\n startSession();\n \n // Record the click in a blob\n recordClick(\"cobrowse-start\");\n }\n \n // Original CoBrowse function\n function startSession() {\n GLANCE.Cobrowse.Visitor.startSession(\"GLANCE_KEYTYPE_RANDOM\");\n }\n \n // New function to record the click in a blob\n function recordClick(action) {\n // Create data to store\n const clickData = {\n id: \"${pageId}\",\n \"action\": action, // cobrowse_start || cobrowse_request\n }; \n fetch(\"https://glancer.val.run/glancer/action\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(clickData),\n });\n if(action == \"cobrowse_request\"){\n confirmationEl.style.display = \"\"\n // noThingEl.style.display = \"none\" // this gets undone by setInterval\n }\n }\n\n const thingEl = document.getElementById(\"cta-cobrowse\")\n const noThingEl = document.getElementById(\"cta-contact\")\n const confirmationEl = document.getElementById(\"cta-contact-confirmation\")\n\n setInterval(async () => {\n // check the boolean to see if a Glancer has enabled the link to trigger cobrowse\n console.log(\"Checking to see if this session has been enabled by a Glancer\");\n const resp = await fetch(\"https://glancer.val.run/glancer/${pageId}/cobrowse\", {\n method: \"GET\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n }); \n const data = await resp.json()\n if (data.enabled) {\n thingEl.style.display = \"\"\n noThingEl.style.display = \"none\"\n } else {\n thingEl.style.display = \"none\"\n noThingEl.style.display = \"\"\n } \n }, 1000) \n `;\n\n const embed = (props.Sector?.select?.name.toLowerCase() === \"financial services\")\n ? await finance.financeForm()\n : await checkout.StripeCheckoutForm();\n\n return c.html(\n

\n \n \n

Hi, {props.Name.title[0].text.content}!

\n This is a quick demo of Glance cobrowse in an {props.Sector?.select?.name.toLowerCase()}{\" \"}\n context, built just for you.\n

\n {embed}\n

Having trouble?

An agent is standing by to help you.

Step 1: call your agent

{agent.name}: \n {agent.phone}\n {\n /*
\n {agent.email} */\n }\n

Step 2: cobrowse with your agent

\n \n \n Start Cobrowse Session\n \n

Co-browsing is disabled due to inactivity.

\n \n Ping your Glance agent to enable co-browing\n \n

\n Your agent has been contacted. Please standby.\n

\n {/* Inject the script properly using dangerouslySetInnerHTML */}\n \n

\n This co-browse demo brought to you by Glance.cx | Made with 😅 outside Boston\n

,\n );\n});\n\n// visitor's page captures when a visitor clicks a cobrowse like\n// click stored in Notion\napp.post(\"/action\", async (c) => {\n const payload = await c.req.json();\n const pageId = payload?.id;\n const action = payload?.action;\n const date = new Date();\n\n console.log(\"record\");\n console.log(payload);\n\n // create a database page in my Notion metrics database\n // https://www.notion.so/bradnoble/1e0c200736c280d686b2f6d5dee15950?v=1e0c200736c28045aef4000c9d855817&pvs=4\n const record = await notion.pages.create({\n parent: {\n database_id: \"1e0c200736c280d686b2f6d5dee15950\",\n },\n properties: {\n \"Name\": {\n title: [\n {\n type: \"text\",\n text: {\n content: action,\n },\n },\n ],\n },\n \"Date\": {\n date: {\n start: date,\n },\n },\n \"Related page id\": {\n \"rich_text\": [\n {\n \"type\": \"text\",\n \"text\": {\n \"content\": pageId,\n },\n },\n ],\n },\n \"Glancer demo\": {\n // this is a Notion relation\n relation: [\n {\n id: pageId,\n },\n ],\n },\n // \"Action\": {\n // \"rich_text\": [\n // {\n // \"type\": \"text\",\n // \"text\": {\n // \"content\": action,\n // },\n // },\n // ],\n // },\n },\n });\n\n return c.json({\n ok: true,\n });\n});\n\n// Glancer admins hit this to create the visitor's cobrowse demo page\napp.post(\"/\", async (c) => {\n // Extract data from request\n const payload = await c.req.json();\n const pageId = await payload.data?.id;\n const url = c.req.url + \"/\" + pageId; // the GET at this endpoint will build the interface with data from tne Notion page at with id\n\n // Glancer admins will share this link with visitors\n await notion.pages.update({\n page_id: pageId,\n properties: {\n \"URL\": {\n \"url\": url, // set the unique URL for each client and save it to Notion\n },\n },\n });\n\n // option: save a blob for cache\n // to prevent val.town / Notion connectivity issues\n return c.json({\n ok: true,\n });\n});\n\n// does nothing\napp.get(\"/\", async (c) => {\n return c.html(``);\n});\n\nexport default app;",[],[276,311],{"_104":320,"_95":321,"_161":322,"_163":277,"_164":142,"_165":323,"_167":22,"_106":324,"_100":325,"_170":184,"_172":326,"_173":22,"_174":-5,"_175":327,"_98":328},"f78fa27c-28d5-11f0-9685-569c3dd06744","root.ts","1f7ddec8-b436-4786-a28e-e16f750193e0",1155,["D",1746355989431],31,"import { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", async c => {\n return serveFile(\"/frontend/index.html\", import.meta.url);\n});\n\napp.get(\"/public/**/*\", c => serveFile(c.req.path.replace(\"/public\", \"/frontend\"), import.meta.url));\n\n// app.get(\"/\", async (c) => {\n// const content = {\n// headline: \"👋 Glancer\",\n// message: \"Find more detail in the README.\",\n// };\n\n// return c.json(content);\n// });\n\nexport default app;",[],[276,321],{"_104":330,"_95":331,"_161":332,"_163":277,"_164":142,"_165":169,"_167":118,"_106":333,"_100":32,"_170":184,"_172":334,"_173":22,"_174":-5,"_175":335,"_98":336},"e4f1dcb2-214a-11f0-9237-569c3dd06744","test-routes.ts","27066704-49ee-4c99-a0fa-434e97633875",["D",1745526600042],"import { Hono } from \"npm:hono@3\";\n\nconst app = new Hono();\n\napp.post(\"/asdf\", async (c) => {\n const requestData = await c.req.json();\n console.log(requestData);\n return c.json({ ok: true });\n});\n\napp.post(\"/qwer/:id\", async (c) => {\n const action = c.req.param(\"id\");\n console.log({ action });\n return c.json({ action });\n});\n\napp.post(\"/test/:id\", async (c) => {\n const requestData = await c.req.json();\n const id = c.req.param(\"id\");\n\n // Make internal requests to other routes\n await app.request(\"/asdf\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(requestData),\n });\n\n await app.request(\"/qwer/\" + id, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(requestData),\n });\n \n return c.json({ ok: true, id });\n});\n\nexport default app;",[],[276,331],[276],{"_104":339,"_95":340,"_161":341,"_163":-5,"_164":142,"_165":169,"_167":118,"_106":342,"_100":32,"_170":171,"_172":-5,"_173":22,"_174":-5,"_175":343,"_98":374},"e4f222bc-214a-11f0-9237-569c3dd06744","utils","a2383670-cb8f-4ee1-b18b-dfdc63877006",["D",1745526600042],[344,354,364],{"_104":345,"_95":346,"_161":347,"_163":341,"_164":142,"_165":348,"_167":22,"_106":349,"_100":350,"_170":184,"_172":351,"_173":22,"_174":-5,"_175":352,"_98":353},"5ee279a6-2848-11f0-adbc-569c3dd06744","frobDOM.tsx","ae91e344-26bb-11f0-9946-569c3dd06744",1076,["D",1746295174306],34,"export async function frobDOM() {\n const cobrowseEl = document.getElementById(\"cta-cobrowse\") || null;\n const contactEl = document.getElementById(\"cta-contact\") || null;\n const confirmationEl = document.getElementById(\"cta-contact-confirmation\") || null;\n\n setInterval(async () => {\n // check the boolean to see if a Glancer has enabled the link to trigger cobrowse\n console.log(\"Checking to see if this session has been enabled by a Glancer\");\n const resp = await fetch(\"https://glancer.val.run/glancer/\" + window.pageId + \"/cobrowse\", {\n method: \"GET\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n });\n const data = await resp.json() as any;\n // console.log({ data });\n if (data.enabled) {\n cobrowseEl.style.display = \"\";\n contactEl.style.display = \"none\";\n } else {\n cobrowseEl.style.display = \"none\";\n contactEl.style.display = \"\";\n }\n }, 1000);\n}\nawait frobDOM();",[],[340,346],{"_104":355,"_95":356,"_161":357,"_163":341,"_164":142,"_165":358,"_167":22,"_106":359,"_100":360,"_170":184,"_172":361,"_173":22,"_174":-5,"_175":362,"_98":363},"1bd8d37a-2844-11f0-a667-569c3dd06744","recordClick.tsx","f1402834-2843-11f0-9ab9-569c3dd06744",1059,["D",1746293343847],5,"export async function recordClick(action: string) {\n // Create data to store\n const clickData = {\n id: pageId,\n \"action\": action, // cobrowse_start || cobrowse_request\n };\n fetch(\"https://glancer.val.run/glancer/action\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(clickData),\n });\n // if (action == \"cobrowse_request\") {\n // confirmationEl.style.display = \"\";\n // // noThingEl.style.display = \"none\" // this gets undone by setInterval\n // }\n}\nwindow.recordClick = recordClick;",[],[340,356],{"_104":365,"_95":366,"_161":367,"_163":341,"_164":142,"_165":368,"_167":118,"_106":369,"_100":370,"_170":184,"_172":371,"_173":22,"_174":-5,"_175":372,"_98":373},"a151e286-2848-11f0-ac3d-569c3dd06744","startSession.tsx","1bad47bc-2823-11f0-86a8-569c3dd06744",1079,["D",1746295285765],15,"export async function startSession() {\n GLANCE.Cobrowse.Visitor.startSession(\"GLANCE_KEYTYPE_RANDOM\");\n}\n// If you forget to add functions called by events\n// to the global scope (e.g., `onclick=\"startSession();\"`),\n// then those functions won't be in the global scope,\n// and the onclick will fail with Uncaught ReferenceError.\nwindow.startSession = startSession;",[],[340,366],[340],{"_104":376,"_95":282,"_161":377,"_163":-5,"_164":142,"_165":378,"_167":22,"_106":379,"_100":169,"_170":250,"_172":380,"_173":22,"_174":-5,"_175":381,"_98":382},"279f9560-214e-11f0-ae7f-569c3dd06744","6fc7b82d-7183-4b9b-9412-15b42390ffe8",13,["D",1745528000427],"# Glancer",[],[282],{"_104":384,"_95":256,"_161":116,"_163":-5,"_164":142,"_165":385,"_167":22,"_106":386,"_100":387,"_170":388,"_172":389,"_173":22,"_174":390,"_175":391,"_98":392},"dd7e170e-286e-11f0-8e1b-569c3dd06744",1118,["D",1746311707591],44,"http","// import { liveReload } from \"https://esm.town/v/stevekrouse/live-reload@240-main/main.ts\";\nimport { parseProject, readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono@3\";\n\n// import { cors } from \"npm:hono@3/cors\";\n\n// Import route modules\nimport auth from \"./routes/auth.ts\";\nimport embed from \"./routes/embedTest.tsx\";\nimport glancer from \"./routes/glancer.tsx\";\nimport root from \"./routes/root.ts\";\nimport testRoutes from \"./routes/test-routes.ts\";\n\n// Create main app\nconst app = new Hono();\n\n// Apply CORS middleware\n// app.use(\n// \"/*\",\n// cors({\n// origin: [\n// \"https://glancer.val.run\",\n// \"https://esm.town\",\n// \"https://notion.so\",\n// \"https://notion.com\",\n// ],\n// allowMethods: [\"GET\", \"POST\", \"PUT\", \"DELETE\", \"OPTIONS\"],\n// allowHeaders: [\"Content-Type\", \"Authorization\"],\n// exposeHeaders: [\"Content-Length\", \"X-Kuma-Revision\"],\n// maxAge: 600,\n// credentials: true,\n// }),\n// );\n\n// Mount root route\napp.route(\"/\", root);\n\n// Apply authentication middleware to all routes\napp.use(\"*\", auth);\n\n// Mount route modules\napp.route(\"/glancer\", glancer);\napp.route(\"/embed\", embed);\n\n// Mount test routes - these include /asdf, /qwer/:id, and /test/:id\napp.route(\"/\", testRoutes);\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Use this line if you want live-reload functionality\n// export default liveReload(app.fetch, import.meta.url);\n\n// If live-reload is causing issues, comment out the line above and uncomment this line instead:\nexport default app.fetch;","glancer-old",[],[256],{"_104":394,"_95":395,"_161":396,"_163":-5,"_164":142,"_165":169,"_167":22,"_106":397,"_100":32,"_170":398,"_172":399,"_173":22,"_174":-5,"_175":400,"_98":401},"e4f226b8-214a-11f0-9237-569c3dd06744","resets","6d15d8e4-69cc-4d50-a7b0-3338f22e3d35",["D",1745526600042],"interval","import { blob } from \"https://esm.town/v/std/blob?v=12\";\nimport { Client } from \"npm:@notionhq/client\";\n\n// Initialize Notion client\nconst notion = new Client({\n auth: Deno.env.get(\"NOTION_API_KEY\"),\n});\n\nexport default async function(interval: Interval) {\n const subdomain = \"valtownfornotion\";\n const items = await blob.list(subdomain);\n\n for (const item of items) {\n // get data from last run in the blob\n const lastRun = await blob.getJSON(item.key);\n const lastRunAt = new Date(lastRun?.date);\n const content = lastRun?.content;\n const fetchURL = [\n \"https://\" + subdomain + \".val.run\",\n lastRun?.path,\n ].join(\"\");\n\n // make sure that the lastRunAt isn't recent\n // so that you don't end up switching page content underneath a user\n const now = new Date();\n const diffInMs = Math.abs(now - lastRunAt);\n const diffInMinutes = diffInMs / 1000 / 60;\n // console.log({ diffInMinutes });\n\n // if the block associated to this blob no longer exists in notion\n // the blob should be deleted; the block id is in lastRun.id\n // and can be either a callout block or a child_database\n const block = await notion.blocks.retrieve({ block_id: lastRun?.id });\n // console.log(block);\n if (!block.archived) { // ie, archived: false in the json\n // console.log(block.type, \" exists!\", block.id, block.archived);\n // the block exists, so you can do the reset\n\n // reset via the API\n // this way we keep the notion data and the blob data (our cache) in sync\n // the API resets the blocks on notion pages, and also knows what to do with the blob\n // (note the x-blob-key header)\n if (content != \"default\" && diffInMinutes > .5) {\n const response = await fetch(fetchURL, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"x-asking-for\": \"default\",\n \"x-blob-key\": item.key,\n \"x-api-key\": Deno.env.get(\"X_API_KEY\"),\n },\n body: JSON.stringify({\n data: {\n id: lastRun?.user?.page_id,\n },\n }),\n });\n }\n } else { // if the block is not archived (ie, archived: true), clean up the blob\n console.log(block.id, block.type, \" is gone!\", \"archived:\" + block.archived);\n // delete the blob\n await blob.delete(item.key);\n console.log(\"deleted: \", item.key);\n console.log(await blob.getJSON(item.key));\n }\n }\n}",[],[395],"files",[158,177,188,198,208,219,226,233,243,254,264,274,280,290,300,309,319,329,338,344,354,364,375,383,393],"counts",{"_406":32,"_407":360,"_408":32,"_409":410},"pulls","branches","forks","envVars",{"_411":286,"_412":32},"count","emptyCount","contents",[],{"_104":209,"_95":210,"_161":211,"_163":162,"_164":142,"_165":212,"_167":118,"_106":416,"_100":214,"_170":184,"_172":215,"_173":22,"_174":-5,"_98":417},["D",1746294477530],[160,210],"upstreamProject",{"_104":151,"_95":420,"_112":421,"_113":422,"_110":149,"_23":423},"ValTownForNotion","Augmenting Notion with webhooks and val.town.","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/f25cb5fe-2b5b-4f08-5492-f088b3195400/square512",{"_93":94,"_134":135},"upstreamBranch",{"_104":145,"_106":426,"_427":428,"_95":43,"_143":151,"_100":147,"_144":-5,"_146":-5,"_429":430,"_108":-5,"_155":22,"_110":149,"_154":94,"_16":123,"_153":420},["D",1744293493384],"updatedAt",["D",1745504421946],"lockfileKey","1745504426655-esm.town_v_bradnoble_ValTownForNotion@1127-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":437,"_156":442,"_402":518,"_250":519,"_413":521,"_522":523,"_526":-5,"_527":528,"_529":32,"_530":531},{"_104":105,"_95":96,"_106":438,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":-5,"_120":121,"_122":32,"_16":123,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_23":439,"_136":440,"_139":441,"_155":22},["D",1745526600042],{"_93":94,"_134":135},{"_93":94,"_138":135,"_14":114},{"_100":141,"_95":43,"_104":142,"_143":105,"_144":145,"_146":147,"_148":149,"_150":151,"_152":123,"_153":96,"_154":94},[443,458,476,497,509,512,515],{"_104":159,"_95":160,"_161":162,"_163":-5,"_164":142,"_165":166,"_167":118,"_106":168,"_100":169,"_170":171,"_172":-5,"_173":22,"_174":-5,"_175":444,"_98":457},[445,448,451,454],{"_104":178,"_95":179,"_161":180,"_163":162,"_164":142,"_165":181,"_167":118,"_106":182,"_100":183,"_170":184,"_172":185,"_173":22,"_174":-5,"_175":446,"_98":447},[],[160,179],{"_104":189,"_95":190,"_161":191,"_163":162,"_164":142,"_165":192,"_167":22,"_106":193,"_100":194,"_170":184,"_172":195,"_173":22,"_174":-5,"_175":449,"_98":450},[],[160,190],{"_104":199,"_95":200,"_161":201,"_163":162,"_164":142,"_165":202,"_167":118,"_106":203,"_100":204,"_170":184,"_172":205,"_173":22,"_174":-5,"_175":452,"_98":453},[],[160,200],{"_104":209,"_95":210,"_161":211,"_163":162,"_164":142,"_165":212,"_167":118,"_106":213,"_100":214,"_170":184,"_172":215,"_173":22,"_174":-5,"_175":455,"_98":456},[],[160,210],[160],{"_104":220,"_95":221,"_161":222,"_163":-5,"_164":142,"_165":223,"_167":22,"_106":224,"_100":169,"_170":171,"_172":-5,"_173":22,"_174":-5,"_175":459,"_98":475},[460,466,469,472],{"_104":227,"_95":228,"_161":229,"_163":222,"_164":142,"_165":230,"_167":22,"_106":231,"_100":169,"_170":171,"_172":-5,"_173":22,"_174":-5,"_175":461,"_98":465},[462],{"_104":234,"_95":235,"_161":236,"_163":229,"_164":142,"_165":237,"_167":22,"_106":238,"_100":183,"_170":184,"_172":239,"_173":22,"_174":-5,"_175":463,"_98":464},[],[221,228,235],[221,228],{"_104":244,"_95":245,"_161":246,"_163":222,"_164":142,"_165":247,"_167":22,"_106":248,"_100":249,"_170":250,"_172":251,"_173":22,"_174":-5,"_175":467,"_98":468},[],[221,245],{"_104":255,"_95":256,"_161":257,"_163":222,"_164":142,"_165":258,"_167":22,"_106":259,"_100":260,"_170":184,"_172":261,"_173":22,"_174":-5,"_175":470,"_98":471},[],[221,256],{"_104":265,"_95":266,"_161":267,"_163":222,"_164":142,"_165":268,"_167":22,"_106":269,"_100":260,"_170":250,"_172":270,"_173":22,"_174":-5,"_175":473,"_98":474},[],[221,266],[221],{"_104":275,"_95":276,"_161":277,"_163":-5,"_164":142,"_165":169,"_167":118,"_106":278,"_100":32,"_170":171,"_172":-5,"_173":22,"_174":-5,"_175":477,"_98":496},[478,481,484,487,490,493],{"_104":281,"_95":282,"_161":283,"_163":277,"_164":142,"_165":284,"_167":118,"_106":285,"_100":286,"_170":250,"_172":287,"_173":22,"_174":-5,"_175":479,"_98":480},[],[276,282],{"_104":291,"_95":292,"_161":293,"_163":277,"_164":142,"_165":294,"_167":22,"_106":295,"_100":296,"_170":184,"_172":297,"_173":22,"_174":-5,"_175":482,"_98":483},[],[276,292],{"_104":301,"_95":302,"_161":303,"_163":277,"_164":142,"_165":101,"_167":22,"_106":304,"_100":305,"_170":184,"_172":306,"_173":22,"_174":-5,"_175":485,"_98":486},[],[276,302],{"_104":310,"_95":311,"_161":312,"_163":277,"_164":142,"_165":313,"_167":22,"_106":314,"_100":315,"_170":184,"_172":316,"_173":22,"_174":-5,"_175":488,"_98":489},[],[276,311],{"_104":320,"_95":321,"_161":322,"_163":277,"_164":142,"_165":323,"_167":22,"_106":324,"_100":325,"_170":184,"_172":326,"_173":22,"_174":-5,"_175":491,"_98":492},[],[276,321],{"_104":330,"_95":331,"_161":332,"_163":277,"_164":142,"_165":169,"_167":118,"_106":333,"_100":32,"_170":184,"_172":334,"_173":22,"_174":-5,"_175":494,"_98":495},[],[276,331],[276],{"_104":339,"_95":340,"_161":341,"_163":-5,"_164":142,"_165":169,"_167":118,"_106":342,"_100":32,"_170":171,"_172":-5,"_173":22,"_174":-5,"_175":498,"_98":508},[499,502,505],{"_104":345,"_95":346,"_161":347,"_163":341,"_164":142,"_165":348,"_167":22,"_106":349,"_100":350,"_170":184,"_172":351,"_173":22,"_174":-5,"_175":500,"_98":501},[],[340,346],{"_104":355,"_95":356,"_161":357,"_163":341,"_164":142,"_165":358,"_167":22,"_106":359,"_100":360,"_170":184,"_172":361,"_173":22,"_174":-5,"_175":503,"_98":504},[],[340,356],{"_104":365,"_95":366,"_161":367,"_163":341,"_164":142,"_165":368,"_167":118,"_106":369,"_100":370,"_170":184,"_172":371,"_173":22,"_174":-5,"_175":506,"_98":507},[],[340,366],[340],{"_104":376,"_95":282,"_161":377,"_163":-5,"_164":142,"_165":378,"_167":22,"_106":379,"_100":169,"_170":250,"_172":380,"_173":22,"_174":-5,"_175":510,"_98":511},[],[282],{"_104":384,"_95":256,"_161":116,"_163":-5,"_164":142,"_165":385,"_167":22,"_106":386,"_100":387,"_170":388,"_172":389,"_173":22,"_174":390,"_175":513,"_98":514},[],[256],{"_104":394,"_95":395,"_161":396,"_163":-5,"_164":142,"_165":169,"_167":22,"_106":397,"_100":32,"_170":398,"_172":399,"_173":22,"_174":-5,"_175":516,"_98":517},[],[395],[443,445,448,451,454,458,460,462,466,469,472,476,478,481,484,487,490,493,497,499,502,505,509,512,515],{"_104":209,"_95":210,"_161":211,"_163":162,"_164":142,"_165":212,"_167":118,"_106":416,"_100":214,"_170":184,"_172":215,"_173":22,"_174":-5,"_98":520},[160,210],[],"upstream",{"_104":145,"_106":524,"_427":525,"_95":43,"_143":151,"_100":147,"_144":-5,"_146":-5,"_429":430,"_108":-5,"_155":22,"_110":149,"_154":94,"_16":123,"_153":420},["D",1744293493384],["D",1745504421946],"pull","ahead",2084,"behind","templates",[],"actionData","errors"]