Migration Script to Remix routes.ts

build-routes.tsx

import json from "../routes.json";

type RouteNode = {
  id: string;
  path?: string;
  file: string;
  index?: boolean;
  children?: RouteNode[];
};

function output({ id, file, children, index, path }: RouteNode, depth = 0) {
  let out = "";
  if (id === "root") {
    out += 'import { type RouteConfig } from "@remix-run/route-config";\n';
    out +=
      'import { remixRoutesOptionAdapter } from "@remix-run/routes-option-adapter";\n';
    out += "\n";
    out += "export default remixRoutesOptionAdapter((defineRoutes) => {\n";
    out += "  return defineRoutes((route) => {\n";
  } else {
    if (children) {
      out += `${" ".repeat(depth * 2)}route(${JSON.stringify(path)}, ${JSON.stringify(file)}, () => {\n`;
    } else {
      out += `${" ".repeat(depth * 2)}route(${JSON.stringify(path ?? "")}, ${JSON.stringify(file)}${index || id ? `, ${JSON.stringify({ index, id: file.replace(/\.(ts|tsx|js|jsx)$/, "") === id ? undefined : id })}` : ""})\n`;
    }
  }
  if (children) {
    for (const child of children) {
      out += output(child, depth + 1);
    }
  }

  if (id === "root") {
    out += "  });\n";
    out += "}) satisfies RouteConfig;\n";
  } else {
    if (children) {
        out += `${" ".repeat(depth * 2)}});\n`;
    }
  }

  return out;
}

console.log(output(json[0]!));