taolin/Scriptables
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
master
Scriptables/Scripts/「小件件」开发环境.js

1093 lines
42 KiB
JavaScript
Raw Permalink Normal View History

[fix]页面创建
2022-06-02 17:00:01 +08:00
// Variables used by Scriptable.
// These must be at the very top of the file. Do not edit.
// icon-color: deep-gray; icon-glyph: code-branch;
//
// 「小件件」
// 开发环境，用于小组件调用
// https://x.im3x.cn
// https://github.com/im3x/Scriptables
//
// 组件基础类
const RUNTIME_VERSION = 20201209
class Base {
constructor(arg = "") {
this.arg = arg
this._actions = {}
this.init()
}
init(widgetFamily = config.widgetFamily) {
// 组件大小：small,medium,large
this.widgetFamily = widgetFamily
// 系统设置的key，这里分为三个类型：
// 1. 全局
// 2. 不同尺寸的小组件
// 3. 不同尺寸+小组件自定义的参数
// 当没有key2时，获取key1，没有key1获取全局key的设置
// this.SETTING_KEY = this.md5(Script.name()+'@'+this.widgetFamily+"@"+this.arg)
// this.SETTING_KEY1 = this.md5(Script.name()+'@'+this.widgetFamily)
this.SETTING_KEY = this.md5(Script.name())
// 文件管理器
// 提示：缓存数据不要用这个操作，这个是操作源码目录的，缓存建议存放在local temp目录中
this.FILE_MGR = FileManager[module.filename.includes('Documents/iCloud~') ? 'iCloud' : 'local']()
// 本地，用于存储图片等
this.FILE_MGR_LOCAL = FileManager.local()
this.BACKGROUND_KEY = this.FILE_MGR_LOCAL.joinPath(this.FILE_MGR_LOCAL.documentsDirectory(), `bg_${this.SETTING_KEY}.jpg`)
// this.BACKGROUND_KEY1 = this.FILE_MGR_LOCAL.joinPath(this.FILE_MGR_LOCAL.documentsDirectory(), `bg_${this.SETTING_KEY1}.jpg`)
// this.BACKGROUND_KEY2 = this.FILE_MGR_LOCAL.joinPath(this.FILE_MGR_LOCAL.documentsDirectory(), `bg_${this.SETTING_KEY2}.jpg`)
// // 插件设置
this.settings = this.getSettings()
}
/**
* 注册点击操作菜单
* @param {string} name 操作函数名
* @param {func} func 点击后执行的函数
*/
registerAction(name, func) {
this._actions[name] = func.bind(this)
}
/**
* 生成操作回调URL，点击后执行本脚本，并触发相应操作
* @param {string} name 操作的名称
* @param {string} data 传递的数据
*/
actionUrl(name = '', data = '') {
let u = URLScheme.forRunningScript()
let q = `act=${encodeURIComponent(name)}&data=${encodeURIComponent(data)}&__arg=${encodeURIComponent(this.arg)}&__size=${this.widgetFamily}`
let result = ''
if (u.includes('run?')) {
result = `${u}&${q}`
} else {
result = `${u}?${q}`
}
return result
}
/**
* base64 编码字符串
* @param {string} str 要编码的字符串
*/
base64Encode(str) {
const data = Data.fromString(str)
return data.toBase64String()
}
/**
* base64解码数据 返回字符串
* @param {string} b64 base64编码的数据
*/
base64Decode(b64) {
const data = Data.fromBase64String(b64)
return data.toRawString()
}
/**
* md5 加密字符串
* @param {string} str 要加密成md5的数据
*/
md5(str) {
function d(n, t) {
var r = (65535 & n) + (65535 & t);
return (n >> 16) + (t >> 16) + (r >> 16) << 16 | 65535 & r
}
function f(n, t, r, e, o, u) {
return d((c = d(d(t, n), d(e, u))) << (f = o) | c >>> 32 - f, r);
var c, f
}
function l(n, t, r, e, o, u, c) {
return f(t & r | ~t & e, n, t, o, u, c)
}
function v(n, t, r, e, o, u, c) {
return f(t & e | r & ~e, n, t, o, u, c)
}
function g(n, t, r, e, o, u, c) {
return f(t ^ r ^ e, n, t, o, u, c)
}
function m(n, t, r, e, o, u, c) {
return f(r ^ (t | ~e), n, t, o, u, c)
}
function i(n, t) {
var r, e, o, u;
n[t >> 5] |= 128 << t % 32, n[14 + (t + 64 >>> 9 << 4)] = t;
for (var c = 1732584193, f = -271733879, i = -1732584194, a = 271733878, h = 0; h < n.length; h += 16) c = l(r = c, e = f, o = i, u = a, n[h], 7, -680876936), a = l(a, c, f, i, n[h + 1], 12, -389564586), i = l(i, a, c, f, n[h + 2], 17, 606105819), f = l(f, i, a, c, n[h + 3], 22, -1044525330), c = l(c, f, i, a, n[h + 4], 7, -176418897), a = l(a, c, f, i, n[h + 5], 12, 1200080426), i = l(i, a, c, f, n[h + 6], 17, -1473231341), f = l(f, i, a, c, n[h + 7], 22, -45705983), c = l(c, f, i, a, n[h + 8], 7, 1770035416), a = l(a, c, f, i, n[h + 9], 12, -1958414417), i = l(i, a, c, f, n[h + 10], 17, -42063), f = l(f, i, a, c, n[h + 11], 22, -1990404162), c = l(c, f, i, a, n[h + 12], 7, 1804603682), a = l(a, c, f, i, n[h + 13], 12, -40341101), i = l(i, a, c, f, n[h + 14], 17, -1502002290), c = v(c, f = l(f, i, a, c, n[h + 15], 22, 1236535329), i, a, n[h + 1], 5, -165796510), a = v(a, c, f, i, n[h + 6], 9, -1069501632), i = v(i, a, c, f, n[h + 11], 14, 643717713), f = v(f, i, a, c, n[h], 20, -373897302), c = v(c, f, i, a, n[h + 5], 5, -701558691), a = v(a, c, f, i, n[h + 10], 9, 38016083), i = v(i, a, c, f, n[h + 15], 14, -660478335), f = v(f, i, a, c, n[h + 4], 20, -405537848), c = v(c, f, i, a, n[h + 9], 5, 568446438), a = v(a, c, f, i, n[h + 14], 9, -1019803690), i = v(i, a, c, f, n[h + 3], 14, -187363961), f = v(f, i, a, c, n[h + 8], 20, 1163531501), c = v(c, f, i, a, n[h + 13], 5, -1444681467), a = v(a, c, f, i, n[h + 2], 9, -51403784), i = v(i, a, c, f, n[h + 7], 14, 1735328473), c = g(c, f = v(f, i, a, c, n[h + 12], 20, -1926607734), i, a, n[h + 5], 4, -378558), a = g(a, c, f, i, n[h + 8], 11, -2022574463), i = g(i, a, c, f, n[h + 11], 16, 1839030562), f = g(f, i, a, c, n[h + 14], 23, -35309556), c = g(c, f, i, a, n[h + 1], 4, -1530992060), a = g(a, c, f, i, n[h + 4], 11, 1272893353), i = g(i, a, c, f, n[h + 7], 16, -155497632), f = g(f, i, a, c, n[h + 10], 23, -1094730640), c = g(c, f, i, a, n[h + 13], 4, 681279174), a = g(a, c, f, i, n[h], 11, -358537222), i = g(i, a, c, f, n[h + 3], 16, -722521979), f = g(f, i, a, c, n[h + 6], 23, 76029189), c = g(c, f, i, a, n[h + 9], 4, -640364487), a = g(a, c, f, i, n[h + 12], 11, -421815835), i = g(i, a, c, f, n[h + 15], 16, 530742520), c = m(c, f = g(f, i, a, c, n[h + 2], 23, -995338651), i, a, n[h], 6, -198630844), a = m(a, c, f, i, n[h + 7], 10, 1126891415), i = m(i, a, c, f, n[h + 14], 15, -1416354905), f = m(f, i, a, c, n[h + 5], 21, -57434055), c = m(c, f, i, a, n[h + 12], 6, 1700485571), a = m(a, c, f, i, n[h + 3], 10, -1894986606), i = m(i, a, c, f, n[h + 10], 15, -1051523), f = m(f, i, a, c, n[h + 1], 21, -2054922799), c = m(c, f, i, a, n[h + 8], 6, 1873313359), a = m(a, c, f, i, n[h + 15], 10, -30611744), i = m(i, a, c, f, n[h + 6], 15, -1560198380), f = m(f, i, a, c, n[h + 13], 21, 1309151649), c = m(c, f, i, a, n[h + 4], 6, -145523070), a = m(a, c, f, i, n[h + 11], 10, -1120210379), i = m(i, a, c, f, n[h + 2], 15, 718787259), f = m(f, i, a, c, n[h + 9], 21, -343485551), c = d(c, r), f = d(f, e), i = d(i, o), a = d(a, u);
return [c, f, i, a]
}
function a(n) {
for (var t = "", r = 32 * n.length, e = 0; e < r; e += 8) t += String.fromCharCode(n[e >> 5] >>> e % 32 & 255);
return t
}
function h(n) {
var t = [];
for (t[(n.length >> 2) - 1] = void 0, e = 0; e < t.length; e += 1) t[e] = 0;
for (var r = 8 * n.length, e = 0; e < r; e += 8) t[e >> 5] |= (255 & n.charCodeAt(e / 8)) << e % 32;
return t
}
function e(n) {
for (var t, r = "0123456789abcdef", e = "", o = 0; o < n.length; o += 1) t = n.charCodeAt(o), e += r.charAt(t >>> 4 & 15) + r.charAt(15 & t);
return e
}
function r(n) {
return unescape(encodeURIComponent(n))
}
function o(n) {
return a(i(h(t = r(n)), 8 * t.length));
var t
}
function u(n, t) {
return function (n, t) {
var r, e, o = h(n),
u = [],
c = [];
for (u[15] = c[15] = void 0, 16 < o.length && (o = i(o, 8 * n.length)), r = 0; r < 16; r += 1) u[r] = 909522486 ^ o[r], c[r] = 1549556828 ^ o[r];
return e = i(u.concat(h(t)), 512 + 8 * t.length), a(i(c.concat(e), 640))
}(r(n), r(t))
}
function t(n, t, r) {
return t ? r ? u(t, n) : e(u(t, n)) : r ? o(n) : e(o(n))
}
return t(str)
}
/**
* HTTP 请求接口
* @param {string} url 请求的url
* @param {bool} json 返回数据是否为 json，默认 true
* @param {bool} useCache 是否采用离线缓存（请求失败后获取上一次结果），
* @return {string | json | null}
*/
async httpGet(url, json = true, useCache = false) {
let data = null
const cacheKey = this.md5(url)
if (useCache && Keychain.contains(cacheKey)) {
let cache = Keychain.get(cacheKey)
return json ? JSON.parse(cache) : cache
}
try {
let req = new Request(url)
data = await (json ? req.loadJSON() : req.loadString())
} catch (e) {}
// 判断数据是否为空（加载失败）
if (!data && Keychain.contains(cacheKey)) {
// 判断是否有缓存
let cache = Keychain.get(cacheKey)
return json ? JSON.parse(cache) : cache
}
// 存储缓存
Keychain.set(cacheKey, json ? JSON.stringify(data) : data)
return data
}
async httpPost(url, data) {}
/**
* 获取远程图片内容
* @param {string} url 图片地址
* @param {bool} useCache 是否使用缓存（请求失败时获取本地缓存）
*/
async getImageByUrl(url, useCache = true) {
const cacheKey = this.md5(url)
const cacheFile = FileManager.local().joinPath(FileManager.local().temporaryDirectory(), cacheKey)
// 判断是否有缓存
if (useCache && FileManager.local().fileExists(cacheFile)) {
return Image.fromFile(cacheFile)
}
try {
const req = new Request(url)
const img = await req.loadImage()
// 存储到缓存
FileManager.local().writeImage(cacheFile, img)
return img
} catch (e) {
// 没有缓存+失败情况下，返回自定义的绘制图片（红色背景）
let ctx = new DrawContext()
ctx.size = new Size(100, 100)
ctx.setFillColor(Color.red())
ctx.fillRect(new Rect(0, 0, 100, 100))
return await ctx.getImage()
}
}
/**
* 渲染标题内容
* @param {object} widget 组件对象
* @param {string} icon 图标地址
* @param {string} title 标题内容
* @param {bool|color} color 字体的颜色（自定义背景时使用，默认系统）
*/
async renderHeader(widget, icon, title, color = false) {
widget.addSpacer(10)
let header = widget.addStack()
header.centerAlignContent()
let _icon = header.addImage(await this.getImageByUrl(icon))
_icon.imageSize = new Size(14, 14)
_icon.cornerRadius = 4
header.addSpacer(10)
let _title = header.addText(title)
if (color) _title.textColor = color
_title.textOpacity = 0.7
_title.font = Font.boldSystemFont(12)
widget.addSpacer(10)
return widget
}
/**
* 获取截图中的组件剪裁图
* 可用作透明背景
* 返回图片image对象
* 代码改自：https://gist.github.com/mzeryck/3a97ccd1e059b3afa3c6666d27a496c9
* @param {string} title 开始处理前提示用户截图的信息，可选（适合用在组件自定义透明背景时提示）
*/
async getWidgetScreenShot(title = null) {
// Generate an alert with the provided array of options.
async function generateAlert(message, options) {
let alert = new Alert()
alert.message = message
for (const option of options) {
alert.addAction(option)
}
let response = await alert.presentAlert()
return response
}
// Crop an image into the specified rect.
function cropImage(img, rect) {
let draw = new DrawContext()
draw.size = new Size(rect.width, rect.height)
draw.drawImageAtPoint(img, new Point(-rect.x, -rect.y))
return draw.getImage()
}
async function blurImage(img, style) {
const blur = 150
const js = `
var mul_table=[512,512,456,512,328,456,335,512,405,328,271,456,388,335,292,512,454,405,364,328,298,271,496,456,420,388,360,335,312,292,273,512,482,454,428,405,383,364,345,328,312,298,284,271,259,496,475,456,437,420,404,388,374,360,347,335,323,312,302,292,282,273,265,512,497,482,468,454,441,428,417,405,394,383,373,364,354,345,337,328,320,312,305,298,291,284,278,271,265,259,507,496,485,475,465,456,446,437,428,420,412,404,396,388,381,374,367,360,354,347,341,335,329,323,318,312,307,302,297,292,287,282,278,273,269,265,261,512,505,497,489,482,475,468,461,454,447,441,435,428,422,417,411,405,399,394,389,383,378,373,368,364,359,354,350,345,341,337,332,328,324,320,316,312,309,305,301,298,294,291,287,284,281,278,274,271,268,265,262,259,257,507,501,496,491,485,480,475,470,465,460,456,451,446,442,437,433,428,424,420,416,412,408,404,400,396,392,388,385,381,377,374,370,367,363,360,357,354,350,347,344,341,338,335,332,329,326,323,320,318,315,312,310,307,304,302,299,297,294,292,289,287,285,282,280,278,275,273,271,269,267,265,263,261,259];var shg_table=[9,11,12,13,13,14,14,15,15,15,15,16,16,16,16,17,17,17,17,17,17,17,18,18,18,18,18,18,18,18,18,19,19,19,19,19,19,19,19,19,19,19,19,19,19,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24];function stackBlurCanvasRGB(id,top_x,top_y,width,height,radius){if(isNaN(radius)||radius<1)return;radius|=0;var canvas=document.getElementById(id);var context=canvas.getContext("2d");var imageData;try{try{imageData=context.getImageData(top_x,top_y,width,height)}catch(e){try{netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead");imageData=context.getImageData(top_x,top_y,width,height)}catch(e){alert("Cannot access local image");throw new Error("unable to access local image data: "+e);return}}}catch(e){alert("Cannot access image");throw new Error("unable to access image data: "+e);}var pixels=imageData.data;var x,y,i,p,yp,yi,yw,r_sum,g_sum,b_sum,r_out_sum,g_out_sum,b_out_sum,r_in_sum,g_in_sum,b_in_sum,pr,pg,pb,rbs;var div=radius+radius+1;var w4=width<<2;var widthMinus1=width-1;var heightMinus1=height-1;var radiusPlus1=radius+1;var sumFactor=radiusPlus1*(radiusPlus1+1)/2;var stackStart=new BlurStack();var stack=stackStart;for(i=1;i<div;i++){stack=stack.next=new BlurStack();if(i==radiusPlus1)var stackEnd=stack}stack.next=stackStart;var stackIn=null;var stackOut=null;yw=yi=0;var mul_sum=mul_table[radius];var shg_sum=shg_table[radius];for(y=0;y<height;y++){r_in_sum=g_in_sum=b_in_sum=r_sum=g_sum=b_sum=0;r_out_sum=radiusPlus1*(pr=pixels[yi]);g_out_sum=radiusPlus1*(pg=pixels[yi+1]);b_out_sum=radiusPlus1*(pb=pixels[yi+2]);r_sum+=sumFactor*pr;g_sum+=sumFactor*pg;b_sum+=sumFactor*pb;stack=stackStart;for(i=0;i<radiusPlus1;i++){stack.r=pr;stack.g=pg;stack.b=pb;stack=stack.next}for(i=1;i<radiusPlus1;i++){p=yi+((widthMinus1<i?widthMinus1:i)<<2);r_sum+=(stack.r=(pr=pixels[p]))*(rbs=radiusPlus1-i);g_sum+=(stack.g=(pg=pixels[p+1]))*rbs;b_sum+=(stack.b=(pb=pixels[p+2]))*rbs;r_in_sum+=pr;g_in_sum+=pg;b_in_sum+=pb;stack=stack.next}stackIn=stackStart;stackOut=stackEnd;for(x=0;x<width;x++){pixels[yi]=(r_sum*mul_sum)>>shg_sum;pixels[yi+1]=(g_sum*mul_sum)>>shg_sum;pixels[yi+2]=(b_sum*mul_sum)>>shg_sum;r_sum-=r_out_sum;g_sum-=g_out_sum;b_sum-=b_out_sum;r_out_sum-=stackIn.r;g_out_sum-=stackIn.g;b_out_sum-=stackIn.b;p=(yw+((p=x+radius+1)<widthMinus1?p:widthMinus1))<<2;r_in_sum+=(stackIn.r=pixels[p]);g_in_sum+=(stackIn.g=pixels[p+1]);b_in_sum+=(stackIn.b=pixels[p+2]);r_sum+=r_in_sum;g_sum+=g_in_sum;b_sum+=b_in_sum;stackIn=stackIn.next;r_out_sum+=(pr
// https://gist.github.com/mjackson/5311256
function rgbToHsl(r, g, b){
r /= 255, g /= 255, b /= 255;
var max = Math.max(r, g, b), min = Math.min(r, g, b);
var h, s, l = (max + min) / 2;
if(max == min){
h = s = 0; // achromatic
}else{
var d = max - min;
s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
switch(max){
case r: h = (g - b) / d + (g < b ? 6 : 0); break;
case g: h = (b - r) / d + 2; break;
case b: h = (r - g) / d + 4; break;
}
h /= 6;
}
return [h, s, l];
}
function hslToRgb(h, s, l){
var r, g, b;
if(s == 0){
r = g = b = l; // achromatic
}else{
var hue2rgb = function hue2rgb(p, q, t){
if(t < 0) t += 1;
if(t > 1) t -= 1;
if(t < 1/6) return p + (q - p) * 6 * t;
if(t < 1/2) return q;
if(t < 2/3) return p + (q - p) * (2/3 - t) * 6;
return p;
}
var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 1/3);
g = hue2rgb(p, q, h);
b = hue2rgb(p, q, h - 1/3);
}
return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];
}
function lightBlur(hsl) {
// Adjust the luminance.
let lumCalc = 0.35 + (0.3 / hsl[2]);
if (lumCalc < 1) { lumCalc = 1; }
else if (lumCalc > 3.3) { lumCalc = 3.3; }
const l = hsl[2] * lumCalc;
// Adjust the saturation.
const colorful = 2 * hsl[1] * l;
const s = hsl[1] * colorful * 1.5;
return [hsl[0],s,l];
}
function darkBlur(hsl) {
// Adjust the saturation.
const colorful = 2 * hsl[1] * hsl[2];
const s = hsl[1] * (1 - hsl[2]) * 3;
return [hsl[0],s,hsl[2]];
}
// Set up the canvas.
const img = document.getElementById("blurImg");
const canvas = document.getElementById("mainCanvas");
const w = img.naturalWidth;
const h = img.naturalHeight;
canvas.style.width = w + "px";
canvas.style.height = h + "px";
canvas.width = w;
canvas.height = h;
const context = canvas.getContext("2d");
context.clearRect( 0, 0, w, h );
context.drawImage( img, 0, 0 );
// Get the image data from the context.
var imageData = context.getImageData(0,0,w,h);
var pix = imageData.data;
var isDark = "${style}" == "dark";
var imageFunc = isDark ? darkBlur : lightBlur;
for (let i=0; i < pix.length; i+=4) {
// Convert to HSL.
let hsl = rgbToHsl(pix[i],pix[i+1],pix[i+2]);
// Apply the image function.
hsl = imageFunc(hsl);
// Convert back to RGB.
const rgb = hslToRgb(hsl[0], hsl[1], hsl[2]);
// Put the values back into the data.
pix[i] = rgb[0];
pix[i+1] = rgb[1];
pix[i+2] = rgb[2];
}
// Draw over the old image.
context.putImageData(imageData,0,0);
// Blur the image.
stackBlurCanvasRGB("mainCanvas", 0, 0, w, h, ${blur});
// Perform the additional processing for dark images.
if (isDark) {
// Draw the hard light box over it.
context.globalCompositeOperation = "hard-light";
context.fillStyle = "rgba(55,55,55,0.2)";
context.fillRect(0, 0, w, h);
// Draw the soft light box over it.
context.globalCompositeOperation = "soft-light";
context.fillStyle = "rgba(55,55,55,1)";
context.fillRect(0, 0, w, h);
// Draw the regular box over it.
context.globalCompositeOperation = "source-over";
context.fillStyle = "rgba(55,55,55,0.4)";
context.fillRect(0, 0, w, h);
// Otherwise process light images.
} else {
context.fillStyle = "rgba(255,255,255,0.4)";
context.fillRect(0, 0, w, h);
}
// Return a base64 representation.
canvas.toDataURL();
`
// Convert the images and create the HTML.
let blurImgData = Data.fromPNG(img).toBase64String()
let html = `
<img id="blurImg" src="data:image/png;base64,${blurImgData}" />
<canvas id="mainCanvas" />
`
// Make the web view and get its return value.
let view = new WebView()
await view.loadHTML(html)
let returnValue = await view.evaluateJavaScript(js)
// Remove the data type from the string and convert to data.
let imageDataString = returnValue.slice(22)
let imageData = Data.fromBase64String(imageDataString)
// Convert to image and crop before returning.
let imageFromData = Image.fromData(imageData)
// return cropImage(imageFromData)
return imageFromData
}
// Pixel sizes and positions for widgets on all supported phones.
function phoneSizes() {
let phones = {
// 12 and 12 Pro
"2532": {
small: 474,
medium: 1014,
large: 1062,
left: 78,
right: 618,
top: 231,
middle: 819,
bottom: 1407
},
// 11 Pro Max, XS Max
"2688": {
small: 507,
medium: 1080,
large: 1137,
left: 81,
right: 654,
top: 228,
middle: 858,
bottom: 1488
},
// 11, XR
"1792": {
small: 338,
medium: 720,
large: 758,
left: 54,
right: 436,
top: 160,
middle: 580,
bottom: 1000
},
// 11 Pro, XS, X
"2436": {
small: 465,
medium: 987,
large: 1035,
left: 69,
right: 591,
top: 213,
middle: 783,
bottom: 1353
},
// Plus phones
"2208": {
small: 471,
medium: 1044,
large: 1071,
left: 99,
right: 672,
top: 114,
middle: 696,
bottom: 1278
},
// SE2 and 6/6S/7/8
"1334": {
small: 296,
medium: 642,
large: 648,
left: 54,
right: 400,
top: 60,
middle: 412,
bottom: 764
},
// SE1
"1136": {
small: 282,
medium: 584,
large: 622,
left: 30,
right: 332,
top: 59,
middle: 399,
bottom: 399
},
// 11 and XR in Display Zoom mode
"1624": {
small: 310,
medium: 658,
large: 690,
left: 46,
right: 394,
top: 142,
middle: 522,
bottom: 902
},
// Plus in Display Zoom mode
"2001": {
small: 444,
medium: 963,
large: 972,
left: 81,
right: 600,
top: 90,
middle: 618,
bottom: 1146
}
}
return phones
}
var message
message = title || "开始之前，请先前往桌面,截取空白界面的截图。然后回来继续"
let exitOptions = ["我已截图", "前去截图 >"]
let shouldExit = await generateAlert(message, exitOptions)
if (shouldExit) return
// Get screenshot and determine phone size.
let img = await Photos.fromLibrary()
let height = img.size.height
let phone = phoneSizes()[height]
if (!phone) {
message = "好像您选择的照片不是正确的截图，或者您的机型我们暂时不支持。点击确定前往社区讨论"
let _id = await generateAlert(message, ["帮助", "取消"])
if (_id === 0) Safari.openInApp('https://support.qq.com/products/287371', false)
return
}
// Prompt for widget size and position.
message = "截图中要设置透明背景组件的尺寸类型是？"
let sizes = ["小尺寸", "中尺寸", "大尺寸"]
let size = await generateAlert(message, sizes)
let widgetSize = sizes[size]
message = "要设置透明背景的小组件在哪个位置？"
message += (height == 1136 ? " （备注：当前设备只支持两行小组件，所以下边选项中的「中间」和「底部」的选项是一致的）" : "")
// Determine image crop based on phone size.
let crop = {
w: "",
h: "",
x: "",
y: ""
}
if (widgetSize == "小尺寸") {
crop.w = phone.small
crop.h = phone.small
let positions = ["左上角", "右上角", "中间左", "中间右", "左下角", "右下角"]
let _posotions = ["Top left", "Top right", "Middle left", "Middle right", "Bottom left", "Bottom right"]
let position = await generateAlert(message, positions)
// Convert the two words into two keys for the phone size dictionary.
let keys = _posotions[position].toLowerCase().split(' ')
crop.y = phone[keys[0]]
crop.x = phone[keys[1]]
} else if (widgetSize == "中尺寸") {
crop.w = phone.medium
crop.h = phone.small
// Medium and large widgets have a fixed x-value.
crop.x = phone.left
let positions = ["顶部", "中间", "底部"]
let _positions = ["Top", "Middle", "Bottom"]
let position = await generateAlert(message, positions)
let key = _positions[position].toLowerCase()
crop.y = phone[key]
} else if (widgetSize == "大尺寸") {
crop.w = phone.medium
crop.h = phone.large
crop.x = phone.left
let positions = ["顶部", "底部"]
let position = await generateAlert(message, positions)
// Large widgets at the bottom have the "middle" y-value.
crop.y = position ? phone.middle : phone.top
}
// 透明/模糊选项
message = "需要给背景图片加什么显示效果？"
let blurOptions = ["透明", "白色 模糊", "黑色 模糊"]
let blurred = await generateAlert(message, blurOptions)
// Crop image and finalize the widget.
if (blurred) {
const style = (blurred === 1) ? 'light' : 'dark'
img = await blurImage(img, style)
}
let imgCrop = cropImage(img, new Rect(crop.x, crop.y, crop.w, crop.h))
return imgCrop
}
/**
* 弹出一个通知
* @param {string} title 通知标题
* @param {string} body 通知内容
* @param {string} url 点击后打开的URL
*/
async notify(title, body, url, opts = {}) {
let n = new Notification()
n = Object.assign(n, opts);
n.title = title
n.body = body
if (url) n.openURL = url
return await n.schedule()
}
/**
* 给图片加一层半透明遮罩
* @param {Image} img 要处理的图片
* @param {string} color 遮罩背景颜色
* @param {float} opacity 透明度
*/
async shadowImage(img, color = '#000000', opacity = 0.7) {
let ctx = new DrawContext()
// 获取图片的尺寸
ctx.size = img.size
ctx.drawImageInRect(img, new Rect(0, 0, img.size['width'], img.size['height']))
ctx.setFillColor(new Color(color, opacity))
ctx.fillRect(new Rect(0, 0, img.size['width'], img.size['height']))
let res = await ctx.getImage()
return res
}
/**
* 获取当前插件的设置
* @param {boolean} json 是否为json格式
*/
getSettings(json = true) {
let res = json ? {} : ""
let cache = ""
// if (global && Keychain.contains(this.SETTING_KEY2)) {
// cache = Keychain.get(this.SETTING_KEY2)
// } else if (Keychain.contains(this.SETTING_KEY)) {
// cache = Keychain.get(this.SETTING_KEY)
// } else if (Keychain.contains(this.SETTING_KEY1)) {
// cache = Keychain.get(this.SETTING_KEY1)
// } else if (Keychain.contains(this.SETTING_KEY2)){
if (Keychain.contains(this.SETTING_KEY)) {
cache = Keychain.get(this.SETTING_KEY)
}
if (json) {
try {
res = JSON.parse(cache)
} catch (e) {}
} else {
res = cache
}
return res
}
/**
* 存储当前设置
* @param {bool} notify 是否通知提示
*/
saveSettings(notify = true) {
let res = (typeof this.settings === "object") ? JSON.stringify(this.settings) : String(this.settings)
Keychain.set(this.SETTING_KEY, res)
if (notify) this.notify("设置成功", "桌面组件稍后将自动刷新")
}
/**
* 获取当前插件是否有自定义背景图片
* @reutrn img | false
*/
getBackgroundImage() {
// 如果有KEY则优先加载，key>key1>key2
// key2是全局
let result = null
if (this.FILE_MGR_LOCAL.fileExists(this.BACKGROUND_KEY)) {
result = Image.fromFile(this.BACKGROUND_KEY)
// } else if (this.FILE_MGR_LOCAL.fileExists(this.BACKGROUND_KEY1)) {
// result = Image.fromFile(this.BACKGROUND_KEY1)
// } else if (this.FILE_MGR_LOCAL.fileExists(this.BACKGROUND_KEY2)) {
// result = Image.fromFile(this.BACKGROUND_KEY2)
}
return result
}
/**
* 设置当前组件的背景图片
* @param {image} img
*/
setBackgroundImage(img, notify = true) {
if (!img) {
// 移除背景
if (this.FILE_MGR_LOCAL.fileExists(this.BACKGROUND_KEY)) {
this.FILE_MGR_LOCAL.remove(this.BACKGROUND_KEY)
// } else if (this.FILE_MGR_LOCAL.fileExists(this.BACKGROUND_KEY1)) {
// this.FILE_MGR_LOCAL.remove(this.BACKGROUND_KEY1)
// } else if (this.FILE_MGR_LOCAL.fileExists(this.BACKGROUND_KEY2)) {
// this.FILE_MGR_LOCAL.remove(this.BACKGROUND_KEY2)
}
if (notify) this.notify("移除成功", "小组件背景图片已移除，稍后刷新生效")
} else {
// 设置背景
// 全部设置一遍，
this.FILE_MGR_LOCAL.writeImage(this.BACKGROUND_KEY, img)
// this.FILE_MGR_LOCAL.writeImage(this.BACKGROUND_KEY1, img)
// this.FILE_MGR_LOCAL.writeImage(this.BACKGROUND_KEY2, img)
if (notify) this.notify("设置成功", "小组件背景图片已设置！稍后刷新生效")
}
}
}
// @base.end
// 运行环境
// @running.start
const Running = async (Widget, default_args = "") => {
let M = null
// 判断hash是否和当前设备匹配
if (config.runsInWidget) {
M = new Widget(args.widgetParameter || '')
const W = await M.render()
Script.setWidget(W)
Script.complete()
} else {
let {
act,
data,
__arg,
__size
} = args.queryParameters
M = new Widget(__arg || default_args || '')
if (__size) M.init(__size)
if (!act || !M['_actions']) {
// 弹出选择菜单
const actions = M['_actions']
const _actions = [
async () => {
Safari.openInApp("https://support.qq.com/products/287371", false)
}
]
const alert = new Alert()
alert.title = M.name
alert.message = M.desc
alert.addAction("反馈交流")
for (let _ in actions) {
alert.addAction(_)
_actions.push(actions[_])
}
alert.addCancelAction("取消操作")
const idx = await alert.presentSheet()
if (_actions[idx]) {
const func = _actions[idx]
await func()
}
return
}
let _tmp = act.split('-').map(_ => _[0].toUpperCase() + _.substr(1)).join('')
let _act = `action${_tmp}`
if (M[_act] && typeof M[_act] === 'function') {
const func = M[_act].bind(M)
await func(data)
}
}
}
// @running.end
// 测试环境
const Testing = async (Widget, default_args = "") => {
let M = null
// 判断hash是否和当前设备匹配
if (config.runsInWidget) {
M = new Widget(args.widgetParameter || '')
const W = await M.render()
Script.setWidget(W)
Script.complete()
} else {
let {
act,
data,
__arg,
__size
} = args.queryParameters
M = new Widget(__arg || default_args || '')
if (__size) M.init(__size)
if (!act || !M['_actions']) {
// 弹出选择菜单
const actions = M['_actions']
const _actions = [
// 远程开发
async () => {
// 1. 获取服务器ip
const a = new Alert()
a.title = "服务器 IP"
a.message = "请输入远程开发服务器（电脑）IP地址"
let xjj_debug_server = "192.168.1.3"
if (Keychain.contains("xjj_debug_server")) {
xjj_debug_server = Keychain.get("xjj_debug_server")
}
a.addTextField("server-ip", xjj_debug_server)
a.addAction("连接")
a.addCancelAction("取消")
const id = await a.presentAlert()
if (id === -1) return
const ip = a.textFieldValue(0)
// 保存到本地
Keychain.set("xjj_debug_server", ip)
const server_api = `http://${ip}:5566`
// 2. 发送当前文件到远程服务器
const SELF_FILE = module.filename.replace('「小件件」开发环境', Script.name())
const req = new Request(`${server_api}/sync`)
req.method = "POST"
req.addFileToMultipart(SELF_FILE, "Widget", Script.name())
try {
const res = await req.loadString()
if (res !== "ok") {
return M.notify("连接失败", res)
}
} catch (e) {
return M.notify("连接错误", e.message)
}
M.notify("连接成功", "编辑文件后保存即可进行下一步预览操作")
// 重写console.log方法，把数据传递到nodejs
const rconsole_log = async (data, t = 'log') => {
const _req = new Request(`${server_api}/console`)
_req.method = "POST"
_req.headers = {
'Content-Type': 'application/json'
}
_req.body = JSON.stringify({
t,
data
})
return await _req.loadString()
}
const lconsole_log = console.log.bind(console)
const lconsole_warn = console.warn.bind(console)
const lconsole_error = console.error.bind(console)
console.log = d => {
lconsole_log(d)
rconsole_log(d, 'log')
}
console.warn = d => {
lconsole_warn(d)
rconsole_log(d, 'warn')
}
console.error = d => {
lconsole_error(d)
rconsole_log(d, 'error')
}
// 3. 同步
while (1) {
let _res = ""
try {
const _req = new Request(`${server_api}/sync?name=${encodeURIComponent(Script.name())}`)
_res = await _req.loadString()
} catch (e) {
M.notify("停止调试", "与开发服务器的连接已终止")
break
}
if (_res === "stop") {
console.log("[!] 停止同步")
break
} else if (_res === "no") {
// console.log("[-] 没有更新内容")
} else if (_res.length > 0) {
M.notify("同步成功", "新文件已同步，大小：" + _res.length)
// 重新加载组件
// 1. 读取当前源码
const _code = _res.split('// @组件代码开始')[1].split('// @组件代码结束')[0]
// 2. 解析 widget class
let NewWidget = null
try {
const _func = new Function(`const _Debugger = Base => {\n${_code}\nreturn Widget\n}\nreturn _Debugger`)
NewWidget = _func()(Base)
} catch (e) {
M.notify("解析失败", e.message)
}
if (!NewWidget) continue;
// 3. 重新执行 widget class
delete M;
M = new NewWidget(__arg || default_args || '')
if (__size) M.init(__size)
// 写入文件
FileManager.local().writeString(SELF_FILE, _res)
// 执行预览
let i = await _actions[1](true)
if (i === (4 + Object.keys(actions).length)) break
}
}
},
// 预览组件
async (debug = false) => {
let a = new Alert()
a.title = "预览组件"
a.message = "测试桌面组件在各种尺寸下的显示效果"
a.addAction("小尺寸 Small")
a.addAction("中尺寸 Medium")
a.addAction("大尺寸 Large")
a.addAction("全部 All")
a.addCancelAction("取消操作")
const funcs = []
if (debug) {
for (let _ in actions) {
a.addAction(_)
funcs.push(actions[_].bind(M))
}
a.addDestructiveAction("停止调试")
}
let i = await a.presentSheet()
if (i === -1) return
let w
switch (i) {
case 0:
M.widgetFamily = 'small'
w = await M.render()
await w.presentSmall()
break;
case 1:
M.widgetFamily = 'medium'
w = await M.render()
await w.presentMedium()
break
case 2:
M.widgetFamily = 'large'
w = await M.render()
await w.presentLarge()
break
case 3:
M.widgetFamily = 'small'
w = await M.render()
await w.presentSmall()
M.widgetFamily = 'medium'
w = await M.render()
await w.presentMedium()
M.widgetFamily = 'large'
w = await M.render()
await w.presentLarge()
break
default:
const func = funcs[i - 4];
if (func) await func();
break;
}
return i
},
// 复制源码
async () => {
const SELF_FILE = module.filename.replace('「小件件」开发环境', Script.name())
const source = FileManager.local().readString(SELF_FILE)
Pasteboard.copyString(source)
await M.notify("复制成功", "当前脚本的源代码已复制到剪贴板！")
},
async () => {
Safari.openInApp("https://www.kancloud.cn/im3x/scriptable/content", false)
},
async () => {
Safari.openInApp("https://support.qq.com/products/287371", false)
}
]
const alert = new Alert()
alert.title = M.name
alert.message = M.desc
alert.addAction("远程开发")
alert.addAction("预览组件")
alert.addAction("复制源码")
alert.addAction("开发文档")
alert.addAction("反馈交流")
for (let _ in actions) {
alert.addAction(_)
_actions.push(actions[_])
}
alert.addCancelAction("取消操作")
const idx = await alert.presentSheet()
if (_actions[idx]) {
const func = _actions[idx]
await func()
}
return
}
let _tmp = act.split('-').map(_ => _[0].toUpperCase() + _.substr(1)).join('')
let _act = `action${_tmp}`
if (M[_act] && typeof M[_act] === 'function') {
const func = M[_act].bind(M)
await func(data)
}
}
}
module.exports = {
Base,
Testing,
Running,
}
// 自更新
// 流程：
// 1. 获取远程gitee仓库的本文件代码
// 2. 对比sha，如果和本地存储的不一致，则下载
// 3. 下载保存，存储sha
// 4. 更新时间为每小时一次
//
;
(async () => {
const UPDATE_KEY = "XJJ_UPDATE_AT"
let UPDATED_AT = 0
const UPDATE_FILE = '「小件件」开发环境.js'
const FILE_MGR = FileManager[module.filename.includes('Documents/iCloud~') ? 'iCloud' : 'local']()
if (Keychain.contains(UPDATE_KEY)) {
UPDATED_AT = parseInt(Keychain.get(UPDATE_KEY))
}
if (UPDATED_AT > (+new Date - 1000 * 60 * 60)) return console.warn('[-] 1 小时内已检查过更新')
console.log('[*] 检测开发环境是否有更新..')
const req = new Request('https://gitee.com/im3x/Scriptables/raw/v2-dev/package.json')
const res = await req.loadJSON()
console.log(`[+] 远程开发环境版本：${res['runtime_ver']}`)
if (res['runtime_ver'] === RUNTIME_VERSION) return console.warn('[-] 远程版本一致，暂无更新')
console.log('[+] 开始更新开发环境..')
const REMOTE_REQ = new Request('https://gitee.com/im3x/Scriptables/raw/v2-dev/Scripts/%E3%80%8C%E5%B0%8F%E4%BB%B6%E4%BB%B6%E3%80%8D%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83.js')
const REMOTE_RES = await REMOTE_REQ.load()
FILE_MGR.write(FILE_MGR.joinPath(FILE_MGR.documentsDirectory(), UPDATE_FILE), REMOTE_RES);
const n = new Notification()
n.title = "更新成功"
n.body = "「小件件」开发环境已自动更新！"
n.schedule()
UPDATED_AT = +new Date
Keychain.set(UPDATE_KEY, String(UPDATED_AT))
})()
Reference in New Issue Copy Permalink