Theme Switcher

Code Block

Code blocks render and apply syntax highlighting to blocks of code.

ngrok-example.js

const listener = await ngrok.connect({
	// session configuration
	addr: `localhost:8080`, // or `8080` or `unix:${UNIX_SOCKET}`
	authtoken: "<authtoken>",
	authtoken_from_env: true,
	on_status_change: (addr, error) => {
		console.log(`disconnected, addr ${addr} error: ${error}`);
	},
	session_metadata: "Online in One Line",
	// listener configuration
	allow_user_agent: "^mozilla.*",
	basic_auth: ["ngrok:online1line"],
	circuit_breaker: 0.1,
	compression: true,
	deny_user_agent: "^curl.*",
	domain: "<domain>",
	ip_restriction_allow_cidrs: ["0.0.0.0/0"],
	ip_restriction_deny_cidrs: ["10.1.1.1/32"],
	metadata: "example listener metadata from nodejs",
	mutual_tls_cas: [fs.readFileSync('ca.crt', 'utf8')],
	oauth_provider: "google",
	oauth_allow_domains: ["<domain>"],
	oauth_allow_emails: ["<email>"],
	oauth_scopes: ["<scope>"],
	oauth_client_id: "<id>",
	oauth_client_secret: "<secret>",
	oidc_issuer_url: "<url>",
	oidc_client_id: "<id>",
	oidc_client_secret: "<secret>",
	oidc_allow_domains: ["<domain>"],
	oidc_allow_emails: ["<email>"],
	oidc_scopes: ["<scope>"],
	proxy_proto: "", // One of: "", "1", "2"
	request_header_remove: ["X-Req-Nope"],
	response_header_remove: ["X-Res-Nope"],
	request_header_add: ["X-Req-Yup:true"],
	response_header_add: ["X-Res-Yup:true"],
	schemes: ["HTTPS"],
	verify_webhook_provider: "twilio",
	verify_webhook_secret: "asdf",
	websocket_tcp_converter: true,
});
<CodeBlock>
	<CodeBlockHeader>
		<Icon />
		<CodeBlockTitle>…</CodeBlockTitle>
	</CodeBlockHeader>
	<CodeBlockBody>
		<CodeBlockCopyButton />
		<CodeBlockCode language="…">
			{code`
				…
			`}
		</CodeBlockCode>
		<CodeBlockExpanderButton />
	</CodeBlockBody>
</CodeBlock>