coder/site/src/components/CodeExample/CodeExample.stories.tsx

import type { Meta, StoryObj } from "@storybook/react-vite";
import { CodeExample } from "./CodeExample";

const meta: Meta<typeof CodeExample> = {
	title: "components/CodeExample",
	component: CodeExample,
	args: {
		secret: false,
		code: `echo "hello, friend!"`,
	},
};

export default meta;
type Story = StoryObj<typeof CodeExample>;

export const Example: Story = {
	args: {
		secret: false,
	},
};

export const Secret: Story = {
	args: {
		secret: true,
	},
};

export const LongCode: Story = {
	args: {
		secret: false,
		code: "ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAICnKzATuWwmmt5+CKTPuRGN0R1PBemA+6/SStpLiyX+L",
	},
};

export const Redact: Story = {
	args: {
		secret: false,
		redactPattern: /CODER_AGENT_TOKEN="([^"]+)"/g,
		redactReplacement: `CODER_AGENT_TOKEN="********"`,
		showRevealButton: true,
	},
};