feat: add RSS items resolver

Author: LayZeeDK

libs/publications/feature-this-is-angular/src/lib/dev-community-rss-items.resolver.ts

@@ -0,0 +1,20 @@
+import { Inject, Injectable } from '@angular/core';
+import { ActivatedRouteSnapshot, Resolve } from '@angular/router';
+
+import { DevCommunityRssItems, DevCommunityRssParser, devCommunityRssParserToken } from './dev-community-rss-parser.token';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class DevCommunityRssItemsResolver
+  implements Resolve<DevCommunityRssItems> {
+  constructor(
+    @Inject(devCommunityRssParserToken) private rssParser: DevCommunityRssParser
+  ) {}
+
+  async resolve(route: ActivatedRouteSnapshot): Promise<DevCommunityRssItems> {
+    const feed = await this.rssParser.parseURL(route.data.rssUrl);
+
+    return feed.items;
+  }
+}

libs/publications/feature-this-is-angular/src/lib/dev-community-rss-parser.token.ts

@@ -0,0 +1,41 @@
+import { InjectionToken } from '@angular/core';
+import * as RssParser from 'rss-parser';
+
+export interface DevCommunityRssFeedCustomFields {
+  readonly language: string;
+}
+
+export interface DevCommunityRssItemCustomFields {
+  readonly author: string;
+  readonly contentSnippet: string;
+  readonly description: string;
+}
+
+export type DevCommunityRssParser = RssParser<
+  DevCommunityRssFeedCustomFields,
+  DevCommunityRssItemCustomFields
+>;
+
+export type DevCommunityRssItem = DevCommunityRssItemCustomFields &
+  RssParser.Item;
+export type DevCommunityRssItems = readonly DevCommunityRssItem[];
+
+export function devCommunityRssParserFactory(): DevCommunityRssParser {
+  return new RssParser<
+    DevCommunityRssFeedCustomFields,
+    DevCommunityRssItemCustomFields
+  >({
+    customFields: {
+      feed: ['language'],
+      item: ['author', 'contentSnippet', 'description'],
+    },
+  });
+}
+
+export const devCommunityRssParserToken = new InjectionToken<DevCommunityRssParser>(
+  'DEV_Community_RSS_parser',
+  {
+    factory: devCommunityRssParserFactory,
+    providedIn: 'root',
+  }
+);

libs/publications/feature-this-is-angular/src/lib/shell/shell.module.ts

@@ -1,13 +1,20 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 
+import { DevCommunityRssItemsResolver } from '../dev-community-rss-items.resolver';
 import { ShellComponent } from './shell.component';
 import { ShellScam } from './shell.scam';
 
 const routes: Routes = [
   {
     path: '',
     component: ShellComponent,
+    data: {
+      rssUrl: 'https://dev.to/feed/this-is-angular',
+    },
+    resolve: {
+      rssItems: DevCommunityRssItemsResolver,
+    },
   },
 ];