Spaces:

skytnt
/

lyric-generator-ja

Running

App Files Files Community

skytnt commited on Jul 9, 2022

Commit

c8b8b38

1 Parent(s): 7512ef4

init2

Browse files

Files changed (37) hide show

.gitignore +1 -0
app.py +1 -1
frontend/README.md +2 -0
frontend/babel.config.js +5 -0
frontend/package.json +54 -0
{static → frontend/public}/dict/base.datgz +0 -0
{static → frontend/public}/dict/cc.datgz +0 -0
{static → frontend/public}/dict/check.datgz +0 -0
{static → frontend/public}/dict/tid.datgz +0 -0
{static → frontend/public}/dict/tid_map.datgz +0 -0
{static → frontend/public}/dict/tid_pos.datgz +0 -0
{static → frontend/public}/dict/unk.datgz +0 -0
{static → frontend/public}/dict/unk_char.datgz +0 -0
{static → frontend/public}/dict/unk_compat.datgz +0 -0
{static → frontend/public}/dict/unk_invoke.datgz +0 -0
{static → frontend/public}/dict/unk_map.datgz +0 -0
{static → frontend/public}/dict/unk_pos.datgz +0 -0
{static → frontend/public}/favicon.ico +0 -0
{static → frontend/public}/font/materialdesignicons-webfont.eot +0 -0
{static → frontend/public}/font/materialdesignicons-webfont.ttf +0 -0
{static → frontend/public}/font/materialdesignicons-webfont.woff +0 -0
{static → frontend/public}/font/materialdesignicons-webfont.woff2 +0 -0
{static → frontend/public}/font/materialdesignicons-webfont_ie.eot +0 -0
{static → frontend/public}/font/materialdesignicons.min.css +0 -0
{static → frontend/public}/font/roboto.css +0 -0
{static → frontend/public}/font/vuetify.min.css +0 -0
frontend/public/index.html +19 -0
frontend/src/App.vue +383 -0
frontend/src/main.js +12 -0
frontend/src/plugins/vuetify.js +7 -0
frontend/src/router/index.js +18 -0
frontend/vue.config.js +7 -0
frontend/yarn.lock +0 -0
static/css/chunk-vendors.67710748.css +0 -0
static/index.html +0 -1
static/js/app.1cddaf0c.js +0 -1
static/js/chunk-vendors.4a28e83e.js +0 -0

.gitignore CHANGED Viewed

@@ -114,3 +114,4 @@ dmypy.json
 .pyre/
 .idea/

 .pyre/
 .idea/
+node_modules/

app.py CHANGED Viewed

@@ -49,7 +49,7 @@ def gen_lyric(title: str, prompt_text: str):
     return title, lyric
-app = Flask(__name__, static_url_path="", static_folder="static")
 @app.route('/')

     return title, lyric
+app = Flask(__name__, static_url_path="", static_folder="frontend/dist")
 @app.route('/')

frontend/README.md ADDED Viewed

	@@ -0,0 +1,2 @@


1	+ # lyric-generator
2	+ 歌词生成器网站

frontend/babel.config.js ADDED Viewed

	@@ -0,0 +1,5 @@

+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}

frontend/package.json ADDED Viewed

	@@ -0,0 +1,54 @@

+{
+  "name": "lyric-generator",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "core-js": "^3.6.5",
+    "kod-cloud-web-deploy": "^1.0.2",
+    "kuroshiro": "^1.2.0",
+    "kuroshiro-analyzer-kuromoji": "^1.1.0",
+    "vue": "^2.6.11",
+    "vue-router": "^3.2.0",
+    "vuetify": "^2.6.0"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "~4.5.9",
+    "@vue/cli-plugin-eslint": "~4.5.9",
+    "@vue/cli-plugin-router": "~4.5.9",
+    "@vue/cli-service": "~4.5.9",
+    "axios": "^0.18.0",
+    "babel-eslint": "^10.1.0",
+    "eslint": "^6.7.2",
+    "eslint-plugin-vue": "^6.2.2",
+    "sass": "~1.32.0",
+    "sass-loader": "^10.0.0",
+    "vue-cli-plugin-axios": "~0.0.4",
+    "vue-cli-plugin-vuetify": "~2.4.8",
+    "vue-template-compiler": "^2.6.11",
+    "vuetify-loader": "^1.7.0"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "plugin:vue/essential",
+      "eslint:recommended"
+    ],
+    "parserOptions": {
+      "parser": "babel-eslint"
+    },
+    "rules": {}
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ]
+}

{static → frontend/public}/dict/base.datgz RENAMED Viewed

File without changes

{static → frontend/public}/dict/cc.datgz RENAMED Viewed

File without changes

{static → frontend/public}/dict/check.datgz RENAMED Viewed

File without changes

{static → frontend/public}/dict/tid.datgz RENAMED Viewed

File without changes

{static → frontend/public}/dict/tid_map.datgz RENAMED Viewed

File without changes

{static → frontend/public}/dict/tid_pos.datgz RENAMED Viewed

File without changes

{static → frontend/public}/dict/unk.datgz RENAMED Viewed

File without changes

{static → frontend/public}/dict/unk_char.datgz RENAMED Viewed

File without changes

{static → frontend/public}/dict/unk_compat.datgz RENAMED Viewed

File without changes

{static → frontend/public}/dict/unk_invoke.datgz RENAMED Viewed

File without changes

{static → frontend/public}/dict/unk_map.datgz RENAMED Viewed

File without changes

{static → frontend/public}/dict/unk_pos.datgz RENAMED Viewed

File without changes

{static → frontend/public}/favicon.ico RENAMED Viewed

File without changes

{static → frontend/public}/font/materialdesignicons-webfont.eot RENAMED Viewed

File without changes

{static → frontend/public}/font/materialdesignicons-webfont.ttf RENAMED Viewed

File without changes

{static → frontend/public}/font/materialdesignicons-webfont.woff RENAMED Viewed

File without changes

{static → frontend/public}/font/materialdesignicons-webfont.woff2 RENAMED Viewed

File without changes

{static → frontend/public}/font/materialdesignicons-webfont_ie.eot RENAMED Viewed

File without changes

{static → frontend/public}/font/materialdesignicons.min.css RENAMED Viewed

File without changes

{static → frontend/public}/font/roboto.css RENAMED Viewed

File without changes

{static → frontend/public}/font/vuetify.min.css RENAMED Viewed

File without changes

frontend/public/index.html ADDED Viewed

	@@ -0,0 +1,19 @@

+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title>日语歌词生成器</title>
+    <link rel="stylesheet" href="font/roboto.css">
+    <link rel="stylesheet" href="font/materialdesignicons.min.css">
+  </head>
+  <body>
+    <noscript>
+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

frontend/src/App.vue ADDED Viewed

	@@ -0,0 +1,383 @@

+<template>
+  <v-app style="overflow: scroll">
+    <v-app-bar app dark color="primary">
+      <v-toolbar-title>{{i18n.title}}</v-toolbar-title>
+      <v-spacer></v-spacer>
+      <v-select style="max-width: 10rem" v-model="locale_name" @change="set_locale(locale_name)" :items="['English','Chinese']" prepend-icon="mdi-web" hide-details></v-select>
+      <v-btn href="https://github.com/SkyTNT/gpt2-japanese-lyric" icon><v-icon>mdi-github</v-icon></v-btn>
+      <v-btn href="https://fab.moe" icon><v-icon>mdi-home</v-icon></v-btn>
+    </v-app-bar>
+    <v-main>
+      <v-container v-if="loading_kuroshiro" style="height:100%;" fluid>
+        <div class="py-2 d-flex flex-column justify-center align-center" style="height:100%;">
+          <v-progress-circular color="blue" indeterminate></v-progress-circular>
+          <label class="py-4 text">{{i18n.loading}}</label>
+        </div>
+      </v-container>
+      <v-row v-if="!loading_kuroshiro" class="mx-3">
+        <div class="col-12 offset-0 col-sm-8 offset-sm-2  col-md-8 offset-md-2 col-lg-6 offset-lg-3 col-xl-6 offset-xl-3 mt-8">
+          <v-textarea
+              v-model="prompt_title"
+              :label="i18n.input_title_label"
+              :disabled="loading"
+              rows="1"
+              prepend-icon="mdi-comment"
+              :hint="i18n.input_title_hint"
+              no-resize
+          ></v-textarea>
+          <v-textarea
+              v-model="prompt_text"
+              :label="i18n.input_text_label"
+              :disabled="loading"
+              rows="2"
+              prepend-icon="mdi-comment"
+              :hint="i18n.input_text_hint"
+              no-resize
+          ></v-textarea>
+          <v-row>
+            <v-checkbox class="col-6" v-model="show_romaji" :disabled="loading" @change="show_type=show_romaji?0:1"  :label="i18n.show_romaji"></v-checkbox>
+            <v-scroll-x-transition>
+              <v-select class="col-6" v-if="show_romaji" v-model="romaji_system" :disabled="loading" :items="romaji_systems" :hint="i18n.romaji_system"></v-select>
+            </v-scroll-x-transition>
+          </v-row>
+          <v-row class="mt-n8">
+            <v-checkbox class="col-6" v-model="use_trans" :disabled="loading" @change="show_type=use_trans?1:0"  :label="i18n.use_translate"></v-checkbox>
+            <v-scroll-x-transition>
+              <v-select class="col-6" v-if="use_trans" v-model="trans_target_lang" :disabled="loading" :items="google_supported_languages" :hint="i18n.target_lang"></v-select>
+            </v-scroll-x-transition>
+          </v-row>
+          <v-btn color="primary" class="mb-10" elevation="5" @click="do_gen(0)" :loading="loading" text block large tile>{{i18n.generate}}</v-btn>
+          <v-expand-transition>
+            <v-simple-table v-if="lyric.length !== 0" class="py-5" dense>
+              <template v-slot:default>
+                <thead>
+                <tr>
+                  <th>{{i18n.lyric}}<v-btn class="ml-2" elevation="0" @click="copy_lyric('s')" fab x-small><v-icon>mdi-content-copy</v-icon></v-btn></th>
+                  <v-scroll-x-transition>
+                    <th v-if="use_trans||show_romaji">
+                      <span v-if="show_romaji&&!use_trans">{{i18n.romaji}}</span>
+                      <span v-if="!show_romaji&&use_trans">{{i18n.translation}}</span>
+                      <v-btn v-if="use_trans&&show_romaji" class="mr-n2"  elevation="0" @click="show_type=show_type===0?1:0" text small>
+                        <span v-if="show_romaji" :class="{'grey--text':show_type===1}">{{i18n.romaji_s}}</span>/<span v-if="use_trans" :class="{'grey--text':show_type===0}">{{i18n.translation_s}}</span>
+                      </v-btn>
+                      <v-btn class="ml-2" elevation="0" @click="copy_lyric(show_type===0?'r':'t')" fab x-small><v-icon>mdi-content-copy</v-icon></v-btn>
+                    </th>
+                  </v-scroll-x-transition>
+                </tr>
+                </thead>
+                <tbody style="word-break: break-word; word-wrap:break-word;">
+                  <tr v-for="(item, idx) in lyric" :key="idx" @mouseenter="hover=idx" @mouseleave="hover=-1">
+                    <td :class="{'text-h6': idx===0, 'text-center': !item.is_lyric}">
+                      {{item.s}}
+                      <v-scroll-x-transition v-if="tts_support">
+                        <v-btn v-if="!tts_loading&&item.s!==''&&(speaking===idx||(speaking===-1&&hover===idx))" :class="{'mr-n9':true,'blue--text':speaking===idx}" icon small @click="ja_tts(idx)">
+                          <v-icon>mdi-volume-high</v-icon>
+                        </v-btn>
+                      </v-scroll-x-transition >
+                      <v-progress-circular v-if="tts_support&&speaking===idx&&tts_loading"  class="mr-n9" indeterminate size="20" width="2" color="primary"></v-progress-circular>
+                    </td>
+                    <v-scroll-x-transition>
+                      <td v-if="use_trans||show_romaji" :class="{'text-center': !item.is_lyric}">{{show_type===0?item.r:item.t}}</td>
+                    </v-scroll-x-transition>
+                  </tr>
+                </tbody>
+              </template>
+            </v-simple-table>
+          </v-expand-transition>
+        </div>
+      </v-row>
+      <v-snackbar dark v-model="snackbar" :timeout="2000">
+        {{ snackbar_msg }}
+        <template v-slot:action="{ attrs }">
+          <v-btn color="blue" text v-bind="attrs" @click="snackbar = false">
+            Close
+          </v-btn>
+        </template>
+      </v-snackbar>
+    </v-main>
+    <v-footer>
+      <v-row class="ma-0">
+        <div class="text-center caption col-12 pa-0">{{i18n.footer}}</div>
+        <div class="text-center caption col-12 pa-0">© 2022 SkyTNT</div>
+      </v-row>
+    </v-footer>
+  </v-app>
+</template>
+<style lang="scss">
+</style>
+<script>
+import axios from 'axios'
+import Kuroshiro from "kuroshiro";
+import KuromojiAnalyzer from "kuroshiro-analyzer-kuromoji";
+if (!String.prototype.trim) {
+  String.prototype.trim = function () {
+    return this.triml().trimr();
+  }
+  String.prototype.triml = function () {
+    return this.replace(/^[\s\n\t]+/g, "");
+  }
+  String.prototype.trimr = function () {
+    return this.replace(/[\s\n\t]+$/g, "");
+  }
+}
+function isMobile(){
+  return /(iPhone|iPad|iPod|iOS|Android|Windows Phone)/i.test(navigator.userAgent);
+}
+export default {
+  name: "App",
+  data:()=>({
+    locale_name: "English",
+    i18n:{},
+    use_trans: false,
+    google_supported_languages:['af', 'sq', 'am', 'ar', 'hy', 'az', 'eu', 'be', 'bn', 'bs', 'bg', 'my', 'ca', 'ca', 'ceb', 'co', 'cs', 'da', 'nl', 'nl', 'en', 'eo', 'et', 'fi', 'fr', 'fy', 'ka', 'de', 'gd', 'gd', 'ga', 'gl', 'el', 'gu', 'ht', 'ht', 'ha', 'haw', 'he', 'hi', 'hr', 'hu', 'ig', 'is', 'id', 'it', 'jw', 'ja', 'kn', 'kk', 'km', 'ky', 'ky', 'ko', 'ku', 'lo', 'la', 'lv', 'lt', 'lb', 'lb', 'mk', 'ml', 'mi', 'mr', 'ms', 'mg', 'mt', 'mn', 'ne', 'no', 'ny', 'ny', 'ny', 'or', 'pa', 'pa', 'fa', 'pl', 'pt', 'ps', 'ps', 'ro', 'ro', 'ro', 'ru', 'si', 'si', 'sk', 'sl', 'sm', 'sn', 'sd', 'so', 'st', 'es', 'es', 'sr', 'su', 'sw', 'sv', 'ta', 'te', 'tg', 'tl', 'th', 'tr', 'ug', 'ug', 'uk', 'ur', 'uz', 'vi', 'cy', 'xh', 'yi', 'yo', 'zu', 'zh-CN', 'zh-TW'],
+    trans_target_lang:"zh-CN",
+    show_romaji:false,
+    show_type:0,
+    romaji_systems:["nippon","passport","hepburn"],
+    romaji_system:"hepburn",
+    prompt_title:"桜",
+    prompt_text:"",
+    loading_kuroshiro:true,
+    loading:false,
+    lyric:[],
+    tts_cache:{},//tts缓存
+    tts_loading:false,
+    tts_support:false,
+    speaking:-1,//正在tts的行数
+    hover:-1,//鼠标悬停的行数
+    snackbar:false,
+    snackbar_msg:"",
+    kuroshiro: new Kuroshiro()
+  }),
+  mounted() {
+    this.locale_name = (navigator.language ||navigator.userLanguage)==="zh-CN"?"Chinese":"English"
+    if(this.locale_name==="English")
+      this.trans_target_lang="en";
+    this.set_locale(this.locale_name);
+    this.loads();
+  },
+  methods:{
+    set_locale(name){
+      let locale = name==="English"?"en":"zh";
+      let langs={
+        en:{
+          title:"Japanese Lyric Generator",
+          loading:"Loading",
+          input_title_label:"Title (can be empty)",
+          input_text_label:"Beginning (can be empty)",
+          input_title_hint:"Generate lyric for a given title",
+          input_text_hint:"The generator continues with this text",
+          show_romaji:"Show romaji",
+          romaji_system:"Romaji system",
+          use_translate:"Translate",
+          target_lang:"Target language",
+          generate:"Generate!",
+          lyric:"Lyric",
+          romaji:"Romaji",
+          romaji_s:"R",
+          translation:"Translation",
+          translation_s:"T",
+          footer:"The generated content can be used as you like, please share this site if you like.",
+          copy_successful:"Copy successful",
+          error:"Error",
+          error_network:"Network error",
+          error_failed_load_kuromoji:"Failed to load romaji converter",
+          error_failed_covert_romaji:"Failed to convert lyric to romaji",
+          error_failed_translate:"Failed to translate lyric",
+          error_copy:"Copy failed, browser does not support"
+        },
+        zh:{
+          title:"日语歌词生成器",
+          loading:"加载中",
+          input_title_label:"歌词标题(可不填)",
+          input_text_label:"歌词开头(可不填)",
+          input_title_hint:"给定标题生成歌词",
+          input_text_hint:"生成器以这段文本进行续写",
+          show_romaji:"显示罗马音",
+          romaji_system:"罗马音系统",
+          use_translate:"是否进行翻译",
+          target_lang:"目标语言",
+          generate:"生成!",
+          lyric:"歌词",
+          romaji:"罗马音",
+          romaji_s:"音",
+          translation:"翻译",
+          translation_s:"译",
+          footer:"生成的内容可以随意使用，喜欢的话就请分享本网站",
+          copy_successful:"复制成功",
+          error:"错误",
+          error_network:"网络错误",
+          error_failed_load_kuromoji:"罗马音转换器加载失败",
+          error_failed_covert_romaji:"转换罗马音错误",
+          error_failed_translate:"翻译出错",
+          error_copy:"复制失败，浏览器不支持"
+        }
+      };
+      this.i18n = langs[locale];
+    },
+    async loads(){
+      await this.load_kuroshiro();
+      if(!isMobile()){
+        eval((await axios.get('https://l2d.fab.moe/js/autoload.js')).data);
+      }
+    },
+    async load_kuroshiro(){
+      try {
+        await this.kuroshiro.init(new KuromojiAnalyzer({dictPath:"dict/"}));
+      }catch (e) {
+        this.show_snackbar(this.i18n.error_failed_load_kuromoji+"："+e.message);
+        console.log(e);
+      }
+      this.loading_kuroshiro=false;
+      console.log("kuroshiro loaded");
+    },
+    async do_gen(){
+      let prompt_title = this.prompt_title.trim();
+      let prompt_text = this.prompt_text.trim();
+      this.loading = true;
+      this.lyric = [];
+      this.tts_cache = {};
+      try {
+        let result = await axios.post("gen",
+            {title:prompt_title, text:prompt_text})
+        let gen_text = `${result.data.title}\n\n${result.data.lyric}`
+        let lines = gen_text.split('\n')
+        for (let i in lines) {
+          let line = lines[i].trim().replace(/ /g, "\u3000")
+          this.lyric.push({s: line, r: "", t: "", is_lyric: line!=="---end---"})
+        }
+        this.lyric[0].is_lyric = false; //title
+        try {
+          let romajis = await this.kuroshiro.convert(gen_text, { to: "romaji" ,mode:"spaced",romajiSystem:this.romaji_system})
+          romajis = romajis.split('\n')
+          for (let i in romajis) {
+            this.lyric[i].r = romajis[i]
+          }
+        }catch (e) {
+          this.show_snackbar(this.i18n.error_failed_covert_romaji+"：" + e.message)
+        }
+        if (this.use_trans) {
+          let trans = await this.google_translate(gen_text);
+          if (trans !== "") {
+            trans = trans.split("\n")
+            for (let i in trans) {
+              this.lyric[i].t = trans[i].trim().replace(/ /g, "\u3000")
+            }
+          }
+        }
+        this.loading = false;
+      } catch (e) {
+        console.log(e)
+        if(e.message==="Network Error"||e.response === undefined){
+          this.show_snackbar(this.i18n.error_network)
+          this.loading = false;
+        }else {
+          this.show_snackbar(this.i18n.error+"：" + e.response.data.msg)
+          this.loading = false;
+        }
+      }
+    },
+    async google_translate(text){
+      let params = {client: "gtx", dt: "t", sl: "ja", tl: this.trans_target_lang, q: text};
+      try {
+        let result = await axios.get("https://translate.googleapis.com/translate_a/single",{
+          params:params
+        });
+        let out = "";
+        let lines = result.data[0];
+        for(let i in lines)
+          out += lines[i][0];
+        return out;
+      }catch(e){
+        this.show_snackbar(this.i18n.error_failed_translate+":"+e.message);
+      }
+      return "";
+    },
+    async ja_tts(line){
+      let text = this.lyric[line].s;
+      if(this.speaking !== -1||text === ""){
+        return;
+      }
+      this.speaking = line;
+      try{
+        let context = new AudioContext();
+        let gain = context.createGain();
+        gain.gain.value=2;
+        if(this.tts_cache[text] === undefined){
+          this.tts_loading=true;
+          let audio_query = (await axios.post("https://voicevox-skytnt.cloud.okteto.net/audio_query",null,
+              {params:{speaker:4,text:text}})).data;
+          let wave = (await axios.post("https://voicevox-skytnt.cloud.okteto.net/synthesis",audio_query,
+              {params:{speaker:4},responseType:"arraybuffer"})).data;
+          this.tts_loading=false;
+          this.tts_cache[text] = await context.decodeAudioData(wave);
+        }
+        let source = context.createBufferSource();
+        source.buffer = this.tts_cache[text];
+        source.loop = false;
+        source.connect(gain);
+        gain.connect(context.destination);
+        await  new Promise((resolve) => {
+          source.onended = () => {resolve()}
+          source.start(0);//立即播放
+        });
+      }catch (e) {
+        this.show_snackbar(this.i18n.error+"："+e.message)
+      }
+      this.speaking = -1;
+      this.tts_loading=false;//防止网络出错导致tts_loading为true
+    },
+    copy_lyric(attr_name){
+      let text = ""
+      for(let i in this.lyric){
+        text += this.lyric[i][attr_name] + "\n"
+      }
+      text = text.trim()
+      this.copy(text)
+    },
+    async copy(text){
+      try {
+        await navigator.clipboard.writeText(text)
+        this.show_snackbar(this.i18n.copy_successful)
+      }catch (e) {
+        let input = document.createElement('textarea')
+        input.style.position = 'fixed'
+        input.style.top = '-10000px'
+        input.style.zIndex = '-999'
+        document.body.appendChild(input)
+        console.log('input', input)
+        input.value = text
+        input.focus()
+        input.select()
+        try {
+          let result = document.execCommand('copy')
+          if (!result || result === 'unsuccessful') {
+            this.show_snackbar(this.i18n.error_copy)
+          } else {
+            this.show_snackbar(this.i18n.copy_successful)
+          }
+        } catch (e) {
+          this.show_snackbar(this.i18n.error_copy)
+        }finally {
+          document.body.removeChild(input)
+        }
+      }
+    },
+    show_snackbar(msg){
+      this.snackbar=true;
+      this.snackbar_msg=msg;
+    }
+  }
+}
+</script>

frontend/src/main.js ADDED Viewed

	@@ -0,0 +1,12 @@

+import Vue from 'vue'
+import App from './App.vue'
+import vuetify from './plugins/vuetify'
+import router from './router'
+Vue.config.productionTip = false
+new Vue({
+  vuetify,
+  router,
+  render: h => h(App)
+}).$mount('#app')

frontend/src/plugins/vuetify.js ADDED Viewed

	@@ -0,0 +1,7 @@

+import Vue from 'vue';
+import Vuetify from 'vuetify/lib/framework';
+Vue.use(Vuetify);
+export default new Vuetify({
+});

frontend/src/router/index.js ADDED Viewed

	@@ -0,0 +1,18 @@

+import Vue from 'vue'
+import VueRouter from 'vue-router'
+Vue.use(VueRouter)
+const routes = [
+  // {
+  //   path: '/',
+  //   name: 'Home',
+  //   component: Home
+  // }
+]
+const router = new VueRouter({
+  routes
+})
+export default router

frontend/vue.config.js ADDED Viewed

	@@ -0,0 +1,7 @@

+module.exports = {
+  transpileDependencies: [
+    'vuetify'
+  ],
+  publicPath: '',
+  productionSourceMap: false
+}

frontend/yarn.lock ADDED Viewed

The diff for this file is too large to render. See raw diff

static/css/chunk-vendors.67710748.css DELETED Viewed

The diff for this file is too large to render. See raw diff

static/index.html DELETED Viewed

@@ -1 +0,0 @@

- <!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><title>日语歌词生成器</title><link rel="stylesheet" href="font/roboto.css"><link rel="stylesheet" href="font/materialdesignicons.min.css"><link href="css/chunk-vendors.67710748.css" rel="preload" as="style"><link href="js/app.1cddaf0c.js" rel="preload" as="script"><link href="js/chunk-vendors.4a28e83e.js" rel="preload" as="script"><link href="css/chunk-vendors.67710748.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but lyric-generator doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="js/chunk-vendors.4a28e83e.js"></script><script src="js/app.1cddaf0c.js"></script></body></html>

static/js/app.1cddaf0c.js DELETED Viewed

@@ -1 +0,0 @@

- (function(t){function e(e){for(var a,s,i=e[0],l=e[1],c=e[2],p=0,_=[];p<i.length;p++)s=i[p],Object.prototype.hasOwnProperty.call(n,s)&&n[s]&&_.push(n[s][0]),n[s]=0;for(a in l)Object.prototype.hasOwnProperty.call(l,a)&&(t[a]=l[a]);u&&u(e);while(_.length)_.shift()();return o.push.apply(o,c||[]),r()}function r(){for(var t,e=0;e<o.length;e++){for(var r=o[e],a=!0,i=1;i<r.length;i++){var l=r[i];0!==n[l]&&(a=!1)}a&&(o.splice(e--,1),t=s(s.s=r[0]))}return t}var a={},n={app:0},o=[];function s(e){if(a[e])return a[e].exports;var r=a[e]={i:e,l:!1,exports:{}};return t[e].call(r.exports,r,r.exports,s),r.l=!0,r.exports}s.m=t,s.c=a,s.d=function(t,e,r){s.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},s.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},s.t=function(t,e){if(1&e&&(t=s(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(s.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var a in t)s.d(r,a,function(e){return t[e]}.bind(null,a));return r},s.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return s.d(e,"a",e),e},s.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},s.p="";var i=window["webpackJsonp"]=window["webpackJsonp"]||[],l=i.push.bind(i);i.push=e,i=i.slice();for(var c=0;c<i.length;c++)e(i[c]);var u=l;o.push([0,"chunk-vendors"]),r()})({0:function(t,e,r){t.exports=r("56d7")},"56d7":function(t,e,r){"use strict";r.r(e);r("e260"),r("e6cf"),r("cca6"),r("a79d");var a=r("2b0e"),n=function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("v-app",[r("v-app-bar",{attrs:{app:"",dark:"",color:"primary"}},[r("v-toolbar-title",[t._v(t._s(t.i18n.title))]),r("v-spacer"),r("v-select",{staticStyle:{"max-width":"10rem"},attrs:{items:["English","Chinese"],"prepend-icon":"mdi-web","hide-details":""},on:{change:function(e){return t.set_locale(t.locale_name)}},model:{value:t.locale_name,callback:function(e){t.locale_name=e},expression:"locale_name"}}),r("v-btn",{attrs:{href:"https://github.com/SkyTNT/gpt2-japanese-lyric",icon:""}},[r("v-icon",[t._v("mdi-github")])],1),r("v-btn",{attrs:{href:"https://fab.moe",icon:""}},[r("v-icon",[t._v("mdi-home")])],1)],1),r("v-main",[t.loading_kuroshiro?r("v-container",{staticStyle:{height:"100%"},attrs:{fluid:""}},[r("div",{staticClass:"py-2 d-flex flex-column justify-center align-center",staticStyle:{height:"100%"}},[r("v-progress-circular",{attrs:{color:"blue",indeterminate:""}}),r("label",{staticClass:"py-4 text"},[t._v(t._s(t.i18n.loading))])],1)]):t._e(),t.loading_kuroshiro?t._e():r("v-row",{staticClass:"mx-3"},[r("div",{staticClass:"col-12 offset-0 col-sm-8 offset-sm-2 col-md-8 offset-md-2 col-lg-6 offset-lg-3 col-xl-6 offset-xl-3 mt-8"},[r("v-textarea",{attrs:{label:t.i18n.input_title_label,disabled:t.loading,rows:"1","prepend-icon":"mdi-comment",hint:t.i18n.input_title_hint,"no-resize":""},model:{value:t.prompt_title,callback:function(e){t.prompt_title=e},expression:"prompt_title"}}),r("v-textarea",{attrs:{label:t.i18n.input_text_label,disabled:t.loading,rows:"2","prepend-icon":"mdi-comment",hint:t.i18n.input_text_hint,"no-resize":""},model:{value:t.prompt_text,callback:function(e){t.prompt_text=e},expression:"prompt_text"}}),r("v-row",[r("v-checkbox",{staticClass:"col-6",attrs:{disabled:t.loading,label:t.i18n.show_romaji},on:{change:function(e){t.show_type=t.show_romaji?0:1}},model:{value:t.show_romaji,callback:function(e){t.show_romaji=e},expression:"show_romaji"}}),r("v-scroll-x-transition",[t.show_romaji?r("v-select",{staticClass:"col-6",attrs:{disabled:t.loading,items:t.romaji_systems,hint:t.i18n.romaji_system},model:{value:t.romaji_system,callback:function(e){t.romaji_system=e},expression:"romaji_system"}}):t._e()],1)],1),r("v-row",{staticClass:"mt-n8"},[r("v-checkbox",{staticClass:"col-6",attrs:{disabled:t.loading,label:t.i18n.use_translate},on:{change:function(e){t.show_type=t.use_trans?1:0}},model:{value:t.use_trans,callback:function(e){t.use_trans=e},expression:"use_trans"}}),r("v-scroll-x-transition",[t.use_trans?r("v-select",{staticClass:"col-6",attrs:{disabled:t.loading,items:t.google_supported_languages,hint:t.i18n.target_lang},model:{value:t.trans_target_lang,callback:function(e){t.trans_target_lang=e},expression:"trans_target_lang"}}):t._e()],1)],1),r("v-btn",{staticClass:"mb-10",attrs:{color:"primary",elevation:"5",loading:t.loading,text:"",block:"",large:"",tile:""},on:{click:function(e){return t.do_gen(0)}}},[t._v(t._s(t.i18n.generate))]),r("v-expand-transition",[0!==t.lyric.length?r("v-simple-table",{staticClass:"py-5",attrs:{dense:""},scopedSlots:t._u([{key:"default",fn:function(){return[r("thead",[r("tr",[r("th",[t._v(t._s(t.i18n.lyric)),r("v-btn",{staticClass:"ml-2",attrs:{elevation:"0",fab:"","x-small":""},on:{click:function(e){return t.copy_lyric("s")}}},[r("v-icon",[t._v("mdi-content-copy")])],1)],1),r("v-scroll-x-transition",[t.use_trans||t.show_romaji?r("th",[t.show_romaji&&!t.use_trans?r("span",[t._v(t._s(t.i18n.romaji))]):t._e(),!t.show_romaji&&t.use_trans?r("span",[t._v(t._s(t.i18n.translation))]):t._e(),t.use_trans&&t.show_romaji?r("v-btn",{staticClass:"mr-n2",attrs:{elevation:"0",text:"",small:""},on:{click:function(e){t.show_type=0===t.show_type?1:0}}},[t.show_romaji?r("span",{class:{"grey--text":1===t.show_type}},[t._v(t._s(t.i18n.romaji_s))]):t._e(),t._v("/"),t.use_trans?r("span",{class:{"grey--text":0===t.show_type}},[t._v(t._s(t.i18n.translation_s))]):t._e()]):t._e(),r("v-btn",{staticClass:"ml-2",attrs:{elevation:"0",fab:"","x-small":""},on:{click:function(e){return t.copy_lyric(0===t.show_type?"r":"t")}}},[r("v-icon",[t._v("mdi-content-copy")])],1)],1):t._e()])],1)]),r("tbody",{staticStyle:{"word-break":"break-word","word-wrap":"break-word"}},t._l(t.lyric,(function(e,a){return r("tr",{key:a,on:{mouseenter:function(e){t.hover=a},mouseleave:function(e){t.hover=-1}}},[r("td",{class:{"text-h6":0===a,"text-center":!e.is_lyric}},[t._v(" "+t._s(e.s)+" "),t.tts_support?r("v-scroll-x-transition",[t.tts_loading||""===e.s||t.speaking!==a&&(-1!==t.speaking||t.hover!==a)?t._e():r("v-btn",{class:{"mr-n9":!0,"blue--text":t.speaking===a},attrs:{icon:"",small:""},on:{click:function(e){return t.ja_tts(a)}}},[r("v-icon",[t._v("mdi-volume-high")])],1)],1):t._e(),t.tts_support&&t.speaking===a&&t.tts_loading?r("v-progress-circular",{staticClass:"mr-n9",attrs:{indeterminate:"",size:"20",width:"2",color:"primary"}}):t._e()],1),r("v-scroll-x-transition",[t.use_trans||t.show_romaji?r("td",{class:{"text-center":!e.is_lyric}},[t._v(t._s(0===t.show_type?e.r:e.t))]):t._e()])],1)})),0)]},proxy:!0}],null,!1,3397400449)}):t._e()],1)],1)]),r("v-snackbar",{attrs:{dark:"",timeout:2e3},scopedSlots:t._u([{key:"action",fn:function(e){var a=e.attrs;return[r("v-btn",t._b({attrs:{color:"blue",text:""},on:{click:function(e){t.snackbar=!1}}},"v-btn",a,!1),[t._v(" Close ")])]}}]),model:{value:t.snackbar,callback:function(e){t.snackbar=e},expression:"snackbar"}},[t._v(" "+t._s(t.snackbar_msg)+" ")])],1),r("v-footer",[r("v-row",{staticClass:"ma-0"},[r("div",{staticClass:"text-center caption col-12 pa-0"},[t._v(t._s(t.i18n.footer))]),r("div",{staticClass:"text-center caption col-12 pa-0"},[t._v("© 2022 SkyTNT")])])],1)],1)},o=[],s=r("1da1"),i=(r("96cf"),r("498a"),r("ac1f"),r("5319"),r("00b4"),r("99af"),r("1276"),r("d3b7"),r("bc3a")),l=r.n(i),c=r("1539"),u=r("856a");function p(){return/(iPhone|iPad|iPod|iOS|Android|Windows Phone)/i.test(navigator.userAgent)}String.prototype.trim||(String.prototype.trim=function(){return this.triml().trimr()},String.prototype.triml=function(){return this.replace(/^[\s\n\t]+/g,"")},String.prototype.trimr=function(){return this.replace(/[\s\n\t]+$/g,"")});var _={name:"App",data:function(){return{locale_name:"English",i18n:{},use_trans:!1,google_supported_languages:["af","sq","am","ar","hy","az","eu","be","bn","bs","bg","my","ca","ca","ceb","co","cs","da","nl","nl","en","eo","et","fi","fr","fy","ka","de","gd","gd","ga","gl","el","gu","ht","ht","ha","haw","he","hi","hr","hu","ig","is","id","it","jw","ja","kn","kk","km","ky","ky","ko","ku","lo","la","lv","lt","lb","lb","mk","ml","mi","mr","ms","mg","mt","mn","ne","no","ny","ny","ny","or","pa","pa","fa","pl","pt","ps","ps","ro","ro","ro","ru","si","si","sk","sl","sm","sn","sd","so","st","es","es","sr","su","sw","sv","ta","te","tg","tl","th","tr","ug","ug","uk","ur","uz","vi","cy","xh","yi","yo","zu","zh-CN","zh-TW"],trans_target_lang:"zh-CN",show_romaji:!1,show_type:0,romaji_systems:["nippon","passport","hepburn"],romaji_system:"hepburn",prompt_title:"桜",prompt_text:"",loading_kuroshiro:!0,loading:!1,lyric:[],tts_cache:{},tts_loading:!1,tts_support:!1,speaking:-1,hover:-1,snackbar:!1,snackbar_msg:"",kuroshiro:new c["a"]}},mounted:function(){this.locale_name="zh-CN"===(navigator.language||navigator.userLanguage)?"Chinese":"English","English"===this.locale_name&&(this.trans_target_lang="en"),this.set_locale(this.locale_name),this.loads()},methods:{set_locale:function(t){var e="English"===t?"en":"zh",r={en:{title:"Japanese Lyric Generator",loading:"Loading",input_title_label:"Title (can be empty)",input_text_label:"Beginning (can be empty)",input_title_hint:"Generate lyric for a given title",input_text_hint:"The generator continues with this text",show_romaji:"Show romaji",romaji_system:"Romaji system",use_translate:"Translate",target_lang:"Target language",generate:"Generate!",lyric:"Lyric",romaji:"Romaji",romaji_s:"R",translation:"Translation",translation_s:"T",footer:"The generated content can be used as you like, please share this site if you like.",copy_successful:"Copy successful",error:"Error",error_network:"Network error",error_failed_load_kuromoji:"Failed to load romaji converter",error_failed_covert_romaji:"Failed to convert lyric to romaji",error_failed_translate:"Failed to translate lyric",error_copy:"Copy failed, browser does not support"},zh:{title:"日语歌词生成器",loading:"加载中",input_title_label:"歌词标题(可不填)",input_text_label:"歌词开头(可不填)",input_title_hint:"给定标题生成歌词",input_text_hint:"生成器��这段文本进行续写",show_romaji:"显示罗马音",romaji_system:"罗马音系统",use_translate:"是否进行翻译",target_lang:"目标语言",generate:"生成!",lyric:"歌词",romaji:"罗马音",romaji_s:"音",translation:"翻译",translation_s:"译",footer:"生成的内容可以随意使用，喜欢的话就请分享本网站",copy_successful:"复制成功",error:"错误",error_network:"网络错误",error_failed_load_kuromoji:"罗马音转换器加载失败",error_failed_covert_romaji:"转换罗马音错误",error_failed_translate:"翻译出错",error_copy:"复制失败，浏览器不支持"}};this.i18n=r[e]},loads:function(){var t=this;return Object(s["a"])(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.next=2,t.load_kuroshiro();case 2:if(p()){e.next=8;break}return e.t0=eval,e.next=6,l.a.get("https://l2d.fab.moe/js/autoload.js");case 6:e.t1=e.sent.data,(0,e.t0)(e.t1);case 8:case"end":return e.stop()}}),e)})))()},load_kuroshiro:function(){var t=this;return Object(s["a"])(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,t.kuroshiro.init(new u["a"]({dictPath:"dict/"}));case 3:e.next=9;break;case 5:e.prev=5,e.t0=e["catch"](0),t.show_snackbar(t.i18n.error_failed_load_kuromoji+"："+e.t0.message),console.log(e.t0);case 9:t.loading_kuroshiro=!1,console.log("kuroshiro loaded");case 11:case"end":return e.stop()}}),e,null,[[0,5]])})))()},do_gen:function(){var t=this;return Object(s["a"])(regeneratorRuntime.mark((function e(){var r,a,n,o,s,i,c,u,p,_,m;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return r=t.prompt_title.trim(),a=t.prompt_text.trim(),t.loading=!0,t.lyric=[],t.tts_cache={},e.prev=5,e.next=8,l.a.post("gen",{title:r,text:a});case 8:for(i in n=e.sent,o="".concat(n.data.title,"\n\n").concat(n.data.lyric),s=o.split("\n"),s)c=s[i].trim().replace(/ /g,"　"),t.lyric.push({s:c,r:"",t:"",is_lyric:"---end---"!==c});return t.lyric[0].is_lyric=!1,e.prev=13,e.next=16,t.kuroshiro.convert(o,{to:"romaji",mode:"spaced",romajiSystem:t.romaji_system});case 16:for(p in u=e.sent,u=u.split("\n"),u)t.lyric[p].r=u[p];e.next=24;break;case 21:e.prev=21,e.t0=e["catch"](13),t.show_snackbar(t.i18n.error_failed_covert_romaji+"："+e.t0.message);case 24:if(!t.use_trans){e.next=29;break}return e.next=27,t.google_translate(o);case 27:if(_=e.sent,""!==_)for(m in _=_.split("\n"),_)t.lyric[m].t=_[m].trim().replace(/ /g,"　");case 29:t.loading=!1,e.next=36;break;case 32:e.prev=32,e.t1=e["catch"](5),console.log(e.t1),"Network Error"===e.t1.message||void 0===e.t1.response?(t.show_snackbar(t.i18n.error_network),t.loading=!1):(t.show_snackbar(t.i18n.error+"："+e.t1.response.data.msg),t.loading=!1);case 36:case"end":return e.stop()}}),e,null,[[5,32],[13,21]])})))()},google_translate:function(t){var e=this;return Object(s["a"])(regeneratorRuntime.mark((function r(){var a,n,o,s,i;return regeneratorRuntime.wrap((function(r){while(1)switch(r.prev=r.next){case 0:return a={client:"gtx",dt:"t",sl:"ja",tl:e.trans_target_lang,q:t},r.prev=1,r.next=4,l.a.get("https://translate.googleapis.com/translate_a/single",{params:a});case 4:for(i in n=r.sent,o="",s=n.data[0],s)o+=s[i][0];return r.abrupt("return",o);case 11:r.prev=11,r.t0=r["catch"](1),e.show_snackbar(e.i18n.error_failed_translate+":"+r.t0.message);case 14:return r.abrupt("return","");case 15:case"end":return r.stop()}}),r,null,[[1,11]])})))()},ja_tts:function(t){var e=this;return Object(s["a"])(regeneratorRuntime.mark((function r(){var a,n,o,s,i,c;return regeneratorRuntime.wrap((function(r){while(1)switch(r.prev=r.next){case 0:if(a=e.lyric[t].s,-1===e.speaking&&""!==a){r.next=3;break}return r.abrupt("return");case 3:if(e.speaking=t,r.prev=4,n=new AudioContext,o=n.createGain(),o.gain.value=2,void 0!==e.tts_cache[a]){r.next=20;break}return e.tts_loading=!0,r.next=12,l.a.post("https://voicevox-skytnt.cloud.okteto.net/audio_query",null,{params:{speaker:4,text:a}});case 12:return s=r.sent.data,r.next=15,l.a.post("https://voicevox-skytnt.cloud.okteto.net/synthesis",s,{params:{speaker:4},responseType:"arraybuffer"});case 15:return i=r.sent.data,e.tts_loading=!1,r.next=19,n.decodeAudioData(i);case 19:e.tts_cache[a]=r.sent;case 20:return c=n.createBufferSource(),c.buffer=e.tts_cache[a],c.loop=!1,c.connect(o),o.connect(n.destination),r.next=27,new Promise((function(t){c.onended=function(){t()},c.start(0)}));case 27:r.next=32;break;case 29:r.prev=29,r.t0=r["catch"](4),e.show_snackbar(e.i18n.error+"："+r.t0.message);case 32:e.speaking=-1,e.tts_loading=!1;case 34:case"end":return r.stop()}}),r,null,[[4,29]])})))()},copy_lyric:function(t){var e="";for(var r in this.lyric)e+=this.lyric[r][t]+"\n";e=e.trim(),this.copy(e)},copy:function(t){var e=this;return Object(s["a"])(regeneratorRuntime.mark((function r(){var a,n;return regeneratorRuntime.wrap((function(r){while(1)switch(r.prev=r.next){case 0:return r.prev=0,r.next=3,navigator.clipboard.writeText(t);case 3:e.show_snackbar(e.i18n.copy_successful),r.next=18;break;case 6:r.prev=6,r.t0=r["catch"](0),a=document.createElement("textarea"),a.style.position="fixed",a.style.top="-10000px",a.style.zIndex="-999",document.body.appendChild(a),console.log("input",a),a.value=t,a.focus(),a.select();try{n=document.execCommand("copy"),n&&"unsuccessful"!==n?e.show_snackbar(e.i18n.copy_successful):e.show_snackbar(e.i18n.error_copy)}catch(o){e.show_snackbar(e.i18n.error_copy)}finally{document.body.removeChild(a)}case 18:case"end":return r.stop()}}),r,null,[[0,6]])})))()},show_snackbar:function(t){this.snackbar=!0,this.snackbar_msg=t}}},m=_,d=r("2877"),h=r("6544"),g=r.n(h),f=r("7496"),v=r("40dc"),b=r("8336"),y=r("ac7c"),k=r("a523"),x=r("0789"),w=r("553a"),j=r("132d"),C=r("f6c4"),S=r("490a"),T=r("0fd9"),O=r("b974"),V=r("1f4f"),R=r("2db4"),P=r("2fa4"),z=r("a844"),E=r("2a7f"),A=Object(d["a"])(m,n,o,!1,null,null,null),N=A.exports;g()(A,{VApp:f["a"],VAppBar:v["a"],VBtn:b["a"],VCheckbox:y["a"],VContainer:k["a"],VExpandTransition:x["a"],VFooter:w["a"],VIcon:j["a"],VMain:C["a"],VProgressCircular:S["a"],VRow:T["a"],VScrollXTransition:x["d"],VSelect:O["a"],VSimpleTable:V["a"],VSnackbar:R["a"],VSpacer:P["a"],VTextarea:z["a"],VToolbarTitle:E["a"]});var M=r("f309");a["a"].use(M["a"]);var B=new M["a"]({}),F=r("8c4f");a["a"].use(F["a"]);var G=[],L=new F["a"]({routes:G}),q=L;a["a"].config.productionTip=!1,new a["a"]({vuetify:B,router:q,render:function(t){return t(N)}}).$mount("#app")}});

static/js/chunk-vendors.4a28e83e.js DELETED Viewed

The diff for this file is too large to render. See raw diff