Absolute routes tree

[luispuig]

IMHO, a thing that gets difficult as the Remix project grows is working with relative/absolute routes. When we modify a route, gets very difficult to know if we broke any redirect.

One option to avoid all the issues would be working only with absolute routes and having a way to pick the route to redirect. Some old frameworks have their own ways.

A handmade option is maintaining and object:

const root = {
  path: '/',
  admin: {
    path: '/admin',
    section1: {
      path: '/admin/section1',
    },
    section2: {
      path: '/admin/section2',
    }
  }
};

const redirectTo = root.admin.section2.path

Of course, maintaining the object requires an effort and it can get unsync. Since the tree is based on the folder structure, I wonder if there could be a way to get that tree automatically from the Remix router.

Another option could be some magic importing the route file:

import { path } from '/app/routes/admin/section1';

const redirectTo = path