Choose language

Preview Website

${langName}

\n \n

Publish Website

\n \n\n

Bulletin

\n \n `);\n});\n\napp.get(\"/website/preview/:lang\", async (c) => {\n const md = await readFile(\"website.md\", import.meta.url);\n const page = await makePage(md, c.req.param(\"lang\"));\n return c.html(page);\n});\n\napp.post(\"/website/publish\", async (c) => {\n const body = await c.req.parseBody();\n const { email, password } = body;\n\n const auth = await authGivebacks(email, password);\n\n const md = await readFile(\"website.md\", import.meta.url);\n\n const doUpdates = Object.entries(PAGES).map(\n async ([langCode, { title, givebacksId }]) => {\n if (givebacksId) {\n console.log(\"updating page\", givebacksId, \"in lang\", langCode);\n const content = await makePage(md, langCode);\n return await updateGivebacksPage(givebacksId, content, title, auth);\n }\n return Promise.resolve(null);\n },\n );\n\n await Promise.all(doUpdates);\n\n return c.html(`\n \n Published\n

Published!

Go back home

\n `);\n});\n\napp.post(\"/bulletin/links\", async (c) => {\n const body = await c.req.parseBody();\n const { url } = body;\n\n try {\n const files = await getGoogleDriveFiles(url);\n return c.html(`\n \n Bulletin Links\n ${\n files.map((f) =>\n `

${f.name}

`\n ).join(\"\")\n }\n `);\n } catch (e) {\n return c.html(e.toString());\n }\n});\n\n// 1px transparent PNG from npm package \"1px\"\nconst TRANS_PNG = Buffer.from(\n \"iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=\",\n \"base64\",\n);\n\napp.get(\"/track/visit.png\", async (c) => {\n fetch(\n process.env.VISIT_TRACK_URL,\n {\n method: \"POST\",\n body: JSON.stringify({\n text: c.req.query(\"text\"),\n }),\n },\n );\n\n c.header(\"Content-Type\", \"image/png\");\n return c.body(TRANS_PNG);\n});\n\napp.get(\"/email/:name\", async (c) => {\n const md = await readFile(\n `emails/${c.req.param(\"name\")}.md`,\n import.meta.url,\n );\n const email = makeEmail(md);\n return c.html(email);\n});\n\n/* Functions\n --------- */\n\nasync function makePage(markdown: string, language: string) {\n const template = `\n \n \n \n \n \n\n $BODY\n \n \n \n `;\n const html = marked.parse(markdown);\n const { document } = new JSDOM(html).window;\n\n // Note: not adding space after h4 on purpose\n // so that h4 can be used when I don’t want space between\n // heading and content.\n const blocks = document.querySelectorAll(\"body > h2, h3, p, ul, ol\");\n blocks.forEach((block) => {\n const p = document.createElement(\"p\");\n p.append(document.createElement(\"br\"));\n block.after(p);\n });\n\n const headings = document.querySelectorAll(\"h2, h3, h4\");\n headings.forEach((h) => {\n const sizeClass = h.tagName === \"H2\" ? \"ql-size-huge\" : \"ql-size-large\";\n const span = document.createElement(\"span\");\n const content = h.innerHTML;\n span.append(content);\n span.classList.add(sizeClass);\n h.replaceChildren(span);\n\n if (content.toLowerCase().includes(\"no school\")) {\n span.setAttribute(\"style\", \"color: darkred; background: mistyrose\");\n }\n });\n\n const bodyEnglish = document.body.innerHTML;\n let page = \"\";\n\n if (language === \"en\") {\n // Only on the english page, add links to the other languages.\n const links = Object.entries(PAGES)\n .filter(([code]) => code !== \"en\")\n .map(\n ([langCode, { langName }]) =>\n `${langName}`,\n )\n .join(\" • \");\n\n const visitTracker = `

`;\n\n page = template.replace(\n \"$BODY\",\n links + \"

\" + bodyEnglish + visitTracker,\n );\n } else {\n // Translate from english to other languages\n\n // Only on the translated pages, add a note\n // saying it was translated by a bot\n const translationNote =\n \"

Note: this page was translated automatically using Google Translate.

\";\n\n const toTranslate = translationNote + \"

\" + bodyEnglish;\n\n const bodyTranslated = await googleTranslate(toTranslate, language);\n\n page = template.replace(\"$BODY\", bodyTranslated);\n }\n\n return page;\n}\n\nasync function makeEmail(markdown: string) {\n const template = `\n \n \n \n \n \n\n $BODY\n \n \n \n `;\n const html = marked.parse(markdown);\n const { document } = new JSDOM(html).window;\n\n const bodyEnglish = document.body.innerHTML;\n let page = \"\";\n let allContent = \"\";\n\n // Add English content first\n allContent += bodyEnglish + \"

\";\n\n // Add translated content for all other languages\n for (const [langCode, { langName }] of Object.entries(PAGES)) {\n if (langCode === \"en\") continue;\n\n const translationNote =\n \"

Note: the following was translated automatically using Google Translate.

\";\n\n const toTranslate = translationNote + \"\\n\\n\" + bodyEnglish;\n const bodyTranslated = await googleTranslate(toTranslate, langCode);\n allContent += bodyTranslated + \"

\";\n }\n\n page = template.replace(\"$BODY\", allContent);\n return page;\n}\n\nasync function googleTranslate(\n englishHtml: string,\n lang: string,\n): Promise {\n const translateResponse = await fetch(\n \"https://translation.googleapis.com/language/translate/v2\",\n {\n method: \"POST\",\n headers: {\n \"Authorization\": \"Bearer \" + process.env.GCP_ACCESS_TOKEN,\n \"x-goog-user-project\": process.env.GCP_PROJECT,\n },\n body: JSON.stringify({\n q: [englishHtml],\n target: lang,\n }),\n },\n );\n\n if (!translateResponse.ok) {\n console.log(await translateResponse.text());\n throw new Error(\"Failed to update webpage\");\n }\n\n const result = await translateResponse.json();\n\n return result.data.translations[0].translatedText;\n}\n\nasync function updateGivebacksPage(id, pageContent, title, auth) {\n const orgId = \"f72f8538-7822-493c-aff5-113d43173cfe\";\n const updateResponse = await fetch(\n `https://api.memberhub.com/services/memberhub-service/webpages/${id}?organization_uuid=${orgId}`,\n {\n method: \"PUT\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authentication-Session-Token\": auth.token,\n \"Authentication-Session-Secret\": auth.secret,\n },\n body: JSON.stringify({\n webpage: {\n id,\n //path: \"/test\",\n content: {\n title,\n content: {\n text: pageContent,\n\n // Appears above the main body and can’t really be styled so we omit it\n title: \"\",\n },\n image: BANNER,\n },\n layout: \"content\",\n website_id: 93160,\n //name: \"Test\",\n starting_at: new Date().toISOString(),\n expires_at: null,\n live: true,\n order: null,\n script: false,\n },\n }),\n },\n );\n\n if (!updateResponse.ok) {\n console.log(await updateResponse.text());\n throw new Error(\"Failed to update webpage\");\n }\n}\n\nasync function authGivebacks(email, password) {\n const authResponse = await fetch(\n \"https://api.givebacks.com/services/core/users/sign_in\",\n {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n user: { email, password },\n }),\n },\n );\n\n const authData = await authResponse.json();\n const token = authData?.user?.session?.token;\n const secret = authData?.user?.session?.secret;\n\n if (!token || !secret) {\n throw new Error(\"Givebacks authentication failed\");\n }\n\n return { token, secret };\n}\n\nasync function getGoogleDriveFiles(folderUrl) {\n try {\n const response = await fetch(folderUrl);\n\n if (!response.ok) {\n throw new Error(`Failed to fetch folder: ${response.status}`);\n }\n\n const html = await response.text();\n\n const { document } = new JSDOM(html).window;\n\n const divs = document.querySelectorAll(\"div[data-tooltip]\");\n\n // Filter divs by those that have data-tooltip ending in \"PDF\"\n const pdfDivs = Array.from(divs).filter((div) =>\n div.getAttribute(\"data-tooltip\").endsWith(\"PDF\")\n );\n\n const sortOrder = [\n \"English\",\n \"简体中文\",\n \"Español\",\n \"Tiếng Việt\",\n \"Af-Soomaali\",\n ];\n\n const files = pdfDivs.map((div) => {\n return {\n id: div.getAttribute(\"data-id\"),\n name: div.getAttribute(\"data-tooltip\").replace(/.pdf PDF$/, \"\").normalize(\"NFC\"),\n };\n }).sort((a, b) => {\n const aIndex = sortOrder.findIndex((o) =>\n a.name.includes(o)\n );\n const bIndex = sortOrder.findIndex((o) =>\n b.name.includes(o)\n );\n console.log(\"compare\", a.name, b.name, aIndex, bIndex);\n if (aIndex === -1 && bIndex === -1) return 0;\n if (aIndex === -1) return 1;\n if (bIndex === -1) return -1;\n return aIndex - bIndex;\n });\n\n return files;\n } catch (error) {\n throw new Error(`Failed to fetch folder contents: ${error.message}`);\n }\n}\n\nexport default app.fetch;","deleted","label",[99],"permalink","https://www.val.town/x/halffullheart/dpispta/code/main.tsx","extension","actionData","errors"]