Removed __dirname and use path.resolve.

Made PluginProps optional

Author: madaxen86

.changeset/violet-paws-study.md

@@ -0,0 +1,5 @@
+---
+'solid-start-typesafe-routes-plugin': patch
+---
+
+Removed \_\_dirname and use path.resolve. Made PluginProps Optional

package.json

@@ -1,17 +1,17 @@
 {
   "name": "solid-start-typesafe-routes-plugin",
-  "version": "0.1.1",
-  "description": "Solid-start Sitemap generator",
+  "version": "0.1.2",
+  "description": "Type-safe routes for solid-start file-routes",
   "license": "MIT",
   "author": "madaxen86",
   "contributors": [],
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/madaxen86/solid-start-sitemap.git"
+    "url": "git+https://github.com/madaxen86/solid-start-typesafe-routes-plugin.git"
   },
-  "homepage": "https://github.com/madaxen86/solid-start-sitemap#readme",
+  "homepage": "https://github.com/madaxen86/solid-start-typesafe-routes-plugin#readme",
   "bugs": {
-    "url": "https://github.com/madaxen86/solid-start-sitemap/issues"
+    "url": "https://github.com/madaxen86/solid-start-typesafe-routes-plugin/issues"
   },
   "files": [
     "dist"

src/plugin.ts

@@ -6,22 +6,26 @@ import { isValidFile } from './utils';
 
 interface PluginProps {
   routeDir: string;
+  outDir: string;
 }
 
-export default function RouteManifestPlugin({ routeDir = 'src/routes' }: PluginProps): Plugin {
+export default function RouteManifestPlugin(
+  { routeDir, outDir }: PluginProps = { routeDir: 'src/routes', outDir: './src/RoutesManifest' },
+): Plugin {
+  const targetDir = path.resolve(outDir);
   return {
     name: 'vite-plugin-route-manifest',
     enforce: 'post',
     async configResolved(config) {
       if (config.router.name === 'client') {
         // TODO: get routeDir from config and set routeRootPath
-        await generateRouteManifest();
+        await generateRouteManifest(targetDir);
       }
     },
     async handleHotUpdate({ file }) {
       if (!isValidFile(file, routeDir)) return;
 
-      await generateRouteManifest();
+      await generateRouteManifest(targetDir);
     },
     async configureServer(server) {
       // Define the path to watch
@@ -37,15 +41,13 @@ export default function RouteManifestPlugin({ routeDir = 'src/routes' }: PluginP
       // Handle file creation
       watcher.on('add', async filePath => {
         if (!isValidFile(filePath, routeDir)) return;
-        console.log(`File created: ${filePath}`);
-        await generateRouteManifest();
+        await generateRouteManifest(targetDir);
       });
 
       // Handle file deletion
       watcher.on('unlink', async filePath => {
         if (!isValidFile(filePath, routeDir)) return;
-        console.log(`File deleted: ${filePath}`);
-        await generateRouteManifest();
+        await generateRouteManifest(targetDir);
       });
 
       server.httpServer?.on('close', () => {

src/routeManifest.ts

@@ -1,6 +1,5 @@
 import fs from 'fs';
-import path from 'path';
-import { fileURLToPath } from 'url';
+import path, { resolve } from 'path';
 import { getRoutes } from './utils';
 type TreeNode = {
   type: 'static' | 'param';
@@ -10,16 +9,10 @@ type TreeNode = {
 
 type Tree = Record<string, TreeNode>;
 
-const __filename = fileURLToPath(import.meta.url); // get the resolved path to the file
-const __dirname = path.dirname(__filename); // get the name of the directory
-
-const targertDir = 'src/RouteManifest';
-
 // Ensure the .route directory exists
-function ensureRouteDirectory() {
-  const dir = path.join(__dirname, targertDir);
-  if (!fs.existsSync(dir)) {
-    fs.mkdirSync(dir);
+function ensureRouteDirectory(targertDir: string) {
+  if (!fs.existsSync(targertDir)) {
+    fs.mkdirSync(targertDir);
   }
 }
 
@@ -123,7 +116,6 @@ function buildRoutesFromTree(tree: Tree, parentPath = '', depth = 2) {
 async function generateRoutesFunction(customRoutes: string[]) {
   const fileRoutes = await getRoutes();
   const routes = [...fileRoutes, ...customRoutes];
-  console.log('routes', routes);
   const tree = buildRouteTree(routes); // Build the tree from routes
 
   const outputJS = [];
@@ -162,9 +154,9 @@ async function generateRoutesFunction(customRoutes: string[]) {
 }
 
 // Function to write the JS file
-async function generateJSFile(routes: string[]) {
-  const jsFilePath = path.join(__dirname, targertDir, 'index.js');
-  const dtsFilePath = path.join(__dirname, targertDir, 'index.d.ts');
+async function generateJSFile(outDir: string, routes: string[]) {
+  const jsFilePath = path.join(outDir, 'index.js');
+  const dtsFilePath = path.join(outDir, 'index.d.ts');
 
   const [routesFunctionString, typeDeclarationString] = await generateRoutesFunction(routes);
 
@@ -174,14 +166,12 @@ async function generateJSFile(routes: string[]) {
   if (!typeDeclarationString)
     throw new Error('Could not create type declaration for Routes function');
   fs.writeFileSync(dtsFilePath, typeDeclarationString, 'utf-8');
-
-  console.log(`Generated ${jsFilePath}`);
 }
 
 // Main function to generate the route manifest
-async function generateRouteManifest(routes: string[] = []) {
-  ensureRouteDirectory();
-  await generateJSFile(routes);
+async function generateRouteManifest(outDir: string, routes: string[] = []) {
+  ensureRouteDirectory(outDir);
+  await generateJSFile(outDir, routes);
 }
 
 export { generateRouteManifest, generateRoutesFunction };

src/utils.ts

@@ -21,7 +21,6 @@ export async function getRoutes(config?: ResolvedConfig): Promise<string[]> {
   const fileroutes = (await router.getRoutes()) as VinxiFileRoute[];
 
   if (!fileroutes) throw new Error('Could not get router from vinxi app');
-  console.log('fileroutes', fileroutes);
 
   const filteredRoutes = fileroutes
     .filter(
@@ -50,8 +49,6 @@ export const isValidFile = (path: string, routeRootPath: string) =>
   path.match(/\.[tj]sx?$/gi);
 
 export function isLayout(route: string, filePath: string, allRoutes: VinxiFileRoute[]): boolean {
-  const check = allRoutes.some(r => r.path.startsWith(route + '/') && r.filePath !== filePath);
-  console.log('check', check, route, filePath);
   // Check if any route in allRoutes starts with route + "/"
-  return check;
+  return allRoutes.some(r => r.path.startsWith(route + '/') && r.filePath !== filePath);
 }