ai/cmt
ai/cmt
1
0
Fork 0
Code

update

Browse Source
This commit is contained in:
syui 2024-04-25 21:21:33 +09:00
parent 7aece5937c
commit b979a790f1
Signed by: syui
GPG Key ID: 5417CFEBAD92DF56
32 changed files with 533 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
.github/workflows/gh-pages.yml vendored Normal file
View File

@ -0,0 +1,33 @@
name: github pages
on:
push:
branches:
- main
jobs:
build-deploy:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- uses: actions/setup-node@v4
with:
node-version: 16
ref: main
submodules: true
fetch-depth: 0
- run: yarn install
- name: Build
env:
TZ: "Asia/Tokyo"
run: |
yarn build
- name: Deploy
uses: peaceiris/actions-gh-pages@v3
with:
github_token: ${{ secrets.GITHUB_TOKEN }}
publish_dir: ./dist
user_name: 'ai[bot]'
user_email: '138105980+yui-syui-ai[bot]@users.noreply.github.com'

30
.gitignore vendored Normal file
View File

@ -0,0 +1,30 @@
.DS_Store
node_modules
/dist
*.lock
# local env files
.env.local
.env.*.local
# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
.DS_Store
*/.DS_Store
*/*/.DS_Store
*/*/*/.DS_Store
*/*/*/*/.DS_Store
*/*/*/*/*/.DS_Store
*/*/*/*/*/*/.DS_Store
*/*/*/*/*/*/*/.DS_Store
*/*/*/*/*/*/*/*/.DS_Store

5
babel.config.js Normal file
View File

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

23
package.json Normal file
View File

@ -0,0 +1,23 @@
{
"name": "manga",
"version": "0.0.1",
"private": true,
"scripts": {
"dev": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"axios": "^1.6.8",
"core-js": "^3.6.4",
"hooper": "^0.3.4",
"moment": "^2.30.1",
"vue": "^2.6.11",
"vue-loading-template": "^1.3.2",
"vue-meta": "^2.4.0",
"vue-template-compiler": "^2.6.14"
},
"devDependencies": {
"@vue/cli-service": "~4.5.15"
}
}

BIN
public/apple-touch-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.8 KiB

BIN
public/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
public/icon/3qnhrpvr5my3473x26ytdmf2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 123 KiB

BIN
public/icon/4hqjfn7m6n5hno3doamuhgef.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 56 KiB

BIN
public/icon/ai.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 49 KiB

BIN
public/icon/fmnwe2six767bnsxd7qcr55x.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 113 KiB

BIN
public/icon/hcxuq2otjipue2ackxs2qfxo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 67 KiB

BIN
public/icon/hrrl32cdaxffmu66a4qrmpqy.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 140 KiB

BIN
public/icon/kszd56dmyv2phi7ai4apiu4a.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
public/icon/null.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 55 KiB

BIN
public/icon/ott5psyszgaeoksg6j7ngkvk.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 53 KiB

BIN
public/icon/qexgypv67x75g7bjrelr5gof.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

BIN
public/icon/qsll4h547pevri3e2233zh2a.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 58 KiB

BIN
public/icon/qt25nzrb3esppxyzfoxkqhme.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 207 KiB

BIN
public/icon/sh44ussaiyxbjasnhorrt4n6.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 78 KiB

BIN
public/icon/tkefl443hmfozipexvxr4xwo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
public/icon/uq5fs7nln4auq4m4vgaoctxj.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 117 KiB

BIN
public/icon/uqzpqmrjnptsxezjx4xuh2mn.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

BIN
public/icon/v2tssqq5tlnx4f5qvtpnlw5j.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 49 KiB

BIN
public/icon/wkzuqomvkxx5eiv5nl2lvm23.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 75 KiB

BIN
public/icon/xecxvd2v5fgyisue7f5ik3o3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 80 KiB

BIN
public/icon/ywc4pk3qhdio4vgzjabc6tfh.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 51 KiB

19
public/index.html Normal file
View File

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>ai/comment</title><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link href="app.css" rel="preload" as="style"><link href="app.js" rel="preload" as="script"><link href="chunk-vendors.js" rel="preload" as="script"><link href="app.css" rel="stylesheet">
<meta name="twitter:card" content="summary">
<meta property="og:url" content="https://manga.syui.ai">
<meta property="og:title" content="yui">
<meta property="og:description" content="©syui">
<meta property="og:image" content="https://manga.syui.ai/manga/og.png">
<link rel="icon" href="/favicon.ico" />
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
</head>
<body>
<div id="app"></div>
<script async src="https://embed.bsky.app/static/embed.js" charset="utf-8"></script>
</body>
<footer>© syui</footer>
</html>

21
scpt/convert.zsh Executable file
View File

@ -0,0 +1,21 @@
#!/bin/zsh
d=${0:a:h}
dd=${0:a:h:h}
url=manga.syui.ai
case $OSTYPE in
darwin*)
path_nvm_sh="/opt/homebrew/opt/nvm/nvm.sh";;
linux*)
path_nvm_sh="";;
esac
dir=$dd/public/manga
cd $dir
export NVM_DIR="$HOME/.nvm"
[ -s "$path_nvm_sh" ] && \. "$path_nvm_sh"
nvm use 17
nvm i squoosh-cli
squoosh-cli --webp '{"quality":100}' -d ./ --resize '{width:825,height:1080}' *.png
#1620 × 2160

24
scpt/icon.zsh Executable file
View File

@ -0,0 +1,24 @@
#!/bin/zsh
d=${0:a:h}
dd=${0:a:h:h}
icon=$dd/public/icon
echo $d
echo $dd
echo ---
api=api.syui.ai
avatar=`curl -sL $api/users/2/ma|jq -r ".[].avatar"`
n=`echo $avatar|wc -l`
for ((i=1;i<=$n;i++))
do
img=`echo $avatar|awk "NR==$i"`
did=`echo $img|cut -d / -f 7|cut -d : -f 3`
echo $i
echo $img
echo $did
f=$icon/$did.jpg
if [ ! -f $f ];then
curl -sL $img -o $icon/$did.jpg
fi
done

346
src/App.vue Normal file
View File

@ -0,0 +1,346 @@
<template>
<div id="app">
<div class="loading" v-if="loading && cid_root">
<vue-loading type="cylon" color="#fff700" :size="{ width: '50px', height: '50px' }"></vue-loading>
</div>
<div class="loading_none" v-else>
</div>
<div class="bsky_comment" v-if="cid_root">
<span v-for="(i,index) in api_json_record" class="comment">
<p class="comment-body" v-if="i.cid_root == cid_root">
<span v-if="i.did.replace('did:plc:', '') != ''">
<img src="/icon/null.jpg" v-if="loading" class="comment" >
<img :src="'https://git.syui.ai/ai/comment/raw/branch/main/public/icon/' + i.did.replace('did:plc:', '') + '.jpg'" class="comment" @load="load" v-if="api_json_record.length - 1 == index">
<img :src="'https://git.syui.ai/ai/comment/raw/branch/main/public/icon/' + i.did.replace('did:plc:', '') + '.jpg'" class="comment" v-else>
</span>
<span class="comment-time" v-if="i.updated_at && !loading"><a :href="i.bsky_url" v-if="i.bsky_url">{{ moment(i.updated_at) }}</a></span> <span class="comment-handle" v-if="i.handle && !loading"><a :href="'https://' + i.bsky_url.split('/').slice(2,5).join('/')" v-if="i.bsky_url">@{{ i.handle.replace('.bsky.social', '') }}</a></span>
<span class="comment-text" v-if="i.text && !loading">{{ i.text }}</span>
</p>
</span>
</div>
</div>
</template>
<script>
import { VueLoading } from 'vue-loading-template'
import {
Hooper,
Slide,
Progress as HooperProgress,
Pagination as HooperPagination,
Navigation as HooperNavigation
} from 'hooper';
import 'hooper/dist/hooper.css';
import axios from 'axios'
import moment from "moment";
import fs from 'fs';
var page = 21;
var loc = window.location.pathname;
export default {
name: 'App',
components: {
VueLoading,
Hooper,
Slide,
HooperProgress,
HooperPagination,
HooperNavigation
},
data() {
return {
loc: window.location.pathname,
bsky_pds: "https://bsky.social/xrpc",
bsky_handle: "yui.syui.ai",
bsky_cursor: null,
bsky_cid: "",
bsky_json: null,
api_url: null,
api_json: null,
api_json_record: null,
cid_root: null,
uri_root: null,
comment_open: false,
comment_first: null,
loading: true,
avatar_url: "",
f: null,
url_check: true,
url: "/",
products: [...Array(Number(page)).keys()],
};
},
methods: {
moment(date) {
return moment.utc(date).local().format("YYYY.MM.DD");
},
load() {
this.loading = false;
},
axios_check(url) {
axios.get(url)
.then(response => {
this.avatar_url = url;
this.url_check = true
})
.catch(error => {
this.url_check = false;
this.avatar_url = "/icon/ai.jpg"
});
}
},
mounted() {
if (window.location.host === "localhost:8080") {
this.api_url = "/api/";
} else if (window.location.host === "localhost:1313"){
this.api_url = "https://api.syui.ai";
} else if (window.location.host === "192.168.11.12:8080"){
this.api_url = "/api/";
} else {
if (location.protocol !== "https:") {
location.replace("https:" + location.href.substring(location.protocol.length));
}
this.api_url = "https://api.syui.ai";
}
let url = this.api_url + "/users/2/ma?itemsPerPage=4000";
axios
.get(url,{ crossdomain: true })
.then(
response => {this.api_json = response
this.cid_root = this.api_json.data.find((v) => v.blog_url == 'https://' + v.blog + loc).cid;
this.uri_root = this.api_json.data.find((v) => v.blog_url == 'https://' + v.blog + loc).uri;
this.api_json_record = this.api_json.data.filter((v) => v.cid_root == this.cid_root);
}
);
}
};
</script>
<style>
body {
margin: 0px;
}
a {
text-decoration: none;
}
a span.icon-ai {
color: #ddd700;
}
.page_n{text-align:center;height:50px}
.hooper-pagination{position:fixed}
.hooper-next,.hooper-prev{background-color:rgba(184,207,224,.24)}
.hooper-indicator{
background-color:#000;
display:none;
}
.hooper{
height:100%;
text-align:center;
}
.hooper-progress {
height: 12px;
}
.hooper-progress-inner {
background-color: #ddd700;
}
button {
padding: 10px;
margin: 5px;
background-color: #fff700;
color: #313131;
border: solid 2px;
}
ul.hooper-track {
padding: 0px;
}
.hooper-list img {
width:400px;
border: solid 3px #313131;
margin: 20px;
}
.page {
text-align:center;
background-color: #f1f1f1;
padding: 50px 0 50px 0;
}
.page a img {
border: solid 2px #313131;
width:100px;
margin: auto;
display: block;
}
.page_title {
text-align:center;
background-color: #313131;
padding: 100px 0 50px 0;
}
.page_title a img {
width:100px;
margin: auto;
display: block;
}
.page_title head, td, tr, th {
padding:10px;
background: #fff;
border: solid 1px #fff;
}
table {
text-align: center;
margin-left: auto;
margin-right: auto;
word-break: break-all;
}
.page_data table tbody > thead, td, tr, th {
background: #fff;
border: solid 1px #fff;
padding: 15px 25px 15px 25px;
}
th.row {
background: #313131;
border:none;
}
footer {
text-align: center;
background: #313131;
color: #fff;
padding:50px 0 30px 0;
}
.loading {
text-align: center;
font-size: 30px;
margin-top:100px;
}
span.comment-time {
float: right;
padding: 0 5px 0 5px;
color: #999;
}
span.comment-time a {
color: #999;
}
span.comment-time a:hover {
color: rgb(16, 131, 254);
}
span.comment-handle {
padding: 0 5px 0 5px;
position: absolute;
}
span.comment-handle a {
color: #313131;
}
img.comment {
width:60px;
}
p.comment-body {
padding: 5px 40px 15px 40px;
border-bottom: solid 1px #eee;
}
span.comment-text {
padding:10px;
}
button.comment_open {
padding:20px 40px 20px 40px;
background-color: rgba(184,207,224,.24);
border: none;
margin:0;
}
button.comment_open:hover {
color: rgb(16, 131, 254);
}
.comment_open {
text-align: center;
width: 100%;
}
.comment_open p a {
color: rgb(16, 131, 254);
}
.bsky_comment {
background-color: #fff;
width: 600px;
margin: 0px auto;
border: solid 1px #eee;
}
.bsky_comment_embed {
background-color: #fff;
width: 600px;
margin: 0px auto;
}
.comment {
background-color: #fff;
}
.loading {
padding:25px;
background:#f1f1f1;
}
.loading_none {
padding:50px;
background:#f1f1f1;
}
@media screen and (max-width:1000px) {
img {
width:100%;
}
.bsky_comment {
width:auto;
}
.bsky_comment_embed {
width:auto;
}
.page_title a img {
width:100%;
}
.page a img {
width:160px;
}
.hooper-list img {
border: solid 0px #fff;
margin:20px 0 0 0;
width:100%;
}
p.comment-body {
padding: 5px;
}
.page_data table tbody > thead, td, tr, th {
padding:10px;
}
}
</style>

9
src/main.js Normal file
View File

@ -0,0 +1,9 @@
import Vue from 'vue'
import App from './App.vue'
Vue.config.productionTip = false
new Vue({
render: h => h(App)
}).$mount('#app')

23
vue.config.js Normal file
View File

@ -0,0 +1,23 @@
module.exports = {
devServer: {
proxy: {
"^/api*": {
target: "https://api.syui.ai",
pathRewrite: { "^/api": "" },
}
}
},
publicPath: "/",
configureWebpack: {
output: {
filename: '[name].js',
chunkFilename: '[name].js'
}
},
css: {
extract: {
filename: '[name].css',
chunkFilename: '[name].css'
},
},
}