https://github.com/djdeveloperr/scriptabletsx

https://scriptable.app but with TypeScript(X). Make iOS widgets with TSX.
https://github.com/djdeveloperr/scriptabletsx

deno ios scriptable tsx typescript

Last synced: 5 days ago
JSON representation

https://scriptable.app but with TypeScript(X). Make iOS widgets with TSX.

• Host: GitHub
• URL: https://github.com/djdeveloperr/scriptabletsx
• Owner: DjDeveloperr
• License: apache-2.0
• Created: 2021-11-05T12:24:34.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-12-02T14:51:55.000Z (about 3 years ago)
• Last Synced: 2024-12-18T08:25:40.178Z (about 2 months ago)
• Topics: deno, ios, scriptable, tsx, typescript
• Language: TypeScript
• Homepage:
• Size: 49.8 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ScriptableTSX

A framework for [Scriptable](https://scriptable.app) to make creating iOS widgets with JavaScript easier, also adding support for TypeScript.

## Usage

Install the CLI using [Deno](https://deno.land/):

```

deno install -Afr --no-check -n scriptable https://raw.githubusercontent.com/DjDeveloperr/ScriptableTSX/main/cli.ts

```

And do `scriptable init `. 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!

## Example

```tsx

function MyWidget() {

  return (

    

      

        Hello, world!

      

    

  );

}

// MyWidget() would return ListWidget now

```

## TODO

- Complete the `env.d.ts` types.

- Maybe a small HTML renderer for Widgets to make development easier?

## Credits

`env.d.ts` is entirely based on https://docs.scriptable.app. Even the JS Doc comments.

## License

Licensed under [Apache 2.0](./LICENSE).

Copyright 2021 (c) DjDeveloperr