twitter-clone/frontend/composables/post.ts

import { z } from 'zod'

const PostValidator = z.object({
    sequence: z.number(),
    id: z.string(),
    title: z.string(),
    description: z.string(),
    created_at: z.string(),
    updated_at: z.string(),
})

const newPostValidator = z.object({
    title: z.string(),
    description: z.string(),
})

const parsePost = (data: unknown) => {
    return PostValidator.parse(data)
}

const PostsValidator = PostValidator.array()

const parsePosts = (data: unknown[]) => {
    return PostsValidator.parse(data)
}

type Posts = z.infer<typeof PostsValidator>

const usePosts = () => useState<Posts>(() => [])

const createNewPost = async (data: unknown) => {
    const parsedNewPost = newPostValidator.safeParse(data)

    if (!parsedNewPost.success) return

    const { data: post } = await useCustomFetch('/api/posts', {
        method: 'POST',
        body: parsedNewPost.data,
    })

    await fetchPosts()
}

const responseValidator = z.object({
    status: z.number(),
    data: z.unknown().array(),
})

const fetchPosts = async (refresh: Boolean = false) => {
    const posts = usePosts()
    const lastPost = refresh
        ? 0
        : posts.value.length
            ? posts.value[posts.value.length - 1].sequence
            : 0

    const { data } = await useCustomFetch('/api/posts', {
        params: { lastPost: lastPost },
    })

    const response = responseValidator.safeParse(data.value)

    if (!response.success) return

    posts.value = [...posts.value, ...parsePosts(response.data.data)]
}

export {
    createNewPost,
    fetchPosts,
    parsePost,
    parsePosts,
    PostValidator,
    usePosts,
}