Generate route types for export default

[chientrm]

Description

AFAIK, we have PageServerLoad, LayoutServerLoad, PageLoad, LayoutLoad and Actions.

All those types are available under ./types.ts.

Consider this one:

export const load = (() => {}) satisfies PageServerLoad;

and this one

export const actions = {} satisfies Actions;

As you can see, the .ts file will easily get messed up because the nature of satisfies syntax.

Solution

Introduce a new type to ./types.ts:

export type Default = { load?: PageServerLoad; actions?: Actions };

To use it in +page.server.ts:

import type { Default } from './types';

export default {
  load: () => {},
  actions: {}
} satisfies Default;

The source code now looks a lot more clean and maintainable.

This same idea apply for all +page.server.ts, +layout.server.ts, +page.ts and +layout.ts.

If users don't like it, they can ignore the new type Default and use its child types.