How to separate endpoints out in to a folder structure in iity?

[MattHeslington]

Hello,

I would like to use itty to build an API to be deployed on Cloudflare Workers. It's quite a big API, with lots of endpoints. I'm trying to find a way where I can set up folders for /posts /comments /reviews etc.. and then within each of those folders have the specific endpoint, such as /posts/fetch-all-posts and posts/delete-post etc..

I've set it up like this at the moment:

import handleAddPost from './api/posts/add-post'

const parentRouter = Router()

// create child routers for each endpoint
const likesRouter = Router({ base: '/likes' })
const postsRouter = Router({ base: '/posts' })
const photosRouter = Router({ base: '/photos' })

// define routes for the "likes" endpoint
likesRouter
    .get('/add-like', () => new Response('Add like endpoint'))
    .get('/check-user-like', () => new Response('Check user like endpoint'))
    .get('/remove-like', () => new Response('Remove like endpoint'))

// define routes for the "posts" endpoint
postsRouter
    .post('/add-post', handleAddPost)
    .get('/get-all-posts', () => new Response('Get all posts endpoint'))

// define routes for the "photos" endpoint
photosRouter
    .get('/add-photos', () => new Response('Add photos endpoint'))
    .get('/get-post-photos', () => new Response('Get post photos endpoint'))

// attach child routers to the parent router
parentRouter
    .all('/likes/*', likesRouter.handle)
    .all('/posts/*', postsRouter.handle)
    .all('/photos/*', photosRouter.handle)
    .all('*', missingHandler)

// attach the parent router "handle" to the event handler
addEventListener('fetch', (event) => event.respondWith(parentRouter.handle(event.request)))

In the postsRouter I've tried to import the 'add-post' endpoint, but I can't get it to 'find it' If I visit:
http://0.0.0.0:8787/listings/get-all-listings I get the correct response: 'Get all listings endpoint', but if I visit http://0.0.0.0:8787/listings/add-listings it says 'Not found.'

Can anyone see what I'm doing wrong, please? My handleAddPost is just a simple:

export default function handleAddPost(request) {
    return new Response('Add post endpoint')
}

Many thanks for any help! Cheers, Matt

[osseonews]

Curious how you ended up doing this as I have a similar issue. The Cloudflare worker I am working on has tons of endpoints too. What we are doing for now, as we cant figure out how to structure is to just make each endpoint it's own route and just group them together in the code, which is obviously not ideal, as you end up with a huge amount of routes. Wondering also, how to create a sort of folder like structure.

[kwhitley]

So I usually group by function, as it appears you've done... as in my root router just registers child routers (each in separate files/folders). If you were to go further and split out files to individual handlers, your example is perfectly fine.

I mean, this is probably a bit silly to suggest, but if you're just visiting the endpoint (via a GET in the browser), your route+handler is on POST, and thus won't catch... hope that's the only issue here, because otherwise it looks fine!

Now, if that's really a POST call that's missing, I'd have to dig deeper... but your setup looks similar to many of mine!