mager

<div id="share"></div>

mager

/* Instantiate the global sp object; include models & views */
var sp = getSpotifyApi(1);
var models = sp.require("sp://import/scripts/api/models");

/* The <div /> that will contain the popup */
var element = $('#share');

/* The Spotify URI of the content you want to share */
var content = 'spotify:track:76a6mUM5r7VPexAj37TLjo';

mager

<div id="index">
<!-- This content will show up in the "Home" tab -->
</div>

<div id="tabs">
<!-- This content will show up in the "How to use tabs" tab -->
</div>

mager

{
    ...
    "DefaultTabs": [
        {
            "arguments": "index",
            "title": {
                "en": "Home"
            }
        },
        {

mager

sp = getSpotifyApi(1);   
var models = sp.require('sp://import/scripts/api/models');

tabs(); // See function definition below

/* When a user clicks a tab, the "arguments" property on the 
 * Application object changes, and the tabs() function fires */               
models.application.observe(models.EVENT.ARGUMENTSCHANGED, tabs);  

function tabs() {

mager

/* Instantiate the global sp object; include models & views */
var sp = getSpotifyApi(1);
var models = sp.require("sp://import/scripts/api/models");
var views = sp.require("sp://import/scripts/api/views");

/* Create an array of tracks from the user's library */
var tracks = models.library.tracks;

/* Create a temporary playlist and fill it with tracks
 * from the previous query */

mager

{
    "AppDescription": {
        "en": "A tutorial app for Spotify Apps API"
    },
    "AppIcon": {
        "36x18": "tutorial.png"
    },
    "AppName": {
        "en": "Spotify Sandbox"
     },

mager

<ul id="listens"></ul>

mager

/* Instantiate the global sp object; include models & views */
var sp = getSpotifyApi(1);
var auth = sp.require('sp://import/scripts/api/auth');

var permissions = ['user_actions.music'];
var app_id = '126891607432106';
var request_url = 'https://graph.facebook.com/me/music.listens';

auth.authenticateWithFacebook(app_id, permissions, {
    onSuccess : function(accessToken, ttl) {

mager

<div id="status">
    <p>If you've successfully authenticated with Facebook, this should be your access token:</p>
</div>