NativeScript 3D Touch shortcut icons

readme.md

{N} 3D Touch static icons

If you want to add static shortcut items to your app's home icon you need to add an entry to your app's .plist (this defines the icons) and (what I found easiest) to your main app.js (this is where you handle launches through those icons).

app.js

// Open your app's main js file and add this handler (delimited by 'START 3DTouch wiring' and 'END 3DTouch wiring').
// Then tweak the handling of 'shortcutItem.type' to your liking (here I'm deeplinking 'compose' to the 'compose' page and ignore other shortcut types).

var application = require("application");
application.cssFile = "./app.css";
application.mainModule = "main-page";


// START 3DTouch wiring
var MyDelegate = (function (_super) {
    __extends(MyDelegate, _super);
    function MyDelegate() {
        _super.apply(this, arguments);
    }
    MyDelegate.prototype.applicationPerformActionForShortcutItemCompletionHandler = function (application, shortcutItem, completionHandler) {
        console.log("app was launched by shortcut type '" + shortcutItem.type + "' with title '" + shortcutItem.localizedTitle + "'");
        // this is where you handle any specific case for the shortcut
        if (shortcutItem.type == "compose") {
          // this is an example of 'deeplinking' through a shortcut
          var frames = require("ui/frame");
          frames.topmost().navigate("compose");
        } else {
          // .. any other shortcut handling
        }
    };
    MyDelegate.ObjCProtocols = [UIApplicationDelegate];
    return MyDelegate;
})(UIResponder);
application.ios.delegate = MyDelegate;
// END 3DTouch wiring


application.start();

your-app.plist

  <!-- Add this to your app's plist file, which adds two 'static' shortcut items to your app's home icon: -->
  <key>UIApplicationShortcutItems</key>
  <array>
      <dict>
          <key>UIApplicationShortcutItemIconType</key>
          <string>UIApplicationShortcutIconTypePlay</string>
          <key>UIApplicationShortcutItemType</key>
          <string>play</string>
          <key>UIApplicationShortcutItemTitle</key>
          <string>Play</string>
          <key>UIApplicationShortcutItemSubtitle</key>
          <string>that funky music</string>
      </dict>
      <dict>
          <key>UIApplicationShortcutItemIconType</key>
          <string>UIApplicationShortcutIconTypeCompose</string>
          <key>UIApplicationShortcutItemTitle</key>
          <string>Compose</string>
          <key>UIApplicationShortcutItemType</key>
          <string>compose</string>
          <key>UIApplicationShortcutItemSubtitle</key>
          <string>write an e-mail</string>
      </dict>
  </array>

UPDATE: I've now created a plugin featuring 3D Touch Home Actions (static and dynamic), so you won't need to mess with this Gist anymore.