Implement basic route-id data type & use remix config.appDirectory.

.gitignore

@@ -38,6 +38,8 @@ jspm_packages/
 
 # TypeScript v1 declaration files
 typings/
+# Generated types
+remix-routes.d.ts
 
 # Optional npm cache directory
 .npm

README.md

@@ -139,6 +139,20 @@ export default function Component() {
 }
 ```
 
+### $routeId helper for useRouteLoaderData route ids
+
+remix-routes exports the `RouteId` type definition with the list of all valid route ids for your repository, and has a helper function `$routeId` that tells typescript to restrict the given string to one of the valid RouteId values.
+
+```typescript
+import type { RouteId } from 'remix-routes';
+import type { loader as postsLoader } from './_layout.tsx';
+import { useRouteLoaderData } from '@remix-run/react';
+import { $routeId } from 'remix-routes';
+
+export default function Post() {
+  const postList = useRouteLoaderData<typeof postsLoader>($routeId('routes/posts/_layout'));
+```
+
 ## Command Line Options
 
 - `-w`: Watch for changes and automatically rebuild.

packages/remix-routes/fixture/customPaths/package.json

@@ -0,0 +1 @@
+{}

packages/remix-routes/fixture/customPaths/remix.config.js

@@ -0,0 +1,13 @@
+/**
+ * @type {import('@remix-run/dev/config').AppConfig}
+ */
+module.exports = {
+  appDirectory: "src",
+  browserBuildDirectory: "public/build",
+  publicPath: "/build/",
+  serverBuildDirectory: "build",
+  devServerPort: 8002,
+  future: {
+    v2_routeConvention: true,
+  },
+};