From 3cb0c0f18060ef149ebde924859e0b9f2efb503d Mon Sep 17 00:00:00 2001 From: Cory McWilliams Date: Tue, 26 Nov 2024 11:26:10 -0500 Subject: [PATCH] Add App Development Cheat Sheet --- App-Development-Cheat-Sheet.md | 63 ++++++++++++++++++++++++++++++++++ 1 file changed, 63 insertions(+) create mode 100644 App-Development-Cheat-Sheet.md diff --git a/App-Development-Cheat-Sheet.md b/App-Development-Cheat-Sheet.md new file mode 100644 index 0000000..2ebd23d --- /dev/null +++ b/App-Development-Cheat-Sheet.md @@ -0,0 +1,63 @@ +# Tilde Friends Cheat Sheet + +Making apps for the impatient tilde friend. + +## Prerequisites + +- either run your own instance or use [tildefriends.net](https://www.tildefriends.net/) +- register and login +- [optional] use the `ssb` app to create yourself an SSB identity + +## Development Process + +1. hit the `edit` link from any app or new app URL +2. make sure the path in the text box is under your username: `/~username/app/` +3. write server-side code in `app.js` +4. click the `save` button or press the save hotkey (Alt+S or _[browser-specific modifiers]_+S) +5. see the app reload on the right side + +## Output + +- **`app.setDocument(html)`** - send HTML to the browser +- **`print(...)`** - send values to the browser's developer console + +## Persistence + +- **`app.localStorageGet(key)`** -> **`value`** +- **`app.localStorageSet(key, value)`** +- **`database()`**, **`shared_database(key)`**, **`my_shared_database(package, key)`** + - **`db.get(key)`** -> **`value`** + - **`db.set(key, value)`** + - **`db.exchange(key, expected, value)`** -> **`exchanged`** + - **`db.remove(key)`** + - **`db.getAll()`** -> **`[key1, ...]`** + - **`db.getLike(pattern)`** -> **`{key1: value1, ...}`** + +## SSB + +- **`ssb.createIdentity()`** -> **`id`** +- **`ssb.getIdentities()`** -> **`[id1, ...]`** +- **`ssb.appendMessageWithIdentity(id, content)`** -> **`message_id`** +- **`ssb.blobStore(blob)`** -> **`blob_id`** +- **`ssb.blobGet(id)`** -> **`blob`** +- **`ssb.sqlAsync(query, args, row_callback)`** + +## TF-RPC + +Stock helper code for calling functions across the web server and browser boundary. + +- on the server: `import * as tfrpc from '/tfrpc.js';` +- in the browser: `import * as tfrpc from '/static/tfrpc.js';` +- either direction: + - register a function: `tfrpc.register(function my_function() {});` + - call a remote function: `let promise = tfrpc.rpc.my_function();` + +## Share + +- give out web links: [https://www.tildefriends.net/~cory/screwble/](https://www.tildefriends.net/~cory/screwble/) +- use the `Attach App` button when composing a post in [the SSB app](https://www.tildefriends.net/~core/ssb/) + +## More Docs + +- [api reference](https://www.tildefriends.net/~cory/api/) +- [source code](https://dev.tildefriends.net/cory/tildefriends/releases) \ No newline at end of file