Merge pull request #20 from chytanka/develop

Develop

Author: rodzyk

src/app/app-routing.module.ts

@@ -26,6 +26,7 @@ export const LIST_PATH = `list`;
 export const ZENKO_PATH = `zenko`;
 export const NHENTAI_PATH = `nhentai`;
 export const COMICK_PATH = `comick`;
+export const YANDERE_PATH = `yandere`;
 
 const routes: Routes = [
   {
@@ -68,6 +69,10 @@ const routes: Routes = [
     path: COMICK_PATH,
     loadChildren: () => import('./comick/comick.module').then(m => m.ComickModule)
   },
+  {
+    path: YANDERE_PATH,
+    loadChildren: () => import('./yandere/yandere.module').then(m => m.YandereModule)
+  },
   {
     matcher: urlMatcher,
     loadChildren: () => import('./link-parser/link-parser.module').then(m => m.LinkParserModule)

src/app/link-parser/link-parser/link-parser.component.html

@@ -4,7 +4,7 @@
       <h1 class="logo-text">@defer{ <app-text-embracer [text]="lang.ph().shortTitle" /> }</h1>
       <div style="display: flex; gap: 1ch;">
         <form (submit)="onSubmit()">
-          <input name="chtnk_url" type="url" required autofocus [placeholder]="lang.ph().enterLink"
+          <input name="chtnk_url" type="url" required autofocus [placeholder]="lang.ph().enterLink+supportSites().join(', ')"
             (input)="inputLink($event)" [value]="link()">
         </form>
       </div>

src/app/link-parser/link-parser/link-parser.component.ts

@@ -1,6 +1,6 @@
 import { Component, Signal, ViewChild, WritableSignal, computed, effect, inject, signal } from '@angular/core';
 import { LinkParserService } from '../data-access/link-parser.service';
-import {ZenkoLinkParser, ImgurLinkParser, JsonLinkParser, MangadexLinkParser, RedditLinkParser, TelegraphLinkParser, NhentaiLinkParser } from '../utils';
+import {ZenkoLinkParser, ImgurLinkParser, JsonLinkParser, MangadexLinkParser, RedditLinkParser, TelegraphLinkParser, NhentaiLinkParser, YandereParser } from '../utils';
 import { ActivatedRoute, Router } from '@angular/router';
 import { LangService } from '../../shared/data-access/lang.service';
 import { Base64 } from '../../shared/utils';
@@ -49,9 +49,12 @@ export class LinkParserComponent {
     this.parser.parsers.push(new ZenkoLinkParser)
     this.parser.parsers.push(new NhentaiLinkParser)
     this.parser.parsers.push(new ComickLinkParser)
+    this.parser.parsers.push(new YandereParser)
     this.parser.parsers.push(new JsonLinkParser)
   }
 
+  supportSites = signal(["Imgur", "Telegra.ph", "Reddit", "MD", "Zenko","Comick", "NHentai", "Yande.re Pools"])
+
   inputLink(event: Event) {
     const v: string = (event.target as HTMLInputElement).value;
 
@@ -119,6 +122,7 @@ export class LinkParserComponent {
     telegraph: '//telegra.ph/favicon.ico',
     nhentai: '//nhentai.net/favicon.ico',
     comick: '//comick.io/favicon.ico',
+    yandere: '//yande.re/favicon.ico',
     read: 'data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🗯️</text></svg>'
   }
 

src/app/link-parser/utils/index.ts

@@ -5,4 +5,5 @@ export * from './json-link-parser';
 export * from './telegraph-link-parser';
 export * from './reddit-link-parser';
 export * from './zenko-link-parser';
-export * from './nhentai-link-parser'
+export * from './nhentai-link-parser'
+export * from './yandere-link-parser'

src/app/link-parser/utils/yandere-link-parser.ts

@@ -0,0 +1,6 @@
+import { LinkParser } from "./link-parser";
+
+export class YandereParser extends LinkParser {
+    override regex = /yande\.re\/pool\/show\/(\d+)/;
+    override site = 'yandere';
+};

src/app/list/list-shell/list-shell.component.ts

@@ -1,6 +1,6 @@
 import { Component, EffectCleanupRegisterFn, WritableSignal, computed, effect, inject, signal } from '@angular/core';
 import { LinkParserService } from '../../link-parser/data-access/link-parser.service';
-import { ImgurLinkParser, JsonLinkParser, LinkParser, MangadexLinkParser, NhentaiLinkParser, RedditLinkParser, TelegraphLinkParser, ZenkoLinkParser } from '../../link-parser/utils';
+import { ImgurLinkParser, JsonLinkParser, LinkParser, MangadexLinkParser, NhentaiLinkParser, RedditLinkParser, TelegraphLinkParser, YandereParser, ZenkoLinkParser } from '../../link-parser/utils';
 import { DomManipulationService } from '../../shared/data-access';
 import { LangService } from '../../shared/data-access/lang.service';
 import { ComickLinkParser } from '../../link-parser/utils/comick-link-parser';
@@ -89,6 +89,7 @@ export class ListShellComponent {
     this.parser.parsers.push(new ZenkoLinkParser)
     this.parser.parsers.push(new NhentaiLinkParser)
     this.parser.parsers.push(new ComickLinkParser)
+    this.parser.parsers.push(new YandereParser)
     this.parser.parsers.push(new JsonLinkParser)
   }
 

src/app/shared/ui/viewer/viewer.component.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, ElementRef, HostListener, Input, Signal, ViewChild, WritableSignal, computed, effect, inject, signal } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, HostListener, Input, Signal, ViewChild, WritableSignal, computed, effect, inject, signal } from '@angular/core';
 import { CompositionEpisode } from '../../../common/common-read';
 import { ViewerService, DomManipulationService } from '../../data-access';
 import { ActivatedRoute, Router } from '@angular/router';
@@ -32,7 +32,23 @@ export class ViewerComponent {
   @Input() playlistLink: string = "";
   @Input() currentPlaylistItem: PlaylistItem | undefined;
 
+  cdr = inject(ChangeDetectorRef)
 
+  initListFromParrentWindow() {
+    if (!this.embedHelper.isEmbedded()) return
+
+    this.embedHelper.postMessage({}, 'listrequest');
+
+    window.addEventListener('message',  ({data}) => {
+      if(data.event != "listresponse") return;
+      
+      this.playlist = data.data as Playlist // !!! 
+
+      this.cdr.detectChanges()
+      
+    }, false);
+
+  }
 
   getCyrrentIndex() {
     for (let i = 0; i < this.playlist.length; i++) {
@@ -62,6 +78,7 @@ export class ViewerComponent {
 
   constructor(private el: ElementRef, public viewer: ViewerService, private dm: DomManipulationService, private router: Router, public lang: LangService) {
     this.initHotKeys()
+    this.initListFromParrentWindow();
   }
 
   toggleFullScreen = () => this.dm.toggleFullScreen(this.el.nativeElement)

src/app/shared/utils/phrases.ts

@@ -1,7 +1,7 @@
 export class Phrases {
     title: string = "Chytanka — read it easily and comfortably!";
     shortTitle: string = "Chytanka";
-    enterLink: string = "Enter link to episode on Imgur, Telegra.ph, Reddit, MD";
+    enterLink: string = "Enter link to episode on ";
     slogan: string = "and read it easily and comfortably!";
     letsgo: string = "Let's go"
     dataLoadErr: string = "Data loading error. Please try again later."

src/app/yandere/data-access/yandere.service.ts

@@ -0,0 +1,42 @@
+import { inject, Injectable } from '@angular/core';
+import { environment } from '../../../environments/environment';
+import { HttpClient } from '@angular/common/http';
+import { Observable, map } from 'rxjs';
+import { CompositionEpisode, CompositionPublisher } from '../../common/common-read';
+import { Base64 } from '../../shared/utils';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class YandereService {
+  http: HttpClient = inject(HttpClient)
+
+  getComposition(id: string): Observable<CompositionEpisode> {
+    return this.http.get<any>(environment.yanderePoolsHost + id)
+      .pipe(map((data) => { return this.map(data) }))
+  }
+
+  map(data: any): CompositionEpisode {
+    const mappedResponse = {
+      title: data.name,
+
+      images: (data.posts.map((item: any) => {
+        return {
+          src: item.sample_url,
+          width: item.sample_width,
+          height: item.sample_height
+        };
+      })).filter((i: any) => i.src)
+        .map((img: any) => {
+          return {
+            src: environment.proxy + Base64.toBase64(img.src),
+            width: img.width,
+            height: img.height
+          }
+        })
+
+    };
+
+    return mappedResponse;
+  }
+}

src/app/yandere/yandere-routing.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { YandereShellComponent } from './yandere-shell/yandere-shell.component';
+
+const routes: Routes = [
+  { path: '', redirectTo: '/', pathMatch: 'full' },
+  {
+    path: ':id',
+    component: YandereShellComponent
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class YandereRoutingModule { }