next.config.js

const { ANALYZE } = process.env;

// For now copy paste from utils mockdata later we will fetch these from API
// We cannot import from utils/mockData.js because this file is not transpiled so does not support es6 modules

const listOfSubjects = [
  {
    id: '2132',
    title: 'Laravel',
    domain: 'Web Development',
    path: '/learn/laravel/Choosing-laravel',
    subjectId: 'laravel',
    icon: 'devicon-laravel-plain colored',
    learningCount: '20',
    isGuideCompleted: true,
    githubUrl: 'https://github.com/coderplex/learn/blob/master/web-dev/Backend/Learn-Laravel.md',
  },
  {
    id: '213',
    title: 'ReactJS',
    domain: 'Web Development',
    path: '/learn/reactjs/Choosing-ReactJS',
    subjectId: 'reactjs',
    icon: 'devicon-react-original colored',
    learningCount: '28',
    isGuideCompleted: true,
    githubUrl:
      'https://github.com/coderplex/learn/blob/master/web-dev/Frontend/Libraries%20%26%20Frameworks/Learn-React.md',
  },
  {
    id: '2131',
    title: 'Go',
    domain: 'Programming Language',
    path: '/learn/go',
    subjectId: 'go',
    icon: 'devicon-go-plain colored',
    learningCount: '7',
    isGuideCompleted: false,
    githubUrl: 'https://github.com/coderplex/learn/blob/master/programming-languages/Go/learn-go.md',
  },
  {
    id: '21fa3',
    title: 'Android',
    domain: 'Mobile Technology',
    path: '/learn/android',
    subjectId: 'android',
    icon: 'devicon-android-plain colored',
    learningCount: '9',
    isGuideCompleted: false,
    githubUrl: 'https://github.com/coderplex/learn/blob/master/mobile-dev/Android/learn-android.md',
  },
  {
    id: '21afasda3',
    title: 'Rails',
    domain: 'Backend Development',
    path: '/learn/rails',
    subjectId: 'rails',
    icon: 'devicon-rails-plain colored',
    learningCount: '14',
    isGuideCompleted: false,
    githubUrl: 'https://github.com/coderplex/learn/blob/master/web-dev/Backend/Learn-Rails.md',
  },
  {
    id: '21wqerwqe3',
    title: 'Python',
    domain: 'Programming Language',
    path: '/learn/python',
    subjectId: 'python',
    icon: 'devicon-python-plain colored',
    learningCount: '32',
    isGuideCompleted: false,
    githubUrl: 'https://github.com/coderplex/learn/tree/master/programming-languages/Python',
  },
  {
    id: '2bxcvbx13',
    title: 'iOS',
    domain: 'Mobile Technology',
    path: '/learn/ios',
    subjectId: 'ios',
    icon: 'devicon-swift-plain colored',
    learningCount: '45',
    isGuideCompleted: false,
    githubUrl: 'https://github.com/coderplex/learn/blob/master/mobile-dev/iOS/Learn-iOS.md',
  },
  {
    id: '2bxczzxcvbx13',
    title: 'Javascript',
    domain: 'Programming Language',
    path: '/learn/javascript',
    subjectId: 'javascript',
    icon: 'devicon-javascript-plain colored',
    learningCount: '31',
    isGuideCompleted: false,
    githubUrl: 'https://github.com/coderplex/learn/blob/master/web-dev/Frontend/learn-intermediate.md',
  },
  {
    id: '2bxdfasczzxcvbx13',
    title: 'Angular',
    domain: 'Frontend Development',
    path: '/learn/angular',
    subjectId: 'angular',
    icon: 'devicon-angularjs-plain colored',
    learningCount: '3',
    isGuideCompleted: false,
    githubUrl:
      'https://github.com/coderplex/learn/blob/master/web-dev/Frontend/Libraries%20%26%20Frameworks/Learn-Angular.md',
  },
];

const laravelSyllabus = [
  {
    unit: 'Preface',
    chapters: [
      {
        name: 'Choosing laravel',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/laravel/choosing-laravel.md',
      },
      {
        name: 'Prerequisites',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/laravel/prerequisites.md',
      },
      {
        name: 'Installation',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/laravel/installation.md',
      },
    ],
  },
  {
    unit: 'Models, Views, Controllers and Routes',
    chapters: [
      {
        name: 'Introduction to MVC',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/laravel/introduction-to-mvc.md',
      },
      {
        name: 'Basic Routing and Views',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/laravel/basic-routing-and-views.md',
      },
      {
        name: 'Pass Data to Views',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/laravel/pass-data-to-views.md',
      },
      {
        name: 'Database Setup',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/laravel/database-setup.md',
      },
      {
        name: 'Working with Query Builder',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/laravel/working-with-query-builder.md',
      },
      {
        name: 'Eloquent',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/laravel/eloquent.md',
      },
      {
        name: 'Controllers',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/laravel/controllers.md',
      },
      {
        name: 'Route Model Binding',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/laravel/route-model-binding.md',
      },
    ],
  },
  {
    unit: 'Front-End',
    chapters: [
      {
        name: 'Layouts and Structures',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/laravel/layouts-and-structures.md',
      },
      {
        name: 'Form Requests and CSRF',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/laravel/form-requests-and-CSRF.md',
      },
      {
        name: 'Form Validation',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/laravel/form-validation.md',
      },
      {
        name: 'Rendering',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/laravel/rendering',
      },
      {
        name: 'Laravel Mix',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/laravel/laravel-mix.md',
      },
      {
        name: 'Flash Messaging',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/laravel/flash-messaging.md',
      },
    ],
  },
  {
    unit: 'Relationships',
    chapters: [
      {
        name: 'Eloquent Relationships',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/laravel/eloquent-relationships.md',
      },
      {
        name: 'One-to-Many Relationship',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/laravel/one-to-many-relationship.md',
      },
      {
        name: 'Pivot Tables',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/laravel/pivot-tables.md',
      },
    ],
  },
  {
    unit: 'Authentication',
    chapters: [
      {
        name: 'Scaffold Authentication',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/laravel/scaffold-authentication.md',
      },
      {
        name: 'Manual Authentication',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/laravel/manual-authentication.md',
      },
    ],
  },
  {
    unit: 'View Composers and Archives',
    chapters: [
      {
        name: 'Add Archives',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/laravel/add-archives.md',
      },
      {
        name: 'View Composers',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/laravel/view-composers.md',
      },
    ],
  },
  {
    unit: 'Testing & Seeding',
    chapters: [
      {
        name: 'Testing',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/laravel/testing.md',
      },
      {
        name: 'Seeding',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/laravel/seeding.md',
      },
    ],
  },
];

const reactSyllabus = [
  {
    unit: 'Preface',
    chapters: [
      {
        name: 'Choosing ReactJS',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/react/choosing-reactjs.md',
      },
      {
        name: 'Prerequisites',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/react/prerequisites.md',
      },
      {
        name: 'Philosophy',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/react/philosophy.md',
      },
    ],
  },
  {
    unit: 'Getting Started',
    chapters: [
      {
        name: 'Trying React',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/react/trying-react.md',
      },
      {
        name: 'Create React App',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/react/create-react-app.md',
      },
      {
        name: 'JavaScript XML Syntax',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/react/javascript-xml-syntax.md',
      },
    ],
  },
  {
    unit: 'Components',
    chapters: [
      {
        name: 'Custom Components',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/react/custom-components.md',
      },
      {
        name: 'Rendering',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/react/rendering.md',
      },
      {
        name: 'Conditional Rendering',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/react/conditional-rendering.md',
      },
      {
        name: 'Data Flow',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/react/data-flow.md',
      },
      {
        name: 'Lifecycle',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/react/lifecycle.md',
      },
      {
        name: 'Events',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/react/events.md',
      },
    ],
  },
  {
    unit: 'Forms',
    chapters: [
      {
        name: 'Controlled Components',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/react/controlled-components.md',
      },
      {
        name: 'Uncontrolled Components',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/react/uncontrolled-components.md',
      },
    ],
  },
  {
    unit: 'Composition',
    chapters: [
      {
        name: 'Lifting State Up',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/react/lifting-state-up.md',
      },
      {
        name: 'Composition vs Inheritance',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/react/composition-vs-inheritance.md',
      },
      {
        name: 'Context',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/react/context.md',
      },
    ],
  },
  {
    unit: 'Tools',
    chapters: [
      {
        name: 'Developer Tools',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/react/developer-tools.md',
      },
      {
        name: 'Proptypes',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/react/proptypes.md',
      },
      {
        name: 'Error Boundaries',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/react/error-boundaries.md',
      },
    ],
  },
  {
    unit: 'In depth discussions',
    chapters: [
      {
        name: 'JSX In Depth',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/react/jsx-in-depth.md',
      },
      {
        name: 'Synthetic Events',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/react/synthetic-events.md',
      },
      {
        name: 'React Without JSX',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/react/react-without-jsx.md',
      },
      {
        name: 'React without ES6',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/react/react-without-es6.md',
      },
      {
        name: 'Reconcilation Diff Algorithm',
        cdnUrl: 'https://rawgit.com/coderplex/learn/cdn/react/reconcilation---diff-algorithm.md',
      },
    ],
  },
];

module.exports = {
  webpack: (config, { dev }) => {
    /* Enable only in Production */
    if (!dev) {
      // Preact
      // console.log('> Using Preact instead of React');
      // config.resolve.alias = {
      //   react: 'preact-compat/dist/preact-compat',
      //   'react-dom': 'preact-compat/dist/preact-compat',
      //   'react-emotion': 'preact-emotion',
      // };
      if (ANALYZE) {
        const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
        config.plugins.push(
          new BundleAnalyzerPlugin({
            analyzerMode: 'server',
            analyzerPort: 8888,
            openAnalyzer: true,
          })
        );
      }
    }
    return config;
  },
  exportPathMap() {
    const routes = {
      '/': { page: '/' },
      '/events': { page: '/events' },
      '/learn': { page: '/learn' },
      '/space': { page: '/space' },
      '/login': { page: '/login' },
    };
    const getSubject = subjectId => {
      switch (subjectId) {
        case 'laravel':
          return laravelSyllabus;
        case 'reactjs':
          return reactSyllabus;
        default:
          return [];
      }
    };
    for (const subject of listOfSubjects) {
      for (const unit of getSubject(subject.subjectId)) {
        const chapters = unit.chapters;
        for (const chapter of chapters) {
          const chapterSlug = chapter.name.replace(/\s/gi, '-');
          const route = `learn/${subject.subjectId}/${chapterSlug}`;
          routes[route] = {
            page: '/learn/subject',
            query: {
              subject: subject.subjectId,
              chapter: chapterSlug,
            },
          };
        }
      }
    }
    console.log(routes);
    return routes;
  },
};