A framework for Scriptable to make creating iOS widgets with JavaScript easier, also adding support for TypeScript.
Install the CLI using Deno:
deno install -Afr --no-check -n scriptable https://raw.githubusercontent.com/DjDeveloperr/ScriptableTSX/main/cli.ts
And do scriptable init <name>
. After this you can go in the project directory
and do scriptable bundle
, which will output a bundle.js
file that you can use
on Scriptable.
Note: add --vscode
(or -v
) flag to scriptable init
to generate VS Code config to setup IntelliSense!
function MyWidget() {
return (
<widget>
<text
font={Font.headline()}
color="#ff0000"
>
Hello, world!
</text>
</widget>
);
}
// MyWidget() would return ListWidget now
- Complete the
env.d.ts
types. - Maybe a small HTML renderer for Widgets to make development easier?
env.d.ts
is entirely based on https://docs.scriptable.app. Even the JS Doc comments.
Licensed under Apache 2.0.
Copyright 2021 (c) DjDeveloperr