docs: construct navs from routes

Author: nartc

apps/kitchen-sink/src/app/cannon/cannon.ts

@@ -2,6 +2,7 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';
 import { extend } from 'angular-three';
 import * as THREE from 'three';
+import routes from './cannon.routes';
 
 extend(THREE);
 
@@ -33,13 +34,5 @@ extend(THREE);
 	host: { class: 'cannon' },
 })
 export default class Cannon {
-	protected examples = [
-		'basic',
-		'kinematic-cube',
-		'compound',
-		'chain',
-		'cube-heap',
-		'convexpolyhedron',
-		'monday-morning',
-	];
+	protected examples = routes.filter((route) => !!route.path).map((route) => route.path);
 }

apps/kitchen-sink/src/app/postprocessing/postprocessing.ts

@@ -2,6 +2,7 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';
 import { extend } from 'angular-three';
 import * as THREE from 'three';
+import routes from './postprocessing.routes';
 
 extend(THREE);
 
@@ -33,5 +34,5 @@ extend(THREE);
 	host: { class: 'postprocessing' },
 })
 export default class Postprocessing {
-	protected examples = ['basic', 'outline'];
+	protected examples = routes.filter((route) => !!route.path).map((route) => route.path);
 }

apps/kitchen-sink/src/app/soba/soba.ts

@@ -2,6 +2,7 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';
 import { extend } from 'angular-three';
 import * as THREE from 'three';
+import routes from './soba.routes';
 
 extend(THREE);
 
@@ -33,17 +34,5 @@ extend(THREE);
 	host: { class: 'soba' },
 })
 export default class Soba {
-	protected examples = [
-		'stars',
-		'basic',
-		'hud',
-		'render-texture',
-		'shaky',
-		'lod',
-		'decal',
-		'html-chart',
-		'lowpoly-earth',
-		'skydiving',
-		'porsche',
-	];
+	protected examples = routes.filter((route) => !!route.path).map((route) => route.path);
 }