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 // Add language parameter to iframe URL for non-English languages\n if (language !== \"en\") {\n const iframes = document.querySelectorAll(\"iframe\");\n iframes.forEach((iframe) => {\n const src = iframe.getAttribute(\"src\");\n if (src) {\n const url = new URL(src);\n url.searchParams.set(\"lang\", language);\n iframe.setAttribute(\"src\", url.toString());\n }\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 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$/, \"\")\n .normalize(\"NFC\"),\n };\n }).sort((a, b) => {\n const aIndex = sortOrder.findIndex((o) => a.name.includes(o));\n const bIndex = sortOrder.findIndex((o) => b.name.includes(o));\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;",[],[258],{"_104":267,"_97":268,"_160":269,"_162":-5,"_163":145,"_164":270,"_166":118,"_106":271,"_101":213,"_169":183,"_171":272,"_172":22,"_173":-5,"_174":273,"_100":274},"4a6e613e-7a04-11f0-bb20-0224a6c84d84","notes.md","1bc2078c-7a04-11f0-8063-0224a6c84d84",20,["D",1755281929558],"## Events that happen every year\n\n- Bingo Night (October 2024)\n- Lunar New Year Celebration (January 2025)\n- Pi Night (Math and Science Night) (March 14, 2025)\n- Mov-a-thon (April 2024)\n- Career days (May 2024)\n- Teacher Appreciation Week (May 2024)\n- Field Day (June 2024)\n- Multicultural Night (June 2024)\n- Dance Performances\n- Outdoor Work Parties\n\n## Example reccuring event descriptions\n\n#### Sept 12th: Coffee Chat\n\n**9:00am - 10:00am**: Coffee Connect is an opportunity to build community with\nother other parents and check in with administrators, staff, and PTA board\nmembers. We will meet in front of the school, or the library in case of bad weather.\n_Every 2nd Friday of the Month_.",[],[268],{"_104":276,"_97":277,"_160":278,"_162":-5,"_163":145,"_164":144,"_166":118,"_106":279,"_101":280,"_169":183,"_171":281,"_172":22,"_173":-5,"_174":282,"_100":283},"99cdde80-0a0a-11f1-a49b-42dde27851f2","website.md","e7e296b4-799c-11f0-92e9-0224a6c84d84",["D",1771117607148],68," Join the PTA or make a donation\n\n\n\n\n[Seattle Public Schools calendar][school-calendar]\n\n## Get Involved\n\n### Join the PTA\n\nThe Dearborn International School Parent Teacher Association (PTA), is an opportunity for student families and the broader community to partner with staff to help support our school. The PTA builds community and secures resources for school events and classroom needs. PTA involvement looks like volunteering, coordinating events, fundraising and participating so your family and values are seen and heard at Dearborn. Membership is open to all! When you sign up as a PTA member, your participation benefits your child and our entire school community. Join the PTA and you will grow your school connections and relationships while influencing our school culture so everyone feels a sense of belonging.\n\nBecoming a member also gives you access to [Washington State PTA membership\ndiscounts][wspta-discounts].\n\n Buy Membership \n\n### Volunteer Opportunities\n\n- Cut and chat: Friday mornings after drop off — See Mr Hala.\n- Teacher appreciation week needs planning helpers.\n- [SESSFA][sessfa] work group is looking for members.\n\nIf you see anything you would like to volunteer for, email us! (dearbornparkpta@googlegroups.com).\n\n**To volunteer with the school** for things like field trips you must first [apply to be a volunteer with the\nschool district][sps-volunteer]. This has to be done 2 weeks before\nvolunteering. The PTA can provide financial help to cover the fees for the\nbackground check, etc.\n\n## More\n\n- [📗 Family Handbook](https://drive.google.com/file/d/149G7mTHQcOhMBkos1dpcPIa7ofOfH97x/view?usp=sharing)\n- [🍕 School breakfast and lunch menus](https://www.seattleschools.org/departments/culinary-services/menus/)\n- 📧 Email the PTA: dearbornparkpta@googlegroups.com\n- [PTA Facebook page][facebook]\n- [RaiseRight][raise-right]: earn money for the PTA while you shop online or in\n person — use code 5C8L493668664\n- [BoxTops][box-tops]: raise money for the school\n- [Donate to PTA][donate]\n\n## About\n\n### Elected board members\n\n- Co-Presidents: Julie Sullenzino and Erin Murphy\n- Co-Secretaries: Kate Roberts and Daniel Worthington\n- Co-Treasurers: Stephen Mead and Abraham Epton\n\n\n[wspta-discounts]: https://www.wastatepta.org/get-involved/member-discounts/\n[sps-volunteer]:\n https://www.seattleschools.org/departments/volunteer/volunteer-application-process\n[raise-right]: https://www.raiseright.com/enroll\n[box-tops]: https://www.boxtops4education.com/s/how-to-earn\n[facebook]: https://www.facebook.com/groups/DearbornParkInternationalSupporters\n[donate]: https://dpis.givebacks.com/store/items/1042986\n[sessfa]: https://www.sessfa.org\n[school-calendar]: https://www.seattleschools.org/news/school-calendar/\n\n[gdrive-agendas]:\n https://drive.google.com/drive/folders/17SE0zRcdrZ31Sbaw5yrgpv7ZvYlTnPq3?usp=share_link\n\n[bingo-sign-up]:\n https://docs.google.com/spreadsheets/d/1E-bKWoa487iK0bCikNgoH-lZtwWheX-OapuUiDg6-sY\n[move-a-thon]:\n https://secure.givelively.org/donate/southeast-seattle-education-coalition/se-seattle-schools-fundraising-alliance-1992eec5-e7d6-4e6d-acfc-98254816dc2e",[],[277],"files",[157,176,187,197,207,217,227,238,245,256,266,275],"counts",{"_288":33,"_289":168,"_290":33,"_291":292,"_295":296},"pulls","branches","forks","envVars",{"_293":213,"_294":33},"count","emptyCount","connections",{"_293":33,"_297":33},"unfilledCount","contents",[300,303,306,309,312],{"_104":158,"_97":159,"_160":161,"_162":-5,"_163":145,"_164":165,"_166":118,"_106":301,"_101":168,"_169":170,"_171":-5,"_172":22,"_173":-5,"_100":302},["D",1759518705588],[159],{"_104":239,"_97":240,"_160":241,"_162":-5,"_163":145,"_164":242,"_166":118,"_106":304,"_101":168,"_169":170,"_171":-5,"_172":22,"_173":-5,"_100":305},["D",1770664087545],[240],{"_104":257,"_97":258,"_160":116,"_162":-5,"_163":145,"_164":259,"_166":118,"_106":307,"_101":261,"_169":262,"_171":263,"_172":22,"_173":98,"_100":308},["D",1771105967240],[258],{"_104":267,"_97":268,"_160":269,"_162":-5,"_163":145,"_164":270,"_166":118,"_106":310,"_101":213,"_169":183,"_171":272,"_172":22,"_173":-5,"_100":311},["D",1755281929558],[268],{"_104":276,"_97":277,"_160":278,"_162":-5,"_163":145,"_164":144,"_166":118,"_106":313,"_101":280,"_169":183,"_171":281,"_172":22,"_173":-5,"_100":314},["D",1771117607148],[277],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.environment-variables",{"_95":96,"_97":98,"_102":323,"_291":328,"_346":22},{"_104":105,"_97":98,"_106":324,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":118,"_120":-5,"_121":33,"_16":122,"_123":-5,"_124":-5,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_23":325,"_137":326,"_142":327,"_154":22},["D",1755236283352],{"_95":96,"_135":136},{"_95":96,"_139":136,"_14":114,"_140":141},{"_101":144,"_97":45,"_104":145,"_146":105,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":-5,"_152":98,"_153":96},[329,336,341],{"_330":331,"_106":332,"_333":-5,"_112":334,"_335":22},"key","GCP_SERVICE_ACCOUNT_KEY",["D",1770512646105],"updatedAt","JSON service account key","isEmpty",{"_330":337,"_106":338,"_333":339,"_112":340,"_335":22},"VISIT_TRACK_URL",["D",1759515466121],["D",1759515474104],"Pushcut URL to call",{"_330":342,"_106":343,"_333":344,"_112":345,"_335":22},"GCP_PROJECT",["D",1755279602944],["D",1770515560832],"Google Cloud project number or ID","isTeamOrg","actionData","errors"]

Key	Description
GCP_SERVICE_ACCOUNT_KEY	JSON service account key
VISIT_TRACK_URL	Pushcut URL to call
GCP_PROJECT	Google Cloud project number or ID

halffullheart

dpispta

Environment variables