372 lines
10 KiB
JavaScript
372 lines
10 KiB
JavaScript
// Variables used by Scriptable.
|
||
// These must be at the very top of the file. Do not edit.
|
||
// icon-color: deep-green; icon-glyph: angle-double-right;
|
||
//
|
||
// iOS 桌面组件脚本 @「小件件」
|
||
// 开发说明：请从 Widget 类开始编写，注释请勿修改
|
||
// https://x.im3x.cn
|
||
//
|
||
|
||
// 添加require，是为了vscode中可以正确引入包，以获得自动补全等功能
|
||
if (typeof require === 'undefined') require = importModule
|
||
const { Base } = require("./「小件件」开发环境")
|
||
|
||
// @组件代码开始
|
||
class Widget extends Base {
|
||
constructor (arg) {
|
||
super(arg)
|
||
this.logo = "https://www.v2ex.com/static/img/icon_rayps_64.png"
|
||
this.name = "V2EX"
|
||
this.desc = "创意工作者们的社区"
|
||
// 请求数据接口列表（收集整理中）
|
||
this.API = [
|
||
// api
|
||
[
|
||
{
|
||
id: 'latest',
|
||
name: '最新'
|
||
}, {
|
||
id: 'hot',
|
||
name: '最热'
|
||
}
|
||
],
|
||
// tab
|
||
[
|
||
{
|
||
id: 'all',
|
||
name: '全部'
|
||
}, {
|
||
id: 'hot',
|
||
name: '最热'
|
||
}, {
|
||
id: 'tech',
|
||
name: '技术'
|
||
}, {
|
||
id: 'creative',
|
||
name: '创意'
|
||
}, {
|
||
id: 'playplay',
|
||
name: '好玩'
|
||
}, {
|
||
id: 'apple',
|
||
name: 'Apple'
|
||
}, {
|
||
id: 'jobs',
|
||
name: '酷工作'
|
||
}, {
|
||
id: 'deals',
|
||
name: '交易'
|
||
}, {
|
||
id: 'city',
|
||
name: '城市'
|
||
}, {
|
||
id: 'qna',
|
||
name: '问与答'
|
||
}
|
||
],
|
||
// go
|
||
[],
|
||
]
|
||
// 当前设置的存储key（提示：可通过桌面设置不同参数，来保存多个设置）
|
||
let _md5 = this.md5(module.filename)
|
||
this.CACHE_KEY = `cache_${_md5}`
|
||
// 获取设置
|
||
// 格式：type@name，比如 go@create、api@hot、tab@all
|
||
this.SETTINGS = this.settings['node'] || 'tab@all'
|
||
|
||
// 注册操作菜单
|
||
this.registerAction("节点设置", this.actionSettings)
|
||
}
|
||
|
||
// 渲染组件
|
||
async render () {
|
||
// 加载节点列表
|
||
await this._loadNodes()
|
||
const data = await this.getData()
|
||
console.log(data)
|
||
if (this.widgetFamily === 'medium') {
|
||
return await this.renderMedium(data)
|
||
} else if (this.widgetFamily === 'large') {
|
||
return await this.renderLarge(data)
|
||
} else {
|
||
return await this.renderSmall(data)
|
||
}
|
||
}
|
||
async renderSmall (data) {
|
||
let w = new ListWidget()
|
||
let topic = data[0]
|
||
w.url = this.actionUrl('open-url', topic['url'])
|
||
w = await this.renderHeader(w, this.logo, this.name + ' / ' + this.SETTINGS.split('@')[0], Color.white())
|
||
let content = w.addText(topic['title'])
|
||
content.font = Font.lightSystemFont(16)
|
||
content.textColor = Color.white()
|
||
content.lineLimit = 3
|
||
|
||
w.backgroundImage = await this.shadowImage(await this.getImageByUrl(topic['member']['avatar_large'].replace('mini', 'large')))
|
||
|
||
w.addSpacer()
|
||
let footer = w.addText(`@${topic['member']['username']} / ${topic['node']['title']}`)
|
||
footer.font = Font.lightSystemFont(10)
|
||
footer.textColor = Color.white()
|
||
footer.textOpacity = 0.5
|
||
footer.lineLimit = 1
|
||
return w
|
||
}
|
||
// 中尺寸组件
|
||
async renderMedium (data) {
|
||
let w = new ListWidget()
|
||
// w.addSpacer(10)
|
||
// 设置名称
|
||
let tmp = this.SETTINGS.split('@')
|
||
let tid = tmp[0] === 'api' ? 0 : (tmp[0] === 'tab' ? 1 : 2)
|
||
let current = ''
|
||
this.API[tid].map(a => {
|
||
if (a['id'] === tmp[1]) current = a['name']
|
||
})
|
||
await this.renderHeader(w, this.logo, this.name + ' / ' + current)
|
||
w.addSpacer()
|
||
|
||
let body = w.addStack()
|
||
let bodyleft= body.addStack()
|
||
bodyleft.layoutVertically()
|
||
for (let i = 0; i < 2; i ++) {
|
||
bodyleft = await this.renderCell(bodyleft, data[i])
|
||
bodyleft.addSpacer()
|
||
}
|
||
// body.addSpacer()
|
||
w.url = this.actionUrl("settings")
|
||
|
||
return w
|
||
}
|
||
// 大尺寸组件
|
||
async renderLarge (data) {
|
||
let w = new ListWidget()
|
||
// w.addSpacer(10)
|
||
// 设置名称
|
||
let tmp = this.SETTINGS.split('@')
|
||
let tid = tmp[0] === 'api' ? 0 : (tmp[0] === 'tab' ? 1 : 2)
|
||
let current = ''
|
||
this.API[tid].map(a => {
|
||
if (a['id'] === tmp[1]) current = a['name']
|
||
})
|
||
await this.renderHeader(w, this.logo, this.name + ' / ' + current)
|
||
w.addSpacer()
|
||
|
||
|
||
let body = w.addStack()
|
||
let bodyleft= body.addStack()
|
||
bodyleft.layoutVertically()
|
||
for (let i = 0; i < 5; i ++) {
|
||
bodyleft = await this.renderCell(bodyleft, data[i])
|
||
bodyleft.addSpacer()
|
||
}
|
||
// body.addSpacer()
|
||
|
||
// w.addSpacer()
|
||
w.url = this.actionUrl("settings")
|
||
|
||
return w
|
||
}
|
||
async renderCell (widget, topic) {
|
||
let body = widget.addStack()
|
||
body.url = this.actionUrl('open-url', topic['url'])
|
||
|
||
let left = body.addStack()
|
||
let avatar = left.addImage(await this.getImageByUrl(topic['member']['avatar_large'].replace('mini', 'large')))
|
||
avatar.imageSize = new Size(35, 35)
|
||
avatar.cornerRadius = 5
|
||
|
||
body.addSpacer(10)
|
||
|
||
let right = body.addStack()
|
||
right.layoutVertically()
|
||
let content = right.addText(topic['title'])
|
||
content.font = Font.lightSystemFont(14)
|
||
content.lineLimit = 1
|
||
|
||
right.addSpacer(5)
|
||
|
||
let info = right.addText(`@${topic['member']['username']} / ${topic['node']['title']}`)
|
||
info.font = Font.lightSystemFont(10)
|
||
info.textOpacity = 0.6
|
||
info.lineLimit = 2
|
||
|
||
widget.addSpacer()
|
||
|
||
return widget
|
||
}
|
||
|
||
async getData () {
|
||
// 解析设置，判断类型，获取对应数据
|
||
const tmp = this.SETTINGS.split('@')
|
||
switch (tmp[0]) {
|
||
case 'tab':
|
||
return await this.getDataForTab(tmp[1])
|
||
case 'go':
|
||
return await this.getDataForGo(tmp[1])
|
||
case 'api':
|
||
return await this.getDataForApi(tmp[1])
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 获取首页tab数据
|
||
* @param {string} tab tab首页名称
|
||
*/
|
||
async getDataForTab (tab = 'all') {
|
||
let url = `https://www.v2ex.com/?tab=${tab}`
|
||
let html = await this.fetchAPI(url, false)
|
||
|
||
// 解析html
|
||
let tmp = html.split(`<div id="Wrapper">`)[1].split(`<div class="inner" style="text-align: right;">`)[0]
|
||
let arr = tmp.split('<div class="cell item">')
|
||
arr.shift()
|
||
|
||
let datas = []
|
||
for (let i = 0; i < arr.length; i ++) {
|
||
let t = arr[i]
|
||
let title = t.split(`class="topic-link">`)[1].split('</a')[0]
|
||
let avatar = t.split(`<img src="`)[1].split('"')[0]
|
||
let node = t.split(`<a class="node"`)[1].split('</a>')[0].split('>')[1]
|
||
let user = t.split(`<a class="node" href="`)[1].split('</strong>')[0].split('<strong>')[1].split('>')[1].split('</')[0]
|
||
let link = t.split(`<span class="item_title">`)[1].split('class="')[0].split('"')[1]
|
||
datas.push({
|
||
title,
|
||
url: `https://www.v2ex.com${link}`,
|
||
member: {
|
||
username: user,
|
||
'avatar_large': avatar
|
||
},
|
||
node: {
|
||
title: node
|
||
}
|
||
})
|
||
}
|
||
|
||
return datas
|
||
}
|
||
|
||
async getDataForApi (api) {
|
||
return await this.httpGet(`https://www.v2ex.com/api/topics/${api}.json`)
|
||
}
|
||
|
||
/**
|
||
* 加载数据
|
||
* 节点列表
|
||
*/
|
||
async getDataForGo (arg = 'create') {
|
||
let url = `https://www.v2ex.com/go/${arg}`
|
||
let html = await this.fetchAPI(url, false)
|
||
|
||
// 解析html
|
||
let tmp = html.split(`<div id="Wrapper">`)[1].split(`<div class="sidebar_units">`)[0]
|
||
let arr = tmp.split(`<table cellpadding="0" cellspacing="0" border="0" width="100%">`)
|
||
|
||
let node_title = html.split('<title>')[1].split('</')[0]
|
||
arr.shift()
|
||
arr.pop()
|
||
|
||
let datas = []
|
||
for (let i = 0; i < arr.length; i ++) {
|
||
let t = arr[i]
|
||
let title = t.split(`class="topic-link">`)[1].split('</a')[0]
|
||
let avatar = t.split(`<img src="`)[1].split('"')[0]
|
||
let user = t.split(`class="small fade"><strong>`)[1].split('</')[0]
|
||
let link = t.split(`<span class="item_title"><a href="`)[1].split('"')[0]
|
||
datas.push({
|
||
title,
|
||
url: `https://www.v2ex.com${link}`,
|
||
member: {
|
||
username: user,
|
||
'avatar_large': avatar
|
||
},
|
||
node: {
|
||
title: node_title
|
||
}
|
||
})
|
||
}
|
||
|
||
return datas
|
||
}
|
||
|
||
// http.get
|
||
async fetchAPI (api, json = true) {
|
||
let data = null
|
||
try {
|
||
let req = new Request(api)
|
||
req.headers = {
|
||
'User-Agent': 'Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1 Edg/85.0.4183.102'
|
||
}
|
||
data = await (json ? req.loadJSON() : req.loadString())
|
||
} catch (e) {}
|
||
// 判断数据是否为空（加载失败）
|
||
if (!data) {
|
||
// 判断是否有缓存
|
||
if (Keychain.contains(this.CACHE_KEY)) {
|
||
let cache = Keychain.get(this.CACHE_KEY)
|
||
return json ? JSON.parse(cache) : cache
|
||
} else {
|
||
// 刷新
|
||
return null
|
||
}
|
||
}
|
||
// 存储缓存
|
||
Keychain.set(this.CACHE_KEY, json ? JSON.stringify(data) : data)
|
||
return data
|
||
}
|
||
|
||
// 加载节点列表
|
||
async _loadNodes () {
|
||
let s2 = await this.httpGet("https://www.v2ex.com/api/nodes/s2.json")
|
||
// 排序，通过topic
|
||
let nodes = s2.sort((a,b) => b['topics']-a['topics'])
|
||
this.API[2] = nodes.map(n => ({
|
||
id: n['id'],
|
||
name: n['text'],
|
||
topic: n['topic']
|
||
}))
|
||
return this.API[2]
|
||
}
|
||
async actionOpenUrl (url) {
|
||
Safari.openInApp(url, false)
|
||
}
|
||
|
||
async actionSettings () {
|
||
const tmp = this.SETTINGS.split('@')
|
||
const a = new Alert()
|
||
a.title = "内容设置"
|
||
a.message = "设置组件展示的内容来自哪里"
|
||
a.addAction((tmp[0]==='api'?'✅ ':'')+"API接口")
|
||
a.addAction((tmp[0]==='tab'?'✅ ':'')+"首页目录")
|
||
a.addAction((tmp[0]==='go'?'✅ ':'')+"指定节点")
|
||
a.addCancelAction("取消设置")
|
||
const i = await a.presentSheet()
|
||
if (i === -1) return
|
||
const table = new UITable()
|
||
// 如果是节点，则先远程获取
|
||
if (i === 2 && this.API[2].length === 0) {
|
||
await this._loadNodes()
|
||
}
|
||
this.API[i].map(t => {
|
||
const r = new UITableRow()
|
||
r.addText((tmp[1]===t.id?'✅ ':'')+t['name'])
|
||
r.onSelect = (n) => {
|
||
// 保存设置
|
||
let _t = 'api';
|
||
_t = i === 1 ? 'tab' : _t;
|
||
_t = i === 2 ? 'go' : _t;
|
||
let v = `${_t}@${t['id']}`
|
||
this.SETTINGS = v
|
||
this.settings['node'] = v
|
||
this.saveSettings()
|
||
}
|
||
table.addRow(r)
|
||
})
|
||
table.present(false)
|
||
}
|
||
|
||
}
|
||
// @组件代码结束
|
||
|
||
const { Testing } = require("./「小件件」开发环境")
|
||
await Testing(Widget) |