Remark Starter

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_182":183,"_184":185},"routes/_app.x.$handle.$name",{"_97":96,"_32":44,"_106":87,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":-5,"_119":-5,"_120":25,"_121":122,"_123":124,"_125":-5,"_126":-5,"_127":128},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":54,"_18":55,"_56":57,"_58":25,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",13,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":20,"_34":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":20,"_34":35},"deleted",false,"deletedHere","path","content.md","latestPath","fileId","80fd1efc-0beb-11f0-96a0-569c3dd06744","name","fileType","content","---\ntitle: Remark Starter\ndate: 2025-03-28\ntags:\n - markdown\n - frontmatter\n - HTML\n - val.town\n---\n\n# Remark Starter\n\nMinimal Remark markdown starter example\n\nThis val imports a `content.md` markdown file.\nIt parses out frontmatter using `graymatter`.\nThen it uses Remark and Rehype to parse the markdown into HTML and serve the response.","---\ntitle: Remark Frontmatter Starter\ndate: 2025-03-28\ntags:\n - markdown\n - frontmatter\n - HTML\n - val.town\n---\n\n# Remark Frontmatter Starter\n\nMinimal Remark markdown starter example with support for frontmatter\n\nThis val imports a `content.md` markdown file.\nIt parses out frontmatter using `graymatter`.\nThen it uses Remark and Rehype to parse the markdown into HTML and serve the response.","createdAt",["D",1743176922897],"branchVersion","branchId","39ca203e-0beb-11f0-84bb-569c3dd06744","id","39c9ba2c-0beb-11f0-84bb-569c3dd06744","remark-frontmatter-starter",["D",1743176536320],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Minimal Remark starter with frontmatter support","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/26d629d4-7b9c-4f9a-b3f7-87b20572a300/square512?exp=1789541999&sig=4d2b5503e3bd4fd0892a27c5ae89af7e09bb81ae97a1ea4a686f3e4d59890ae0","5e11e267-23cd-4ee4-86f4-3bf2a5ed69d7","pinnedFileId","3aea462e-0beb-11f0-973e-569c3dd06744","pinPreview","pinMigrated","screenshotVersion",9,"likeCount",2,"orgId","62a75f8d-be32-4eaa-989a-23f3433a7d42","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_105":101},"org",{"_97":96,"_98":99,"_100":101,"_18":55,"_102":103,"_104":25},"branch",{"_13":86,"_32":87,"_42":41,"_88":43,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":44,"_95":96},"isOwned",18,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","jxnblk","handle","displayName","Brent Jackson","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/fca87e60-4ad1-453c-af10-2782c6823400/square512?exp=1789541999&sig=cd7ab82d7a2c251c2954a6081b82296502810d9ea0d3ea85e441f8b36f960103","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_32":44,"_37":178,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":54,"_18":55,"_56":57,"_58":25,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":179,"_81":180,"_83":181,"_85":25},"tree",[165,166,167],"files",[165,166,167],"counts",{"_154":155,"_156":151,"_157":155,"_158":159,"_160":161},"contents",[129,130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_42":147,"_32":148,"_30":57,"_135":-5,"_40":41,"_39":149,"_136":25,"_37":150,"_13":151,"_33":20,"_34":152,"_24":25,"_141":-5,"_27":153},{"_42":143,"_32":28,"_30":31,"_135":-5,"_40":41,"_39":14,"_136":124,"_37":144,"_13":145,"_33":20,"_34":36,"_24":25,"_141":-5,"_27":146},{"_42":132,"_32":133,"_30":134,"_135":-5,"_40":41,"_39":61,"_136":124,"_37":137,"_13":138,"_33":139,"_34":140,"_24":25,"_141":-5,"_27":142},"d8240808-0beb-11f0-84b8-569c3dd06744","http.tsx","4ab101a6-0beb-11f0-a079-569c3dd06744","parentId","latest",["D",1743176801979],4,"http","import remarkParse from \"npm:remark-parse\";\nimport remarkRehype from \"npm:remark-rehype\";\nimport rehypeStringify from \"npm:rehype-stringify\";\nimport { unified } from \"npm:unified\";\nimport graymatter from \"npm:gray-matter\";\n\n// import markdown file\nconst url = new URL(\"content.md\", import.meta.url);\nconst res = await fetch(url, { redirect: \"follow\" });\nconst rawContent = await res.text();\n\nconst parser = unified()\n .use(remarkParse)\n .use(remarkRehype)\n .use(rehypeStringify);\n\nexport default async function (req: Request): Promise {\n const matter = graymatter(rawContent);\n const vfile = await parser.process(matter.content);\n const content = String(vfile);\n\n const json = JSON.stringify(matter.data, null, 2);\n\n const html = `\n \n \n Remark Starter\n \n \n ${content}\n\n

Frontmatter:

${json}

\n \n \n `;\n \n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n}\n\n// import graymatter from \"npm:gray-matter\";\n// const { content, data } = graymatter(markdown);","label",[133],"2036146a-0bec-11f0-9145-569c3dd06744",["D",1743176922897],5,[28],"060d3398-0bec-11f0-bb8a-569c3dd06744","README.md",12,["D",1743176879008],1,"# remark-frontmatter-starter",[148],"pulls",0,"branches","forks","envVars",{"_162":155,"_164":155},"connections",{"_162":155,"_163":155},"count","unfilledCount","emptyCount",{"_42":147,"_32":148,"_30":57,"_135":-5,"_40":41,"_39":149,"_136":25,"_37":175,"_13":151,"_33":20,"_34":152,"_24":25,"_141":-5,"_169":176,"_27":177},{"_42":143,"_32":28,"_30":31,"_135":-5,"_40":41,"_39":14,"_136":124,"_37":172,"_13":145,"_33":20,"_34":36,"_24":25,"_141":-5,"_169":173,"_27":174},{"_42":132,"_32":133,"_30":134,"_135":-5,"_40":41,"_39":61,"_136":124,"_37":168,"_13":138,"_33":139,"_34":140,"_24":25,"_141":-5,"_169":170,"_27":171},["D",1743176801979],"children",[],[133],["D",1743176922897],[],[28],["D",1743176879008],[],[148],["D",1743176536320],{"_97":96,"_105":101},{"_97":96,"_98":99,"_100":101,"_18":55,"_102":103,"_104":25},{"_13":86,"_32":87,"_42":41,"_88":43,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":44,"_95":96},"ctx",{"_79":-5,"_126":215,"_216":217,"_218":219,"_220":25,"_221":25,"_222":25,"_223":124,"_224":-5,"_225":-7,"_226":-7,"_227":155,"_228":25,"_229":25,"_230":-5,"_231":25,"_232":25,"_233":25,"_234":-5},"ENV",{"_186":187,"_188":189,"_190":87,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

Diff · v13