Get started

Overview OAuth 2.0 Websocket API

Accounts

GET /get_me GET /tokens POST /login DELETE /logout POST /register POST /confirm POST /reset POST /reset_password GET /incoming_requests GET /outcoming_requests

Apps

GET /apps POST /apps GET /apps/{public_key} GET /apps/{public_key}/token POST /apps/{public_key}/token GET /apps/tokens DELETE /apps/tokens/{token} DELETE /apps/{app_id} GET /apps/user/{token}

Users

GET /user/{user_tag} GET /user/{user_tag}/friends GET /user/{user_tag}/playlists GET /user/{user_tag}/photos GET /user/{user_tag}/posts POST /user/{user_tag}/post

Relationships

GET /user/{user_tag}/relationships PATCH /user/{user_tag}/subscribe DELETE /incoming_requests/{user_id}

Dialogs (Messages)

GET /dialogs POST /dialogs POST /dialogs/private/{user_id} GET /dialogs/{dialog_id} GET /dialogs/{dialog_id}/messages GET /dialogs/messages/{message_id} DELETE /dialogs/messages/
{message_id}

Tracks (MuseBase)

GET /musebase/{track_id} GET /musebase/find/{mask} POST /musebase/upload GET /musebase/playlists/{playlist_id} GET /user/{user_tag}/playlists

Photos

GET /photos/{photo_id} POST /photos/upload DELETE /photos/{photo_id} GET /user/{user_tag}/photos

Posts

GET /posts/{post_id} DELETE /posts/{post_id} PATCH /posts/{post_id} PATCH /posts/{post_id}/like GET /posts/{post_id}/comments POST /posts/{post_id}/comment

Comments

GET /comments/{comment_id} DELETE /comments/{comment_id} PATCH /comments/{comment_id}/like

Safety

GET /safety/link

Other

GET /languages GET /countries GET /countries/{country_id}/regions GET /countries/{country_id}/regions/
{region_id}/cities

Yurba CDN (cdn.yurba.one)

GET /photos/{photo_id}.jpg GET /musebase/{track_id}.mp3

For Desktop Developers

START Get started METHOD Player METHOD CSS METHOD log METHOD select METHOD reload METHOD createWindow METHOD createNotification METHOD quit METHOD browse METHOD fetch METHOD unixToDate METHOD createButton METHOD eventButton METHOD setButtonIndicator METHOD hideButtonIndicator METHOD alert METHOD observe START Using Tab METHOD openTab METHOD closeTab METHOD setTab METHOD tabEvent OBJECT User OBJECT window

Using Tab

A Tab is a panel that can accept any HTML content inside it and can be used as an additional window within an application. A tab looks like this:

You can customize the tab in different ways, making your own custom tab style that will fit your extension. Let's start with the basics and see how to activate the tab:

app.openTab()

After that, you will see a tab. It is recommended to use this function in conjunction with some other function, like app.eventButton().

But, the tab will be completely bare. You can customize and put content there using this method:

app.setTab({
    "header": {
        "background": "linear-gradient(0deg, #3c5bff, #3b80ff)",
        "color": "white"
    },
    "divider": {
        "color": "var(--yurba-body-color)",
        "height": "1px",
        "opacity": ".5"
    },
    "body": {
        "background": "var(--yurba-main-color)",
        "color": "var(--yurba-text-color)",
        "border": "1px solid var(--yurba-body-color)",
        "padding": "30px"
    },
    "title": "My Example Tab",
    "description": "My description",
    "content": "<span class='fw-bold'>Hello world!</span>"
})

This code will make the tab look like the image below. Now you know how to create a cool tab and use it in your extensions. The documentation below also describes methods if you forget something.