/**
 * Wrap your router with this function and a `basePath` var will be exposed to all of your routes.
 * Base path is whatever the full path this router has been assigned to.
 *
 * @example
 * new Hono().route(
 *   '/a',
 *   new Hono().route(
 *      '/b',
 *      withBasePath(new Hono()).get('/c', (c) => c.var.basePath // "/a/b"
 * )));
 */
export function withBasePath<THono extends Hono>(app: THono) {
  return app
    .use(
      ':*{.*}',
      createMiddleware<{
        Variables: {
          /** This will be undefined on index routes because they do not trigger this middleware */
          basePath?: string;
        };
      }>((c, next) => {
        const rest = c.req.param('*');
        const path = c.req.path;

        const basePath = rest ? path.replace(new RegExp(`${rest}$`), '') : path;

        c.set('basePath', basePath);
        return next();
      }),
    )
    .use<{ Variables: { basePath: string } }>((c, next) => {
      c.set('basePath', c.var.basePath ?? c.req.path);
      return next();
    });
}

/**
 * Wrap your router with this function and a `basePath` var will be exposed to all of your routes.
 * Base path is whatever the full path this router has been assigned to.
 *
 * @example
 * new Hono().route(
 *   '/a',
 *   new Hono().route(
 *      '/b',
 *      withBasePath(new Hono()).get('/c', (c) => c.var.basePath // "/a/b"
 * )));
 */
export function withBasePath<THono extends Hono>(app: THono) {
  return app
    .use(
      ':*{.*}',
      createMiddleware<{
        Variables: {
          /** This will be undefined on index routes because they do not trigger this middleware */
          basePath?: string;
        };
      }>((c, next) => {
        const rest = c.req.param('*');
        const path = c.req.path;

        const basePath = rest ? path.replace(new RegExp(`${rest}$`), '') : path;

        c.set('basePath', basePath);
        return next();
      }),
    )
    .use<{ Variables: { basePath: string } }>((c, next) => {
      c.set('basePath', c.var.basePath ?? c.req.path);
      return next();
    });
}

 .get(':p{.*}', (c) => {
      const url = c.req.path.replace(c.req.param('p') ?? '', '');
      return c.render(
        <div>
          not found. <a href={url}>go to homepage</a>
        </div>,
      );
    })

 .get(':p{.*}', (c) => {
      const url = c.req.path.replace(c.req.param('p') ?? '', '');
      return c.render(
        <div>
          not found. <a href={url}>go to homepage</a>
        </div>,
      );
    })