Test

const DEBUG = false

const lerp = (x, y, a) => x * (1 - a) + y * a;
const clamp = (a, min = 0, max = 1) => Math.min(max, Math.max(min, a));
const invlerp = (x, y, a) => clamp((a - x) / (y - x));
const range = (x1, y1, x2, y2, a) => lerp(x2, y2, invlerp(x1, y1, a));

function formatText(text, font) {
    text.textColor = new Color('#ffffff')
    text.centerAlignText()
    text.font = font
}

async function showAlert(title, message, options) {
    let alert = new Alert()
    alert.title = title
    alert.message = message
    options.forEach(option => {
        alert.addAction(option)
    })
    return await alert.presentAlert()
}

const igWidget = {

    initialize(iCloudInUse = true) {
        this.username = args.widgetParameter || 'unsplash'
        this.fm = iCloudInUse ? FileManager.iCloud() : FileManager.local()
        this.root = this.fm.documentsDirectory() + '/IGWidget'
        this.cachePath = this.root + '/cache.json'
        this.profileCachePath = this.root + `/Profiles/${this.username}.cache`
        this.logPath = this.root + `/Logs/${this.username}.log`
        this.user = {}
        this.sessionid = ''
    },

    async authorize() {
        let url = 'https://instagram.com/'
        let req = new Request(url)
        await req.load()
        let result = {}
        req.response.cookies.forEach(cookie => {
            if (cookie.name == 'sessionid') {result.sessionid = cookie.value; result.expiresDate = cookie.expiresDate}
        })
        if (! result.sessionid) {
            if (config.runsInWidget) {throw 'You have to run this script inside the app first'}
            await showAlert('Instagram login', 'You will have to login to instagram', ['Continue'])
            let webview = new WebView()
            await webview.loadURL(url)
            await webview.present(false)
            return await this.authorize()
        } else {
            await this.writeJSONTo(result, this.cachePath)
            this.sessionid = result.sessionid
            return result
        }
    },

    async logout() {
        let req = new Request('https://www.instagram.com/accounts/logout')
        await req.load()
        if (this.fm.fileExists(this.cachePath)) {await this.fm.remove(this.cachePath)}
    },

    async fetchData() {
        const url = `https://www.instagram.com/${this.username}/?__a=1`
        let req = new Request(url)
        req.headers = {
            'Cookie': `sessionid=${this.sessionid}`
        }
        try {
            var response = await req.loadJSON()
        } catch (Error) {
            throw "Something went wrong. Try deleting the cache."
        }
        response.graphql.user.last_updated = Date.now()
        this.user = response.graphql.user
        await this.writeJSONTo(this.user, this.profileCachePath)
        await this.logData()
        return this.user
    },

    getProfileInfo() {
        let result = {
            fbid: this.user.fbid,
            id: this.user.id,
            name: this.user.full_name,
            username: this.user.username,
            media_count: this.user.edge_owner_to_timeline_media.count,
            followers: this.user.edge_followed_by.count,
            following: this.user.edge_follow.count,
            profile_pic_url: this.user.profile_pic_url_hd || this.user.profile_pic_url
        }
        return result
    },

    getMediaData() {
        let result = {
            imageData: this.user.edge_owner_to_timeline_media.edges
        }
        return result
    },

    async getJSONFrom(path) {
        if (this.fm.fileExists(path)) {
            if (! this.fm.isFileDownloaded(path)) {await this.fm.downloadFileFromiCloud(path)}
            let result = await this.fm.read(path)
            if (! result || ! result.toRawString()) return undefined
            else return JSON.parse(result.toRawString())
        }
        return undefined
    },

    async writeJSONTo(json, path) {
        let filename = this.fm.fileName(path, true)
        let s = path.split('/')
        s.pop()
        let dir = s.join('/')
        if (! this.fm.isDirectory(dir)) {
            this.fm.createDirectory(dir, true)
        }
        await this.fm.writeString(path, JSON.stringify(json))
    },

    async logData() {
        let data = this.getProfileInfo()
        let logTime = String(Date.now())
        let log = await this.getJSONFrom(this.logPath)
        log = (log == undefined) ? {} : log
        log[logTime] = {
            followers: data.followers,
            following: data.following,
            media_count: data.media_count
        }
        let s = this.logPath.split('/')
        s.pop()
        let dir = s.join('/')
        if (!this.fm.isDirectory(dir)) {await this.fm.createDirectory(dir, true)}
        await this.fm.writeString(this.logPath, JSON.stringify(log))
    },

    async showJSON() {
        let table = new UITable()
        for (let key in this.user) {
            //console.log(`${key}: ${this.user[key]}`)
            let row = new UITableRow()
            let valueText = row.addText(String(this.user[key]), String(key))
            table.addRow(row)
        }
        table.showSeparators = true
        await table.present(false)
    },

    async createDebugWidget() {
        let user = this.getProfileInfo()
        let widget = new ListWidget()
        var stack = widget.addStack()
        var text = widget.addText(JSON.stringify(user))
        text.font = Font.regularRoundedSystemFont(5)
        return widget
    },

    async createSmallWidget() {
        let user = this.getProfileInfo()
        let widget = new ListWidget()
        widget.setPadding(13, 0, 13, 0) // top, leading, bottom, trailing
        var widgetRows = widget.addStack()
        widgetRows.layoutVertically()
        widgetRows.url = `https://www.instagram.com/${this.username}`

        // gackground gradient
        var gradient = new LinearGradient()
        gradient.colors = [new Color('#8134AF'), new Color('#DD2A7B'), new Color('#FEDA77')]
        gradient.locations = [0.0,0.5,1.0]
        gradient.startPoint = new Point(1,0)
        gradient.endPoint
        widget.backgroundGradient = gradient

        // username
        var usernameRow = widgetRows.addStack()
        usernameRow.url = `https://www.instagram.com/${this.username}`
        usernameRow.layoutHorizontally()
        usernameRow.addSpacer()
        if (user.profile_pic_url) {
            var req = new Request(user.profile_pic_url)
            var img = await req.loadImage()
            var image = usernameRow.addImage(img)
            image.imageSize = new Size(24, 24)
            image.cornerRadius = 12
            usernameRow.addSpacer(3)
        }
        var usernameText = usernameRow.addText(`${this.username}`)
        formatText(usernameText, Font.semiboldRoundedSystemFont(12))
        usernameRow.addSpacer()
        usernameRow.setPadding(0, 0, 15, 0)
        usernameRow.centerAlignContent()

        // followers
        var followerCountRow = widgetRows.addStack()
        followerCountRow.layoutHorizontally()
        followerCountRow.addSpacer()
        var followerCount = followerCountRow.addText(`${user.followers}`)
        formatText(followerCount, Font.heavyRoundedSystemFont(20))
        followerCountRow.addSpacer()
        followerCountRow.setPadding(0, 0, -3, 0)
        var followerTextRow = widgetRows.addStack()
        followerTextRow.layoutHorizontally()
        followerTextRow.addSpacer()
        var followerText = followerTextRow.addText('Followers')
        formatText(followerText, Font.regularRoundedSystemFont(8))
        followerTextRow.addSpacer()
        followerTextRow.setPadding(0, 0, 15, 0)

        // media count
        var mediaCountRow = widgetRows.addStack()
        mediaCountRow.layoutHorizontally()
        mediaCountRow.addSpacer()
        var mediaCount = mediaCountRow.addText(`${user.media_count}`)
        formatText(mediaCount, Font.heavyRoundedSystemFont(20))
        mediaCountRow.addSpacer()
        mediaCountRow.setPadding(0, 0, -3, 0)
        var mediaTextRow = widgetRows.addStack()
        mediaTextRow.layoutHorizontally()
        mediaTextRow.addSpacer()
        var mediaText = mediaTextRow.addText('Pictures')
        formatText(mediaText, Font.regularRoundedSystemFont(8))
        mediaTextRow.addSpacer()

        widget.addSpacer() // push everything up
        return widget
    },

    async createMediumWidget() {
        let widget = new ListWidget()
        var data = this.getMediaData()
        var imageCount = data.imageData.length
        //console.log(imageCount)
        var randomImages = []
        var usedIndices = []
        for (i=0; i < 3; i++) {
            do {
                var randomIndex = Math.floor(Math.random() * data.imageData.length)
            } while (usedIndices.includes(randomIndex) && imageCount > 0)
            var datum = data.imageData[randomIndex].node
            var url = (datum.__typename == "GraphVideo") ? datum.thumbnail_src : datum.display_url
            //console.log(url)
            var req = new Request(url)
            req.headers = {
                'Cookie': `sessionid=${this.session}`
            }
            var image = await req.loadImage()
            imageCount--
            usedIndices.push(randomIndex)
            randomImages.push(image)
        }

        widget.addSpacer()
        var imagesRow = widget.addStack()
        imagesRow.layoutHorizontally()
        imagesRow.addSpacer()
        let square = (Device.screenSize().height < Device.screenSize().width) ? Device.screenSize().height : Device.screenSize().width
        square = square/4
        for (i=0; i < randomImages.length; i++) {
            var rect = imagesRow.addStack()
            rect.size = new Size (square,square)
            var wImage = rect.addImage(randomImages[i])
            wImage.applyFillingContentMode()
            if (i != randomImages.length - 1) {imagesRow.addSpacer()}
            //wImage.imageSize = new Size(100,100)
        }
        imagesRow.addSpacer()
        widget.addSpacer()
        return widget
    },

    async createLargeWidget() {
        let user = this.getProfileInfo()
        var widget = new ListWidget()
        widget.setPadding(13, 0, 13, 0) // top, leading, bottom, trailing
        var widgetRows = widget.addStack()
        widgetRows.layoutVertically()

        // username
        var usernameRow = widgetRows.addStack()
        usernameRow.layoutHorizontally()
        usernameRow.addSpacer()
        if (user.profile_pic_url) {
            var req = new Request(user.profile_pic_url)
            var img = await req.loadImage()
            var image = usernameRow.addImage(img)
            image.imageSize = new Size(24, 24)
            image.cornerRadius = 12
            usernameRow.addSpacer(3)
        }
        var usernameText = usernameRow.addText(`${user.username}`)
        usernameText.font = Font.boldRoundedSystemFont(12)
        usernameRow.addSpacer()
        usernameRow.setPadding(0, 0, 15, 0)
        usernameRow.centerAlignContent()

        var log = await this.getJSONFrom(this.logPath)
        var xs = []
        var ys = []
        for (let entry in log) {
            if (entry >= Date.now() - 24*60*60*1000) {
                xs.push(parseInt(entry))
                ys.push(log[entry].followers)
            }
        }
        var maxX = Math.max(...xs)
        var minX = Math.min(...xs)
        var maxY = Math.max(...ys)
        var minY = Math.min(...ys)

        for (i=0; i < xs.length; i++) { // xs & ys are same length
            xs[i] = range(minX, maxX, 1, 199, xs[i])
            ys[i] = (minY == maxY) ? 100 : range(minY, maxY, 199, 1, ys[i])
        }
        var points = []
        for (i=0; i < xs.length ; i++) { // xs & ys still same length
            let p = new Point(xs[i],ys[i])
            points.push(p)
        }

        var graphRow = widget.addStack()
        graphRow.layoutHorizontally()
        graphRow.addSpacer()
        var drawing = new DrawContext()
        drawing.opaque = false
        drawing.respectScreenScale = true
        var graph = new Path()
        graph.addLines(points)
        drawing.addPath(graph)
        drawing.setStrokeColor(new Color('#0000ff'))
        drawing.setLineWidth(0.5)
        drawing.strokePath()
        var path = new Path()
        path.addLines([new Point(0,0), new Point(0,200), new Point(200,200)])
        drawing.addPath(path)
        var blackWhite = Color.dynamic(new Color('#000000'), new Color('#ffffff'))
        drawing.setLineWidth(1)
        drawing.setStrokeColor(blackWhite)
        drawing.strokePath()
        var img = drawing.getImage()
        var graph = graphRow.addImage(img)
        graphRow.addSpacer()

        widget.addSpacer()

        return widget
    }
}

igWidget.initialize(true)

var sessionCache = await igWidget.getJSONFrom(igWidget.cachePath)
if (! sessionCache || new Date() >= new Date(sessionCache.expiresDate)) { console.log('Refreshing session cache'); sessionCache = await igWidget.authorize() }
igWidget.sessionid = sessionCache.sessionid

var userCache = await igWidget.getJSONFrom(igWidget.profileCachePath)
if (!userCache || new Date() >= new Date(userCache.last_updated + 60*60*1000)) { console.log('Refreshing user cache'); userCache = await igWidget.fetchData() }
igWidget.user = userCache

if (config.runsInApp) {
    var w = await igWidget.createMediumWidget()
    await w.presentMedium()
} else if (config.runsInWidget) {
    switch (config.widgetFamily) {
        case 'small':
            var w = await igWidget.createSmallWidget()
            break
        case 'medium':
            var w = await igWidget.createMediumWidget()
            break
        case 'large':
            var w = await igWidget.createLargeWidget()
            break
    }
    Script.setWidget(w)
}