framework7-cli/create/templates/svelte/generate-routes.js

Framework7 command line utility (CLI)

const templateIf = require('../../utils/template-if');
const indent = require('../../utils/indent');

module.exports = (options) => {
  const {
    template,
  } = options;

  if (template === 'blank') {
    return indent(0, `
      import HomePage from '../pages/home.svelte';

      var routes = [
        {
          path: '/',
          component: HomePage,
        },
      ];

      export default routes;
    `);
  }
  // Webpack Routes
  const routes = indent(0, `
    import HomePage from '../pages/home.svelte';
    import AboutPage from '../pages/about.svelte';
    import FormPage from '../pages/form.svelte';
    ${templateIf(template === 'tabs', () => `
    import CatalogPage from '../pages/catalog.svelte';
    import ProductPage from '../pages/product.svelte';
    import SettingsPage from '../pages/settings.svelte';
    `)}
    ${templateIf(template === 'split-view', () => `
    import LeftPage1 from '../pages/left-page-1.svelte';
    import LeftPage2 from '../pages/left-page-2.svelte';
    `)}
    import DynamicRoutePage from '../pages/dynamic-route.svelte';
    import RequestAndLoad from '../pages/request-and-load.svelte';
    import NotFoundPage from '../pages/404.svelte';

    var routes = [
      {
        path: '/',
        component: HomePage,
      },
      {
        path: '/about/',
        component: AboutPage,
      },
      {
        path: '/form/',
        component: FormPage,
      },
      ${templateIf(template === 'tabs', () => `
      {
        path: '/catalog/',
        component: CatalogPage,
      },
      {
        path: '/product/:id/',
        component: ProductPage,
      },
      {
        path: '/settings/',
        component: SettingsPage,
      },
      `)}
      ${templateIf(template === 'split-view', () => `
      {
        path: '/left-page-1/',
        component: LeftPage1,
      },
      {
        path: '/left-page-2/',
        component: LeftPage2,
      },
      `)}
      {
        path: '/dynamic-route/blog/:blogId/post/:postId/',
        component: DynamicRoutePage,
      },
      {
        path: '/request-and-load/user/:userId/',
        async: function (routeTo, routeFrom, resolve, reject) {
          // Router instance
          var router = this;

          // App instance
          var app = router.app;

          // Show Preloader
          app.preloader.show();

          // User ID from request
          var userId = routeTo.params.userId;

          // Simulate Ajax Request
          setTimeout(function () {
            // We got user data from request
            var user = {
              firstName: 'Vladimir',
              lastName: 'Kharlampidi',
              about: 'Hello, i am creator of Framework7! Hope you like it!',
              links: [
                {
                  title: 'Framework7 Website',
                  url: 'http://framework7.io',
                },
                {
                  title: 'Framework7 Forum',
                  url: 'http://forum.framework7.io',
                },
              ]
            };
            // Hide Preloader
            app.preloader.hide();

            // Resolve route to load page
            resolve(
              {
                component: RequestAndLoad,
              },
              {
                context: {
                  user: user,
                }
              }
            );
          }, 1000);
        },
      },
      {
        path: '(.*)',
        component: NotFoundPage,
      },
    ];

    export default routes;
  `);

  return routes;
};