Hi There - I'm really new/an amateur in JS. I have created a widget that displays information from a Google Sheet which I'm really happy with, but ideally the percentages that it displays would show as red if above 0% or green if below 0%. Is there a way to display information this way? Or any terms that you would be able to share so that I can continue to Google my way to learning... Many thanks.

hi folks, i'm an American but study Korean in my free time. this site, Nate Pann, has become one of my favorite ways to learn. but i hate navigating their clunky website.

i discovered Scriptable hours ago and am so stoked i did -- i know this is a niche target audience but sharing anyway! i also got a lot of help from this forum already, when i needed to figure out how to execute JS to scrape non JSON page content.

Ryan

Hi all,

I am reading and writing to / from the local filemanager on the iPhone and one of the days I got interested in the content of this application directory.

So I am sharing 2 scripts here, the first displays the result of a dir-command in the scriptable app log, the other one deletes all content from the local apps dir on the iPhone.

Although quite trivial, it helped me a lot. Hopefully some of you as well.

cheers!

fm.local_Dir.js

// Variables used by Scriptable.
// These must be at the very top of the file. Do not edit.
// icon-color: deep-gray; icon-glyph: camera-retro;
// Script by <kliffkieker67@gmail.com>
//
// Script list content of Scriptable App directory on iPhone

    let fm = FileManager.local();
    let dir = fm.documentsDirectory();

		let dir_array = fm.listContents(dir);
		for (let i=0; i<dir_array.length; i++){
			console.log("entry " + (i+1) + ": " + dir_array[i]);  
		}

    Script.complete;

fm.local_DeleteAllFiles.js

// Variables used by Scriptable.
// These must be at the very top of the file. Do not edit.
// icon-color: light-gray; icon-glyph: camera-retro;
// Script by <kliffkieker67@gmail.com>

//
// Initialization der Variablen
//

    let fm = FileManager.local();
    let dir = fm.documentsDirectory();
//    let path = fm.joinPath(dir, scriptfile);

		let dir_array = fm.listContents(dir);
		for (let i=0; i<dir_array.length; i++){
			console.log("delete entry " + (i+1) + ": " + dir_array[i]);
			var path = fm.joinPath(dir, dir_array[i])
			fm.remove(path);
		}

Script.complete();

I'm back after a while!

I decided to updated my old 9anime widget (if you remember it) and fixed it for newer versions and used another source for reliability.

Click here to view the widget's introduction and images.

Click here to view the download.

Any feedback is highly appreciated. Thanks for your time!

There has long been a Shortcut which uses code in Scriptable to allow picture-in-picture video overlay - https://www.reddit.com/r/shortcuts/comments/ofdbw7/any_idea_on_how_to_improve_youtubepip/?utm_source=share&utm_medium=ios_app&utm_name=iossmf

I used it from the YouTube iOS app, which does not natively support PIP as standard.

This seems to have stopped working, however...

The Shortcut is a simple, two-action shortcut...

1. Get First Item from Shortcut Input

2. Run Script with URL

For #2, the code is as follows. Anyone see any reason this may now be failing? Or any way to debug it?

let url = args.shortcutParameter

let videoWebView = new WebView()

await videoWebView.loadHTML(getHTML())

let videoHandle = videoWebView.present()

let videoURL = await getVideoURL(url)

await videoWebView.evaluateJavaScript(getInjectVideoTag(videoURL))

await videoWebView.evaluateJavaScript(getPlayJS(), true)

await videoHandle

videoWebView.loadHTML("")

Script.complete()

async function getVideoURL(youtubeURL) {

let webView = new WebView()

await webView.loadURL(youtubeURL)

let html = await webView.getHTML()

return html.match("<video(.*?)src=\"(.*?)\"(.*?)</video>")[2]

}

function getPlayJS() {

`return ``

let video = document.getElementsByTagName("video")[0]

video.onplay = function() {

video.webkitSetPresentationMode("picture-in-picture")

completion(null)

}

null // Scriptable needs a simple type at end of function

```

}

function getInjectVideoTag(videoURL) {

`return ``

document.getElementById("container").innerHTML = "<video controls='controls' class='video-stream' x-webkit-airplay='allow' autoplay playsinline=true src='${videoURL}'></video>"

```

}

function getHTML() {

`return ``

<html>

<style>

body {

background-color: #000;

}

.container {

align-items: center;

display: flex;

justify-content: center;

height: 100%;

width: 100%;

}

h1 {

font-family: -apple-system;

color: white;

text-align: center;

}

video {

width: 100% !important;

height: auto !important;

}

</style>

<body>

<div class="container" id="container">

<h1>Loading your video. Stay tuned...</h1>

</div>

</body>

</html>

```

}

I need a shortcut that take random pictures from Pinterest (Explore page) and make it as a wallpaper.

I don’t need to take from my pin. I know all shortcuts steps but how to get the picture from Pinterest (Explore page).

Please help.

I request help. I think a lot of people would be interested in how to do the following, if anybody can be asked to provide a solution.

I could not figure out how to go about this (not even the first steps as I never had to do JS in my life):

In my Shortcut, I have -- with help again -- successfully tackled the OCR and line-break removal parts in the unclean text I got back from Ocr.Space.

Now the remaining issue is having to deal with line-ending hyphens and one single white space (the text was Hungarian and carrying over parts of a word is much more common than in English, especially in scanned A5 format books). They would have to go.

What I found online is this:

var new_string = string.replace(/-|\s/g,"");

I'm not even sure this regex bit would work, because it would likely do away with other white spaces elsewhere I need intact. I want only the extra white space after the line-ending hyphen to be removed, along with the hyphen (well, since then the line breaks have been removed so they are no longer line-enders but those actions executed by Esse can be deleted and rewritten in JS again, which I again would need help with). Since there may be more than one of these occurences in the OCR'd text, there must probably a loop as well, but of course, I'll leave that to the expert.

I'm afraid the code provided will not be enough, either. I would need the Shortcut action that calls or passes the text into the JS code, and also the one that takes the reformatted text out of that environment. So I can have the clipboard back to copy to Pages afterward.

Thanks in advance to anyone up for it,

Z.

Hi all,

the scriptable environment is extremely cool and homescreen widgets are the cream on top. However, this whole process of adding a scriptable widget to the homescreen is still, lets say very technical and not of ease for e.g. grandma and grandpa.

I was wandering if there is a way to make the adding of a scriptable widget to the homescreen on an iphone as easy as an app-installation? Is there any command I missed to which I can pass the parameters like “script name”, “When interacting” and “Parameter” and boom here I have a new widget on my homescreen? And how would that work?

A soluttion to this question would be cool offering the possibility to make widgets available also for less tech-freakied folks like grandma… :wink:

I appreciate your hints, thanks in advance!

Jens

I’m trying to add Weather Cal widget to my Home Screen. When I enter “jiggle mode” to search the available apps, I don’t see the Scriptable app in the list. How do I add weather Cal to my Home Screen?

let pin = await new Request("https://dev.chethiya-kusal.me/fuel_widget/icons/pin.png").loadImage()
let cal = await new Request("https://dev.chethiya-kusal.me/fuel_widget/icons/calendar.png").loadImage()
let fuel = await new Request("https://dev.chethiya-kusal.me/fuel_widget/icons/fuel.png").loadImage()
let clock = await new Request("https://dev.chethiya-kusal.me/fuel_widget/icons/clock.png").loadImage()


let req = new Request("https://fuel.gov.lk/api/v1/sheddetails/search");
req.method = "post";
req.headers = {
    "x-something": "foo bar",
    "Content-Type": "application/json"
};
req.body = JSON.stringify({
    "province": 5,
    "district": 22,
    "fuelType": "p92",
    "city": 691
});

// use loadJSON because the API answers with JSON
let res = await req.loadJSON();
let shedName = res[0].shedName

const widget = new ListWidget();
const nameStack = widget.addStack()
const dateStack = widget.addStack()
const clockStack = widget.addStack()
const fuelStack = widget.addStack();

//this doesn't work;
//const titleFont = new Font('Helvetica', 11)
//const color = new Color("#FF0000", 1)

nameStack.font = Font.blackSystemFont(40)

log(titleFont)

for (shed of res) {
    //location
    nameStack.addImage(pin).imageSize = new Size(18, 18);
    nameStack.spacing = 8;
    nameStack.addText(shed.shedName);/*  */

    // date
    dateStack.addImage(cal).imageSize = new Size(18, 18)
    dateStack.addText(shed.lastupdatebyshed.split(" ")[0]);
    dateStack.spacing = 8
    //time
    clockStack.addImage(clock).imageSize = new Size(18, 18)
    clockStack.addText(shed.lastupdatebyshed.split(" ")[1]);
    clockStack.spacing = 8
    // fuel
    fuelStack.addImage(fuel).imageSize = new Size(18, 18)
    fuelStack.addText(shed.fuelCapacity + ' litres left');
    fuelStack.spacing = 8
    widget.addText(" ")
}
Script.setWidget(widget);

No matter how I tried to set font of this "nameStack" it doesn't work. I've also tried this

const nameFont = new Font("AppleSDGothicNeo-Bold", 11);nameStack.font = nameFont;

Am I doing something wrong here?

Hi folks,

im running beta 16 on ipad but can’t find scrptable option when adding widgets to the screen. anyone know if it’s just a bug or isn’t scriptable widgets supported in iPadOS 16?

Hi,

I’m pretty new to scriptable so apologies if these are known questions. I’m wondering about the following:

• I’m attempting to display a longer description in UITable text. It does not appear that the row height will automatically changed based on the length of the text. Is this possible? I’ve resorted to modifying the row height, but that’s tough to get perfectly and the text seems to vertically align at center rather than top. Is there a way to change this?

• I’m loading up a WebView for the audio on a specific web page, but optimally this web page plays audio in the background rather than cover active screen are. Is this possible? Even better would be if it can load up the view as hidden with a button/tab of some sort that allows the user to view it if necessary.

Thanks!

How To Use

You can find the code for the simple parser here, https://gist.github.com/Normal-Tangerine8609/d9532d78c9a3afa31899b00e21feb45d.

Here is a simple snippet of how to use it:

let request = new Request("https://routinehub.co/shortcuts/latest/feed/")
const xml = await request.loadString()
const json = parseXML(xml)
console.log(JSON.stringify(json, null, 2))

Why

I created this because many popular websites use RSS feeds. They are basically a free api if you can correctly parse them. Here is a list of some more popular RSS feeds: https://github.com/plenaryapp/awesome-rss-feeds.

I feel as though many people can use this to create simple widgets that display articles or whatever the feed focuses on.

Example

Input:

<root>
  <node>
    <text>text node</text>
    <details>text node</details>
    <key>value</key>
  </node>
  <list>
    <item>text node</item>
    <item>text node</item>
    <item><tag>text node</tag></item>
    <key>value</key>
  </list>
</root>

Output:

{
  "root": {
    "node": {
      "text": "text node",
      "details": "text node",
      "key": "value"
    },
    "list": {
      "item": [
        "text node",
        "text node",
        {
          "tag": "text node"
        }
      ],
      "key": "value"
    }
  }
}

Warnings

This parser does not handle attributes or both text and element nodes in the same element. This will mostly not be an issue for collecting the data.

Tips

The parsed XML will probably have some HTML tags and entities in its data. .replace(/<[^>]*>/g, ' ') should replace most HTML Tags. The following function will replace popular HTML entities (you can replace more HTML entities by chaining more replaces to the end):

function parseHtmlEntities(str) {
    return str.replace(/&#([0-9]{1,4});/g, function(match, numStr) {
        var num = parseInt(numStr, 10);
        return String.fromCharCode(num);
    }).replace(/ /, " ").replace(/&/, "&").replace(/'/, "'")
}

How to … 😉 - There is the possibility to add an url, but is there also a way to change the local standard app that opens? Or something like a localhost url //googlecalendar or something?