// Variables used by Scriptable.
// These must be at the very top of the file. Do not edit.
// icon-color: deep-purple; icon-glyph: image;
// The manority of this script is by u/mzeryck with parts from u/Sharn25 and u/corderjones
/*
- Change the widget settings and test out the widget in this section.
- ===================================================================
*/
/* – PREVIEW YOUR WIDGET – */
// Change to true to see a preview of your widget.
const testMode = true
// Optionally specify the size of your widget preview.
const widgetPreview = “large”
/* – GREETING AND DATE – */
// Optionally show a greeting based on the time of day.
const showGreeting = true
// Choose the date style. “iOS” matches the default calendar app (like: THURSDAY 29)
// Or, use docs.scriptable.app/dateformatter to write your own format.
const dateDisplay = “EEEE, MMMM d”
/– WEATHER –/
//Create your ID on openweathermap and get an API_KEY from there and update API_WEATHER
//Due to limitation with scriptable auto update location not possible. So get the city ID for your location.
//Use web address to get your location City ID —> https://gist.github.com/sharn25/3f62e1969d7eaec22bd6b5f923651a0d
//Get your city ID use link by putting your longitude, latitude and API_KEY —> http://api.openweathermap.org/data/2.5/weather?lat=19.034103202555187&lon=73.07745084021239&appid=API_KEY&units=metric
//Update CITY_WEATHER with City ID
// API Key and City Code
let API_WEATHER = “8a5a17066b395e5cf5d6584d727c515c”;//Load Your api here
let CITY_WEATHER = “5434370”;//add your city ID
//Get storage
var base_path = “/var/mobile/Library/Mobile Documents/iCloud~dk~simonbs~Scriptable/Documents/weather/”;
var fm = FileManager.iCloud();
// Fetch Image from Url
async function fetchimageurl(url) {
const request = new Request(url)
var res = await request.loadImage();
return res;
}
// Load image from local drive
async function fetchimagelocal(path){
var finalPath = base_path + path + “.png”;
if(fm.fileExists(finalPath)==true){
console.log("file exists: " + finalPath);
return finalPath;
}else{
//throw new Error("Error file not found: " + path);
if(fm.fileExists(base_path)==false){
console.log(“Directry not exist creating one.”);
fm.createDirectory(base_path);
}
console.log("Downloading file: " + finalPath);
await downloadimg(path);
if(fm.fileExists(finalPath)==true){
console.log("file exists after download: " + finalPath);
return finalPath;
}else{
throw new Error("Error file not found: " + path);
}
}
}
// Weather icons
async function downloadimg(path){
const url = “http://a.animedlweb.ga/weather/weathers25_2.json”;
const data = await fetchWeatherData(url);
var dataimg = null;
var name = null;
if(path.includes(“bg”)){
dataimg = data.background;
name = path.replace("_bg","");
}else{
dataimg = data.icon;
name = path.replace("_ico","");
}
var imgurl=null;
switch (name){
case “01d”:
imgurl = dataimg._01d;
break;
case “01n”:
imgurl = dataimg._01n;
break;
case “02d”:
imgurl = dataimg._02d;
break;
case “02n”:
imgurl = dataimg._02n;
break;
case “03d”:
imgurl = dataimg._03d;
break;
case “03n”:
imgurl = dataimg._03n;
break;
case “04d”:
imgurl = dataimg._04d;
break;
case “04n”:
imgurl = dataimg._04n;
break;
case “09d”:
imgurl = dataimg._09d;
break;
case “09n”:
imgurl = dataimg._09n;
break;
case “10d”:
imgurl = dataimg._10d;
break;
case “10n”:
imgurl = dataimg._10n;
break;
case “11d”:
imgurl = dataimg._11d;
break;
case “11n”:
imgurl = dataimg._11n;
break;
case “13d”:
imgurl = dataimg._13d;
break;
case “13n”:
imgurl = dataimg._13n;
break;
case “50d”:
imgurl = dataimg._50d;
break;
case “50n”:
imgurl = dataimg._50n;
break;
}
const image = await fetchimageurl(imgurl);
console.log(“Downloaded Image”);
fm.writeImage(base_path+path+".png",image);
}
//get Json weather
async function fetchWeatherData(url) {
const request = new Request(url);
const res = await request.loadJSON();
return res;
}
// Get Location
/Location.setAccuracyToBest();
let curLocation = await Location.current();
console.log(curLocation.latitude);
console.log(curLocation.longitude);/
// use “&units=imperial” for Farenheit or “&units=metric” for Celcius
let wetherurl = “http://api.openweathermap.org/data/2.5/weather?id=” + CITY_WEATHER + “&APPID=” + API_WEATHER + “&units=imperial”;
//“http://api.openweathermap.org/data/2.5/weather?lat=” + curLocation.latitude + “&lon=” + curLocation.longitude + “&appid=” + API_WEATHER + “&units=metric”;
//“http://api.openweathermap.org/data/2.5/weather?id=” + CITY_WEATHER + “&APPID=” + API_WEATHER + “&units=metric”
const weatherJSON = await fetchWeatherData(wetherurl);
const cityName = weatherJSON.name;
const weatherarry = weatherJSON.weather;
const iconData = weatherarry[0].icon;
const weathername = weatherarry[0].main;
const curTempObj = weatherJSON.main;
const curTemp = curTempObj.temp;
const highTemp = curTempObj.temp_max;
const lowTemp = curTempObj.temp_min;
const feel_like = curTempObj.feels_like;
//Completed loading weather data
/* – EVENTS – */
// Change to false to hide events.
const showEvents = true
// Choose whether to show all-day events.
const showAllDay = false
// Specify how many events to show.
const numberOfEvents = 3
// Optionally show tomorrow’s events.
const showTomorrow = true
// Write a message when there are no events, or change to “” for blank.
const noEventMessage = “Enjoy the rest of your day.”
/* – SPACING – */
// Can be top, middle, or bottom.
const verticalAlignment = “middle”
// Can be left, center, or right.
const horizontalAlignment = “center”
// The spacing between each element.
const elementSpacing = 12
/* – FONTS AND TEXT – */
// Use iosfonts.com, or change to “” for the system font.
const fontName = “”
// Find colors on htmlcolorcodes.com
const fontColor = new Color("#ffffff")
// Change the font sizes for each element.
const greetingSize = 28
const dateSize = 18
const dayOfWeekSize = 12
const eventTitleSize = 12
const eventTimeSize = 10
const noEventMessageSize = 10
/* – RESET YOUR WIDGET – */
// Change to true to reset the widget background.
const resetWidget = false
/*
- The code below this comment is the widget logic - a bit more complex.
- =====================================================================
*/
/* – GLOBAL VALUES – */
// Widgets are unique based on the name of the script.
const filename = Script.name() + “.jpg”
const files = FileManager.local()
const path = files.joinPath(files.documentsDirectory(), filename)
const fileExists = files.fileExists(path)
// Store other global values.
const date = new Date()
let widget = new ListWidget()
// If we’re in the widget or testing, build the widget.
if (config.runsInWidget || (testMode && fileExists && !resetWidget)) {
widget.backgroundImage = files.readImage(path)
if (verticalAlignment == “middle” || verticalAlignment == “bottom”) {
widget.addSpacer()
}
// Format the greeting if we need it.
if (showGreeting) {
let greetingText = makeGreeting()
let greeting = widget.addText(greetingText)
formatText(greeting, greetingSize)
widget.addSpacer(elementSpacing)
}
// Format the date info.
let df = new DateFormatter()
if (dateDisplay.toLowerCase() == “ios”) {
df.dateFormat = “EEEE”
let dayOfWeek = widget.addText(df.string(date).toUpperCase())
let dateNumber = widget.addText(date.getDate().toString())
formatText(dayOfWeek, dayOfWeekSize)
formatText(dateNumber, dateSize)
} else {
df.dateFormat = dateDisplay
let dateText = widget.addText(df.string(date))
formatText(dateText, dateSize)
}
//Spacing between date and summary
widget.addSpacer(10);
// Widget feel temp and summary
//Use “u\2103” to show degrees celcius and “u\2109” to show degrees farenheit
let feel = weathername + " today" + “.” + " It feels like " + Math.round(feel_like) + “\u00B0” + “;” + " the high will be " + Math.round(highTemp) + “\u00B0”;//“H:”+highTemp+"\u00B0"+" L:"+lowTemp+"\u00B0"
var hltemptext = widget.addText(feel);
hltemptext.textColor = fontColor;
hltemptext.font = Font.regularSystemFont(12);
hltemptext.centerAlignText();
hltemptext.textOpacity = (0.7);
//define horizontal stack
let hStack = widget.addStack();
hStack.layoutHorizontally();
hStack.centerAlignContent();
// Centers weather line
hStack.addSpacer(90)
//icon image
var img = Image.fromFile(await fetchimagelocal(iconData + “_ico”));
//image in stack
let widgetimg = hStack.addImage(img);
widgetimg.imageSize = new Size(40, 40);
widgetimg.centerAlignImage();
//tempeture label in stack
let temptext = hStack.addText(’\xa0\xa0’+ Math.round(curTemp).toString()+"\u00B0");
temptext.font = Font.regularSystemFont(40);
temptext.textColor = fontColor;
//temptext.textOpacity = (0.5);
temptext.centerAlignText();
// Add events if we’re supposed to.
if (showEvents) {
// Determine which events to show, and how many.
const todayEvents = await CalendarEvent.today([])
let shownEvents = 0
for (const event of todayEvents) {
if (shownEvents == numberOfEvents) {
break
}
if (shouldShowEvent(event)) {
displayEvent(widget, event)
shownEvents++
}
}
// If there's room and we need to, show tomorrow's events.
let multipleTomorrowEvents = false
if (showTomorrow && shownEvents < numberOfEvents) {
const tomorrowEvents = await CalendarEvent.tomorrow([])
for (const event of tomorrowEvents) {
if (shownEvents == numberOfEvents) {
break
}
if (shouldShowEvent(event)) {
// Add the tomorrow label prior to the first tomorrow event.
if (!multipleTomorrowEvents) {
widget.addSpacer(elementSpacing)
let tomorrowText = widget.addText("TOMORROW")
formatText(tomorrowText, eventTitleSize)
multipleTomorrowEvents = true
}
// Show the tomorrow event and increment the counter.
displayEvent(widget, event)
shownEvents++
}
}
}
// If there are no events and we have a message, display it.
if (shownEvents == 0 && noEventMessage != "" && noEventMessage != null) {
widget.addSpacer(elementSpacing)
let noEvents = widget.addText(noEventMessage)
formatText(noEvents, noEventMessageSize)
}
}
if (verticalAlignment == “top” || verticalAlignment == “middle”) {
widget.addSpacer()
}
Script.setWidget(widget)
if (testMode) {
let widgetSizeFormat = widgetPreview.toLowerCase()
if (widgetSizeFormat == “small”) { widget.presentSmall() }
if (widgetSizeFormat == “medium”) { widget.presentMedium() }
if (widgetSizeFormat == “large”) { widget.presentLarge() }
}
Script.complete()
// If we’re running normally, go to the calendar.
} else if (fileExists && !resetWidget) {
const appleDate = new Date(‘2001/01/01’)
const timestamp = (date.getTime() - appleDate.getTime()) / 1000
const callback = new CallbackURL(“calshow:” + timestamp)
callback.open()
Script.complete()
// If it’s the first time it’s running, set up the widget background.
} else {
// Determine if user has taken the screenshot.
var message
message = “Before you start, go to your home screen and enter wiggle mode. Scroll to the empty page on the far right and take a screenshot.”
let exitOptions = [“Continue”, “Exit to Take Screenshot”]
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 = “It looks like you selected an image that isn’t an iPhone screenshot, or your iPhone is not supported. Try again with a different image.”
await generateAlert(message, [“OK”])
return
}
// Prompt for widget size and position.
message = “What size of widget are you creating?”
let sizes = [“Small”, “Medium”, “Large”]
let size = await generateAlert(message, sizes)
let widgetSize = sizes[size]
message = “What position will it be in?”
message += (height == 1136 ? " (Note that your device only supports two rows of widgets, so the middle and bottom options are the same.)" : “”)
// Determine image crop based on phone size.
let crop = { w: “”, h: “”, x: “”, y: “” }
if (widgetSize == “Small”) {
crop.w = phone.small
crop.h = phone.small
let positions = [“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 = positions[position].toLowerCase().split(' ')
crop.y = phone[keys[0]]
crop.x = phone[keys[1]]
} else if (widgetSize == “Medium”) {
crop.w = phone.medium
crop.h = phone.small
// Medium and large widgets have a fixed x-value.
crop.x = phone.left
let positions = ["Top", "Middle", "Bottom"]
let position = await generateAlert(message, positions)
let key = positions[position].toLowerCase()
crop.y = phone[key]
} else if (widgetSize == “Large”) {
crop.w = phone.medium
crop.h = phone.large
crop.x = phone.left
let positions = [“Top”, “Bottom”]
let position = await 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.
let imgCrop = cropImage(img, new Rect(crop.x, crop.y, crop.w, crop.h))
files.writeImage(path, imgCrop)
message = “Your widget background is ready. If you haven’t already granted Calendar access, it will pop up next.”
await generateAlert(message, [“OK”])
// Make sure we have calendar access.
await CalendarEvent.today([])
Script.complete()
}
/*
- Helper functions
- ================
*/
// Return a greeting based on the time of day. Courtesy of riverwolf.
function makeGreeting() {
let greeting = "Good "
if (date.getHours() < 6) {
greeting = greeting + “Night”
} else if (date.getHours() < 12) {
greeting = greeting + “Morning”
} else if (date.getHours() < 17) {
greeting = greeting + “Afternoon”
} else if (date.getHours() < 21) {
greeting = greeting + “Evening”
} else {
greeting = greeting + “Night”
}
return greeting
}
// Determine if an event should be shown.
function shouldShowEvent(event) {
// Hack to remove canceled Office 365 events.
if (event.title.startsWith(“Canceled:”)) {
return false
}
// If it’s an all-day event, only show if the setting is active.
if (event.isAllDay) {
return showAllDay
}
// Otherwise, return the event if it’s in the future.
return (event.startDate.getTime() > date.getTime())
}
// Provide the specified font.
function provideFont(fontName, fontSize) {
if (fontName == “” || fontName == null) {
return Font.regularSystemFont(fontSize)
} else {
return new Font(fontName, fontSize)
}
}
// Add an event to the widget.
function displayEvent(widget, event) {
widget.addSpacer(elementSpacing)
let title = widget.addText(event.title)
formatText(title, eventTitleSize)
// If it’s an all-day event, we don’t need a time.
if (event.isAllDay) { return }
widget.addSpacer(7)
let time = widget.addText(formatTime(event.startDate))
formatText(time, eventTimeSize)
}
// Formats the times under each event.
function formatTime(date) {
let df = new DateFormatter()
df.useNoDateStyle()
df.useShortTimeStyle()
return df.string(date)
}
// Format text based on the settings.
function formatText(textItem, fontSize) {
textItem.font = provideFont(fontName, fontSize)
textItem.textColor = fontColor
if (horizontalAlignment == “right”) {
textItem.rightAlignText()
} else if (horizontalAlignment == “center”) {
textItem.centerAlignText()
} else {
textItem.centerAlignText()
}
}
// Determines if two dates occur on the same day
function sameDay(d1, d2) {
return d1.getFullYear() === d2.getFullYear() &&
d1.getMonth() === d2.getMonth() &&
d1.getDate() === d2.getDate()
}
// 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 = {
“2688”: {
“small”: 507,
“medium”: 1080,
“large”: 1137,
“left”: 81,
“right”: 654,
“top”: 228,
“middle”: 858,
“bottom”: 1488
},
"1792": {
"small": 338,
"medium": 720,
"large": 758,
"left": 54,
"right": 436,
"top": 160,
"middle": 580,
"bottom": 1000
},
"2436": {
"small": 465,
"medium": 987,
"large": 1035,
"left": 69,
"right": 591,
"top": 213,
"middle": 783,
"bottom": 1353
},
"2208": {
"small": 471,
"medium": 1044,
"large": 1071,
"left": 99,
"right": 672,
"top": 114,
"middle": 696,
"bottom": 1278
},
"1334": {
"small": 296,
"medium": 642,
"large": 648,
"left": 54,
"right": 400,
"top": 60,
"middle": 412,
"bottom": 764
},
"1136": {
"small": 282,
"medium": 584,
"large": 622,
"left": 30,
"right": 332,
"top": 59,
"middle": 399,
"bottom": 399
},
"1624": {
"small": 310,
"medium": 658,
"large": 690,
"left": 46,
"right": 394,
"top": 142,
"middle": 522,
"bottom": 902
}
}
return phones
}
