import starlightSidebarTopics from 'starlight-sidebar-topics';

export function ngtSidebar() {
	return starlightSidebarTopics(
		[
			{
				label: 'Learn',
				icon: 'open-book',
				link: '/learn/getting-started/introduction',
				items: [
					{
						label: 'Getting started',
						items: [
							{
								label: 'Introduction',
								slug: 'learn/getting-started/introduction',
							},
							{
								label: 'Installation',
								slug: 'learn/getting-started/installation',
							},
							{
								label: 'Your First Scene',
								slug: 'learn/getting-started/first-scene',
							},
						],
					},
					{
						label: 'Basics',
						items: [
							{
								label: 'App Structure',
								slug: 'learn/basics/app-structure',
							},
							{
								label: 'Loading Assets',
								slug: 'learn/basics/loading-assets',
							},
							{
								label: 'Handling Events',
								slug: 'learn/basics/handling-events',
							},
							{
								label: 'Disposing Objects',
								slug: 'learn/basics/disposing-objects',
							},
						],
					},
					{
						label: 'Advanced',
						items: [
							{
								label: 'Using Directives',
								slug: 'learn/advanced/using-directives',
							},
							{
								label: 'Portals',
								slug: 'learn/advanced/portals',
							},
							{
								label: 'Routed Scene',
								slug: 'learn/advanced/routed-scene',
							},
							{
								label: 'Performance',
								items: [
									{
										label: 'Overview',
										slug: 'learn/advanced/performance/overview',
									},
									{
										label: 'On-demand Rendering',
										slug: 'learn/advanced/performance/on-demand-rendering',
									},
									{
										label: 'Reusing Resources',
										slug: 'learn/advanced/performance/reusing-resources',
									},
									{
										label: 'Instancing',
										slug: 'learn/advanced/performance/instancing',
									},
									{
										label: 'Level of Details',
										slug: 'learn/advanced/performance/lod',
									},
									{
										label: 'Movement Regression',
										slug: 'learn/advanced/performance/movement-regression',
									},
								],
							},
							{
								label: 'Custom Abstractions',
								slug: 'learn/advanced/abstractions',
							},
							{
								label: 'WebGPU',
								slug: 'learn/advanced/webgpu',
								badge: { text: 'Experimental', variant: 'caution' },
							},
						],
					},
				],
			},
			{
				label: 'Core',
				link: '/reference/core/introduction',
				icon: 'seti:svg',
				items: [
					{
						label: 'angular-three',
						items: [
							{
								label: 'Introduction',
								slug: 'reference/core/introduction',
							},
							{
								label: 'Renderer',
								slug: 'reference/core/renderer',
							},
							{
								label: 'Store',
								slug: 'reference/core/store',
							},
							{
								label: 'NgtArgs',
								slug: 'reference/core/args',
							},
							{
								label: 'NgtParent',
								slug: 'reference/core/parent',
							},
							{
								label: 'NgtPortal',
								slug: 'reference/core/portal',
							},
							{
								label: 'NgtRoutedScene',
								slug: 'reference/core/routed-scene',
							},
							{
								label: 'ngt-primitive',
								slug: 'reference/core/primitive',
							},
							{
								label: 'ngt-value',
								slug: 'reference/core/raw-value',
							},
							{
								label: 'beforeRender',
								slug: 'reference/core/before-render',
							},
							{
								label: 'loaderResource',
								slug: 'reference/core/loader',
							},
							{
								label: 'Object Events',
								slug: 'reference/core/object-events',
							},
							{
								label: 'NgtSelection',
								slug: 'reference/core/selection',
							},
							{
								label: 'is',
								slug: 'reference/core/is',
							},
							{
								label: 'omit',
								slug: 'reference/core/omit',
							},
							{
								label: 'pick',
								slug: 'reference/core/pick',
							},
						],
					},
					{
						label: 'angular-three/dom',
						items: [
							{
								label: 'Introduction',
								slug: 'reference/core/dom/introduction',
							},
							{
								label: 'provideNgtRenderer',
								slug: 'reference/core/dom/provide-renderer',
							},
							{
								label: 'NgtCanvas',
								slug: 'reference/core/dom/canvas',
							},
						],
					},
					{
						label: 'angular-three/testing',
						items: [
							{
								label: 'Introduction',
								slug: 'reference/core/testing/introduction',
							},
							{
								label: 'NgtTestBed',
								slug: 'reference/core/testing/test-bed',
							},
							{
								label: 'fireEvent',
								slug: 'reference/core/testing/fire-event',
							},
							{
								label: 'advance',
								slug: 'reference/core/testing/advance',
							},
							{
								label: 'toGraph',
								slug: 'reference/core/testing/to-graph',
							},
						],
					},
				],
			},
			{
				label: 'Plugin',
				link: '/reference/plugin/introduction',
				icon: 'puzzle',
				items: [
					{
						label: 'angular-three-plugin',
						items: [
							{
								label: 'Introduction',
								slug: 'reference/plugin/introduction',
							},
							{
								label: 'GLTF',
								slug: 'reference/plugin/gltf',
							},
							{
								label: 'aux',
								slug: 'reference/plugin/aux',
							},
						],
					},
				],
			},
			{
				label: 'Soba',
				link: '/reference/soba/introduction',
				icon: 'puzzle',
				items: [
					{
						label: 'angular-three-soba',
						items: [
							{
								label: 'Introduction',
								slug: 'reference/soba/introduction',
							},
						],
					},
					{
						label: 'angular-three-soba/abstractions',
						items: [
							{
								label: 'Introduction',
								slug: 'reference/soba/abstractions/introduction',
							},
							{
								label: 'NgtsBillboard',
								slug: 'reference/soba/abstractions/billboard',
							},
							{
								label: 'NgtsGrid',
								slug: 'reference/soba/abstractions/grid',
							},
							{
								label: 'NgtsGradientTexture',
								slug: 'reference/soba/abstractions/gradient-texture',
							},
							{
								label: 'NgtsText',
								slug: 'reference/soba/abstractions/text',
							},
							{
								label: 'NgtsText3D',
								slug: 'reference/soba/abstractions/text-3d',
							},
						],
					},
					{
						label: 'angular-three-soba/cameras',
						items: [
							{
								label: 'Introduction',
								slug: 'reference/soba/cameras/introduction',
							},
							{
								label: 'NgtsPerspectiveCamera',
								slug: 'reference/soba/cameras/perspective-camera',
							},
							{
								label: 'NgtsOrthographicCamera',
								slug: 'reference/soba/cameras/orthographic-camera',
							},
							{
								label: 'NgtsCubeCamera',
								slug: 'reference/soba/cameras/cube-camera',
							},
						],
					},
					{
						label: 'angular-three-soba/controls',
						items: [
							{
								label: 'Introduction',
								slug: 'reference/soba/controls/introduction',
							},
							{
								label: 'NgtsCameraControls',
								slug: 'reference/soba/controls/camera-controls',
							},
						],
					},
					{
						label: 'angular-three-soba/loaders',
						items: [
							{
								label: 'Introduction',
								slug: 'reference/soba/loaders/introduction',
							},
							{
								label: 'gltfResource',
								slug: 'reference/soba/loaders/gltf',
							},
						],
					},
					{
						label: 'angular-three-soba/materials',
						items: [
							{
								label: 'Introduction',
								slug: 'reference/soba/materials/introduction',
							},
							{
								label: 'NgtsMeshTransmissionMaterial',
								slug: 'reference/soba/materials/mesh-transmission-material',
							},
						],
					},
					{
						label: 'angular-three-soba/misc',
						items: [
							{
								label: 'Introduction',
								slug: 'reference/soba/misc/introduction',
							},
							{
								label: 'animations',
								slug: 'reference/soba/misc/animations',
							},
						],
					},
					{
						label: 'angular-three-soba/performances',
						items: [
							{
								label: 'Introduction',
								slug: 'reference/soba/performances/introduction',
							},
							{
								label: 'NgtsDetailed',
								slug: 'reference/soba/performances/detailed',
							},
							{
								label: 'NgtsAdaptiveDpr',
								slug: 'reference/soba/performances/adaptive-dpr',
							},
						],
					},
					{
						label: 'angular-three-soba/staging',
						items: [
							{
								label: 'Introduction',
								slug: 'reference/soba/staging/introduction',
							},
							{
								label: 'NgtsCenter',
								slug: 'reference/soba/staging/center',
							},
						],
					},
				],
			},
			{
				label: 'Examples',
				link: 'https://angularthree-demo-next.netlify.app',
				icon: 'rocket',
			},
		],
		{
			exclude: ['/blog', '/blog/**/*'],
		},
	);
}