20222670105/novel-app/src/app/content-generator/content-generator.page.ts

import { Component, OnInit } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { IonContent, IonHeader, IonTitle, IonToolbar, IonBackButton, IonButtons } from '@ionic/angular/standalone';
import { ActivatedRoute } from '@angular/router';
import { IonicModule } from '@ionic/angular';
import { Router } from '@angular/router';
import { FmodeChatCompletion, MarkdownPreviewModule } from 'fmode-ng';

@Component({
  selector: 'app-content-generator',
  templateUrl: './content-generator.page.html',
  styleUrls: ['./content-generator.page.scss'],
  standalone: true,
  imports: [IonContent, IonHeader, IonTitle, IonToolbar, IonBackButton, IonButtons, CommonModule, FormsModule]
})
export class ContentGeneratorPage implements OnInit {
  generatedOutline: string = "";
  generatedContent: string = "";
  responseMsg: any;
  isComplete: boolean | undefined;

  constructor(private route: ActivatedRoute) { }

  ngOnInit() {
    this.route.queryParams.subscribe(params => {
      this.generatedOutline = params['outline'];
      this.generateNovelContent();
    });
  }

  generateNovelContent() {
    // 假设这里有一个服务可以生成小说内容
    // 这里只是一个示例，你需要根据实际情况调用你的服务
    let novelContentTemplate = `
    根据大纲生成的小说内容：
    大纲：${this.generatedOutline}
    `;
    let completion = new FmodeChatCompletion([
      { role: "generatedOutline", content: "" },
    ]);
    completion.sendCompletion().subscribe((message: any) => {
      // 打印消息体
      console.log(message.content);
      // 赋值消息内容给组件内属性
      this.responseMsg = message.content;
      if (message?.complete) { // 判断message为完成状态，则设置isComplete为完成
        this.isComplete = true;
        this.generatedContent = novelContentTemplate; // 将生成的小说内容显示在文本框中
      }

    }
    );
  }
}