Tech Jargon MDX Generator

\\n\\n${generateBodyText()}`;\n    };\n\n    const components = [\n      () => `import { Card, CardGrid, Tabs, TabItem, Icon, LinkCard, Code } from \"@astrojs/starlight/components\";\\n\\n${generateBodyText()}`,\n      (level) => `${'#'.repeat(level)} ${faker.hacker.phrase().slice(0, 25)}\\n\\n${generateBodyText()}`,\n      () => `**${faker.hacker.phrase()}**\\n\\n${generateBodyText()}`,\n      () => `*${faker.hacker.phrase()}*\\n\\n${generateBodyText()}`,\n      () => `~~${faker.hacker.phrase()}~~\\n\\n${generateBodyText()}`,\n      () => `> ${faker.hacker.phrase()}\\n\\n${generateBodyText()}`,\n      () => `* ${faker.hacker.noun()}\\n* ${faker.hacker.verb()}\\n* ${faker.hacker.adjective()}\\n\\n${generateBodyText()}`,\n      () => `1. ${faker.hacker.ingverb()} ${faker.hacker.noun()}\\n2. ${faker.hacker.ingverb()} ${faker.hacker.noun()}\\n3. ${faker.hacker.ingverb()} ${faker.hacker.noun()}\\n\\n${generateBodyText()}`,\n      () => `\\`${faker.hacker.abbreviation()}\\`\\n\\n${generateBodyText()}`,\n      () => generateCodeBlock(),\n      () => `[${faker.hacker.noun()}](${faker.internet.url()})\\n\\n${generateBodyText()}`,\n      () => `| ${faker.hacker.noun()} | ${faker.hacker.verb()} | ${faker.hacker.adjective()} |\\n|-------|--------|--------|\\n| ${faker.hacker.abbreviation()} | ${faker.hacker.phrase()} | ${faker.hacker.phrase()} |\\n\\n${generateBodyText()}`,\n      () => `- [x] ${faker.hacker.phrase()}\\n- [ ] ${faker.hacker.phrase()}\\n- [ ] ${faker.hacker.phrase()}\\n\\n${generateBodyText()}`,\n      () => `---\\n\\n${generateBodyText()}`,\n      () => `:::tip[${faker.hacker.ingverb()} ${faker.hacker.noun()}]\\n\\n${faker.hacker.phrase()}\\n\\n${faker.hacker.phrase()}\\n\\n:::\\n\\n${generateBodyText()}`,\n      () => `:::caution[${faker.hacker.ingverb()} ${faker.hacker.noun()}]\\n\\n${faker.hacker.phrase()}\\n\\n${faker.hacker.phrase()}\\n\\n:::\\n\\n${generateBodyText()}`,\n      () => `:::danger[${faker.hacker.ingverb()} ${faker.hacker.noun()}]\\n\\n${faker.hacker.phrase()}\\n\\n${faker.hacker.phrase()}\\n\\n:::\\n\\n${generateBodyText()}`,\n      () => `:::note[${faker.hacker.ingverb()} ${faker.hacker.noun()}]\\n\\n${faker.hacker.phrase()}\\n\\n${faker.hacker.phrase()}\\n\\n:::\\n\\n${generateBodyText()}`,\n      () => `\\n\\n${faker.hacker.phrase()}\\n\\n${faker.hacker.phrase()}\\n\\n\\n\\n${generateBodyText()}`,\n      () => `\n  \n    ${faker.hacker.phrase()}\n    \n    ${faker.hacker.phrase()}\n  \n  \n    ${faker.hacker.phrase()}\n    \n    ${faker.hacker.phrase()}\n  \n\\n\\n${generateBodyText()}`,\n      () => `\n  \n    ${faker.hacker.phrase()}\n    \n    ${faker.hacker.phrase()}\n  \n  \n    ${faker.hacker.phrase()}\n    \n    ${faker.hacker.phrase()}\n  \n\\n\\n${generateBodyText()}`,\n      () => `\\n\\n${generateBodyText()}`,\n      () => `\\n\\n${generateBodyText()}`,\n    ];\n\n    let result = frontmatter + components[0](); // Include frontmatter and import statement\n    let currentHeadingLevel = 0;\n\n    const generateContent = (minComponents = 2, maxComponents = 5) => {\n      const contentCount = Math.floor(Math.random() * (maxComponents - minComponents + 1)) + minComponents;\n      let content = '';\n      for (let i = 0; i < contentCount; i++) {\n        const randomComponent = components[Math.floor(Math.random() * (components.length - 1)) + 1];\n        if (typeof randomComponent === 'function') {\n          content += randomComponent();\n        }\n        // Add a code block with 30% probability\n        if (Math.random() < 0.3) {\n          content += generateCodeBlock();\n        }\n      }\n      return content;\n    };\n\n    const totalSections = Math.floor(Math.random() * 3) + 3; // Generate between 3 and 5 main sections\n\n    for (let i = 0; i < totalSections; i++) {\n      currentHeadingLevel = 1;\n      result += components[1](currentHeadingLevel); // Add H1\n      result += generateContent();\n\n      const subSections = Math.floor(Math.random() * 3) + 1; // Generate between 1 and 3 subsections\n      for (let j = 0; j < subSections; j++) {\n        currentHeadingLevel = 2;\n        result += components[1](currentHeadingLevel); // Add H2\n        result += generateContent();\n\n        if (Math.random() > 0.5) { // 50% chance of having an H3\n          currentHeadingLevel = 3;\n          result += components[1](currentHeadingLevel); // Add H3\n          result += generateContent(1, 3);\n        }\n      }\n    }\n\n    setMarkdown(result);\n  };\n\n  const [showToast, setShowToast] = useState(false);\n\n  useEffect(() => {\n    if (showToast) {\n      const timer = setTimeout(() => {\n        setShowToast(false);\n      }, 3000);\n      return () => clearTimeout(timer);\n    }\n  }, [showToast]);\n\n  const copyToClipboard = () => {\n    const textArea = document.createElement(\"textarea\");\n    textArea.value = markdown;\n    document.body.appendChild(textArea);\n    textArea.select();\n    try {\n      document.execCommand('copy');\n      setShowToast(true);\n    } catch (err) {\n      console.error('Failed to copy: ', err);\n      alert('Failed to copy to clipboard. Please try again.');\n    }\n    document.body.removeChild(textArea);\n  };\n\n  return (\n    \n      Starlight MDX Generator
\n      \n        \n        \n      
\n      {showToast && Copied to clipboard!
}\n      \n        \n           setMarkdown(e.target.value)}\n            placeholder=\"Click 'Generate MDX' to start...\"\n          />\n        
\n        \n          {markdown}\n        
\n      
\n      \n        View source on Val Town\n      
\n    
\n  );\n}\n\nfunction client() {\n  createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nconst css = `\nbody {\n  font-family: Arial, sans-serif;\n  line-height: 1.6;\n  color: #333;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 20px;\n}\n.container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\nh1 {\n  color: #2c3e50;\n}\n.button-group {\n  display: flex;\n  gap: 10px;\n  margin-bottom: 20px;\n}\n.editor-preview {\n  display: flex;\n  width: 100%;\n  gap: 20px;\n  margin-bottom: 20px;\n}\n.editor, .preview {\n  flex: 1;\n  min-height: 400px;\n  border: 1px solid #ddd;\n  border-radius: 5px;\n  padding: 15px;\n  overflow-y: auto;\n}\ntextarea {\n  width: 100%;\n  height: 100%;\n  border: none;\n  resize: none;\n  font-family: monospace;\n}\nbutton {\n  background-color: #3498db;\n  color: white;\n  border: none;\n  padding: 10px 20px;\n  cursor: pointer;\n  font-size: 16px;\n  border-radius: 5px;\n}\nbutton:hover {\n  background-color: #2980b9;\n}\n.footer {\n  margin-top: 20px;\n  font-size: 14px;\n  color: #7f8c8d;\n}\n.footer a {\n  color: #3498db;\n  text-decoration: none;\n}\n.footer a:hover {\n  text-decoration: underline;\n}\n.toast {\n  position: fixed;\n  bottom: 20px;\n  left: 50%;\n  transform: translateX(-50%);\n  background-color: #333;\n  color: #fff;\n  padding: 10px 20px;\n  border-radius: 5px;\n  opacity: 0;\n  transition: opacity 0.3s ease-in-out;\n  animation: fadeInOut 3s ease-in-out;\n}\n@keyframes fadeInOut {\n  0%, 100% { opacity: 0; }\n  10%, 90% { opacity: 1; }\n}\n\n/* Astro Starlight component styles */\n:root {\n  --sl-color-accent-low: #1e293b;\n  --sl-color-accent: #3b82f6;\n  --sl-color-accent-high: #e0f2fe;\n  --sl-color-white: #ffffff;\n  --sl-color-gray-1: #f1f5f9;\n  --sl-color-gray-2: #e2e8f0;\n  --sl-color-gray-3: #cbd5e1;\n  --sl-color-gray-4: #94a3b8;\n  --sl-color-gray-5: #64748b;\n  --sl-color-gray-6: #475569;\n  --sl-color-black: #1e293b;\n}\n.preview {\n  --sl-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.preview :is(.tip, .caution, .danger, .note) {\n  margin: 1rem 0;\n  border-left: 0.25rem solid var(--sl-color-gray-5);\n  padding: 0.5rem 1rem;\n  background-color: var(--sl-color-gray-2);\n}\n.preview .tip { border-left-color: var(--sl-color-accent); }\n.preview .caution { border-left-color: #eab308; }\n.preview .danger { border-left-color: #ef4444; }\n.preview .note { border-left-color: #22c55e; }\n.preview :is(.tip, .caution, .danger, .note) p { margin: 0.5rem 0; }\n`;\n\nexport default async function server(request: Request): Promise {\n  return new Response(`\n    \n      \n        Tech Jargon MDX Generator\n        \n        \n        \n      \n      \n        
\n        \n      \n    \n  `,\n  {\n    headers: {\n      \"content-type\": \"text/html\",\n    },\n  });\n}","deleted","label",[60],"2fa24410-2824-11f0-af78-569c3dd06744","README.md","2fa24488-2824-11f0-af78-569c3dd06744",["D",1725910506741],0,"Generate fake doc pages for testing in [Starlight](https://starlight.astro.build/) with its built in [components](https://starlight.astro.build/guides/components/) and [hacker jargon](https://fakerjs.dev/api/hacker) from [Faker](https://fakerjs.dev/).\n\nIf you are looking to add the required `title` frontmatter for a batch of files you can use [this python script](https://gist.github.com/kmalloy24/6a4e20d30a773a7fc13ebdd4331cc73d) to interpret the `title` from the filename.",[79],{"_35":78,"_13":79,"_61":80,"_63":-5,"_64":65,"_66":33,"_67":68,"_37":91,"_17":82,"_71":24,"_73":83,"_75":49,"_76":-5,"_88":92,"_18":93},{"_35":59,"_13":60,"_61":62,"_63":-5,"_64":65,"_66":31,"_67":68,"_37":87,"_17":70,"_71":72,"_73":74,"_75":49,"_76":-5,"_88":89,"_18":90},["D",1725982598158],"children",[],[60],["D",1725910506741],[],[79],"2f9fc85c-2824-11f0-af78-569c3dd06744",["D",1746279633137],"legacyEnvVars","public","httpPrivacy","description","imageUrl","userId","f933fefc-1f0a-4701-a199-b25b7e032ed6","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_136":132},"org",{"_11":12,"_130":-5,"_131":132,"_101":102,"_133":134,"_135":49},"branch",{"_17":31,"_13":16,"_35":65,"_41":94,"_43":36,"_44":82,"_127":51,"_128":42,"_129":54,"_55":14,"_52":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaXF2dkV1N3BnOGhkZFBWblJTaFE1UmllZFcifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":94,"_13":14,"_37":177,"_47":-5,"_96":49,"_50":97,"_98":97,"_99":-5,"_100":-5,"_101":102,"_103":62,"_104":68,"_105":-5,"_106":-5,"_107":82,"_53":54,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":113,"_114":113,"_115":116,"_117":116,"_118":116,"_119":113,"_120":113,"_121":178,"_123":179,"_125":180,"_48":49},[171,172],"files",[171,172],"counts",{"_162":82,"_163":33,"_164":82,"_34":165,"_166":167},[158,159],"upstreamProject","upstreamBranch",{"_35":36,"_37":156,"_39":157,"_13":16,"_41":42,"_17":33,"_43":-5,"_44":-5,"_45":46,"_47":-5,"_48":49,"_50":51,"_52":12,"_53":54,"_55":56},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746279631293],["D",1725909841660],{"_35":78,"_13":79,"_61":80,"_63":-5,"_64":65,"_66":33,"_67":68,"_37":81,"_17":82,"_71":24,"_73":83,"_75":49,"_76":-5,"_18":161},{"_35":59,"_13":60,"_61":62,"_63":-5,"_64":65,"_66":31,"_67":68,"_37":69,"_17":70,"_71":72,"_73":74,"_75":49,"_76":-5,"_18":160},[60],[79],"pulls","branches","forks",{"_168":82,"_170":82},"connections",{"_168":82,"_169":82},"count","unfilledCount","emptyCount",{"_35":78,"_13":79,"_61":80,"_63":-5,"_64":65,"_66":33,"_67":68,"_37":91,"_17":82,"_71":24,"_73":83,"_75":49,"_76":-5,"_88":175,"_18":176},{"_35":59,"_13":60,"_61":62,"_63":-5,"_64":65,"_66":31,"_67":68,"_37":87,"_17":70,"_71":72,"_73":74,"_75":49,"_76":-5,"_88":173,"_18":174},[],[60],[],[79],["D",1746279633137],{"_11":12,"_136":132},{"_11":12,"_130":-5,"_131":132,"_101":102,"_133":134,"_135":49},{"_17":31,"_13":16,"_35":65,"_41":94,"_43":36,"_44":82,"_127":51,"_128":42,"_129":54,"_55":14,"_52":12},"ctx",{"_121":-5,"_153":214,"_215":216,"_217":218,"_219":49,"_220":49,"_221":49,"_222":68,"_223":-5,"_224":-7,"_225":-7,"_226":82,"_227":49,"_228":49,"_229":-5,"_230":49,"_231":49,"_232":49,"_233":-5},"ENV",{"_185":186,"_187":188,"_189":16,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213},"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"]