// Variables used by Scriptable. // These must be at the very top of the file. Do not edit. // icon-color: teal; icon-glyph: cogs; /* * Author: 2Ya * Github: https://github.com/dompling * UI 配置升级 感谢 @LSP 大佬提供代码 */ const named = SFSymbol.named; SFSymbol.named = (str) => { const current = named(str); if (!current.image) { return named("photo"); } return current; }; class DmYY { constructor(arg, defaultSettings) { this.arg = arg; this.defaultSettings = defaultSettings || {}; this.SETTING_KEY = this.md5(Script.name()); this._init(); this.isNight = Device.isUsingDarkAppearance(); } BaseCacheKey = "DmYY"; _actions = []; _menuActions = []; widgetColor; backGroundColor; isNight; userConfigKey = ["avatar", "nickname", "homePageDesc"]; // 获取 Request 对象 getRequest = (url = "") => { return new Request(url); }; // 发起请求 http = async ( options = { headers: {}, url: "" }, type = "JSON", onError = () => { return SFSymbol.named("photo").image; } ) => { let request; try { if (type === "IMG") { const fileName = `${this.cacheImage}/${this.md5(options.url)}`; request = this.getRequest(options.url); let response; if (await this.FILE_MGR.fileExistsExtra(fileName)) { request.loadImage().then((res) => { this.FILE_MGR.writeImage(fileName, res); }); return Image.fromFile(fileName); } else { response = await request.loadImage(); this.FILE_MGR.writeImage(fileName, response); } return response; } request = this.getRequest(); Object.keys(options).forEach((key) => { request[key] = options[key]; }); request.headers = { ...this.defaultHeaders, ...options.headers }; if (type === "JSON") { return await request.loadJSON(); } if (type === "STRING") { return await request.loadString(); } return await request.loadJSON(); } catch (e) { console.log("error:" + e); if (type === "IMG") return onError?.(); } }; //request 接口请求 $request = { get: (url = "", options = {}, type = "JSON") => { let params = { ...options, method: "GET" }; if (typeof url === "object") { params = { ...params, ...url }; } else { params.url = url; } let _type = type; if (typeof options === "string") _type = options; return this.http(params, _type); }, post: (url = "", options = {}, type = "JSON") => { let params = { ...options, method: "POST" }; if (typeof url === "object") { params = { ...params, ...url }; } else { params.url = url; } let _type = type; if (typeof options === "string") _type = options; return this.http(params, _type); }, }; // 获取 boxJS 缓存 getCache = async (key = "", notify = true) => { try { let url = "http://" + this.prefix + "/query/boxdata"; if (key) url = "http://" + this.prefix + "/query/data/" + key; const boxdata = await this.$request.get( url, key ? { timeoutInterval: 1 } : {} ); if (key) { this.settings.BoxJSData = { ...this.settings.BoxJSData, [key]: boxdata.val, }; this.saveSettings(false); } if (boxdata.val) return boxdata.val; return boxdata.datas; } catch (e) { if (key && this.settings.BoxJSData[key]) { return this.settings.BoxJSData[key]; } if (notify) await this.notify( `${this.name} - BoxJS 数据读取失败`, "请检查 BoxJS 域名是否为代理复写的域名，如（boxjs.net 或 boxjs.com）。\n若没有配置 BoxJS 相关模块，请点击通知查看教程", "https://chavyleung.gitbook.io/boxjs/awesome/videos" ); return false; } }; transforJSON = (str) => { if (typeof str == "string") { try { return JSON.parse(str); } catch (e) { console.log(e); return str; } } console.log("It is not a string!"); }; // 选择图片并缓存 chooseImg = async (verify = false) => { const response = await Photos.fromLibrary().catch((err) => { console.log("图片选择异常:" + err); }); if (verify) { const bool = await this.verifyImage(response); if (bool) return response; return null; } return response; }; // 设置 widget 背景图片 getWidgetBackgroundImage = async (widget) => { const backgroundImage = await this.getBackgroundImage(); if (backgroundImage) { const opacity = Device.isUsingDarkAppearance() ? Number(this.settings.darkOpacity) : Number(this.settings.lightOpacity); widget.backgroundImage = await this.shadowImage( backgroundImage, "#000", opacity ); return true; } else { if (this.backGroundColor.colors) { widget.backgroundGradient = this.backGroundColor; } else { widget.backgroundColor = this.backGroundColor; } return false; } }; /** * 验证图片尺寸： 图片像素超过 1000 左右的时候会导致背景无法加载 * @param img Image */ verifyImage = async (img = {}) => { const { width, height } = img.size; const direct = true; if (width > 1000) { const options = ["取消", "打开图像处理"]; const message = "您的图片像素为" + width + " x " + height + "\n" + "请将图片" + (direct ? "宽度" : "高度") + "调整到 1000 以下\n" + (!direct ? "宽度" : "高度") + "自动适应"; const index = await this.generateAlert(message, options); if (index === 1) Safari.openInApp("https://www.sojson.com/image/change.html", false); return false; } return true; }; /** * 获取截图中的组件剪裁图 * 可用作透明背景 * 返回图片image对象 * 代码改自：https://gist.github.com/mzeryck/3a97ccd1e059b3afa3c6666d27a496c9 * @param {string} title 开始处理前提示用户截图的信息，可选（适合用在组件自定义透明背景时提示） */ async getWidgetScreenShot(title = null) { // 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(); } // Pixel sizes and positions for widgets on all supported phones. function phoneSizes() { return { // 12 Pro Max 2778: { small: 510, medium: 1092, large: 1146, left: 96, right: 678, top: 246, middle: 882, bottom: 1518, }, // 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, 12 mini 2436: { x: { small: 465, medium: 987, large: 1035, left: 69, right: 591, top: 213, middle: 783, bottom: 1353, }, mini: { small: 465, medium: 987, large: 1035, left: 69, right: 591, top: 231, middle: 801, bottom: 1371, }, }, // 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, }, }; } let message = title || "开始之前，请先前往桌面，截取空白界面的截图。然后回来继续"; let exitOptions = ["我已截图", "前去截图 >"]; let shouldExit = await this.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 = "好像您选择的照片不是正确的截图，请先前往桌面"; await this.generateAlert(message, ["我已知晓"]); return; } // Extra setup needed for 2436-sized phones. if (height === 2436) { const files = this.FILE_MGR_LOCAL; let cacheName = "mz-phone-type"; let cachePath = files.joinPath(files.libraryDirectory(), cacheName); // If we already cached the phone size, load it. if (files.fileExists(cachePath)) { let typeString = files.readString(cachePath); phone = phone[typeString]; // Otherwise, prompt the user. } else { message = "您的📱型号是?"; let types = ["iPhone 12 mini", "iPhone 11 Pro, XS, or X"]; let typeIndex = await this.generateAlert(message, types); let type = typeIndex === 0 ? "mini" : "x"; phone = phone[type]; files.writeString(cachePath, type); } } // Prompt for widget size and position. message = "截图中要设置透明背景组件的尺寸类型是？"; let sizes = ["小尺寸", "中尺寸", "大尺寸"]; let size = await this.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 this.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 this.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 this.generateAlert(message, positions); // Large widgets at the bottom have the "middle" y-value. crop.y = position ? phone.middle : phone.top; } // Crop image and finalize the widget. return cropImage(img, new Rect(crop.x, crop.y, crop.w, crop.h)); } setLightAndDark = async (title, desc, val, placeholder = "") => { try { const a = new Alert(); a.title = title; a.message = desc; a.addTextField(placeholder, `${this.settings[val] || ""}`); a.addAction("确定"); a.addCancelAction("取消"); const id = await a.presentAlert(); if (id === -1) return false; this.settings[val] = a.textFieldValue(0) || ""; this.saveSettings(); return true; } catch (e) { console.log(e); } }; /** * 弹出输入框 * @param title 标题 * @param desc 描述 * @param opt 属性 * @returns {Promise} */ setAlertInput = async (title, desc, opt = {}, isSave = true) => { const a = new Alert(); a.title = title; a.message = !desc ? "" : desc; Object.keys(opt).forEach((key) => { a.addTextField(opt[key], this.settings[key]); }); a.addAction("确定"); a.addCancelAction("取消"); const id = await a.presentAlert(); if (id === -1) return; const data = {}; Object.keys(opt).forEach((key, index) => { data[key] = a.textFieldValue(index) || ""; }); // 保存到本地 if (isSave) { this.settings = { ...this.settings, ...data }; return this.saveSettings(); } return data; }; setBaseAlertInput = async (title, desc, opt = {}, isSave = true) => { const a = new Alert(); a.title = title; a.message = !desc ? "" : desc; Object.keys(opt).forEach((key) => { a.addTextField(opt[key], this.baseSettings[key] || ""); }); a.addAction("确定"); a.addCancelAction("取消"); const id = await a.presentAlert(); if (id === -1) return; const data = {}; Object.keys(opt).forEach((key, index) => { data[key] = a.textFieldValue(index) || ""; }); // 保存到本地 if (isSave) return this.saveBaseSettings(data); return data; }; /** * 设置当前项目的 boxJS 缓存 * @param opt key value * @returns {Promise} */ setCacheBoxJSData = async (opt = {}) => { const options = ["取消", "确定"]; const message = "代理缓存仅支持 BoxJS 相关的代理！"; const index = await this.generateAlert(message, options); if (index === 0) return; try { const boxJSData = await this.getCache(); Object.keys(opt).forEach((key) => { this.settings[key] = boxJSData[opt[key]] || ""; }); // 保存到本地 this.saveSettings(); } catch (e) { console.log(e); this.notify( this.name, "BoxJS 缓存读取失败！点击查看相关教程", "https://chavyleung.gitbook.io/boxjs/awesome/videos" ); } }; /** * 设置组件内容 * @returns {Promise} */ setWidgetConfig = async () => { const basic = [ { icon: { name: "arrow.clockwise", color: "#1890ff" }, type: "input", title: "刷新时间", desc: "刷新时间仅供参考，具体刷新时间由系统判断，单位：分钟", val: "refreshAfterDate", }, { icon: { name: "sun.max.fill", color: "#d48806" }, type: "color", title: "白天字体颜色", desc: "请自行去网站上搜寻颜色（Hex 颜色）", val: "lightColor", }, { icon: { name: "moon.stars.fill", color: "#d4b106" }, type: "color", title: "晚上字体颜色", desc: "请自行去网站上搜寻颜色（Hex 颜色）", val: "darkColor", }, ]; return this.renderAppView([ { title: "基础设置", menu: basic }, { title: "背景设置", menu: [ { icon: { name: "photo", color: "#13c2c2" }, type: "color", title: "白天背景颜色", desc: "请自行去网站上搜寻颜色（Hex 颜色）\n支持渐变色，各颜色之间以英文逗号分隔", val: "lightBgColor", }, { icon: { name: "photo.fill", color: "#52c41a" }, type: "color", title: "晚上背景颜色", desc: "请自行去网站上搜寻颜色（Hex 颜色）\n支持渐变色，各颜色之间以英文逗号分隔", val: "darkBgColor", }, ], }, { menu: [ { icon: { name: "photo.on.rectangle", color: "#fa8c16" }, name: "dayBg", type: "img", title: "日间背景", val: this.cacheImage, verify: true, }, { icon: { name: "photo.fill.on.rectangle.fill", color: "#fa541c" }, name: "nightBg", type: "img", title: "夜间背景", val: this.cacheImage, verify: true, }, { icon: { name: "text.below.photo", color: "#faad14" }, type: "img", name: "transparentBg", title: "透明背景", val: this.cacheImage, onClick: async (item, __, previewWebView) => { const backImage = await this.getWidgetScreenShot(); if (!backImage || !(await this.verifyImage(backImage))) return; const cachePath = `${item.val}/${item.name}`; await this.htmlChangeImage(backImage, cachePath, { previewWebView, id: item.name, }); }, }, ], }, { menu: [ { icon: { name: "record.circle", color: "#722ed1" }, type: "input", title: "日间蒙层", desc: "完全透明请设置为0", val: "lightOpacity", }, { icon: { name: "record.circle.fill", color: "#eb2f96" }, type: "input", title: "夜间蒙层", desc: "完全透明请设置为0", val: "darkOpacity", }, ], }, { menu: [ { icon: { name: "clear", color: "#f5222d" }, name: "removeBackground", title: "清空背景图片", val: `${this.cacheImage}/`, onClick: async (_, __, previewWebView) => { const ids = ["dayBg", "nightBg", "transparentBg"]; const options = [ "清空日间", "清空夜间", "清空透明", `清空全部`, "取消", ]; const message = "该操作不可逆，会清空背景图片！"; const index = await this.generateAlert(message, options); if (index === 4) return; switch (index) { case 3: for (const id of ids) { await this.htmlChangeImage(false, `${_.val}${ids[id]}`, { previewWebView, id: ids[id], }); } return; default: await this.htmlChangeImage(false, `${_.val}${ids[index]}`, { previewWebView, id: ids[index], }); break; } }, }, ], }, { title: "重置组件", menu: [ { icon: { name: "trash", color: "#D85888" }, title: "重置", desc: "重置当前组件配置", name: "reset", val: "reset", onClick: () => { this.settings = {}; this.saveSettings(); this.reopenScript(); }, }, ], }, ]).catch((e) => { console.log(e); }); }; drawTableIcon = async ( icon = "square.grid.2x2", color = "#504ED5", cornerWidth = 42 ) => { let sfi = SFSymbol.named("square.grid.2x2"); try { sfi = SFSymbol.named(icon); sfi.applyFont(Font.mediumSystemFont(30)); } catch (e) { console.log(`图标(${icon})异常：` + e); } const imgData = Data.fromPNG(sfi.image).toBase64String(); const html = ` `; const js = ` var canvas = document.createElement("canvas"); var sourceImg = document.getElementById("sourceImg"); var silhouetteImg = document.getElementById("silhouetteImg"); var ctx = canvas.getContext('2d'); var size = sourceImg.width > sourceImg.height ? sourceImg.width : sourceImg.height; canvas.width = size; canvas.height = size; ctx.drawImage(sourceImg, (canvas.width - sourceImg.width) / 2, (canvas.height - sourceImg.height) / 2); var imgData = ctx.getImageData(0, 0, canvas.width, canvas.height); var pix = imgData.data; //convert the image into a silhouette for (var i=0, n = pix.length; i < n; i+= 4){ //set red to 0 pix[i] = 255; //set green to 0 pix[i+1] = 255; //set blue to 0 pix[i+2] = 255; //retain the alpha value pix[i+3] = pix[i+3]; } ctx.putImageData(imgData,0,0); silhouetteImg.src = canvas.toDataURL(); output=canvas.toDataURL() `; let wv = new WebView(); await wv.loadHTML(html); const base64Image = await wv.evaluateJavaScript(js); const iconImage = await new Request(base64Image).loadImage(); const size = new Size(160, 160); const ctx = new DrawContext(); ctx.opaque = false; ctx.respectScreenScale = true; ctx.size = size; const path = new Path(); const rect = new Rect(0, 0, size.width, size.width); path.addRoundedRect(rect, cornerWidth, cornerWidth); path.closeSubpath(); ctx.setFillColor(new Color(color)); ctx.addPath(path); ctx.fillPath(); const rate = 36; const iw = size.width - rate; const x = (size.width - iw) / 2; ctx.drawImageInRect(iconImage, new Rect(x, x, iw, iw)); return ctx.getImage(); }; dismissLoading = (webView) => { webView.evaluateJavaScript( "window.dispatchEvent(new CustomEvent('JWeb', { detail: { code: 'finishLoading' } }))", false ); }; insertTextByElementId = (webView, elementId, text) => { const scripts = `document.getElementById("${elementId}_val").innerHTML=\`${text}\`;`; webView.evaluateJavaScript(scripts, false); }; loadSF2B64 = async ( icon = "square.grid.2x2", color = "#56A8D6", cornerWidth = 42 ) => { const sfImg = await this.drawTableIcon(icon, color, cornerWidth); return `data:image/png;base64,${Data.fromPNG(sfImg).toBase64String()}`; }; setUserInfo = async () => { const baseOnClick = async (item, _, previewWebView) => { const data = await this.setBaseAlertInput(item.title, item.desc, { [item.val]: item.placeholder, }); if (!data) return; this.insertTextByElementId(previewWebView, item.name, data[item.val]); }; return this.renderAppView([ { title: "个性设置", menu: [ { icon: { name: "person", color: "#fa541c" }, name: this.userConfigKey[0], title: "首页头像", type: "img", val: this.baseImage, onClick: async (_, __, previewWebView) => { const options = ["相册选择", "在线链接", "取消"]; const message = "设置个性化头像"; const index = await this.generateAlert(message, options); if (index === 2) return; const cachePath = `${_.val}/${_.name}`; switch (index) { case 0: const albumOptions = ["选择图片", "清空图片", "取消"]; const albumIndex = await this.generateAlert("", albumOptions); if (albumIndex === 2) return; if (albumIndex === 1) { await this.htmlChangeImage(false, cachePath, { previewWebView, id: _.name, }); return; } const backImage = await this.chooseImg(); if (backImage) { await this.htmlChangeImage(backImage, cachePath, { previewWebView, id: _.name, }); } break; case 1: const data = await this.setBaseAlertInput( "在线链接", "首页头像在线链接", { avatar: "🔗请输入 URL 图片链接", } ); if (!data) return; if (data[_.name] !== "") { const backImage = await this.$request.get( data[_.name], "IMG" ); await this.htmlChangeImage(backImage, cachePath, { previewWebView, id: _.name, }); } else { await this.htmlChangeImage(false, cachePath, { previewWebView, id: _.name, }); } break; default: break; } }, }, { icon: { name: "pencil", color: "#fa8c16" }, type: "input", title: "首页昵称", desc: "个性化首页昵称", placeholder: "👤请输入头像昵称", val: this.userConfigKey[1], name: this.userConfigKey[1], defaultValue: this.baseSettings.nickname, onClick: baseOnClick, }, { icon: { name: "lineweight", color: "#a0d911" }, type: "input", title: "首页昵称描述", desc: "个性化首页昵称描述", placeholder: "请输入描述", val: this.userConfigKey[2], name: this.userConfigKey[2], defaultValue: this.baseSettings.homePageDesc, onClick: baseOnClick, }, ], }, { menu: [ { icon: { name: "shippingbox", color: "#f7bb10" }, type: "input", title: "BoxJS 域名", desc: "设置BoxJS访问域名，如：boxjs.net 或 boxjs.com", val: "boxjsDomain", name: "boxjsDomain", placeholder: "boxjs.net", defaultValue: this.baseSettings.boxjsDomain, onClick: baseOnClick, }, { icon: { name: "clear", color: "#f5222d" }, title: "恢复默认设置", name: "reset", onClick: async () => { const options = ["取消", "确定"]; const message = "确定要恢复当前所有配置吗？"; const index = await this.generateAlert(message, options); if (index === 1) { this.settings = {}; this.baseSettings = {}; this.FILE_MGR.remove(this.cacheImage); for (const item of this.cacheImageBgPath) { await this.setBackgroundImage(false, item, false); } this.saveSettings(false); this.saveBaseSettings(); await this.notify( "重置成功", "请关闭窗口之后，重新运行当前脚本" ); this.reopenScript(); } }, }, ], }, ]); }; htmlChangeImage = async (image, path, { previewWebView, id }) => { const base64Img = await this.setBackgroundImage(image, path, false); console.log(path); this.insertTextByElementId( previewWebView, id, base64Img ? `` : "" ); }; reopenScript = () => { Safari.open(`scriptable:///run/${encodeURIComponent(Script.name())}`); }; async renderAppView( options = [], renderAvatar = false, previewWebView = new WebView() ) { const settingItemFontSize = 14, authorNameFontSize = 20, authorDescFontSize = 12; // ================== 配置界面样式 =================== const style = ` :root { --color-primary: #007aff; --divider-color: rgba(60,60,67,0.16); --card-background: #fff; --card-radius: 8px; --list-header-color: rgba(60,60,67,0.6); } * { -webkit-user-select: none; user-select: none; } body { margin: 10px 0; -webkit-font-smoothing: antialiased; font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; accent-color: var(--color-primary); background: #f6f6f6; } .list { margin: 15px; } .list__header { margin: 0 18px; color: var(--list-header-color); font-size: 13px; } .list__body { margin-top: 10px; background: var(--card-background); border-radius: var(--card-radius); overflow: hidden; } .form-item-auth { display: flex; align-items: center; justify-content: space-between; min-height: 4em; padding: 0.5em 18px; position: relative; } .form-item-auth-name { margin: 0px 12px; font-size: ${authorNameFontSize}px; font-weight: 430; } .form-item-auth-desc { margin: 0px 12px; font-size: ${authorDescFontSize}px; font-weight: 400; } .form-label-author-avatar { width: 62px; height: 62px; border-radius:50%; border: 1px solid #F6D377; } .form-item, .form-item-switch { display: flex; align-items: center; justify-content: space-between; font-size: ${settingItemFontSize}px; font-weight: 400; min-height: 2.2em; padding: 0.5em 10px; position: relative; } label > * { pointer-events: none; } .form-label { display: flex; align-items: center; flex-wrap:nowrap } .form-label-img { height: 30px; } .form-label-title { margin-left: 8px; white-space: nowrap; } .bottom-bg { margin: 30px 15px 15px 15px; } .form-item--link .icon-arrow-right { color: #86868b; } .form-item-right-desc { font-size: 13px; color: #86868b; margin: 0 4px 0 auto; max-width: 130px; overflow: hidden; text-overflow: ellipsis; display:flex; align-items: center; } .form-item-right-desc img{ width:30px; height:30px; border-radius:3px; } .form-item + .form-item::before, .form-item + .form-item-switch::before, .form-item-switch + .form-item::before, .form-item-switch + .form-item-switch::before { content: ""; position: absolute; top: 0; left: 0; right: 0; border-top: 0.5px solid var(--divider-color); } .form-item input[type="checkbox"] { width: 2em; height: 2em; } input[type='input'],select,input[type='date'] { width: 100%; height: 2.3em; outline-style: none; text-align: right; padding: 0px 10px; border: 1px solid #ddd; font-size: 14px; color: #86868b; border-radius:4px; } input[type='checkbox'][role='switch'] { position: relative; display: inline-block; appearance: none; width: 40px; height: 24px; border-radius: 24px; background: #ccc; transition: 0.3s ease-in-out; } input[type='checkbox'][role='switch']::before { content: ''; position: absolute; left: 2px; top: 2px; width: 20px; height: 20px; border-radius: 50%; background: #fff; transition: 0.3s ease-in-out; } input[type='checkbox'][role='switch']:checked { background: var(--color-primary); } input[type='checkbox'][role='switch']:checked::before { transform: translateX(16px); } .copyright { display: flex; align-items: center; justify-content: space-between; margin: 15px; font-size: 10px; color: #86868b; } .copyright a { color: #515154; text-decoration: none; } .preview.loading { pointer-events: none; } .icon-loading { display: inline-block; animation: 1s linear infinite spin; } .normal-loading { display: inline-block; animation: 20s linear infinite spin; } @keyframes spin { 0% { transform: rotate(0); } 100% { transform: rotate(1turn); } } @media (prefers-color-scheme: dark) { :root { --divider-color: rgba(84,84,88,0.65); --card-background: #1c1c1e; --list-header-color: rgba(235,235,245,0.6); } body { background: #000; color: #fff; } }`; const js = ` (() => { window.invoke = (code, data) => { window.dispatchEvent( new CustomEvent( 'JBridge', { detail: { code, data } } ) ) } // 切换ico的loading效果 const toggleIcoLoading = (e) => { try{ const target = e.currentTarget target.classList.add('loading') const icon = e.currentTarget.querySelector('.iconfont') const className = icon.className icon.className = 'iconfont icon-loading' const listener = (event) => { const { code } = event.detail if (code === 'finishLoading') { target.classList.remove('loading') icon.className = className window.removeEventListener('JWeb', listener); } } window.addEventListener('JWeb', listener) }catch(e){ for (const loading of document.querySelectorAll('.icon-loading')) { loading.classList.remove('loading'); loading.className = "iconfont icon-arrow-right"; } } }; for (const btn of document.querySelectorAll('.form-item')) { btn.addEventListener('click', (e) => { if(!e.target.id)return; toggleIcoLoading(e); invoke(e.target.id); }) } for (const btn of document.querySelectorAll('.form-item__input')) { btn.addEventListener('change', (e) => { if(!e.target.name)return; invoke(e.target.name,e.target.type==="checkbox"?\`\${e.target.checked}\`: e.target.value); }) } if(${renderAvatar}){ document.querySelectorAll('.form-item-auth')[0].addEventListener('click', (e) => { toggleIcoLoading(e); invoke("userInfo"); }) } })()`; let configList = ``; let actionsConfig = []; for (const key in options) { const item = options[key]; actionsConfig = [...item.menu, ...actionsConfig]; configList += `
${item.title || ""}
`; for (const menuItem of item.menu) { let iconBase64 = ``; if (menuItem.children) { menuItem.onClick = () => { return this.renderAppView( typeof menuItem.children === "function" ? menuItem.children() : menuItem.children ); }; } if (menuItem.url) { const imageIcon = await this.http( { url: menuItem.url }, "IMG", () => { return this.drawTableIcon("gear"); } ); if (menuItem.url.indexOf("png") !== -1) { iconBase64 = `data:image/png;base64,${Data.fromPNG( imageIcon ).toBase64String()}`; } else { iconBase64 = `data:image/png;base64,${Data.fromJPEG( imageIcon ).toBase64String()}`; } } else { const icon = menuItem.icon || {}; iconBase64 = await this.loadSF2B64(icon.name, icon.color); } const idName = menuItem.name || menuItem.val; let defaultHtml = ``; if (idName !== undefined && !menuItem.defaultValue) menuItem.defaultValue = this.settings[idName] || ""; if (menuItem.type === "input") { defaultHtml = menuItem.defaultValue || ""; } else if (menuItem.type === "img") { const cachePath = `${menuItem.val}/${menuItem.name}`; if (await this.FILE_MGR.fileExistsExtra(cachePath)) { const imageSrc = `data:image/png;base64,${Data.fromFile( cachePath ).toBase64String()}`; defaultHtml = ``; } } else if (menuItem.type === "select") { let selectOptions = ""; menuItem.options.forEach((option) => { let selected = `selected="selected"`; selectOptions += ``; }); defaultHtml = ``; } else if (menuItem.type === "switch") { const checked = menuItem.defaultValue === "true" ? `checked="checked"` : ""; defaultHtml += ``; } else if (menuItem.type) { defaultHtml = ``; } let addLable = ""; if (menuItem.type === "switch" || menuItem.type === "checkbox") { addLable = `
`; } let avatarHtml = ""; if (renderAvatar) { const cachePath = `${this.baseImage}/${this.userConfigKey[0]}`; const avatarConfig = { avatar: `https://avatars.githubusercontent.com/u/23498579?v=4`, nickname: this.baseSettings[this.userConfigKey[1]] || "Dompling", homPageDesc: this.baseSettings[this.userConfigKey[2]] || "18岁，来自九仙山的设计师", }; if (await this.FILE_MGR.fileExistsExtra(cachePath)) { avatarConfig.avatar = `data:image/png;base64,${Data.fromFile( cachePath ).toBase64String()}`; } avatarHtml = `
`; } const html = ` ${avatarHtml} ${configList} `; // 预览web await previewWebView.loadHTML(html); const injectListener = async () => { const event = await previewWebView.evaluateJavaScript( `(() => { try { window.addEventListener( 'JBridge', (e)=>{ completion(JSON.stringify(e.detail||{})) } ) } catch (e) { alert("预览界面出错：" + e); throw new Error("界面处理出错: " + e); return; } })()`, true ); const { code, data } = JSON.parse(event); try { const actionItem = actionsConfig.find( (item) => (item.name || item.val) === code ); if (code === "userInfo") await this.setUserInfo(); if (actionItem) { const idName = actionItem?.name || actionItem?.val; if (actionItem?.onClick) { await actionItem?.onClick?.(actionItem, data, previewWebView); } else if (actionItem.type == "input") { if ( await this.setLightAndDark( actionItem["title"], actionItem["desc"], idName, actionItem["placeholder"] ) ) this.insertTextByElementId( previewWebView, idName, this.settings[idName] || "" ); } else if (actionItem.type === "img") { const cachePath = `${actionItem.val}/${actionItem.name}`; const options = ["相册选择", "清空图片", "取消"]; const message = "相册图片选择，请选择合适图片大小"; const index = await this.generateAlert(message, options); switch (index) { case 0: const backImage = await this.chooseImg(actionItem.verify); if (backImage) { const cachePath = `${actionItem.val}/${actionItem.name}`; await this.htmlChangeImage(backImage, cachePath, { previewWebView, id: idName, }); } break; case 1: await this.htmlChangeImage(false, cachePath, { previewWebView, id: idName, }); break; default: break; } } else { if (data !== undefined) { this.settings[idName] = data; this.saveSettings(false); } } } } catch (error) { console.log("异常操作：" + error); } this.dismissLoading(previewWebView); injectListener(); }; injectListener().catch((e) => { console.error(e); this.dismissLoading(previewWebView); if (!config.runsInApp) { this.notify("主界面", `🚫 ${e}`); } }); previewWebView.present(); } _init(widgetFamily = config.widgetFamily) { // 组件大小：small,medium,large this.widgetFamily = widgetFamily; //用于配置所有的组件相关设置 // 文件管理器 // 提示：缓存数据不要用这个操作，这个是操作源码目录的，缓存建议存放在local temp目录中 this.FILE_MGR = FileManager[ module.filename.includes("Documents/iCloud~") ? "iCloud" : "local" ](); this.FILE_MGR.fileExistsExtra = async (filePath) => { const file = this.FILE_MGR.fileExists(filePath); if (file) await this.FILE_MGR.downloadFileFromiCloud(filePath); return file; }; this.cacheImage = this.FILE_MGR.joinPath( this.FILE_MGR.documentsDirectory(), `/images/${Script.name()}` ); this.baseImage = this.FILE_MGR.joinPath( this.FILE_MGR.documentsDirectory(), `/images/` ); this.cacheImageBgPath = [ `${this.cacheImage}/transparentBg`, `${this.cacheImage}/dayBg`, `${this.cacheImage}/nightBg`, `${this.baseImage}/avatar`, ]; if (!this.FILE_MGR.fileExists(this.cacheImage)) { this.FILE_MGR.createDirectory(this.cacheImage, true); } // 本地，用于存储图片等 this.FILE_MGR_LOCAL = FileManager.local(); this.settings = this.getSettings(); this.baseSettings = this.getBaseSettings(); this.settings = { ...this.defaultSettings, ...this.settings }; this.settings.lightColor = this.settings.lightColor || "#000000"; this.settings.darkColor = this.settings.darkColor || "#ffffff"; this.settings.lightBgColor = this.settings.lightBgColor || "#ffffff"; this.settings.darkBgColor = this.settings.darkBgColor || "#000000"; this.settings.boxjsDomain = this.baseSettings.boxjsDomain || "boxjs.net"; this.settings.refreshAfterDate = this.settings.refreshAfterDate || "30"; this.settings.lightOpacity = this.settings.lightOpacity || "0.4"; this.settings.darkOpacity = this.settings.darkOpacity || "0.7"; this.prefix = this.settings.boxjsDomain; config.runsInApp && this.saveSettings(false); this.backGroundColor = Color.dynamic( new Color(this.settings.lightBgColor), new Color(this.settings.darkBgColor) ); // const lightBgColor = this.getColors(this.settings.lightBgColor); // const darkBgColor = this.getColors(this.settings.darkBgColor); // if (lightBgColor.length > 1 || darkBgColor.length > 1) { // this.backGroundColor = !Device.isUsingDarkAppearance() // ? this.getBackgroundColor(lightBgColor) // : this.getBackgroundColor(darkBgColor); // } else if (lightBgColor.length > 0 && darkBgColor.length > 0) { // this.backGroundColor = Color.dynamic( // new Color(this.settings.lightBgColor), // new Color(this.settings.darkBgColor) // ); // } this.widgetColor = Color.dynamic( new Color(this.settings.lightColor), new Color(this.settings.darkColor) ); } getColors = (color = "") => { const colors = typeof color === "string" ? color.split(",") : color; return colors; }; getBackgroundColor = (colors) => { const locations = []; const linearColor = new LinearGradient(); const cLen = colors.length; linearColor.colors = colors.map((item, index) => { locations.push(Math.floor(((index + 1) / cLen) * 100) / 100); return new Color(item, 1); }); linearColor.locations = locations; return linearColor; }; /** * 注册点击操作菜单 * @param {string} name 操作函数名 * @param {func} func 点击后执行的函数 */ registerAction(name, func, icon = { name: "gear", color: "#096dd9" }, type) { if (typeof name === "object" && !name.menu) return this._actions.push(name); if (typeof name === "object" && name.menu) return this._menuActions.push(name); const action = { name, type, title: name, onClick: func.bind(this), }; if (typeof icon === "string") { action.url = icon; } else { action.icon = icon; } this._actions.push(action); } /** * 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的数据 */ // prettier-ignore 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<>>9)<<4)]=t);for(var c=1732584193,f=-271733879,i=-1732584194,a=271733878,h=0;h>5]>>>e%32)&255);return t}function h(n){var t=[];for(t[(n.length>>2)-1]=void 0,e=0;e>5]|=(255&n.charCodeAt(e/8))<>>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} */ async generateAlert(message, options) { let alert = new Alert(); alert.message = message; for (const option of options) { alert.addAction(option); } return await alert.presentAlert(); } /** * 弹出一个通知 * @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) { if (!img) return; if (opacity === 0) return img; 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"])); return await ctx.getImage(); } /** * 获取当前插件的设置 * @param {boolean} json 是否为json格式 */ getSettings(json = true) { let res = json ? {} : ""; let cache = ""; 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; } getBaseSettings(json = true) { let res = json ? {} : ""; let cache = ""; if (Keychain.contains(this.BaseCacheKey)) { cache = Keychain.get(this.BaseCacheKey); } if (json) { try { res = JSON.parse(cache); } catch (e) {} } else { res = cache; } return res; } saveBaseSettings(res = {}, notify = true) { const data = { ...(this.baseSettings || {}), ...res }; this.baseSettings = data; Keychain.set(this.BaseCacheKey, JSON.stringify(data)); if (notify) this.notify("设置成功", "通用设置需重新运行脚本生效"); return data; } /** * 存储当前设置 * @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("设置成功", "桌面组件稍后将自动刷新"); return res; } /** * 获取当前插件是否有自定义背景图片 * @reutrn img | false */ async getBackgroundImage() { if (await this.FILE_MGR.fileExistsExtra(this.cacheImageBgPath[0])) return Image.fromFile(this.cacheImageBgPath[0]); if (!this.isNight) return (await this.FILE_MGR.fileExistsExtra(this.cacheImageBgPath[1])) ? Image.fromFile(this.cacheImageBgPath[1]) : undefined; else return (await this.FILE_MGR.fileExistsExtra(this.cacheImageBgPath[2])) ? Image.fromFile(this.cacheImageBgPath[2]) : undefined; } /** * 设置当前组件的背景图片 * @param {Image} img */ async setBackgroundImage(img, filePath = this.baseImage, notify = true) { const cacheKey = filePath; if (!img) { // 移除背景 if (this.FILE_MGR.fileExists(cacheKey)) this.FILE_MGR.remove(cacheKey); if (notify) this.notify("移除成功", "背景图片已移除，稍后刷新生效"); } else { // 设置背景 this.FILE_MGR.writeImage(cacheKey, img); if (notify) this.notify("设置成功", "背景图片已设置！稍后刷新生效"); return `data:image/png;base64,${Data.fromFile( cacheKey ).toBase64String()}`; } } getRandomArrayElements(arr, count) { let shuffled = arr.slice(0), i = arr.length, min = i - count, temp, index; min = min > 0 ? min : 0; while (i-- > min) { index = Math.floor((i + 1) * Math.random()); temp = shuffled[index]; shuffled[index] = shuffled[i]; shuffled[i] = temp; } return shuffled.slice(min); } textFormat = { defaultText: { size: 14, font: "regular", color: this.widgetColor }, battery: { size: 10, font: "bold", color: this.widgetColor }, title: { size: 16, font: "semibold", color: this.widgetColor }, SFMono: { size: 12, font: "SF Mono", color: this.widgetColor }, }; provideFont = (fontName, fontSize) => { const fontGenerator = { ultralight: function () { return Font.ultraLightSystemFont(fontSize); }, light: function () { return Font.lightSystemFont(fontSize); }, regular: function () { return Font.regularSystemFont(fontSize); }, medium: function () { return Font.mediumSystemFont(fontSize); }, semibold: function () { return Font.semiboldSystemFont(fontSize); }, bold: function () { return Font.boldSystemFont(fontSize); }, heavy: function () { return Font.heavySystemFont(fontSize); }, black: function () { return Font.blackSystemFont(fontSize); }, italic: function () { return Font.italicSystemFont(fontSize); }, }; const systemFont = fontGenerator[fontName]; if (systemFont) { return systemFont(); } return new Font(fontName, fontSize); }; provideText = (string, container, format) => { format = { font: "light", size: 14, color: this.widgetColor, opacity: 1, minimumScaleFactor: 1, ...format, }; const textItem = container.addText(string); const textFont = format.font; const textSize = format.size; const textColor = format.color; textItem.font = this.provideFont(textFont, textSize); textItem.textColor = textColor; textItem.textOpacity = format.opacity || 1; textItem.minimumScaleFactor = format.minimumScaleFactor || 1; return textItem; }; } // @base.end const Runing = async (Widget, default_args = "", isDebug = true, extra) => { let M = null; // 判断hash是否和当前设备匹配 if (config.runsInWidget) { M = new Widget(args.widgetParameter || ""); if (extra) { Object.keys(extra).forEach((key) => { M[key] = extra[key]; }); } const W = await M.render(); try { if (M.settings.refreshAfterDate) { const refreshTime = parseInt(M.settings.refreshAfterDate) * 1000 * 60; const timeStr = new Date().getTime() + refreshTime; W.refreshAfterDate = new Date(timeStr); } } catch (e) { console.log(e); } if (W) { Script.setWidget(W); Script.complete(); } } else { let { act, __arg, __size } = args.queryParameters; M = new Widget(__arg || default_args || ""); if (extra) { Object.keys(extra).forEach((key) => { M[key] = extra[key]; }); } if (__size) M._init(__size); if (!act || !M["_actions"]) { // 弹出选择菜单 const actions = M["_actions"]; const onClick = async (item) => { M.widgetFamily = item.val; try { M._init(item.val); } catch (error) { console.log("初始化异常:" + error); } w = await M.render(); const fnc = item.val .toLowerCase() .replace(/( |^)[a-z]/g, (L) => L.toUpperCase()); if (w) return w[`present${fnc}`](); }; const preview = [], lockView = []; if (M.renderSmall) { preview.push({ url: `https://raw.githubusercontent.com/dompling/Scriptable/master/images/small.png`, title: "小尺寸", val: "small", name: "small", dismissOnSelect: true, onClick, }); } if (M.renderMedium) { preview.push({ url: `https://raw.githubusercontent.com/dompling/Scriptable/master/images/medium.png`, title: "中尺寸", val: "medium", name: "medium", dismissOnSelect: true, onClick, }); } if (M.renderLarge) { preview.push({ url: `https://raw.githubusercontent.com/dompling/Scriptable/master/images/large.png`, title: "大尺寸", val: "large", name: "large", dismissOnSelect: true, onClick, }); } if (M.renderAccessoryInline) { lockView.push({ icon: { color: "#4676EE", name: "list.triangle", }, title: "锁屏列表", val: "accessoryInline", name: "accessoryInline", dismissOnSelect: true, onClick, }); } if (M.renderAccessoryRectangular) { lockView.push({ icon: { color: "#4676EE", name: "arrow.rectanglepath", }, title: "锁屏 2x", val: "accessoryRectangular", name: "accessoryRectangular", dismissOnSelect: true, onClick, }); } if (M.renderAccessoryCircular) { lockView.push({ icon: { color: "#4676EE", name: "circle.circle", }, title: "锁屏 1x", val: "accessoryCircular", name: "accessoryCircular", dismissOnSelect: true, onClick, }); } const menuConfig = [ ...(preview ? [{ title: "预览组件", menu: preview }] : []), ...(lockView.length ? [{ title: "锁屏组件", menu: lockView }] : []), ...M["_menuActions"], { title: "组件配置", menu: actions }, ]; await M.renderAppView(menuConfig, true); } } }; // await new DmYY().setWidgetConfig(); module.exports = { DmYY, Runing };