TG_Sticker.js

// Variables used by Scriptable.
// These must be at the very top of the file. Do not edit.
// icon-color: orange; icon-glyph: magic;

//可从该网站选择自己喜欢的贴纸：https://telegramchannels.me/stickers?category=all&sort=rating
// 例如：https://telegramchannels.me/stickers/s-getswifty ，则填入stickersName中的名称为getswifty，
// 以下为个人比较喜欢的贴纸
// 搞怪名画:  riposte  ,  paintingsplace
// Rick and Morty : getswifty
// 欧美小姐姐 : feelourlove 
// 辛普森一家 ： Bart
const stickersName = "feelourlove"

const previewSize = "Small"

// 是否需要更换背景
const changePicBg = false

// 是否是纯色背景
const colorMode = false

// 小组件背景色
const bgColor = new Color("000000")

// 默认字体
const defaultFont = Font.systemFont(18)

// 默认字体颜色
const defaultTextColor = new Color("#ffffff")

// 刷新间隔，单位分钟，非精准，会有3-5分钟差距
const refreshInterval = 2

// 内容区左右边距
const padding = {
    top: 0,
    left: 0,
    bottom: 0,
    right: 0
}

// 标题样式定义
let textStyle = {
    stack: undefined, // 加入到哪个内容栈显示
    marginStart: 0, // 开始距离，水平方向的就是左边距离，垂直方向的就是顶部距离
    marginEnd: 0, // 结束距离，水平方向的就是右边距离，垂直方向的就是底部距离
    text: "", // 显示的文字
    width: 0, // 宽
    height: 0, // 长
    lineLimit: 0, // 行数控制，0是全部展示
    font: undefined, // 字体
    textColor: defaultTextColor, // 文字颜色
}

// 图片样式定义
let imgStyle = {
    stack: undefined, // 加入到哪个内容栈显示
    marginStart: 0, // 开始距离，水平方向的就是左边距离，垂直方向的就是顶部距离
    marginEnd: 0, // 结束距离，水平方向的就是右边距离，垂直方向的就是底部距离
    img: undefined, // 图片资源
    width: 0, // 宽
    height: 0, // 长
    tintColor: undefined, // 图片渲染颜色
}
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////





//////////////////////////////////////
// 组件Start
const filename = `${Script.name()}.jpg`
const files = FileManager.local()
const path = files.joinPath(files.documentsDirectory(), filename)
const widget = new ListWidget()
const contentStack = widget.addStack()
//////////////////////////////////////



/*
****************************************************************************
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
下面添加你自己的组件内容/逻辑
****************************************************************************
*/

// // 图片链接
// const pokemonStickerNum = 13183;
const stickerStartNum = 1;
const stickerSum = await getNum();
let randomStickerNum = parseInt(stickerStartNum + Math.random() * stickerSum).toString();
let imgUrl = "https://telegramchannels.me/storage/stickers/" + stickersName +"/big_" + stickersName + "_" + randomStickerNum +".png";

if(imgUrl == undefined) {
    imgUrl = "https://raw.githubusercontent.com/JadaGates/StickerOnScreen/main/Stickers/Sticker_1164.png"
}
let img = await getImage(imgUrl)
imgStyle.stack = contentStack
imgStyle.width = 170
imgStyle.height = 170
imgStyle.img = img
addStyleImg()

async function getNum() {
   
let response = undefined
try {
    const request = new Request("https://telegramchannels.me/stickers/s-" + stickersName +"/")
    const defaultHeaders = {
        "user-agent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.67 Safari/537.36"
    }
    request.method = 'GET'
    request.headers = defaultHeaders
    const html = await request.loadString()
let webview = new WebView()
await webview.loadHTML(html)
var getData = `
             function getData() {
                    try {
                        imgnum = document.getElementsByClassName('subtitle is-6')[0].textContent.replace(/[^0-9]/ig,"");                
                        }
                    catch {
                         imgnum     
                    }
                    return imgnum
                }            
                getData()
            `

response = await webview.evaluateJavaScript(getData, false)
} catch (e) {
console.error(`请求出错：${e}`)
}

return response
}
/*
****************************************************************************
上面添加你自己的组件内容/逻辑
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
****************************************************************************
*/


/*
****************************************************************************
* 这里是图片逻辑，不用修改
****************************************************************************
*/

if (!colorMode && !config.runsInWidget && changePicBg) {
    const okTips = "您的小部件背景已准备就绪"
    let message = "图片模式支持相册照片&背景透明"
    let options = ["图片选择", "透明背景"]
    let isTransparentMode = await generateAlert(message, options)
    if (!isTransparentMode) {
        let img = await Photos.fromLibrary()
        message = okTips
        const resultOptions = ["好的"]
        await generateAlert(message, resultOptions)
        files.writeImage(path, img)
    } else {
        message = "以下是【透明背景】生成步骤，如果你没有屏幕截图请退出，并返回主屏幕长按进入编辑模式。滑动到最右边的空白页截图。然后重新运行！"
        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 = "您似乎选择了非iPhone屏幕截图的图像，或者不支持您的iPhone。请使用其他图像再试一次!"
            await generateAlert(message, ["好的！我现在去截图"])
            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.小号
            crop.h = phone.小号
            let positions = ["顶部 左边", "顶部 右边", "中间 左边", "中间 右边", "底部 左边", "底部 右边"]
            let position = await generateAlert(message, positions)

            // Convert the two words into two keys for the phone size dictionary.
            let keys = positions[position].split(' ')
            crop.y = phone[keys[0]]
            crop.x = phone[keys[1]]

        } else if (widgetSize == "中号") {
            crop.w = phone.中号
            crop.h = phone.小号

            // 中号 and 大号 widgets have a fixed x-value.
            crop.x = phone.左边
            let positions = ["顶部", "中间", "底部"]
            let position = await generateAlert(message, positions)
            let key = positions[position].toLowerCase()
            crop.y = phone[key]

        } else if (widgetSize == "大号") {
            crop.w = phone.中号
            crop.h = phone.大号
            crop.x = phone.左边
            let positions = ["顶部", "底部"]
            let position = await generateAlert(message, positions)

            // 大号 widgets at the 底部 have the "中间" y-value.
            crop.y = position ? phone.中间 : phone.顶部
        }

        // Crop image and finalize the widget.
        let imgCrop = cropImage(img, new Rect(crop.x, crop.y, crop.w, crop.h))

        message = "您的小部件背景已准备就绪，退出到桌面预览。"
        const resultOptions = ["好的"]
        await generateAlert(message, resultOptions)
        files.writeImage(path, imgCrop)
    }

}


//////////////////////////////////////
// 组件End
if (refreshInterval > 0) {
    widget.refreshAfterDate = new Date(new Date() + 1000*60*refreshInterval)
}
// 设置小组件的背景
if (colorMode) {
    widget.backgroundColor = bgColor
} else {
    widget.backgroundImage = files.readImage(path)
}
// 设置边距(上，左，下，右)
widget.setPadding(padding.top, padding.left, padding.bottom, padding.right)
// 设置组件
Script.setWidget(widget)
// 完成脚本
Script.complete()
// 预览
if (previewSize == "Large") {
    widget.presentLarge()
} else if (previewSize == "Medium") {
    widget.presentMedium()
} else {
    widget.presentSmall()
}
//////////////////////////////////////

/*
****************************************************************************
* 重置文本样式
****************************************************************************
*/
function resetTextStyle() {
    textStyle.stack = undefined // 加入到哪个内容栈显示
    textStyle.marginStart = 0
    textStyle.marginEnd = 0
    textStyle.text = "" // 显示的文字
    textStyle.width = 0 // 宽
    textStyle.height = 0 // 长
    textStyle.lineLimit = 0 // 行数控制，0是全部展示
    textStyle.font = undefined // 字体
    textStyle.textColor = defaultTextColor // 文字颜色
}

/*
****************************************************************************
* 重置图片样式
****************************************************************************
*/
function resetImgStyle() {
    imgStyle.stack = undefined // 加入到哪个内容栈显示
    textStyle.marginStart = 0
    textStyle.marginEnd = 0
    imgStyle.img = undefined // 图片资源
    imgStyle.width = 0 // 宽
    imgStyle.height = 0 // 长
    imgStyle.tintColor = undefined // 图片渲染颜色
}

/*
****************************************************************************
* 添加一行文本数据进行显示
****************************************************************************
*/
function addStyleText() {
    const contentStack = textStyle.stack
    if (contentStack == undefined) {
        return
    }

    const marginStart = textStyle.marginStart
    if (marginStart != undefined && marginStart != 0) {
        contentStack.addSpacer(marginStart)
    }

    const textSpan = contentStack.addText(`${textStyle.text}`)
    contentStack.size = new Size(textStyle.width, textStyle.height)
    textSpan.lineLimit = textStyle.lineLimit
    textSpan.font = textStyle.font
    textSpan.textColor = textStyle.textColor

    const marginEnd = textStyle.marginEnd
    if (marginStart != undefined && marginStart != 0) {
        contentStack.addSpacer(marginEnd)
    }

    // 重置样式
    resetTextStyle()
}

/*
****************************************************************************
* 添加图片进行显示
****************************************************************************
*/
function addStyleImg() {
    const contentStack = imgStyle.stack
    if (contentStack == undefined) {
        return
    }

    const marginStart = textStyle.marginStart
    if (marginStart != undefined && marginStart != 0) {
        contentStack.addSpacer(marginStart)
    }

    const imgSpan = contentStack.addImage(imgStyle.img)
    imgSpan.imageSize = new Size(imgStyle.width, imgStyle.height)
    const tintColor = imgStyle.tintColor
    if (tintColor != undefined) {
        imgSpan.tintColor = tintColor
    }

    const marginEnd = textStyle.marginEnd
    if (marginStart != undefined && marginStart != 0) {
        contentStack.addSpacer(marginEnd)
    }

    // 重置样式
    resetImgStyle()
}

/*
****************************************************************************
* 右对齐，水平方向排列
****************************************************************************
*/
function alignRightStack(alignmentStack, marginRight) {
    let contentStack = alignmentStack.addStack()
    contentStack.layoutHorizontally()
    contentStack.addSpacer()

    let returnStack = contentStack.addStack()

    // 添加右边距
    if (marginRight != undefined && marginRight != 0) {
        contentStack.addSpacer(marginRight)
    }

    return returnStack
}


/*
****************************************************************************
* 左对齐，水平方向排列
****************************************************************************
*/
function alignLeftStack(alignmentStack, marginLeft) {
    let contentStack = alignmentStack.addStack()
    contentStack.layoutHorizontally()

    let returnStack = contentStack.addStack()
    returnStack.layoutHorizontally()

    // 添加左边距
    if (marginLeft != undefined && marginLeft != 0) {
        returnStack.addSpacer(marginLeft)
    }

    contentStack.addSpacer()
    return returnStack
}

/*
****************************************************************************
* 上对齐，垂直方向排列
****************************************************************************
*/
function alignTopStack(alignmentStack, marginTop) {
    let contentStack = alignmentStack.addStack()
    contentStack.layoutVertically()

    // 添加左边距
    if (marginTop != undefined && marginTop != 0) {
        contentStack.addSpacer(marginTop)
    }

    let returnStack = contentStack.addStack()
    returnStack.layoutVertically()

    contentStack.addSpacer()
    return returnStack
}


/*
****************************************************************************
* 下对齐，垂直方向排列
****************************************************************************
*/
function alignBottomStack(alignmentStack, marginBottom) {
    let contentStack = alignmentStack.addStack()
    contentStack.layoutVertically()
    contentStack.addSpacer()

    let returnStack = contentStack.addStack()

    // 添加下边距
    if (marginBottom != undefined && marginBottom != 0) {
        contentStack.addSpacer(marginBottom)
    }

    return returnStack
}

/*
****************************************************************************
* 水平居中
****************************************************************************
*/
function alignHorizontallyCenterStack(alignmentStack) {
    let returnStack = alignmentStack.addStack()
    returnStack.layoutHorizontally()
    returnStack.centerAlignContent()
    return returnStack
}


/*
****************************************************************************
* 垂直居中
****************************************************************************
*/
function alignVerticallyCenterStack(alignmentStack) {
    let returnStack = alignmentStack.addStack()
    returnStack.layoutVertically()
    returnStack.centerAlignContent()
    return returnStack
}


/*
****************************************************************************
* 网络请求get封装
****************************************************************************
*/
async function getJson(url) {
    const request = new Request(url)
    const defaultHeaders = {
        "Accept": "*/*",
        "Content-Type": "application/json"
    }

    request.url = url
    request.method = 'GET'
    request.headers = defaultHeaders

    const data = await request.loadJSON()

    return data
}


/*
****************************************************************************
* 网络请求获取图片
****************************************************************************
*/
async function getImage(url) {
    const request = new Request(url)
    const data = await request.loadImage()
    return data
}


/*
****************************************************************************
* 图片裁剪相关
****************************************************************************
*/
// 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()
}

// Pixel sizes and positions for widgets on all supported phones.
function phoneSizes() {
    let phones = {
        "2340": { // 12mini
            "小号": 436,
            "中号": 936,
            "大号": 980,
            "左边": 72,
            "右边": 570,
            "顶部": 212,
            "中间": 756,
            "底部": 1300,
        },

        "2532": { // 12/12 Pro
            "小号": 472,
            "中号": 1012,
            "大号": 1058,
            "左边": 78,
            "右边": 618,
            "顶部": 230,
            "中间": 818,
            "底部": 1408,
        },

        "2778": { // 12 Pro Max
            "小号": 518,
            "中号": 1114,
            "大号": 1162,
            "左边": 86,
            "右边": 678,
            "顶部": 252,
            "中间": 898,
            "底部": 1544,
        },

        "2688": {
            "小号": 507,
            "中号": 1080,
            "大号": 1137,
            "左边": 81,
            "右边": 654,
            "顶部": 228,
            "中间": 858,
            "底部": 1488
        },

        "1792": {
            "小号": 338,
            "中号": 720,
            "大号": 758,
            "左边": 54,
            "右边": 436,
            "顶部": 160,
            "中间": 580,
            "底部": 1000
        },

        "2436": {
            "小号": 465,
            "中号": 987,
            "大号": 1035,
            "左边": 69,
            "右边": 591,
            "顶部": 213,
            "中间": 783,
            "底部": 1353
        },

        "2208": {
            "小号": 471,
            "中号": 1044,
            "大号": 1071,
            "左边": 99,
            "右边": 672,
            "顶部": 114,
            "中间": 696,
            "底部": 1278
        },

        "1334": {
            "小号": 296,
            "中号": 642,
            "大号": 648,
            "左边": 54,
            "右边": 400,
            "顶部": 60,
            "中间": 412,
            "底部": 764
        },

        "1136": {
            "小号": 282,
            "中号": 584,
            "大号": 622,
            "左边": 30,
            "右边": 332,
            "顶部": 59,
            "中间": 399,
            "底部": 399
        }
    }
    return phones
}


/*
****************************************************************************
****************************************************************************
****************************************************************************
*/



//version:1.0.0