[Docs Site] Add index.md for CF1 docs

Author: KianNH

package-lock.json

@@ -97,9 +97,12 @@
 		"rehype-autolink-headings": "7.1.0",
 		"rehype-external-links": "3.0.0",
 		"rehype-parse": "9.0.1",
+		"rehype-remark": "10.0.0",
 		"rehype-stringify": "10.0.1",
 		"rehype-title-figure": "0.1.2",
 		"remark": "15.0.1",
+		"remark-gfm": "4.0.1",
+		"remark-stringify": "11.0.0",
 		"sharp": "0.33.5",
 		"solarflare-theme": "0.0.4",
 		"starlight-image-zoom": "0.11.1",

package.json

@@ -9,6 +9,16 @@ import { Tabs, TabItem, Render } from '~/components';
 
 Cloudflare Access can send a one-time PIN (OTP) to approved email addresses as an alternative to integrating an identity provider. You can simultaneously configure OTP login and the identity provider of your choice to allow users to select their own authentication method.
 
+```sh
+curl https://api.cloudflare.com/client/v4/accounts/$ACCOUNT_ID/access/identity_providers \
+--header "Authorization: Bearer $CLOUDFLARE_API_TOKEN" \
+--data '{
+	"name": "One-time PIN login",
+	"type": "onetimepin",
+	"config": {}
+}'
+```
+
 For example, if your team uses Okta but you are collaborating with someone outside your organization, you can use OTP to grant access to guests.
 
 <Render file="access/one-time-pin-warning" />

src/content/docs/cloudflare-one/identity/one-time-pin.mdx

@@ -0,0 +1,49 @@
+import type { APIRoute } from "astro";
+import type { InferGetStaticPropsType, GetStaticPaths } from "astro";
+
+import { getCollection } from "astro:content";
+import { entryToString } from "~/util/container";
+
+import { process } from "~/util/rehype";
+import rehypeParse from "rehype-parse";
+import rehypeFilterElements from "~/plugins/rehype/filter-elements";
+import remarkGfm from "remark-gfm";
+import rehypeRemark from "rehype-remark";
+import remarkStringify from "remark-stringify";
+
+export const getStaticPaths = (async () => {
+	const entries = await getCollection("docs", (e) => {
+		return e.id.startsWith("cloudflare-one") && Boolean(e.body);
+	});
+
+	return entries.map((entry) => {
+		return {
+			params: {
+				entry: entry.id.replace("cloudflare-one/", ""),
+			},
+			props: {
+				entry,
+			},
+		};
+	});
+}) satisfies GetStaticPaths;
+
+type Props = InferGetStaticPropsType<typeof getStaticPaths>;
+
+export const GET: APIRoute<Props> = async (context) => {
+	const html = await entryToString(context.props.entry, context.locals);
+
+	const md = await process(html, [
+		rehypeParse,
+		rehypeFilterElements,
+		remarkGfm,
+		rehypeRemark,
+		remarkStringify,
+	]);
+
+	return new Response(md, {
+		headers: {
+			"content-type": "text/markdown",
+		},
+	});
+};