import { HttpClientModule } from '@angular/common/http';
import { NgModule } from '@angular/core';
import { PreloadAllModules, RouteReuseStrategy, RouterModule, Routes } from '@angular/router';
import { IonicRouteStrategy } from '@ionic/angular';

export const routes: Routes = [
  {
    path: '',
    loadChildren: () => import('./tabs/tabs.routes').then((m) => m.routes),
  },
  {
    path: 'story-generator',
    loadComponent: () => import('./story-generator/story-generator.page').then(m => m.StoryGeneratorPage)
  },
  {
    path: 'toolbox',
    loadComponent: () => import('./toolbox/toolbox.page').then(m => m.ToolboxPage)
  },
  {
    path: '',
    loadChildren: () => import('./tabs/tabs.routes').then((m) => m.routes),
  },
  {
    path: 'register',
    loadComponent: () => import('./register/register.page').then(m => m.RegisterPage)
  },
  {
    path: 'login',
    loadComponent: () => import('./login/login.page').then(m => m.LoginPage)
  },
  {
    path: 'short-generator',
    loadComponent: () => import('./short-generator/short-generator.page').then(m => m.ShortGeneratorPage)
  },
  {
    path: 'character-creator',
    loadComponent: () => import('./character-creator/character-creator.page').then(m => m.CharacterCreatorPage)
  },
  {
    path: 'chapter-generator',
    loadComponent: () => import('./chapter-generator/chapter-generator.page').then(m => m.ChapterGeneratorPage)
  },
  {
    path: 'tab1',
    loadComponent: () => import('./tab1/tab1.page').then(m => m.Tab1Page)
  },
  {
    path: 'world-setup',
    loadComponent: () => import('./world-setup/world-setup.page').then(m => m.WorldSetupPage)
  },
  {
    path: 'character-generator',
    loadComponent: () => import('./character-generator/character-generator.page').then(m => m.CharacterGeneratorPage)
  },
  {
    path: 'name-generator',
    loadComponent: () => import('./name-generator/name-generator.page').then(m => m.NameGeneratorPage)
  },
  {
    path: 'agent-create',
    loadComponent: () => import('./agent-create/agent-create.page').then( m => m.AgentCreatePage)
  },
  {
    path: 'atest',
    loadComponent: () => import('./atest/atest.page').then( m => m.AtestPage)
  },
  {
    path: 'tab4',
    loadComponent: () => import('./tab4/tab4.page').then( m => m.Tab4Page)
  },
  {
    path: 'tab2',
    loadComponent: () => import('./tab2/tab2.page').then( m => m.Tab2Page)
  },
  {
    path: 'tab7',
    loadComponent: () => import('./tab7/tab7.page').then( m => m.Tab7Page)
  },
  {
    path: 'comp-uploader-hwobs',
    loadComponent: () => import('../app/comp-uploader-hwobs/comp-uploader-hwobs.component').then( m => m.CompUploaderHwobsComponent)
  },
  {
    path: 'tool1',
    loadComponent: () => import('./tool1/tool1.page').then( m => m.Tool1Page)
  },
  {
    path: 'tool2',
    loadComponent: () => import('./tool2/tool2.page').then( m => m.Tool2Page)
  },
  {
    path: 'tool3',
    loadComponent: () => import('./tool3/tool3.page').then( m => m.Tool3Page)
  },
  {
    path: 'tool4',
    loadComponent: () => import('./tool4/tool4.page').then( m => m.Tool4Page)
  },
  {
    path: 'tool5',
    loadComponent: () => import('./tool5/tool5.page').then( m => m.Tool5Page)
  },
  {
    path: 'tool6',
    loadComponent: () => import('./tool6/tool6.page').then( m => m.Tool6Page)
  },
  {
    path: 'tool7',
    loadComponent: () => import('./tool7/tool7.page').then( m => m.Tool7Page)
  },
  {
    path: 'tool8',
    loadComponent: () => import('./tool8/tool8.page').then( m => m.Tool8Page)
  }







];





@NgModule({
  imports: [RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules }), HttpClientModule],
  exports: [RouterModule],
  providers: [
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
})
export class AppRoutingModule { }