1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[154],{5137:function(e,s,t){Promise.resolve().then(t.bind(t,3921))},3921:function(e,s,t){"use strict";t.r(s),t.d(s,{default:function(){return C}});var a=t(3890),l=t(376),r=t(8698),i=t(8496),d=t(5868),c=t(1597);let n=d.fC,o=i.forwardRef((e,s)=>{let{className:t,...l}=e;return(0,a.jsx)(d.aV,{ref:s,className:(0,c.cn)("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",t),...l})});o.displayName=d.aV.displayName;let m=i.forwardRef((e,s)=>{let{className:t,...l}=e;return(0,a.jsx)(d.xz,{ref:s,className:(0,c.cn)("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",t),...l})});m.displayName=d.xz.displayName;let x=i.forwardRef((e,s)=>{let{className:t,...l}=e;return(0,a.jsx)(d.VY,{ref:s,className:(0,c.cn)("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",t),...l})});x.displayName=d.VY.displayName;var h=t(9083),u=t(6341),p=t(7591),g=t(7388),b=t(6757),v=t(877),f=t(8940),j=t(3134),N=t(5381),w=t(5419),y=t(3045),D=t(8033),I=t(3029),k=t(5215),_=t(4605),S=t(6788),R=t(6060),Z=t(6717);function C(){let[e,s]=(0,i.useState)(""),t=(e,t)=>{navigator.clipboard.writeText(e),s(t),setTimeout(()=>s(""),2e3)},d=[{path:"/api/discord-members",description:"Returns human members count only",icon:(0,a.jsx)(u.Z,{className:"w-4 h-4"}),color:"bg-blue-500",example:"https://discord-live-members-count-badge.vercel.app/api/discord-members?guildId=1179245642770559067"},{path:"/api/discord-bots",description:"Returns bot members count only",icon:(0,a.jsx)(p.Z,{className:"w-4 h-4"}),color:"bg-green-500",example:"https://discord-live-members-count-badge.vercel.app/api/discord-bots?guildId=1179245642770559067"},{path:"/api/discord-total",description:"Returns total count with breakdown",icon:(0,a.jsx)(g.Z,{className:"w-4 h-4"}),color:"bg-purple-500",example:"https://discord-live-members-count-badge.vercel.app/api/discord-total?guildId=1179245642770559067"}];return(0,a.jsxs)("div",{className:"min-h-screen bg-gradient-to-br from-slate-50 to-slate-100",children:[(0,a.jsx)("header",{className:"border-b bg-white/80 backdrop-blur-sm sticky top-0 z-50",children:(0,a.jsx)("div",{className:"container mx-auto px-4 py-4",children:(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsxs)("div",{className:"flex items-center space-x-2 md:space-x-4",children:[(0,a.jsxs)(S.default,{href:"/",className:"flex items-center space-x-2 text-slate-600 hover:text-slate-900",children:[(0,a.jsx)(b.Z,{className:"w-4 h-4"}),(0,a.jsx)("span",{className:"hidden sm:inline",children:"Back to Home"}),(0,a.jsx)("span",{className:"sm:hidden",children:"Back"})]}),(0,a.jsx)("div",{className:"h-4 w-px bg-slate-300 hidden sm:block"}),(0,a.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,a.jsx)("div",{className:"w-6 h-6 md:w-8 md:h-8 bg-[#5865F2] rounded-lg flex items-center justify-center",children:(0,a.jsx)("img",{src:"/discord.svg",alt:"Discord Logo",className:"w-3 h-3 md:w-5 md:h-5"})}),(0,a.jsx)("span",{className:"text-lg md:text-xl font-bold",children:"Discord Badge"})]})]}),(0,a.jsxs)("div",{className:"flex items-center space-x-2 md:space-x-4",children:[(0,a.jsx)(S.default,{href:"https://rohan-sharma-portfolio.vercel.app/",target:"_blank",className:"text-slate-600 hover:text-slate-900 hidden md:block text-sm",children:"Dev Portfolio"}),(0,a.jsx)(S.default,{href:"https://dev.to/rohan_sharma/heres-how-i-created-a-real-time-discord-badge-for-github-readme-4adg",target:"_blank",className:"text-slate-600 hover:text-slate-900 hidden md:block text-sm",children:"Blog"}),(0,a.jsx)(S.default,{href:"https://github.com/RS-labhub/Discord-Live-Members-Count-Badge",className:"text-slate-600 hover:text-slate-900",children:(0,a.jsx)(v.Z,{className:"w-4 h-4 md:w-5 md:h-5"})})]})]})})}),(0,a.jsxs)("div",{className:"max-w-7xl mx-auto p-4 md:p-6 space-y-6 md:space-y-8",children:[(0,a.jsxs)("div",{className:"text-center space-y-4",children:[(0,a.jsxs)(r.C,{variant:"secondary",className:"mb-2",children:[(0,a.jsx)(f.Z,{className:"w-3 h-3 mr-1"}),"Documentation"]}),(0,a.jsxs)("h1",{className:"text-2xl md:text-4xl font-bold text-slate-900",children:["Discord Badge ",(0,a.jsx)("span",{className:"text-[#5865F2]",children:"API Documentation"})]}),(0,a.jsx)("p",{className:"text-lg md:text-xl text-slate-600 max-w-3xl mx-auto",children:"Complete guide to integrating live Discord member count badges into your projects"})]}),(0,a.jsxs)(n,{defaultValue:"quickstart",className:"w-full",children:[(0,a.jsxs)(o,{className:"grid w-full grid-cols-2 md:grid-cols-5 h-auto",children:[(0,a.jsx)(m,{value:"quickstart",className:"text-xs md:text-sm px-2 py-2",children:"Qu
1ick Start"}),(0,a.jsx)(m,{value:"setup",className:"text-xs md:text-sm px-2 py-2",children:"Setup Guide"}),(0,a.jsx)(m,{value:"endpoints",className:"text-xs md:text-sm px-2 py-2",children:"API Reference"}),(0,a.jsx)(m,{value:"examples",className:"text-xs md:text-sm px-2 py-2",children:"Examples"})]}),(0,a.jsx)(x,{value:"quickstart",className:"space-y-6",children:(0,a.jsxs)(l.Zb,{children:[(0,a.jsxs)(l.Ol,{children:[(0,a.jsxs)(l.ll,{className:"flex items-center space-x-2 text-lg md:text-2xl",children:[(0,a.jsx)(j.Z,{className:"w-6 h-6 text-[#5865F2]"}),(0,a.jsx)("span",{children:"Getting Started"})]}),(0,a.jsx)(l.SZ,{className:"text-sm md:text-base",children:"Get your Discord badges up and running in under 5 minutes"})]}),(0,a.jsxs)(l.aY,{className:"space-y-6",children:[(0,a.jsxs)("div",{className:"flex flex-col md:flex-row md:items-start space-y-3 md:space-y-0 md:space-x-4",children:[(0,a.jsx)("div",{className:"w-8 h-8 bg-[#5865F2] rounded-full flex items-center justify-center text-white font-bold text-sm flex-shrink-0",children:"1"}),(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsx)("h3",{className:"font-semibold text-slate-900 mb-2",children:"Add Bot to Your Server"}),(0,a.jsx)("p",{className:"text-slate-600 mb-3 text-sm md:text-base",children:"Invite our bot to your Discord server with the required permissions."}),(0,a.jsx)(S.default,{href:"https://discord.com/oauth2/authorize?client_id=1388440480102092860&permissions=1040&integration_type=0&scope=bot",target:"_blank",children:(0,a.jsxs)(h.z,{size:"sm",className:"bg-[#5865F2] hover:bg-[#4752C4] w-full md:w-auto",children:[(0,a.jsx)(N.Z,{className:"w-4 h-4 mr-2"}),"Add Bot"]})})]})]}),(0,a.jsxs)("div",{className:"flex flex-col md:flex-row md:items-start space-y-3 md:space-y-0 md:space-x-4",children:[(0,a.jsx)("div",{className:"w-8 h-8 bg-[#5865F2] rounded-full flex items-center justify-center text-white font-bold text-sm flex-shrink-0",children:"2"}),(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsx)("h3",{className:"font-semibold text-slate-900 mb-2",children:"Enable Server Widget"}),(0,a.jsx)("p",{className:"text-slate-600 text-sm md:text-base",children:"Go to Server Settings â Engagement â Enable Server Widget to allow public member count access."})]})]}),(0,a.jsxs)("div",{className:"flex flex-col md:flex-row md:items-start space-y-3 md:space-y-0 md:space-x-4",children:[(0,a.jsx)("div",{className:"w-8 h-8 bg-[#5865F2] rounded-full flex items-center justify-center text-white font-bold text-sm flex-shrink-0",children:"3"}),(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsx)("h3",{className:"font-semibold text-slate-900 mb-2",children:"Copy Your Server ID"}),(0,a.jsx)("p",{className:"text-slate-600 mb-3 text-sm md:text-base",children:"Find your Server ID in the Server Widget settings and use it in the badge URLs."}),(0,a.jsxs)("div",{className:"bg-slate-900 text-slate-100 p-3 rounded-lg text-xs md:text-sm font-mono relative overflow-x-auto",children:[(0,a.jsx)("code",{className:"break-all",children:"[](https://discord.gg/your-invite)"}),(0,a.jsx)(h.z,{size:"sm",variant:"outline",className:"absolute top-2 right-2 bg-slate-800 text-slate-300 hover:bg-slate-700 hover:text-white border-slate-600 h-8 w-8 p-0",onClick:()=>t("[](https://discord.gg/your-invite)","quickstart"),children:"quickstart"===e?(0,a.jsx)(w.Z,{className:"w-3 h-3 text-green-400"}):(0,a.jsx)(y.Z,{className:"w-3 h-3"})})]})]})]})]})]})}),(0,a.jsx)(x,{value:"setup",className:"space-y-6",children:(0,a.jsxs)(l.Zb,{children:[(0,a.jsxs)(l.Ol,{children:[(0,a.jsxs)(l.ll,{className:"flex items-center space-x-2 text-lg md:text-2xl",children:[(0,a.jsx)(D.Z,{className:"w-5 h-5 text-[#5865F2]"}),(0,a.jsx)("span",{children:"Detailed Setup Guide"})]}),(0,a.jsx)(l.SZ,{className:"text-sm md:text-base",children:"Step-by-step instructions with screenshots"})]}),(0,a.jsxs)(l.aY,{className:"space-y-6 md:space-y-8",children:[(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsx)("h3",{className:"text-lg md:text-xl font-semibold text-slate-900",children:"1. Add Bot to Your Discord Server"}),(0,a.jsx)("p",{className:"text-slate-600 text-sm md:text-base",children:"Click the authorization link and select your server to add our bot."}),(0,a.jsx)("div",{className:"bg-slate-50 p-4 rounded-lg",children:(0,a.jsx)(R.default,{src:"/auth.png?height=300&width=500&text=Discord Bot Authorization Screenshot",alt:"Discord bot authorization",width:0,height:0,sizes:"100vw",className:"mx-auto rounded-lg border h-auto w-auto"})}),(0,a.jsx)("div",{className:"bg-blue-50 border border-blue-200 rounded-lg p-4",children:(0,a.jsxs)("div",{className:"flex flex-col md:flex-row md:items-start space-y-2 md:space-y-0 md:space-x-3",children:[(0,a.jsx)(I.Z,{className:"w-5 h-5 text-blue-600 flex-shrink-0 mt-0.5"}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h4",{className:"font-semibold text-blue-800",children:"Required Permissions"}),(0,a.jsxs)("ul",{className:"text-sm text-blue-700 mt-1 space-y-1",children:[(0,a.jsx)("li",{children:"⢠View Channels "}),(0,a.jsx)("li",{children:"⢠Manage Channels "})]})]})]})})]}),(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsx)("h3",{className:"text-lg md:text-xl font-semibold text-slate-900",children:"2. Enable Server Widget"}),(0,a.jsx)("p",{className:"text-slate-600 text-sm md:text-base",children:"Navigate to your server settings and enable the server widget to allow public access to member counts."}),(0,a.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)("h4",{className:"font-medium text-sm md:text-base",children:"Step 2.1: Open Server Settings"}),(0,a.jsx)("img",{src:"/settings.png?height=200&width=300&text=Server Settings Menu",alt:"Server settings menu",className:"w-full rounded-lg border"})]}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)("h4",{className:"font-medium text-sm md:text-base",children:"Step 2.2: Navigate to Engagement"}),(0,a.jsx)(R.default,{src:"/engagement.png?height=200&width=300&text=Engagement Settings",alt:"Engagement settings",width:0,height:0,sizes:"100vw",className:"w-full rounded-lg border h-auto"})]})]}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)("h4",{className:"font-medium text-sm md:text-base",children:"Step 2.3: Enable Server Widget"}),(0,a.jsx)(R.default,{src:"/widget.png?height=250&width=600&text=Server Widget Toggle",alt:"Server widget toggle",width:0,height:0,sizes:"100vw",className:"w-full max-w-2xl rounded-lg border h-auto"})]})]}),(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsx)("h3",{className:"text-lg md:text-xl font-semibold text-slate-900",children:"3. Copy Your Server ID"}),(0,a.jsx)("p",{className:"text-slate-600 text-sm md:text-base",children:"Once the server widget is enabled, you can copy your Server ID from the widget settings."}),(0,a.jsx)(R.default,{src:"/serverID.png?height=200&width=500&text=Server ID Location",alt:"Server ID location",width:0,height:0,sizes:"100vw",className:"w-full max-w-lg rounded-lg border h-auto"}),(0,a.jsx)("div",{className:"bg-green-50 border border-green-200 rounded-lg p-4",children:(0,a.jsxs)("div",{className:"flex flex-col md:flex-row md:items-start space-y-2 md:space-y-0 md:space-x-3",children:[(0,a.jsx)(w.Z,{className:"w-5 h-5 text-green-600 flex-shrink-0 mt-0.5"}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h4",{className:"font-semibold text-green-800",children:"Pro Tip"}),(0,a.jsx)("p",{className:"text-sm text-green-700 mt-1",children:"Your Server ID is a long number (usually 18-19 digits). Make sure to copy the entire ID without any spaces."})]})]})})]})]})]})}),(0,a.jsx)(x,{value:"endpoints",className:"space-y-6",children:(0,a.jsx)("div",{className:"grid gap-6",children:d.map((s,r)=>(0,a.jsxs)(l.Zb,{children:[(0,a.jsxs)(l.Ol,{children:[(0,a.jsxs)(l.ll,{className:"flex flex-col md:flex-row md:items-center space-y-2 md:space-y-0 md:space-x-2",children:[(0,a.jsx)("div",{className:"w-8 h-8 ".concat(s.color," rounded-lg flex items-center justify-center text-white flex-shrink-0"),children:s.icon}),(0,a.jsx)("code",{className:"text-sm md:text-lg break-all",children:s.path})]}),(0,a.jsx)(l.SZ,{className:"text-sm md:text-base",children:s.description})]}),(0,a.jsxs)(l.aY,{className:"space-y-4",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h4",{className:"font-semibold mb-2",children:"Parameters"}),(0,a.jsxs)("div",{className:"bg-slate-50 p-3 rounded-lg space-y-2",children:[(0,a.jsx)("div",{children:(0,a.jsxs)("code",{className:"text-xs md:text-sm break-all",children:[(0,a.jsx)("span",{className:"text-blue-600",children:"guildId"}),(0,a.jsx)("span",{className:"text-slate-500",children:" (required)"})," - Your Discord server ID"]})}),(0,a.jsx)("div",{children:(0,a.jsxs)("code",{className:"text-xs md:text-sm break-all",children:[(0,a.jsx)("span",{className:"text-green-600",children:"color"}),(0,a.jsx)("span",{className:"text-slate-500",children:" (optional)"})," - Hex color without # (default: 7289DA)"]})}),(0,a.jsx)("div",{children:(0,a.jsxs)("code",{className:"text-xs md:text-sm break-all",children:[(0,a.jsx)("span",{className:"text-green-600",children:"label"}),(0,a.jsx)("span",{className:"text-slate-500",children:" (optional)"})," - Custom text label (default: varies by endpoint)"]})}),(0,a.jsx)("div",{children:(0,a.jsxs)("code",{className:"text-xs md:text-sm break-all",children:[(0,a.jsx)("span",{className:"text-green-600",children:"scale"}),(0,a.jsx)("span",{className:"text-slate-500",children:" (optional)"})," - Size multiplier from 0.5 to 3.0 (default: 1)"]})})]})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h4",{className:"font-semibold mb-2",children:"Example URL"}),(0,a.jsxs)("div",{className:"bg-slate-900 text-slate-100 p-3 rounded-lg text-xs md:text-sm font-mono relative overflow-x-auto",children:[(0,a.jsx)("code",{className:"break-all",children:s.example}),(0,a.jsx)(h.z,{size:"sm",variant:"outline",className:"absolute top-2 right-2 bg-slate-800 text-slate-300 hover:bg-slate-700 hover:text-white border-slate-600 h-8 w-8 p-0",onClick:()=>t(s.example,"endpoint-".concat(r)),children:e==="endpoint-".concat(r)?(0,a.jsx)(w.Z,{className:"w-3 h-3 text-green-400"}):(0,a.jsx)(y.Z,{className:"w-3 h-3"})})]})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h4",{className:"font-semibold mb-2",children:"Live Preview"}),(0,a.jsx)("div",{className:"flex justify-center p-4 bg-slate-50 rounded-lg",children:(0,a.jsx)("img",{src:s.example||"/placeholder.svg",alt:"".concat(s.path," badge"),className:"h-5"})})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h4",{className:"font-semibold mb-2",children:"Response Format"}),(0,a.jsx)("div",{className:"bg-slate-50 p-3 rounded-lg text-sm",children:(0,a.jsxs)("ul",{className:"space-y-1 text-slate-600",children:[(0,a.jsxs)("li",{children:["⢠",(0,a.jsx)("strong",{children:"Format:"})," SVG image"]}),(0,a.jsxs)("li",{children:["⢠",(0,a.jsx)("strong",{children:"Cache:"})," 5 minutes"]}),(0,a.jsxs)("li",{children:["⢠",(0,a.jsx)("strong",{children:"Content-Type:"})," image/svg+xml"]})]})})]})]})]},r))})}),(0,a.jsxs)(x,{value:"deployment",className:"space-y-6",children:[(0,a.jsxs)(l.Zb,{children:[(0,a.jsxs)(l.Ol,{children:[(0,a.jsxs)(l.ll,{className:"flex items-center space-x-2 text-lg md:text-xl",children:[(0,a.jsx)(k.Z,{className:"w-5 h-5 text-[#5865F2]"}),(0,a.jsx)("span",{children:"Self-Hosting Options"})]}),(0,a.jsx)(l.SZ,{className:"text-sm md:text-base",children:"Deploy your own instance of the Discord Badge API"})]}),(0,a.jsx)(l.aY,{children:(0,a.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[{name:"Vercel",description:"Deploy with one click to Vercel",icon:"â²",color:"bg-black",url:"https://vercel.com/new/clone"},{name:"Railway",description:"Deploy to Railway with ease",icon:"\uD83D\uDE82",color:"bg-purple-600",url:"https://railway.app"},{name:"Render",description:"Free hosting on Render",icon:"\uD83C\uDFA8",color:"bg-green-600",url:"https://render.com"}].map((e,s)=>(0,a.jsx)(l.Zb,{className:"text-center",children:(0,a.jsxs)(l.aY,{className:"pt-6",children:[(0,a.jsx)("div",{className:"w-12 h-12 ".concat(e.color," rounded-lg flex items-center justify-center text-white text-xl mx-auto mb-4"),children:e.icon}),(0,a.jsx)("h3",{className:"font-semibold text-slate-900 mb-2",children:e.name}),(0,a.jsx)("p",{className:"text-sm text-slate-600 mb-4",children:e.description}),(0,a.jsxs)(h.z,{size:"sm",variant:"outline",className:"w-full bg-transparent",children:[(0,a.jsx)(N.Z,{className:"w-4 h-4 mr-2"}),"Deploy"]})]})},s))})})]}),(0,a.jsxs)(l.Zb,{children:[(0,a.jsxs)(l.Ol,{children:[(0,a.jsx)(l.ll,{className:"text-lg md:text-xl",children:"Environment Variables"}),(0,a.jsx)(l.SZ,{className:"text-sm md:text-base",children:"Required configuration for self-hosting"})]}),(0,a.jsxs)(l.aY,{className:"space-y-4",children:[(0,a.jsx)("div",{className:"bg-slate-900 text-slate-100 p-4 rounded-lg overflow-x-auto",children:(0,a.jsx)("code",{className:"text-xs md:text-sm",children:"DISCORD_BOT_TOKEN=your_bot_token_here"})}),(0,a.jsxs)("div",{className:"bg-amber-50 border border-amber-200 rounded-lg p-4",children:[(0,a.jsx)("h4",{className:"font-semibold text-amber-800 mb-2",children:"Creating Your Own Bot"}),(0,a.jsxs)("ol",{className:"text-sm text-amber-700 space-y-1",children:[(0,a.jsx)("li",{children:"1. Go to Discord Developer Portal"}),(0,a.jsx)("li",{children:"2. Create a new application"}),(0,a.jsx)("li",{children:"3. Navigate to the Bot section"}),(0,a.jsx)("li",{children:"4. Create a bot and copy the token"}),(0,a.jsx)("li",{children:"5. Add the token to your environment variables"})]})]})]})]})]}),(0,a.jsx)(x,{value:"examples",className:"space-y-6",children:(0,a.jsxs)(l.Zb,{children:[(0,a.jsxs)(l.Ol,{children:[(0,a.jsxs)(l.ll,{className:"flex items-center space-x-2 text-lg md:text-xl",children:[(0,a.jsx)(_.Z,{className:"w-5 h-5 text-[#5865F2]"}),(0,a.jsx)("span",{children:"README Examples"})]}),(0,a.jsx)(l.SZ,{className:"text-sm md:text-base",children:"Copy-paste examples for your GitHub README"})]}),(0,a.jsxs)(l.aY,{className:"space-y-6",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"font-semibold mb-3",children:"Basic Usage"}),(0,a.jsxs)("div",{className:"bg-slate-900 text-slate-100 p-4 rounded-lg text-xs md:text-sm font-mono relative overflow-x-auto",children:[(0,a.jsx)("code",{className:"break-all",children:"[](https://discord.gg/your-invite)"}),(0,a.jsx)(h.z,{size:"sm",variant:"outline",className:"absolute top-2 right-2 bg-slate-800 text-slate-300 hover:bg-slate-700 hover:text-white border-slate-600 h-8 w-8 p-0",onClick:()=>t("[](https://discord.gg/your-invite)","basic"),children:"basic"===e?(0,a.jsx)(w.Z,{className:"w-3 h-3 text-green-400"}):(0,a.jsx)(y.Z,{className:"w-3 h-3"})})]})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"font-semibold mb-3",children:"Multiple Badges"}),(0,a.jsxs)("div",{className:"bg-slate-900 text-slate-100 p-4 rounded-lg text-xs md:text-sm font-mono relative overflow-x-auto",children:[(0,a.jsx)("code",{className:"break-all whitespace-pre-wrap",children:"[](https://discord.gg/your-invite)\n[](https://discord.gg/your-invite)\n[](https://discord.gg/your-invite)"}),(0,a.jsx)(h.z,{size:"sm",variant:"outline",className:"absolute top-2 right-2 bg-slate-800 text-slate-300 hover:bg-slate-700 hover:text-white border-slate-600 h-8 w-8 p-0",onClick:()=>t("[](https://discord.gg/your-invite)\n[](https://d
1iscord.gg/your-invite)\n[](https://discord.gg/your-invite)","multiple"),children:"multiple"===e?(0,a.jsx)(w.Z,{className:"w-3 h-3 text-green-400"}):(0,a.jsx)(y.Z,{className:"w-3 h-3"})})]})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"font-semibold mb-3",children:"Customized Badges"}),(0,a.jsxs)("div",{className:"bg-slate-900 text-slate-100 p-4 rounded-lg text-xs md:text-sm font-mono relative overflow-x-auto",children:[(0,a.jsx)("code",{className:"break-all whitespace-pre-wrap",children:"<!-- Green badge with custom label -->\n[](https://discord.gg/your-invite)\n\n<!-- Red bot count with larger scale -->\n[](https://discord.gg/your-invite)\n\n<!-- Purple total with custom styling -->\n[](https://discord.gg/your-invite)"}),(0,a.jsx)(h.z,{size:"sm",variant:"outline",className:"absolute top-2 right-2 bg-slate-800 text-slate-300 hover:bg-slate-700 hover:text-white border-slate-600 h-8 w-8 p-0",onClick:()=>t("<!-- Green badge with custom label -->\n[](https://discord.gg/your-invite)\n\n<!-- Red bot count with larger scale -->\n[](https://discord.gg/your-invite)\n\n<!-- Purple total with custom styling -->\n[](https://discord.gg/your-invite)","customized"),children:"customized"===e?(0,a.jsx)(w.Z,{className:"w-3 h-3 text-green-400"}):(0,a.jsx)(y.Z,{className:"w-3 h-3"})})]})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"font-semibold mb-3",children:"Advanced README Layout"}),(0,a.jsx)("div",{className:"bg-slate-50 p-4 md:p-6 rounded-lg",children:(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsx)("h4",{className:"text-lg md:text-xl font-bold",children:"\uD83D\uDE80 My Awesome Discord Server"}),(0,a.jsxs)("div",{className:"flex flex-wrap gap-2",children:[(0,a.jsx)("img",{src:"https://discord-live-members-count-badge.vercel.app/api/discord-members?guildId=1179245642770559067",alt:"Discord members",className:"h-5"}),(0,a.jsx)("img",{src:"https://discord-live-members-count-badge.vercel.app/api/discord-bots?guildId=1179245642770559067",alt:"Discord bots",className:"h-5"}),(0,a.jsx)("img",{src:"https://discord-live-members-count-badge.vercel.app/api/discord-total?guildId=1179245642770559067",alt:"Discord total",className:"h-5"})]}),(0,a.jsx)("p",{className:"text-slate-600",children:"Join our community and connect with other developers!"})]})})]})]})]})})]})]}),(0,a.jsx)(Z.Z,{})]})}},6717:function(e,s,t){"use strict";t.d(s,{Z:function(){return r}});var a=t(3890),l=t(6788);function r(){return(0,a.jsx)("footer",{className:"bg-slate-900 text-white px-4 pt-8 pb-2 mb-0",children:(0,a.jsxs)("div",{className:"container mx-auto max-w-4xl space-y-6",children:[(0,a.jsxs)("div",{className:"flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0",children:[(0,a.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,a.jsx)("div",{className:"w-6 h-6 bg-[#5865F2] rounded-lg flex items-center justify-center",children:(0,a.jsx)("img",{src:"/discord.svg",alt:"Discord Logo",className:"w-4 h-4"})}),(0,a.jsx)("span",{className:"font-semibold",children:"Discord Badge"})]}),(0,a.jsxs)("div",{className:"flex items-center space-x-5 text-sm",children:[(0,a.jsx)(l.default,{href:"https://github.com/RS-labhub/Discord-Live-Members-Count-Badge",target:"_blank",className:"text-slate-400 hover:text-white",children:"Github"}),(0,a.jsx)(l.default,{href:"https://dev.to/rohan_sharma/heres-how-i-created-a-real-time-discord-badge-for-github-readme-4adg",target:"_blank",className:"text-slate-400 hover:text-white",children:"Blog"}),(0,a.jsx)(l.default,{href:"/documentation",className:"text-slate-400 hover:text-white",children:"Documentation"}),(0,a.jsx)(l.default,{href:"/terms",className:"text-slate-400 hover:text-white",children:"Terms"}),(0,a.jsx)(l.default,{href:"/privacy",className:"text-slate-400 hover:text-white",children:"Privacy"}),(0,a.jsx)("a",{href:"mailto:[email protected]",className:"text-slate-400 hover:text-white",children:"Contact"})]}),(0,a.jsxs)("div",{className:"text-sm text-slate-400 text-center md:text-right",children:["Made with â¤ï¸ by"," ",(0,a.jsx)(l.default,{href:"https://rohan-sharma-portfolio.vercel.app/",target:"_blank",className:"text-[#5865F2] hover:text-white",children:"Rohan Sharma"})]})]}),(0,a.jsxs)("div",{className:"text-center text-sm text-slate-400",children:["For demonstration purposes, we used stats from"," ",(0,a.jsx)(l.default,{href:"https://llmware.ai",target:"_blank",className:"text-[#5865F2] hover:text-white",children:"LLMWare"}),"'s Discord Server."]})]})})}},8698:function(e,s,t){"use strict";t.d(s,{C:function(){return d}});var a=t(3890);t(8496);
1var l=t(8898),r=t(1597);let i=(0,l.j)("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",outline:"text-foreground"}},defaultVariants:{variant:"default"}});function d(e){let{className:s,variant:t,...l}=e;return(0,a.jsx)("div",{className:(0,r.cn)(i({variant:t}),s),...l})}},9083:function(e,s,t){"use strict";t.d(s,{z:function(){return n}});var a=t(3890),l=t(8496),r=t(4241),i=t(8898),d=t(1597);let c=(0,i.j)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),n=l.forwardRef((e,s)=>{let{className:t,variant:l,size:i,asChild:n=!1,...o}=e,m=n?r.g7:"button";return(0,a.jsx)(m,{className:(0,d.cn)(c({variant:l,size:i,className:t})),ref:s,...o})});n.displayName="Button"},376:function(e,s,t){"use strict";t.d(s,{Ol:function(){return d},SZ:function(){return n},Zb:function(){return i},aY:function(){return o},ll:function(){return c}});var a=t(3890),l=t(8496),r=t(1597);let i=l.forwardRef((e,s)=>{let{className:t,...l}=e;return(0,a.jsx)("div",{ref:s,className:(0,r.cn)("rounded-lg border bg-card text-card-foreground shadow-sm",t),...l})});i.displayName="Card";let d=l.forwardRef((e,s)=>{let{className:t,...l}=e;return(0,a.jsx)("div",{ref:s,className:(0,r.cn)("flex flex-col space-y-1.5 p-6",t),...l})});d.displayName="CardHeader";let c=l.forwardRef((e,s)=>{let{className:t,...l}=e;return(0,a.jsx)("div",{ref:s,className:(0,r.cn)("text-2xl font-semibold leading-none tracking-tight",t),...l})});c.displayName="CardTitle";let n=l.forwardRef((e,s)=>{let{className:t,...l}=e;return(0,a.jsx)("div",{ref:s,className:(0,r.cn)("text-sm text-muted-foreground",t),...l})});n.displayName="CardDescription";let o=l.forwardRef((e,s)=>{let{className:t,...l}=e;return(0,a.jsx)("div",{ref:s,className:(0,r.cn)("p-6 pt-0",t),...l})});o.displayName="CardContent",l.forwardRef((e,s)=>{let{className:t,...l}=e;return(0,a.jsx)("div",{ref:s,className:(0,r.cn)("flex items-center p-6 pt-0",t),...l})}).displayName="CardFooter"},1597:function(e,s,t){"use strict";t.d(s,{cn:function(){return r}});var a=t(2675),l=t(5616);function r(){for(var e=arguments.length,s=Array(e),t=0;t<e;t++)s[t]=arguments[t];return(0,l.m)((0,a.W)(s))}}},function(e){e.O(0,[894,557,761,649,945,744],function(){return e(e.s=5137)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.