ServerListing.stories.ts

import type { Meta, StoryObj } from '@storybook/vue3-vite'

import ServerListing from '../../components/servers/ServerListing.vue'

const baseServer = {
	server_id: '8759b459-6f9e-49e0-aa70-dfab5b2abb2f',
	name: 'Survival SMP',
	status: 'available',
	game: 'Minecraft',
	mc_version: '1.21.5',
	loader: 'Fabric',
	loader_version: '0.16.14',
	net: {
		ip: '203.0.113.42',
		port: 25565,
		domain: 'play',
	},
} as const

const pendingChange = {
	planSize: 'Performance 8 GB',
	cpu: 4,
	cpuBurst: 6,
	ramGb: 8,
	storageGb: 80,
	date: new Date(Date.now() + 5 * 24 * 60 * 60 * 1000).toISOString(),
	verb: 'Upgrade',
} as const

const meta = {
	title: 'Servers/ServerListing',
	component: ServerListing,
	parameters: {
		layout: 'padded',
	},
	decorators: [
		(story) => ({
			components: { story },
			template: '<div style="max-width: 920px;"><story /></div>',
		}),
	],
} satisfies Meta<typeof ServerListing>

export default meta
type Story = StoryObj<typeof meta>

export const Default: Story = {
	args: {
		...baseServer,
	},
}

export const ConfiguringNewServer: Story = {
	args: {
		...baseServer,
		name: 'Fresh Vanilla World',
		status: 'installing',
		flows: { intro: true },
		loader: 'Vanilla',
		loader_version: null,
	},
}

export const WithPendingDowngrade: Story = {
	args: {
		...baseServer,
		name: 'Competitive UHC',
		pendingChange: {
			...pendingChange,
			planSize: 'Small',
			ramGb: 4,
			storageGb: 40,
			cpuBurst: 4,
			verb: 'Downgrade',
		},
	},
}

export const SuspendedUpgrading: Story = {
	args: {
		...baseServer,
		name: 'Creative Build Team',
		status: 'suspended',
		suspension_reason: 'upgrading',
	},
}

export const Provisioning: Story = {
	args: {
		...baseServer,
		name: 'My New Server',
		isProvisioning: true,
	},
}

export const SetToCancel: Story = {
	args: {
		...baseServer,
		name: 'Survival SMP',
		cancellationDate: new Date(Date.now() + 7 * 24 * 60 * 60 * 1000).toISOString(),
		onResubscribe: () => alert('Resubscribe clicked'),
		onDownloadBackup: () => alert('Download backup clicked'),
	},
}

export const SuspendedCancelled: Story = {
	args: {
		...baseServer,
		name: 'Old Event Server',
		status: 'suspended',
		suspension_reason: 'cancelled',
		cancellationDate: new Date(Date.now() - 7 * 24 * 60 * 60 * 1000).toISOString(),
		onResubscribe: () => alert('Resubscribe clicked'),
		onDownloadBackup: () => alert('Download backup clicked'),
	},
}

export const SuspendedCancelledFilesExpired: Story = {
	args: {
		...baseServer,
		onDownloadBackup: null,
		name: 'Old Event Server',
		status: 'suspended',
		suspension_reason: 'cancelled',
		cancellationDate: new Date(2025, 1, 17).toISOString(),
		onResubscribe: () => alert('Resubscribe clicked'),
	},
}

export const SuspendedPaymentFailed: Story = {
	args: {
		...baseServer,
		name: 'Minigames Network',
		status: 'suspended',
		suspension_reason: 'paymentfailed',
		cancellationDate: new Date(Date.now() - 7 * 24 * 60 * 60 * 1000).toISOString(),
		onDownloadBackup: () => alert('Download backup clicked'),
	},
}

export const SuspendedModerated: Story = {
	args: {
		...baseServer,
		name: 'Banned Server',
		status: 'suspended',
		suspension_reason: 'moderated',
		onDownloadBackup: () => alert('Download backup clicked'),
	},
}

export const SuspendedGeneric: Story = {
	args: {
		...baseServer,
		name: 'Server with other suspension reason',
		status: 'suspended',
		onDownloadBackup: () => alert('Download backup clicked'),
	},
}