scully.StaticAngularBlog.config.ts

import {
  HandledRoute,
  registerPlugin,
  RouteTypes,
  ScullyConfig,
  setPluginConfig,
} from '@scullyio/scully';
import '@scullyio/scully-plugin-playwright';
import { Posts } from './src/_assets/posts/posts.json';
import { CodeTips } from './src/_assets/codetips/codetips.json';
import { Pages } from './src/_assets/pages/pages.json';
import { getSitemapPlugin } from '@gammastream/scully-plugin-sitemap';

const SitemapPlugin = getSitemapPlugin();

setPluginConfig(SitemapPlugin, {
  urlPrefix: 'https://perko.dev/',
  sitemapFilename: 'sitemap.xml',
  merge: false,
  changeFreq: 'monthly',
  routes: {},
});

function blogPostPlugin(): Promise<HandledRoute[]> {
  const routes = [];

  Posts.forEach((post) => {
    routes.push({ route: `/blog/post/${post.link}`, type: RouteTypes.json });
  });

  return Promise.resolve(routes);
}

registerPlugin('router', 'blogPosts', blogPostPlugin);

function codeTipsPlugin(): Promise<HandledRoute[]> {
  const routes = [];

  CodeTips.forEach((tip) => {
    routes.push({ route: `/code-tips/${tip.link}`, type: RouteTypes.json });
  });

  return Promise.resolve(routes);
}

registerPlugin('router', 'codeTips', codeTipsPlugin);

function pagesPlugin(): Promise<HandledRoute[]> {
  const routes = [];

  Pages.forEach((page) => {
    routes.push({ route: `/${page.link}`, type: RouteTypes.json });
  });

  return Promise.resolve(routes);
}

registerPlugin('router', 'pages', pagesPlugin);

function tagsPlugin(): Promise<HandledRoute[]> {
  // get all the unique tags
  const tags = [];
  Posts.forEach((post) => {
    if (post.tags) {
      post.tags.split(',').forEach((tag) => {
        tag = tag.replace(/ /g, '-');
        if (tags.indexOf(tag) === -1) {
          tags.push(tag);
        }
      });
    }
  });

  // build the routes
  const routes = [];
  tags.forEach((tag) => {
    routes.push({ route: `/blog/tag/${tag}`, type: RouteTypes.json });
  });

  return Promise.resolve(routes);
}

registerPlugin('router', 'tags', tagsPlugin);

export const config: ScullyConfig = {
  projectRoot: './src',
  projectName: 'StaticAngularBlog',
  outDir: './dist/static',
  routes: {
    '/blog/post/:title': {
      type: 'blogPosts',
    },
    '/code-tips/:title': {
      type: 'codeTips',
    },
    '/:page': {
      type: 'pages',
    },
    '/blog/tag/:tag': {
      type: 'tags',
    },
  },
};