├── .gitignore ├── .gitmodules ├── README.md ├── api ├── pine.env.js └── pine.gamepad.js ├── app ├── api │ ├── achievements.js │ └── index.js ├── index.js └── package.json ├── auto-pine ├── .gitignore ├── README.md ├── bin │ ├── boot_parts.sh │ ├── download.sh │ ├── first_build.sh │ ├── mksd │ ├── mksd-nfs │ ├── reload-nfs.sh │ ├── start-edit-session.sh │ ├── stop-edit-session.sh │ └── unpack.sh ├── defaults │ ├── boot │ │ └── cmdline.txt │ ├── stage-1 │ │ ├── etc │ │ │ ├── init.d │ │ │ │ └── start_pine_daemons.sh │ │ │ └── inittab │ │ └── root │ │ │ ├── .bashrc │ │ │ └── setup │ │ │ └── pine_setup.sh │ └── stage-2 │ │ ├── etc │ │ └── inittab │ │ └── home │ │ └── pine-user │ │ ├── .bashrc │ │ ├── htdocs │ │ ├── css │ │ │ └── app.css │ │ ├── index.html │ │ └── js │ │ │ └── app.js │ │ ├── kill_chrome.sh │ │ └── pine.js ├── distro │ ├── .gitignore │ ├── README.md │ └── clean.sh └── kernel-qemu ├── ui ├── README.md ├── dev-server.js ├── index.html ├── lib │ └── package-meta.js ├── package.json ├── packages │ ├── benchmark │ │ ├── index.html │ │ ├── js │ │ │ └── src │ │ │ │ ├── benchmark.js │ │ │ │ └── framerate.js │ │ └── pine-package.json │ ├── gamepad │ │ ├── index.html │ │ └── pine-package.json │ └── sample_game │ │ ├── css │ │ ├── bootstrap.min.css │ │ └── game.css │ │ ├── index.html │ │ ├── js │ │ └── src │ │ │ └── key-input-demo.js │ │ └── pine-package.json └── public │ ├── css │ ├── bootstrap.css │ ├── bootstrap.min.css │ ├── pine-animations.css │ └── pine.css │ ├── img │ ├── glyphicons-halflings-white.png │ └── glyphicons-halflings.png │ └── js │ ├── app.js │ ├── constants.js │ ├── init.js │ ├── lib │ ├── backbone.js │ ├── bootstrap.js │ ├── bootstrap.min.js │ ├── jquery.js │ ├── minpubsub.js │ ├── pine.keyrouter.js │ ├── qunit │ │ ├── qunit.css │ │ └── qunit.js │ ├── require.js │ ├── test │ │ ├── test.keyboard.html │ │ ├── test.pine.input.html │ │ └── test.pine.keyrouter.html │ └── underscore.js │ ├── plugin │ ├── jquery.v-keys.js │ └── v-keys-helper.js │ └── view │ ├── view.game-init.js │ ├── view.menu-pager.js │ ├── view.menu.js │ └── view.v-keys.js └── util ├── build_kernel.sh ├── install_chromium.sh ├── prep_raspbian_for_pine.sh ├── set_up_raspbian_rootfs.sh └── start_chrome.sh /.gitignore: -------------------------------------------------------------------------------- 1 | *.swp 2 | .DS_Store 3 | node_modules 4 | -------------------------------------------------------------------------------- /.gitmodules: -------------------------------------------------------------------------------- 1 | [submodule "dep/tools"] 2 | path = dep/tools 3 | url = https://github.com/raspberrypi/tools.git 4 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Pine 2 | ## An HTML5 game console 3 | 4 | Pine is a project with the goal of creating an HTML5 game console that runs on 5 | Raspberry Pi. The software stack is powered by Linux, NodeJS and Chromium. 6 | Please [look at the wiki](https://github.com/jeremyckahn/pine/wiki) to learn 7 | about Pine and discuss ideas or questions in the [Google 8 | Group](https://groups.google.com/forum/#!forum/pine-discuss). Participation of 9 | any kind is welcomed and encouraged! 10 | 11 | ## Note 12 | 13 | 2013-07-06: This repo is going to be restructured over the next few days; code currently available should be considered deprecated. 14 | -------------------------------------------------------------------------------- /api/pine.env.js: -------------------------------------------------------------------------------- 1 | /*jslint nomen: true, plusplus: true, undef: true, todo: true, white: true, 2 | browser: true, indent: 2, maxlen: 80 */ 3 | ;(function (global) { 4 | 5 | 'use strict'; 6 | 7 | var pine = global.pine = (global.pine || {}); 8 | var env = pine.env = {}; 9 | 10 | 11 | /** 12 | * Adding "dev=1" to the URL query string invokes Developer Mode. 13 | * @type {boolean} 14 | **/ 15 | env.isDev = !!location.toString().match(/\?(.*dev\=1)/) 16 | 17 | 18 | pine.env.exit = function () { 19 | window.location = '/'; 20 | }; 21 | 22 | 23 | if (env.isDev) { 24 | document.documentElement.addEventListener('keydown', function (evt) { 25 | // TODO: Replace this with a constant 26 | if (evt.which === 27) { // esc 27 | pine.env.exit(); 28 | } 29 | }); 30 | } 31 | 32 | } (this)); 33 | -------------------------------------------------------------------------------- /api/pine.gamepad.js: -------------------------------------------------------------------------------- 1 | /*jslint nomen: true, plusplus: true, undef: true, todo: true, white: true, 2 | browser: true, indent: 2, maxlen: 80 */ 3 | /*global Backbone: false, _: false, $: false, KeyRouter: false, publish: false, 4 | subscribe: false */ 5 | 6 | // Pine Gamepad API module 7 | ;(function (global) { 8 | 9 | 'use strict'; 10 | 11 | var pine = global.pine = (global.pine || {}); 12 | pine.gamepad = { 13 | 'downKeys': {} 14 | }; 15 | var downKeys, gamepads; 16 | 17 | function tick () { 18 | 19 | global.webkitRequestAnimationFrame(tick); 20 | pine.gamepad.downKeys = downKeys = {}; 21 | gamepads = navigator.webkitGetGamepads(); 22 | 23 | var len = gamepads.length, buttonsLength, i, j, gamepad, map, id; 24 | for (i = 0; i < len; i++) { 25 | gamepad = gamepads[i]; 26 | 27 | if (!gamepad) { 28 | continue; 29 | } 30 | 31 | // Some controller id strings prepend an invisible unicode character - 32 | // slice it out if it is present. 33 | id = gamepad.id.charCodeAt(0) === 65279 34 | ? gamepad.id.slice(1) 35 | : gamepad.id; 36 | 37 | map = gamepadMap[id]; 38 | buttonsLength = gamepad.buttons.length; 39 | 40 | if (map) { 41 | for (j = 0; j < buttonsLength; j++) { 42 | if (gamepad.buttons[j] && map[j]) { 43 | downKeys[map[j]] = true; 44 | } 45 | } 46 | } 47 | } 48 | 49 | // Users can exit the game by hitting L1 + R1 + START. 50 | if (pine.env && 51 | 'START' in downKeys && 'L1' in downKeys && 'R1' in downKeys) { 52 | pine.env.exit(); 53 | } 54 | } 55 | 56 | global.webkitRequestAnimationFrame(tick); 57 | 58 | var gamepadMap = { 59 | 'Logitech RumblePad 2 USB (STANDARD GAMEPAD Vendor: 046d Product: c218)': { 60 | '0': 'B' 61 | ,'1': 'A' 62 | ,'2': 'Y' 63 | ,'3': 'X' 64 | ,'4': 'L1' 65 | ,'5': 'R1' 66 | ,'6': 'L2' 67 | ,'7': 'R2' 68 | ,'8': 'SELECT' 69 | ,'9': 'START' 70 | ,'10': 'L3' 71 | ,'11': 'R3' 72 | ,'12': 'UP' 73 | ,'13': 'DOWN' 74 | ,'14': 'LEFT' 75 | ,'15': 'RIGHT' 76 | } 77 | }; 78 | 79 | } (this)); 80 | -------------------------------------------------------------------------------- /app/api/achievements.js: -------------------------------------------------------------------------------- 1 | var mongoose = require('mongoose'); 2 | 3 | var AchievementSchema = new mongoose.Schema({ 4 | title: String 5 | ,slug: String 6 | ,description: String 7 | ,display: Number 8 | ,icon: String 9 | ,status : { 10 | progress: Number 11 | ,goal: Number 12 | } 13 | }); 14 | 15 | var Achievement = mongoose.model('Achievement', AchievementSchema); 16 | 17 | // Increment an achievement 18 | exports.incr = function (game_id, achieve_id, amount) { 19 | Achievement.findOne({slug: achieve_id}, function (err, doc) { 20 | doc.status.progress++; 21 | doc.save(); 22 | }); 23 | }; -------------------------------------------------------------------------------- /app/api/index.js: -------------------------------------------------------------------------------- 1 | var methods = {}; 2 | 3 | function add_methods (name) { 4 | var module = require('./' + name); 5 | for (var x in module) methods[name + '.' + x] = module[x]; 6 | } 7 | 8 | // Add methods for each api call 9 | add_methods('achievements'); 10 | 11 | exports.init = function (io) { 12 | 13 | // Listen for API calls on each socket as they connect (ex: achievements.incr) 14 | io.sockets.on('connection', function (sock) { 15 | sock.on('api_call', function (name, args) { 16 | methods[name].apply(null, args); 17 | }); 18 | }); 19 | }; -------------------------------------------------------------------------------- /app/index.js: -------------------------------------------------------------------------------- 1 | // Note: Ports, directories (like the location of the UI files), and such can be 2 | /// configured through environment variables if that makes it easier. 3 | 4 | // Todo: Listen to MongoDB (not sure how it will be set up, once that's figured out we can listen for it here) 5 | 6 | var express = require('express'); 7 | var http = require('http'); 8 | var app = exports.app = express(); 9 | var server = http.createServer(app); 10 | var io = exports.io = require('socket.io').listen(server); 11 | 12 | app.use(express.static(__dirname + '/../ui')); 13 | 14 | server.listen(4444); 15 | 16 | require('./api').init(io); 17 | -------------------------------------------------------------------------------- /app/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "pine_app", 3 | "version": "0.0.0", 4 | "dependencies": { 5 | "express": "3.0.0rc3", 6 | "socket.io": "0.9.10", 7 | "mongoose": "3.0.1" 8 | }, 9 | "main": "index" 10 | } 11 | -------------------------------------------------------------------------------- /auto-pine/.gitignore: -------------------------------------------------------------------------------- 1 | *.~ 2 | *.swp 3 | *.log 4 | pine.sh 5 | -------------------------------------------------------------------------------- /auto-pine/README.md: -------------------------------------------------------------------------------- 1 | # Auto-Pine 2 | 3 | ## Dependencies 4 | 5 | * [aria2c (Cross-platform command line bittorrent client)](http://sourceforge.net/apps/trac/aria2/wiki/Download) 6 | * [QEMU](http://www.qemu.org/) 7 | 8 | 9 | ## Synopsis 10 | 11 | ### Config 12 | 13 | You'll need to configure the ip address of the NFS server if you intend to use one. Skip this step if not using NFS. 14 | 15 | ``` 16 | vim defaults/boot/cmdline.txt # change 192.168.1.1 to the IP address of your NFS server 17 | ``` 18 | 19 | ### Build 20 | 21 | If you already have *this* source image archive: 22 | 23 | [[Source](http://www.raspberrypi.org/downloads)] 2012-07-15-wheezy-raspbian.zip 440MB [[Direct](http://downloads.raspberrypi.org/images/raspbian/2012-07-15-wheezy-raspbian/2012-07-15-wheezy-raspbian.zip)] [[Torrent (Preferred)](http://downloads.raspberrypi.org/images/raspbian/2012-07-15-wheezy-raspbian/2012-07-15-wheezy-raspbian.zip.torrent)] SHA-1:`3947412babbf63f9f022f1b0b22ea6a308bb630c` 24 | 25 | Then: 26 | * Move or copy the image archive into the distro folder. It must be namedd 2012-07-15-wheezy-raspbian.zip 27 | * `sudo bin/unpack.sh` 28 | 29 | Otherwise: `sudo bin/download.sh` 30 | 31 | If you want to time the build process: 32 | 33 | ``` 34 | time sudo bin/unpack.sh 35 | 36 | # or 37 | 38 | time sudo bin/download.sh 39 | ``` 40 | 41 | ### Edit 42 | 43 | 1. `sudo ./start-edit-session.sh` 44 | 1. Edit files under `/mnt/pine-distro-loop/` 45 | 1. If using NFS, copy any files you want to keep from `/opt/pine-distro-nfs/` to `/mnt/pine-distro-loop/` 46 | 1. `sudo ./stop-edit-session.sh` 47 | 1. If using NFS: 48 | 1. `./reload-nfs.sh` 49 | 50 | ### Write to SD Card 51 | 52 | Run one (or both) of the following to generate `pine-sd.img` and/or `pine-sd-nfs.img` in the distro folder. See the [RPi Easy SD Card Setup guide](http://elinux.org/RPi_Easy_SD_Card_Setup) to learn how to write these generated image files to your SD card. 53 | 54 | ##### No NFS 55 | 56 | ``` 57 | ./mksd 58 | ``` 59 | 60 | ##### NFS 61 | 62 | ``` 63 | ./mksd-nfs 64 | ``` 65 | 66 | -------------------------------------------------------------------------------- /auto-pine/bin/boot_parts.sh: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | # sanity check 4 | if [[ $UID -ne 0 ]]; then 5 | echo "$0 must be run as root" 6 | echo "" 7 | exit 1 8 | fi 9 | 10 | #config 11 | WD="./distro" 12 | SRC_IMG="${WD}/pine.img" 13 | 14 | BOOT_BS=512 15 | BOOT_START=8192 16 | BOOT_END=122879 17 | BOOT_OFFSET=4194304 # BOOT_BS * BOOT_START 18 | 19 | IMG_BS=512 20 | IMG_START=122880 21 | IMG_END=3788799 22 | IMG_OFFSET=62914560 # IMG_BS * IMG_START 23 | 24 | BOOT_IMGDIR="/mnt/raspbian-boot-loop" # mount point for SD card boot images 25 | 26 | echo "Auto Pine 0.0" 27 | echo "Boot Images" 28 | echo "" 29 | 30 | if [ ! -f $SRC_IMG ]; then 31 | echo "No source image. run unpack.sh or download.sh again." 32 | echo "" 33 | exit 1 34 | fi 35 | 36 | if [ ! -d ${BOOT_IMGDIR} ]; then 37 | mkdir ${BOOT_IMGDIR} 38 | fi 39 | 40 | 41 | echo "extracting original boot partition" 42 | dd if=${SRC_IMG} of=${WD}/sd-boot.part bs=${BOOT_BS} seek=${BOOT_START} count=${BOOT_END} 43 | 44 | echo "" 45 | echo "mounting boot image" 46 | mount -v -o loop,offset=${BOOT_OFFSET} ${SRC_IMG} ${BOOT_IMGDIR} 47 | 48 | echo "" 49 | echo "modifying image" 50 | cp -v ./defaults/boot/cmdline.txt ${BOOT_IMGDIR}/cmdline.txt 51 | 52 | echo "" 53 | echo "finalizing image" 54 | fuser -m ${BOOT_IMGDIR} 55 | umount -v ${BOOT_IMGDIR} 56 | 57 | echo "" 58 | echo "extracting SD+NFS boot partition" 59 | dd if=${SRC_IMG} of=${WD}/sd-nfs-boot.part bs=${BOOT_BS} seek=${BOOT_START} count=${BOOT_END} 60 | 61 | echo "" 62 | echo "cleaning up mount points" 63 | rmdir ${BOOT_IMGDIR} 64 | -------------------------------------------------------------------------------- /auto-pine/bin/download.sh: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | # DEPENDS: Cross platform command line bt client: 4 | 5 | #config 6 | aria=`which aria2c` 7 | WD="./distro" 8 | SRCURL="http://downloads.raspberrypi.org/images/raspbian/2012-07-15-wheezy-raspbian/2012-07-15-wheezy-raspbian.zip.torrent" 9 | 10 | echo "Auto Pine 0.0" 11 | echo "Download" 12 | echo "" 13 | echo "Using" 14 | echo " - Aria: ${aria}" 15 | echo " - Workdir: ${WD}" 16 | echo " - Source: ${SRCURL}" 17 | echo "" 18 | 19 | if [ ! -d "${WD}" ]; then 20 | echo "creating distribution folder..." 21 | mkdir ${WD} 22 | fi 23 | 24 | echo "downloading..." 25 | ${aria} -d "${WD}" --seed-time=0 --on-bt-download-complete=./bin/unpack.sh -l "aria.log" --log-level warn ${SRCURL} 26 | -------------------------------------------------------------------------------- /auto-pine/bin/first_build.sh: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | # sanity check 4 | if [[ $UID -ne 0 ]]; then 5 | echo "$0 must be run as root" 6 | exit 1 7 | fi 8 | 9 | #config 10 | WD="./distro" 11 | SRC_IMG="${WD}/2012-07-15-wheezy-raspbian.img" 12 | DST_IMG="${WD}/pine.img" 13 | 14 | IMG_BS=512 15 | IMG_START=122880 16 | IMG_END=3788799 17 | IMG_OFFSET=62914560 # IMG_BS * IMG_START 18 | 19 | PINE_IMGDIR="/mnt/pine-distro-loop" # pine filesystem mount point 20 | 21 | # all builds 22 | echo "Auto Pine 0.0" 23 | echo "First Build" 24 | echo "" 25 | 26 | if [ ! -f $SRC_IMG ]; then 27 | echo "No source image. run unpack.sh or download.sh again." 28 | echo "" 29 | exit 1 30 | fi 31 | 32 | if [ -f $DST_IMG ]; then 33 | echo "Pine image already exists, aborting. [Delete or rename ${DST_IMG} to start a fresh image]" 34 | echo "" 35 | exit 1 36 | fi 37 | 38 | if [ ! -d ${PINE_IMGDIR} ]; then 39 | mkdir ${PINE_IMGDIR} 40 | fi 41 | 42 | echo "" 43 | echo "Stage: 1 (Install deps)" 44 | echo "" 45 | 46 | echo "mounting source image" 47 | mount -v -o loop,offset=${IMG_OFFSET} ${SRC_IMG} ${PINE_IMGDIR} 48 | 49 | echo "" 50 | echo "modifying filesystem image" 51 | 52 | # stage 1 53 | mv ${PINE_IMGDIR}/etc/inittab ${PINE_IMGDIR}/etc/inittab.orig 54 | rm -v ${PINE_IMGDIR}/etc/profile.d/raspi-config.sh 55 | cp -av ./defaults/stage-1/etc/inittab ${PINE_IMGDIR}/etc/inittab 56 | cp -av ./defaults/stage-1/root/.bashrc ${PINE_IMGDIR}/root/.bashrc 57 | cp -rav ./defaults/stage-1/root/setup ${PINE_IMGDIR}/root 58 | 59 | echo "" 60 | echo "setting permissions" 61 | chown -vR root.root ${PINE_IMGDIR}/root 62 | chown -v root.root ${PINE_IMGDIR}/etc/inittab 63 | 64 | echo "" 65 | echo "finalizing filesystem image" 66 | umount -v ${PINE_IMGDIR} 67 | 68 | echo "" 69 | echo "sleep 2" 70 | sleep 2 71 | 72 | echo "" 73 | echo "creating Pine image" 74 | mv -v ${SRC_IMG} ${DST_IMG} 75 | 76 | # get boot partitions 77 | ./bin/boot_parts.sh 78 | 79 | echo "" 80 | echo "Running first boot, hda=${DST_IMG}" 81 | qemu-system-arm -kernel ./kernel-qemu -cpu arm1136-r2 -M versatilepb -no-reboot -append "root=/dev/sda2 panic=1" -hda ${DST_IMG} 82 | 83 | echo "" 84 | echo "Stage: 2 (Pine Setup)" 85 | echo "" 86 | 87 | echo "mounting source image" 88 | mount -o loop,offset=${IMG_OFFSET} ${DST_IMG} ${PINE_IMGDIR} 89 | 90 | # stage 2 91 | cp -av ./defaults/stage-2/etc/inittab ${PINE_IMGDIR}/etc/inittab 92 | cp -av ./defaults/stage-2/home/* ${PINE_IMGDIR}/home/ 93 | 94 | echo "" 95 | echo "setting permissions" 96 | chown -vR 1001:1002 ${PINE_IMGDIR}/home/pine-user 97 | 98 | echo "" 99 | echo "finalizing filesystem image" 100 | umount ${PINE_IMGDIR} 101 | 102 | echo "" 103 | echo "cleaning up mount points" 104 | rmdir ${PINE_IMGDIR} 105 | 106 | echo "" 107 | echo "All done" 108 | echo "" 109 | echo "To launch the current image:" 110 | echo "" 111 | echo "./pine.sh" 112 | 113 | echo "#!/usr/bin/env bash" > pine.sh 114 | echo "qemu-system-arm -kernel ./kernel-qemu -cpu arm1136-r2 -M versatilepb -append \"root=/dev/sda2 panic=1\" -hda ${DST_IMG}" >> pine.sh 115 | chmod 744 pine.sh 116 | 117 | -------------------------------------------------------------------------------- /auto-pine/bin/mksd: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | # build sd card 4 | WD="./distro" 5 | 6 | echo "preparing image file" 7 | cp ${WD}/pine.img ${WD}/pine-sd.img 8 | 9 | echo "writing boot partition" 10 | dd if=${WD}/sd-boot.part of=${WD}/pine-sd.img conv=notrunc 11 | 12 | echo "" 13 | echo "Done. You may write ${WD}/pine-sd.img to your SD card now" 14 | echo "" 15 | -------------------------------------------------------------------------------- /auto-pine/bin/mksd-nfs: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | WD="./distro" 4 | 5 | echo "preparing image file" 6 | cp ${WD}/pine.img ${WD}/pine-sd-nfs.img 7 | 8 | echo "writing boot partition" 9 | dd if=${WD}/sd-nfs-boot.part of=${WD}/pine-sd-nfs.img conv=notrunc 10 | 11 | echo "" 12 | echo "Done. You may write ${WD}/pine-sd-nfs.img to your SD card now" 13 | echo "" 14 | 15 | -------------------------------------------------------------------------------- /auto-pine/bin/reload-nfs.sh: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | # sanity check 4 | if [[ $UID -ne 0 ]]; then 5 | echo "$0 must be run as root" 6 | exit 1 7 | fi 8 | 9 | #config 10 | WD="./distro" 11 | SRC_IMG="${WD}/pine.img" 12 | PINE_IMGDIR="/mnt/pine-distro-loop" # pine filesystem mount point 13 | NFS_PINEDIR="/opt/pine-distro-nfs" # nfs server's image 14 | 15 | IMG_BS=512 16 | IMG_START=122880 17 | IMG_END=3788799 18 | IMG_OFFSET=62914560 # IMG_BS * IMG_START 19 | 20 | # all builds 21 | echo "Auto Pine 0.0" 22 | echo "Reload NFS" 23 | echo "" 24 | 25 | if [ ! -f $SRC_IMG ]; then 26 | echo "No source image. run unpack.sh or download.sh again." 27 | echo "" 28 | exit 1 29 | fi 30 | 31 | if [ ! -d ${PINE_IMGDIR} ]; then 32 | mkdir ${PINE_IMGDIR} 33 | fi 34 | 35 | echo "mounting source image" 36 | mount -o loop,offset=${IMG_OFFSET} ${SRC_IMG} ${PINE_IMGDIR} 37 | 38 | echo "" 39 | echo "copying Pine image" 40 | cp -rav ${PINE_IMGDIR}/* ${NFS_PINEDIR}/ 41 | 42 | echo "" 43 | echo "closing Pine image" 44 | umount ${PINE_IMGDIR} 45 | 46 | echo "" 47 | echo "cleaning up mount points" 48 | rmdir ${PINE_IMGDIR} 49 | -------------------------------------------------------------------------------- /auto-pine/bin/start-edit-session.sh: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | # sanity check 4 | if [[ $UID -ne 0 ]]; then 5 | echo "$0 must be run as root" 6 | exit 1 7 | fi 8 | 9 | #config 10 | WD="./distro" 11 | SRC_IMG="${WD}/pine.img" 12 | 13 | IMG_BS=512 14 | IMG_START=122880 15 | IMG_END=3788799 16 | IMG_OFFSET=62914560 # IMG_BS * IMG_START 17 | 18 | PINE_IMGDIR="/mnt/pine-distro-loop" # pine filesystem mount point 19 | 20 | echo "Auto Pine 0.0" 21 | echo "Start edit session" 22 | echo "" 23 | 24 | if [ ! -f $SRC_IMG ]; then 25 | echo "No source image. run unpack.sh or download.sh again." 26 | echo "" 27 | exit 1 28 | fi 29 | 30 | if [ ! -d ${PINE_IMGDIR} ]; then 31 | mkdir ${PINE_IMGDIR} 32 | fi 33 | 34 | echo "mounting source image" 35 | mount -vo loop,offset=${IMG_OFFSET} ${SRC_IMG} ${PINE_IMGDIR} 36 | 37 | echo "" 38 | echo "You may now edit the filesystem under ${PINE_IMGDIR}" 39 | echo "" 40 | echo "Don't forget to run stop-edit-session.sh in this folder when finished!" 41 | echo "" 42 | -------------------------------------------------------------------------------- /auto-pine/bin/stop-edit-session.sh: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | # sanity check 4 | if [[ $UID -ne 0 ]]; then 5 | echo "$0 must be run as root" 6 | exit 1 7 | fi 8 | 9 | #config 10 | #WD="./distro" 11 | #SRC_IMG="${WD}/pine.img" 12 | PINE_IMGDIR="/mnt/pine-distro-loop" # pine filesystem mount point 13 | 14 | # all builds 15 | echo "Auto Pine 0.0" 16 | echo "Stop Edit Session" 17 | echo "" 18 | 19 | echo "finalizing filesystem image" 20 | umount -v ${PINE_IMGDIR} 21 | 22 | echo "" 23 | echo "cleaning up mount points" 24 | rmdir ${PINE_IMGDIR} 25 | -------------------------------------------------------------------------------- /auto-pine/bin/unpack.sh: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | # config 4 | WD="./distro" 5 | 6 | BASEFN="${WD}/2012-07-15-wheezy-raspbian" 7 | ZIPFN="${BASEFN}.zip" 8 | RASPFN="${BASEFN}.img" 9 | PINEFN="${WD}/pine.img" 10 | 11 | echo "Auto Pine 0.0" 12 | echo "Unpack" 13 | echo "" 14 | echo "Using:" 15 | echo " - Workdir: ${WD}" 16 | echo " - Base: ${BASEFN}" 17 | echo " - ZIP file: ${ZIPFN}" 18 | echo " - Raspbian: ${RASPFN}" 19 | echo " - Pine: ${PINEFN}" 20 | echo "" 21 | 22 | # init 23 | echo "Checking files..." 24 | 25 | # pine image exists 26 | if [ -f "${PINEFN}" ]; then 27 | echo " - pine image exists" 28 | else 29 | echo " - pine image not found" 30 | fi 31 | 32 | # raspbian image exists 33 | if [ -f "${RASPFN}" ]; then 34 | echo " - raspbian image exists" 35 | else 36 | echo " - raspbian image not found" 37 | fi 38 | 39 | # zip exists 40 | if [ -f "${ZIPFN}" ]; then 41 | echo " - zipfile exists" 42 | else 43 | echo " - zipfile not found, aborting unpack. run ./download.sh first." 44 | echo "" 45 | exit 1 46 | fi 47 | 48 | echo "" 49 | echo "Checking SHA1 signature..." 50 | SHA1=`sha1sum ${ZIPFN}` 51 | GOOD="3947412babbf63f9f022f1b0b22ea6a308bb630c" 52 | 53 | if [ "${SHA1}"="${GOOD}" ]; then 54 | echo "SHA1 signature matches, unpacking..." 55 | unzip ${ZIPFN} -d ${WD} 56 | 57 | else 58 | echo "Bad SHA1 signature, aborting unpack." 59 | echo "" 60 | exit 1 61 | fi 62 | 63 | echo "" 64 | ./bin/first_build.sh 65 | -------------------------------------------------------------------------------- /auto-pine/defaults/boot/cmdline.txt: -------------------------------------------------------------------------------- 1 | dwc_otg.lpm_enable=0 console=ttyAMA0,115200 kgdboc=ttyAMA0,115200 console=tty1 root=/dev/nfs nfsroot=192.168.1.1:/opt/pine-distro-nfs ip=dhcp rootfstype=nfs 2 | -------------------------------------------------------------------------------- /auto-pine/defaults/stage-1/etc/init.d/start_pine_daemons.sh: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | # Taken from: http://www.debian-administration.org/articles/28 3 | case "$1" in 4 | start) 5 | input-event-daemon 6 | echo "Running input-event-daemon" 7 | ;; 8 | stop) 9 | echo "TODO: Kill input-event-daemon" 10 | ;; 11 | *) 12 | echo "Usage: sh /etc/init.d/start_pine_daemons.sh {start|stop}" 13 | exit 1 14 | ;; 15 | esac 16 | 17 | exit 0 18 | -------------------------------------------------------------------------------- /auto-pine/defaults/stage-1/etc/inittab: -------------------------------------------------------------------------------- 1 | # /etc/inittab: init(8) configuration. 2 | # $Id: inittab,v 1.91 2002/01/25 13:35:21 miquels Exp $ 3 | 4 | # The default runlevel. 5 | id:2:initdefault: 6 | 7 | # Boot-time system configuration/initialization script. 8 | # This is run first except when booting in emergency (-b) mode. 9 | si::sysinit:/etc/init.d/rcS 10 | 11 | # What to do in single-user mode. 12 | ~~:S:wait:/sbin/sulogin 13 | 14 | # /etc/init.d executes the S and K scripts upon change 15 | # of runlevel. 16 | # 17 | # Runlevel 0 is halt. 18 | # Runlevel 1 is single-user. 19 | # Runlevels 2-5 are multi-user. 20 | # Runlevel 6 is reboot. 21 | 22 | l0:0:wait:/etc/init.d/rc 0 23 | l1:1:wait:/etc/init.d/rc 1 24 | l2:2:wait:/etc/init.d/rc 2 25 | l3:3:wait:/etc/init.d/rc 3 26 | l4:4:wait:/etc/init.d/rc 4 27 | l5:5:wait:/etc/init.d/rc 5 28 | l6:6:wait:/etc/init.d/rc 6 29 | # Normally not reached, but fallthrough in case of emergency. 30 | z6:6:respawn:/sbin/sulogin 31 | 32 | # What to do when CTRL-ALT-DEL is pressed. 33 | ca:12345:ctrlaltdel:/sbin/shutdown -t1 -a -r now 34 | 35 | # Action on special keypress (ALT-UpArrow). 36 | #kb::kbrequest:/bin/echo "Keyboard Request--edit /etc/inittab to let this work." 37 | 38 | # What to do when the power fails/returns. 39 | pf::powerwait:/etc/init.d/powerfail start 40 | pn::powerfailnow:/etc/init.d/powerfail now 41 | po::powerokwait:/etc/init.d/powerfail stop 42 | 43 | # /sbin/getty invocations for the runlevels. 44 | # 45 | # The "id" field MUST be the same as the last 46 | # characters of the device (after "tty"). 47 | # 48 | # Format: 49 | # ::: 50 | # 51 | # Note that on most Debian systems tty7 is used by the X Window System, 52 | # so if you want to add more getty's go ahead but skip tty7 if you run X. 53 | # 54 | #1:2345:respawn:/sbin/getty --noclear 38400 tty1 # RPICFG_TO_ENABLE 55 | 1:2345:respawn:/bin/login -f root tty1 /dev/tty1 2>&1 # RPICFG_TO_DISABLE 56 | 2:23:respawn:/sbin/getty 38400 tty2 57 | 3:23:respawn:/sbin/getty 38400 tty3 58 | 4:23:respawn:/sbin/getty 38400 tty4 59 | 5:23:respawn:/sbin/getty 38400 tty5 60 | 6:23:respawn:/sbin/getty 38400 tty6 61 | 62 | # Example how to put a getty on a serial line (for a terminal) 63 | # 64 | #T0:23:respawn:/sbin/getty -L ttyS0 9600 vt100 65 | #T1:23:respawn:/sbin/getty -L ttyS1 9600 vt100 66 | 67 | # Example how to put a getty on a modem line. 68 | # 69 | #T3:23:respawn:/sbin/mgetty -x0 -s 57600 ttyS3 70 | 71 | 72 | #Spawn a getty on Raspberry Pi serial line 73 | T0:23:respawn:/sbin/getty -L ttyAMA0 115200 vt100 74 | -------------------------------------------------------------------------------- /auto-pine/defaults/stage-1/root/.bashrc: -------------------------------------------------------------------------------- 1 | /bin/bash /root/setup/pine_setup.sh 2 | -------------------------------------------------------------------------------- /auto-pine/defaults/stage-1/root/setup/pine_setup.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | 3 | # Run in Raspbian. 4 | # RUN THIS AS ROOT. 5 | # 6 | # Sets up Raspbian environment and gets packages for Pine. 7 | 8 | if [[ $UID -ne 0 ]]; then 9 | echo "$0 must be run as root" 10 | exit 1 11 | fi 12 | 13 | 14 | ####### SET UP SOURCES 15 | echo 16 | echo "*** Stage 1 ***" 17 | echo 18 | 19 | echo \ 20 | "deb http://archive.raspbian.org/raspbian wheezy main contrib non-free rpi 21 | deb-src http://archive.raspbian.org/raspbian wheezy main contrib non-free rpi 22 | deb http://archive.raspbian.org/mate wheezy main" \ 23 | | cat > /etc/apt/sources.list 24 | 25 | # Add GPG key 26 | wget http://archive.raspbian.org/raspbian.public.key -O - | sudo apt-key add - 27 | 28 | apt-get update 29 | 30 | 31 | ####### GET DEPENDENCIES 32 | echo 33 | echo "*** Stage 2 ***" 34 | echo 35 | 36 | apt-get --yes --force-yes install curl xorg nodejs openssh-server git-core vim 37 | 38 | # Install rpi-update (https://github.com/Hexxeh/rpi-update/) 39 | wget http://goo.gl/1BOfJ -O /usr/bin/rpi-update && chmod +x /usr/bin/rpi-update 40 | 41 | # Install input-event-daemon 42 | git clone git://github.com/gandro/input-event-daemon.git /usr/local/lib/input-event-daemon 43 | cd /usr/local/lib/input-event-daemon 44 | make 45 | make install 46 | 47 | 48 | ####### INSTALL CHROMIUM 49 | echo 50 | echo "*** Stage 3 ***" 51 | echo 52 | 53 | # Install Hexxeh's Chromium. (http://hexxeh.net/?p=328117859) 54 | #bash <(curl -sL http://goo.gl/go5yx) # BROKEN 55 | 56 | ### COPY OF install_chromium.sh STARTS ### 57 | # From http://hexxeh.net/?p=328117859 58 | sudo apt-get install -y --force-yes libnss3 libxrender1 libxss1 libgtk2.0-0 libgconf2-4 59 | sudo mkdir -p /opt/google/ 60 | cd /opt/google 61 | sudo wget http://distribution-us.hexxeh.net/chromium-rpi/chromium-rpi-r22.tar.gz -O chromium-rpi.tar.gz 62 | sudo tar xvf chromium-rpi.tar.gz 63 | sudo chown root:root chrome/chrome-sandbox 64 | sudo chmod 4755 chrome/chrome-sandbox 65 | sudo rm -rf /usr/bin/chrome 66 | sudo ln -s /opt/google/chrome/chrome /usr/bin/chrome 67 | ### COPY OF install_chromium.sh ENDS ### 68 | 69 | ####### SSH 70 | echo 71 | echo "*** Stage 4 ***" 72 | echo 73 | 74 | # Make a safe backup. 75 | cp /etc/ssh/sshd_config /etc/ssh/sshd_config.original 76 | chmod a-w /etc/ssh/sshd_config.original 77 | 78 | 79 | ####### PERFORMANCE HACKS 80 | echo 81 | echo "*** Stage 5 ***" 82 | echo 83 | 84 | # Tweak the RPi memory allocation. Reboot for this to take effect. 85 | rpi-update 224 86 | 87 | 88 | ####### PINE USER CREATION 89 | echo 90 | echo "*** Stage 6 ***" 91 | echo 92 | 93 | # Create the user "pine-user" 94 | useradd -m -s /bin/bash pine-user 95 | 96 | # Files copied in via auto-pine stage 2 97 | 98 | ####### BOOTUP 99 | echo 100 | echo "*** Stage 7 ***" 101 | echo 102 | 103 | # At bootup, login as pine-user without a password prompt. 104 | # http://www.debianadmin.com/how-to-auto-login-and-startx-without-a-display-manager-in-debian.html 105 | # It looks fancy. It's just a find-and-replace. 106 | cp /etc/inittab /etc/inittab.original 107 | 108 | #sed -i 's/1:2345:respawn:\/sbin\/getty 38400 tty1/#1:2345:respawn:\/sbin\/getty 38400 tty1\n1:2345:respawn:\/bin\/login -f pine-user tty1 <\/dev\/tty1 >\/dev\/tty1 2>\&1/' /etc/inittab 109 | #perl -pi -e 's/1:2345:respawn:\/sbin\/getty 38400 tty1/#1:2345:respawn:\/sbin\/getty 38400 tty1\n1:2345:respawn:\/bin\/login -f pine-user tty1 <\/dev\/tty1 >\/dev\/tty1 2>\&1/' /etc/inittab 110 | 111 | ####### INPUT DAEMON 112 | 113 | echo 114 | echo "*** Stage 8 ***" 115 | echo 116 | 117 | echo \ 118 | "[Global] 119 | listen = /dev/input/event0 120 | listen = /dev/input/event1 121 | 122 | [Keys] 123 | ESC = sh /home/pine-user/kill_chrome.sh" \ 124 | | cat > /etc/input-event-daemon.conf 125 | 126 | cd /etc/init.d/ 127 | chmod 755 start_pine_daemons.sh 128 | update-rc.d start_pine_daemons.sh defaults 129 | 130 | echo 131 | echo "*** FINISHED***" 132 | echo "Reboot to run Pine" 133 | echo 134 | reboot 135 | -------------------------------------------------------------------------------- /auto-pine/defaults/stage-2/etc/inittab: -------------------------------------------------------------------------------- 1 | # /etc/inittab: init(8) configuration. 2 | # $Id: inittab,v 1.91 2002/01/25 13:35:21 miquels Exp $ 3 | 4 | # The default runlevel. 5 | id:2:initdefault: 6 | 7 | # Boot-time system configuration/initialization script. 8 | # This is run first except when booting in emergency (-b) mode. 9 | si::sysinit:/etc/init.d/rcS 10 | 11 | # What to do in single-user mode. 12 | ~~:S:wait:/sbin/sulogin 13 | 14 | # /etc/init.d executes the S and K scripts upon change 15 | # of runlevel. 16 | # 17 | # Runlevel 0 is halt. 18 | # Runlevel 1 is single-user. 19 | # Runlevels 2-5 are multi-user. 20 | # Runlevel 6 is reboot. 21 | 22 | l0:0:wait:/etc/init.d/rc 0 23 | l1:1:wait:/etc/init.d/rc 1 24 | l2:2:wait:/etc/init.d/rc 2 25 | l3:3:wait:/etc/init.d/rc 3 26 | l4:4:wait:/etc/init.d/rc 4 27 | l5:5:wait:/etc/init.d/rc 5 28 | l6:6:wait:/etc/init.d/rc 6 29 | # Normally not reached, but fallthrough in case of emergency. 30 | z6:6:respawn:/sbin/sulogin 31 | 32 | # What to do when CTRL-ALT-DEL is pressed. 33 | ca:12345:ctrlaltdel:/sbin/shutdown -t1 -a -r now 34 | 35 | # Action on special keypress (ALT-UpArrow). 36 | #kb::kbrequest:/bin/echo "Keyboard Request--edit /etc/inittab to let this work." 37 | 38 | # What to do when the power fails/returns. 39 | pf::powerwait:/etc/init.d/powerfail start 40 | pn::powerfailnow:/etc/init.d/powerfail now 41 | po::powerokwait:/etc/init.d/powerfail stop 42 | 43 | # /sbin/getty invocations for the runlevels. 44 | # 45 | # The "id" field MUST be the same as the last 46 | # characters of the device (after "tty"). 47 | # 48 | # Format: 49 | # ::: 50 | # 51 | # Note that on most Debian systems tty7 is used by the X Window System, 52 | # so if you want to add more getty's go ahead but skip tty7 if you run X. 53 | # 54 | #1:2345:respawn:/sbin/getty --noclear 38400 tty1 # RPICFG_TO_ENABLE 55 | 1:2345:respawn:/bin/login -f pine-user tty1 /dev/tty1 2>&1 # RPICFG_TO_DISABLE 56 | 2:23:respawn:/sbin/getty 38400 tty2 57 | 3:23:respawn:/sbin/getty 38400 tty3 58 | 4:23:respawn:/sbin/getty 38400 tty4 59 | 5:23:respawn:/sbin/getty 38400 tty5 60 | 6:23:respawn:/sbin/getty 38400 tty6 61 | 62 | # Example how to put a getty on a serial line (for a terminal) 63 | # 64 | #T0:23:respawn:/sbin/getty -L ttyS0 9600 vt100 65 | #T1:23:respawn:/sbin/getty -L ttyS1 9600 vt100 66 | 67 | # Example how to put a getty on a modem line. 68 | # 69 | #T3:23:respawn:/sbin/mgetty -x0 -s 57600 ttyS3 70 | 71 | 72 | #Spawn a getty on Raspberry Pi serial line 73 | T0:23:respawn:/sbin/getty -L ttyAMA0 115200 vt100 74 | -------------------------------------------------------------------------------- /auto-pine/defaults/stage-2/home/pine-user/.bashrc: -------------------------------------------------------------------------------- 1 | node pine.js & startx /opt/google/chrome/chrome --kiosk --disable-ipv6 --window-size=640,480 http://127.0.0.1:4444/ #VGA 2 | #node pine.js & startx /opt/google/chrome/chrome --kiosk --disable-ipv6 --window-size=1280,720 http://127.0.0.1:4444/ #720p 3 | #node pine.js & startx /opt/google/chrome/chrome --kiosk --disable-ipv6 --window-size=1600,900 http://127.0.0.1:4444/ #900p 4 | #node pine.js & startx /opt/google/chrome/chrome --kiosk --disable-ipv6 --window-size=1920,1080 http://127.0.0.1:4444/ #1080i,1080p 5 | -------------------------------------------------------------------------------- /auto-pine/defaults/stage-2/home/pine-user/htdocs/css/app.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/psema4/pine/a037a28933ecb307cb11ef60596b6ee9519b1879/auto-pine/defaults/stage-2/home/pine-user/htdocs/css/app.css -------------------------------------------------------------------------------- /auto-pine/defaults/stage-2/home/pine-user/htdocs/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Welcome To Pine 5 | 6 | 7 | 8 | 9 | 10 |

Welcome to Pine

11 | 12 | 13 | -------------------------------------------------------------------------------- /auto-pine/defaults/stage-2/home/pine-user/htdocs/js/app.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/psema4/pine/a037a28933ecb307cb11ef60596b6ee9519b1879/auto-pine/defaults/stage-2/home/pine-user/htdocs/js/app.js -------------------------------------------------------------------------------- /auto-pine/defaults/stage-2/home/pine-user/kill_chrome.sh: -------------------------------------------------------------------------------- 1 | #! /bin/sh 2 | 3 | # Kills Chrome 4 | # http://www.commandlinefu.com/commands/view/1138/ps-ef-grep-process-grep-v-grep-awk-print-2-xargs-kill-9 5 | ps aux | grep xinit.*chrome | awk '{print $2}'| xargs kill; 6 | -------------------------------------------------------------------------------- /auto-pine/defaults/stage-2/home/pine-user/pine.js: -------------------------------------------------------------------------------- 1 | var debug = false, 2 | http = require('http'), 3 | fs = require('fs'), 4 | util = require('util'), 5 | server = { 6 | host: '127.0.0.1', 7 | port: 4444 8 | }, 9 | defaultMimeType = 'txt', 10 | mimeTypes = { 11 | html: 'text/html', 12 | txt: 'text/plain', 13 | js: 'text/javascript', 14 | css: 'text/css', 15 | jpg: 'image/jpeg', 16 | gif: 'image/gif', 17 | png: 'image/png' 18 | } 19 | ; 20 | 21 | http.createServer(function (req, res) { 22 | if (debug) { 23 | console.log('dumping request:'); 24 | console.log(util.inspect(req)); 25 | } 26 | 27 | var resource = req.url; 28 | if (resource == '/') resource = '/index.html'; 29 | 30 | var extension = resource.split('.').pop(); 31 | 32 | if (! mimeTypes[extension]) extension = defaultMimeType; 33 | 34 | fs.readFile('./htdocs' + resource, function (err, data) { 35 | if (err) { 36 | res.writeHead(500, {'Content-Type': mimeTypes.txt}); 37 | res.end('Error\n'); 38 | console.log(err); 39 | } else { 40 | res.writeHead(200, {'Content-Type': mimeTypes[extension]}); 41 | res.end(data); 42 | } 43 | }); 44 | }).listen(server.port, server.host); 45 | 46 | console.log('Server running at http://' + server.host + ':' + server.port + '/'); 47 | -------------------------------------------------------------------------------- /auto-pine/distro/.gitignore: -------------------------------------------------------------------------------- 1 | *.img 2 | *.part 3 | *.zip 4 | *.torrent 5 | *.~ 6 | *.swp 7 | -------------------------------------------------------------------------------- /auto-pine/distro/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/psema4/pine/a037a28933ecb307cb11ef60596b6ee9519b1879/auto-pine/distro/README.md -------------------------------------------------------------------------------- /auto-pine/distro/clean.sh: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | # destroy existing pine images 4 | rm -f *.img 5 | rm -f *.part 6 | 7 | if [ -f ../pine.sh ]; then 8 | rm ../pine.sh 9 | fi 10 | 11 | echo "run unpack to create a new pine distro" 12 | -------------------------------------------------------------------------------- /auto-pine/kernel-qemu: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/psema4/pine/a037a28933ecb307cb11ef60596b6ee9519b1879/auto-pine/kernel-qemu -------------------------------------------------------------------------------- /ui/README.md: -------------------------------------------------------------------------------- 1 | # UI 2 | 3 | To play with the Pine UI the UI in your desktop browser, you need to start the 4 | test server: 5 | 6 | ```` 7 | $: node dev-server.js 8 | ```` 9 | 10 | And navigate to `http://localhost:5000/` in your browser. 11 | -------------------------------------------------------------------------------- /ui/dev-server.js: -------------------------------------------------------------------------------- 1 | var fs = require('fs'); 2 | var express = require('express'); 3 | var mustache = require('mustache'); 4 | var packageMeta = require(__dirname + '/lib/package-meta.js'); 5 | 6 | 7 | var server = express(); 8 | 9 | server.get('/', function (req, res) { 10 | var template = fs.readFileSync(__dirname + '/index.html', 'utf8'); 11 | var packageData = { 12 | 'packageList': packageMeta.getPackageList() 13 | }; 14 | var html = mustache.to_html(template, packageData); 15 | res.send(html); 16 | }); 17 | 18 | server.use('/public', express.static(__dirname + '/public')); 19 | server.use('/packages', express.static(__dirname + '/packages')); 20 | server.use('/api', express.static(__dirname + '/../api')); 21 | 22 | server.listen(5000); 23 | 24 | console.log('Pine dev server is now listening on port 5000.'); 25 | console.log('Press ctrl+c to kill the server.'); 26 | -------------------------------------------------------------------------------- /ui/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Pine 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 |

Hello. Welcome to Pine.

16 | 63 |
64 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | -------------------------------------------------------------------------------- /ui/lib/package-meta.js: -------------------------------------------------------------------------------- 1 | require('shelljs/global'); 2 | 3 | var fs = require('fs'); 4 | var jsonParse = require('json-parse'); 5 | var _ = require('underscore'); 6 | 7 | 8 | var PACKAGE_DIRECTORY = 'packages'; 9 | var JSON_FILE_NAME = 'pine-package.json'; 10 | 11 | function getJsonList () { 12 | var jsonList = []; 13 | var packageList = ls(PACKAGE_DIRECTORY); 14 | 15 | packageList.forEach(function (packageDir) { 16 | var jsonPath = [PACKAGE_DIRECTORY, packageDir, JSON_FILE_NAME].join('/'); 17 | 18 | // "-e" tests for path existence. 19 | if (test('-e', jsonPath)) { 20 | jsonList.push(jsonPath); 21 | } 22 | }); 23 | 24 | return jsonList; 25 | } 26 | 27 | 28 | function getPackageData () { 29 | var jsonList = getJsonList(); 30 | var packageData = {}; 31 | 32 | jsonList.forEach(function (jsonPath) { 33 | try { 34 | packageData[jsonPath] = jsonParse.sync(jsonPath); 35 | _.extend(packageData[jsonPath], { 36 | 'path': jsonPath.split('/').slice(0, -1).join('/') 37 | }); 38 | } catch (ex) { 39 | console.log(ex); 40 | } 41 | }); 42 | 43 | return packageData; 44 | } 45 | 46 | 47 | function getPackageList () { 48 | var packageData = getPackageData(); 49 | var packageKeys = _.keys(packageData); 50 | var sortedKeys = packageKeys.sort(); 51 | var packageList = []; 52 | 53 | sortedKeys.forEach(function (package) { 54 | packageList.push(packageData[package]); 55 | }); 56 | 57 | return packageList; 58 | } 59 | 60 | 61 | exports.getPackageList = getPackageList; 62 | -------------------------------------------------------------------------------- /ui/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "pine-ui", 3 | "version": "0.0.1", 4 | "description": "The user interface for Pine", 5 | "scripts": { 6 | "test": "echo \"Error: no test specified\" && exit 1" 7 | }, 8 | "repository": { 9 | "type": "git", 10 | "url": "https://github.com/jeremyckahn/pine.git" 11 | }, 12 | "devDependencies": { 13 | "express": "*", 14 | "shelljs": "*", 15 | "json-parse": "*", 16 | "underscore": "*", 17 | "mustache": "*" 18 | }, 19 | "author": "Jeremy Kahn" 20 | } 21 | -------------------------------------------------------------------------------- /ui/packages/benchmark/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Pine 6 | 7 | 8 | 9 | 10 | 11 | 40 |

Pine performance test

41 |
42 |
43 |
Frames per second:
44 |
45 |
46 |
47 |
Squares
48 |
0
49 |
50 | 51 | 52 | 53 | 54 | 55 | 56 | -------------------------------------------------------------------------------- /ui/packages/benchmark/js/src/benchmark.js: -------------------------------------------------------------------------------- 1 | ;(function (global) { 2 | 3 | 'use strict'; 4 | 5 | 6 | var onTick = function () {}; 7 | var docEl = document.documentElement; 8 | var testName = document.getElementById('test-name'); 9 | var framerateOutput = document.getElementById('framerate-output'); 10 | var squareCountOutput = document.getElementById('square-count-output'); 11 | var squareCountOutputDD = squareCountOutput.querySelector('dd'); 12 | var scratch = document.getElementById('scratch'); 13 | 14 | var framerate = new Framerate(); 15 | framerate.onUpdate = function (rate) { 16 | framerateOutput.textContent = rate; 17 | }; 18 | 19 | // Set up event listeners if we are running the game directly (not via the 20 | // Pine interface). 21 | if (pine.env.isDev) { 22 | ['keydown', 'keyup'].forEach(function (eventName) { 23 | docEl.addEventListener(eventName, function (evt) { 24 | if (evt.which === 8) { // backspace 25 | evt.preventDefault(); 26 | } 27 | }); 28 | }); 29 | } 30 | 31 | 32 | // HELPER FUNCTIONS 33 | // 34 | 35 | 36 | function tick () { 37 | webkitRequestAnimationFrame(tick); 38 | onTick(); 39 | framerate.tick(); 40 | } 41 | 42 | 43 | /** 44 | * @return {Array.} 45 | */ 46 | function getChildren (parent) { 47 | var children = parent.children; 48 | return Array.prototype.slice.call(children, 0); 49 | } 50 | 51 | 52 | /** 53 | * @return {string} 54 | */ 55 | function getRandomColorString () { 56 | return 'rgb(' 57 | + Math.floor(Math.random() * 256) + ',' 58 | + Math.floor(Math.random() * 256) + ',' 59 | + Math.floor(Math.random() * 256) + ')'; 60 | } 61 | 62 | 63 | // BENCHMARK HELPERS 64 | // 65 | 66 | 67 | function updateSquareCount () { 68 | squareCountOutputDD.textContent = getChildren(scratch).length; 69 | } 70 | 71 | 72 | function addRotatingDiv () { 73 | var div = document.createElement('div'); 74 | div.classList.add('js-rotator'); 75 | div.style.backgroundColor = getRandomColorString(); 76 | div.style.left = (Math.random() * 90) + '%'; 77 | div.style.top = (Math.random() * 90) + '%'; 78 | div.style.webkitTransform = 'rotate(0deg)'; 79 | scratch.appendChild(div); 80 | var childCount = getChildren(scratch).length; 81 | updateSquareCount(); 82 | } 83 | 84 | 85 | function removeRotatingDiv () { 86 | var children = getChildren(scratch); 87 | 88 | if (children.length) { 89 | var lastChild = children[children.length - 1]; 90 | scratch.removeChild(lastChild); 91 | updateSquareCount(); 92 | } 93 | } 94 | 95 | 96 | function rotatingDivsBenchmarkOnTick () { 97 | if (pine.gamepad.downKeys.R1) { 98 | addRotatingDiv(); 99 | } 100 | 101 | if (pine.gamepad.downKeys.L1) { 102 | removeRotatingDiv(); 103 | } 104 | 105 | var childrenArr = getChildren(scratch); 106 | childrenArr.forEach(function (child) { 107 | var currentTransform = child.style.webkitTransform; 108 | var currentRotation = +currentTransform.match(/\d+/)[0]; 109 | var newRotation = ++currentRotation % 360; 110 | child.style.webkitTransform = 'rotate(' + newRotation + 'deg)'; 111 | }); 112 | } 113 | 114 | 115 | // BENCHMARKS 116 | // 117 | 118 | function runRotatingDivsBenchmark () { 119 | docEl.addEventListener('keydown', function (evt) { 120 | var keycode = evt.which; 121 | if (keycode === 32) { // space 122 | addRotatingDiv(); 123 | } else if (keycode === 8) { // backspace 124 | removeRotatingDiv(); 125 | } 126 | }); 127 | 128 | onTick = rotatingDivsBenchmarkOnTick; 129 | squareCountOutput.style.display = 'block'; 130 | } 131 | 132 | 133 | // Test init logic 134 | testName.textContent += ' - Rotating Divs'; 135 | runRotatingDivsBenchmark(); 136 | tick(); 137 | 138 | } (this)); 139 | -------------------------------------------------------------------------------- /ui/packages/benchmark/js/src/framerate.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Framerate.js 3 | * 4 | * A minimalistic framerate monitor in JavaScript. 5 | * by Jeremy Kahn (jeremyckahn@gmail.com) 6 | * MIT License. 7 | * 8 | * Usage: 9 | * 10 | * var framerate = new Framerate(); 11 | * framerate.onUpdate = function (rate) { 12 | * console.log(rate); 13 | * }; 14 | * 15 | * 16 | * And then, somewhere in your application code, do this once per animation 17 | * frame: 18 | * 19 | * framerate.tick(); 20 | */ 21 | ;(function (global) { 22 | 23 | 'use strict'; 24 | 25 | 26 | function noop () {} 27 | 28 | 29 | /** 30 | * @return {number} 31 | */ 32 | function now () { 33 | return +new Date(); 34 | } 35 | 36 | 37 | /** 38 | * @param {Framerate} framerate 39 | * @param {number} newEpoch 40 | */ 41 | function recycle (framerate, newEpoch) { 42 | framerate._ticksAccumulated = 0; 43 | framerate._cycleEpoch = newEpoch; 44 | } 45 | 46 | 47 | /** 48 | * @param {Framerate} framerate 49 | */ 50 | function calculateFramerate (framerate) { 51 | var oldEpoch = framerate._cycleEpoch; 52 | var newEpoch = now(); 53 | var delta = newEpoch - oldEpoch; 54 | var scaledDelta = delta / 1000; 55 | framerate.rate = framerate._ticksAccumulated / scaledDelta; 56 | recycle(framerate, newEpoch); 57 | } 58 | 59 | 60 | /** 61 | * @param {Framerate} framerate 62 | */ 63 | function scheduleRecalculation (framerate) { 64 | framerate._updateHandle = setTimeout(function () { 65 | scheduleRecalculation(framerate); 66 | calculateFramerate(framerate); 67 | framerate.onUpdate(framerate.rate); 68 | }, framerate._sampleRate); 69 | } 70 | 71 | 72 | /** 73 | * @param {Object?} opts 74 | * @param {number} sampleRate 75 | * @constructor 76 | */ 77 | var Framerate = global.Framerate = function (opts) { 78 | opts = opts || {}; 79 | 80 | /** @type {number} */ 81 | this._ticksAccumulated = 0; 82 | 83 | /** @type {number} */ 84 | this._sampleRate = opts.sampleRate || 500; 85 | 86 | /** @type {number} */ 87 | this._cycleEpoch = now(); 88 | 89 | /** @type {number} */ 90 | this._updateHandle = null; 91 | 92 | /** @type {number} */ 93 | this.rate = null; 94 | 95 | /** @type {function} */ 96 | this.onUpdate = noop; 97 | 98 | scheduleRecalculation(this); 99 | }; 100 | 101 | 102 | var fn = Framerate.prototype; 103 | 104 | 105 | fn.tick = function () { 106 | this._ticksAccumulated++; 107 | }; 108 | 109 | } (this)); 110 | -------------------------------------------------------------------------------- /ui/packages/benchmark/pine-package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Rotation Benchmark", 3 | "version": "0.0.1" 4 | } 5 | -------------------------------------------------------------------------------- /ui/packages/gamepad/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Gamepad API test 5 | 6 | 7 | 31 | 32 | 33 | 34 | 35 | -------------------------------------------------------------------------------- /ui/packages/gamepad/pine-package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Gamepad Test", 3 | "version": "0.0.1" 4 | } 5 | -------------------------------------------------------------------------------- /ui/packages/sample_game/css/game.css: -------------------------------------------------------------------------------- 1 | #game-container { 2 | padding: 20px; 3 | } 4 | -------------------------------------------------------------------------------- /ui/packages/sample_game/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Pine 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 |

Hi! I'm a sample game!

15 |
16 |
Up:
17 |
18 |
Down:
19 |
20 |
Left:
21 |
22 |
Right:
23 |
24 |
Start:
25 |
26 |
Select:
27 |
28 |
B:
29 |
30 |
A:
31 |
32 |
Y:
33 |
34 |
X:
35 |
36 |
L1:
37 |
38 |
R1:
39 |
40 |
L2:
41 |
42 |
R2:
43 |
44 |
L3:
45 |
46 |
R3:
47 |
48 |
49 |
50 | 51 | 52 | 53 | 54 | 55 | -------------------------------------------------------------------------------- /ui/packages/sample_game/js/src/key-input-demo.js: -------------------------------------------------------------------------------- 1 | ;(function (global, pine) { 2 | var gamepadButtonDts = document.querySelectorAll('#gamepad-button-list dt'); 3 | var dtsArray = Array.prototype.slice.call(gamepadButtonDts, 0); 4 | 5 | (function tick () { 6 | global.webkitRequestAnimationFrame(tick); 7 | 8 | dtsArray.forEach(function (buttonDt) { 9 | buttonDt.nextElementSibling.textContent = 10 | (buttonDt.dataset.buttonname in pine.gamepad.downKeys) 11 | ? 'Down' 12 | : 'Up'; 13 | }); 14 | }()); 15 | 16 | } (this, this.pine)); 17 | -------------------------------------------------------------------------------- /ui/packages/sample_game/pine-package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Sample Game", 3 | "version": "0.0.1" 4 | } 5 | -------------------------------------------------------------------------------- /ui/public/css/pine-animations.css: -------------------------------------------------------------------------------- 1 | @-webkit-keyframes main-menu-selector-ring { 2 | 0% { -webkit-box-shadow: inset 0 0 12px 2px #008eff; } 3 | 100% { -webkit-box-shadow: inset 0 0 24px 2px #008eff; } 4 | } 5 | -------------------------------------------------------------------------------- /ui/public/css/pine.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Gradients from: http://www.colorzilla.com/gradient-editor/ 3 | * Box shadows from: http://css3gen.com/box-shadow/ 4 | **/ 5 | h1.welcome { 6 | margin-bottom: 40px; 7 | text-align: center; 8 | } 9 | 10 | ul { 11 | list-style: none; 12 | margin: 0; 13 | } 14 | 15 | #pine-container { 16 | padding-top: 30px; 17 | } 18 | 19 | /** GAME CONTAINER STYLES START */ 20 | #game-container { 21 | visibility: hidden; 22 | position: fixed; 23 | height: 100%; 24 | left: -9999em; 25 | opacity: 0; 26 | top: 0; 27 | width: 100%; 28 | -webkit-transition: opacity; 29 | -webkit-transition-duration: 400ms; 30 | } 31 | 32 | #game-container.playing { 33 | visibility: visible; 34 | left: 0; 35 | opacity: 1; 36 | } 37 | 38 | /* This must come after #game-container.playing */ 39 | #game-container.exiting { 40 | opacity: 0; 41 | } 42 | 43 | #game-container .input-proxy { 44 | height: inherit; 45 | position: absolute; 46 | left: 0; 47 | top: 0; 48 | width: inherit; 49 | } 50 | 51 | #game-container .input-proxy .key-proxy { 52 | position: absolute; 53 | left: -9999em; 54 | } 55 | 56 | #game-container iframe { 57 | border: none; 58 | height: inherit; 59 | width: inherit; 60 | } 61 | /** GAME CONTAINER STYLES END */ 62 | 63 | /** MENU STYLES START */ 64 | .main-menu { 65 | margin: auto 0; 66 | overflow: hidden; 67 | vertical-align: top; 68 | } 69 | 70 | .main-menu .main-menu-btn-array { 71 | margin: 0 auto; 72 | overflow: auto; 73 | position: relative; 74 | width: 960px; 75 | } 76 | 77 | .main-menu .main-menu-btn-array li { 78 | float: left; 79 | margin: 0 25px 35px; 80 | } 81 | 82 | .main-menu.wide .main-menu-btn-array li { 83 | margin-left: 0; 84 | margin-right: 0; 85 | width: 100%; 86 | } 87 | 88 | .main-menu .main-menu-btn { 89 | border-radius: 30px; 90 | font-size: 34px; 91 | height: 120px; 92 | line-height: 1.25em; 93 | width: 260px; 94 | } 95 | 96 | .main-menu.wide .main-menu-btn { 97 | width: 100%; 98 | } 99 | 100 | .main-menu .main-menu-btn.selected, 101 | .main-menu .main-menu-btn:focus { 102 | outline: none; 103 | -webkit-box-shadow: inset 0 0 12px 2px #008eff; 104 | -webkit-animation-direction: alternate; 105 | -webkit-animation-duration: 1800ms; 106 | -webkit-animation-iteration-count: infinite; 107 | -webkit-animation-name: main-menu-selector-ring; 108 | -webkit-animation-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955); 109 | } 110 | 111 | .menu-pager { 112 | margin: 0 auto; 113 | overflow: hidden; 114 | position: relative; 115 | width: 960px; 116 | } 117 | 118 | .menu-pager .menu-pager-rail { 119 | position: relative; 120 | -webkit-transition: left; 121 | -webkit-transition-duration: 350ms; 122 | } 123 | 124 | #main-menus { 125 | opacity: 0; 126 | } 127 | 128 | .loaded #main-menus { 129 | opacity: 1; 130 | -webkit-transition: opacity; 131 | -webkit-transition-duration: 750ms; 132 | } 133 | /** MENU STYLES END */ 134 | 135 | /** KEYBOARD STYLES START */ 136 | .pine-keyboard-scrim { 137 | background: #333; 138 | bottom: 0; 139 | left: 0; 140 | position: absolute; 141 | opacity: .5; 142 | right: 0; 143 | top: 0; 144 | } 145 | 146 | .pine-keyboard-textarea-container { 147 | font-size: 1.4em; 148 | left: 0; 149 | position: absolute; 150 | top: 30%; 151 | width: 100%; 152 | } 153 | 154 | .pine-keyboard-textarea-container textarea{ 155 | display: block; 156 | font-size: inherit; 157 | height: 4.2em; 158 | margin: 0 auto; 159 | } 160 | 161 | .pine-keyboard-layout-grid { 162 | } 163 | 164 | .pine-keyboard-layout-grid table { 165 | border-radius: 5px; 166 | font-family: courier; 167 | margin: 20px auto 0; 168 | padding: 14px; 169 | text-align: center; 170 | 171 | background: -moz-linear-gradient(top, #f0f9ff 0%, #d3d3d3 100%); /* FF3.6+ */ 172 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */ 173 | background: -webkit-linear-gradient(top, #f0f9ff 0%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */ 174 | background: -o-linear-gradient(top, #f0f9ff 0%,#d3d3d3 100%); /* Opera 11.10+ */ 175 | background: -ms-linear-gradient(top, #f0f9ff 0%,#d3d3d3 100%); /* IE10+ */ 176 | background: linear-gradient(to bottom, #f0f9ff 0%,#d3d3d3 100%); /* W3C */ 177 | 178 | -webkit-box-shadow: 1px 0px 20px rgba(50, 50, 50, 0.8); 179 | -moz-box-shadow: 1px 0px 20px rgba(50, 50, 50, 0.8); 180 | box-shadow: 1px 0px 20px rgba(50, 50, 50, 0.8); 181 | } 182 | 183 | .pine-keyboard-selected-key { 184 | background: rgba(0, 200, 255, 1); 185 | 186 | -webkit-box-shadow: 0px 0px 3px 3px rgba(0, 200, 255, 1); 187 | -moz-box-shadow: 0px 0px 3px 3px rgba(0, 200, 255, 1); 188 | box-shadow: 0px 0px 3px 3px rgba(0, 200, 255, 1); 189 | } 190 | 191 | /** KEYBOARD STYLES END */ 192 | 193 | /** DEBUG STYLES START */ 194 | #debug-footer { 195 | bottom: 0; 196 | padding-left: 8px; 197 | position: fixed; 198 | left: 0; 199 | } 200 | 201 | #debug-footer .debug-modal { 202 | display: none; 203 | } 204 | 205 | #debug-footer-trigger:hover + .debug-modal { 206 | display: block; 207 | } 208 | 209 | .debug-modal { 210 | background: #000; 211 | border-radius: 6px; 212 | bottom: 5%; 213 | color: #fff; 214 | left: 5%; 215 | opacity: .95; 216 | padding: 30px; 217 | position: fixed; 218 | right: 5%; 219 | top: 5%; 220 | } 221 | 222 | .debug-modal dl { 223 | padding-left: 1em; 224 | } 225 | 226 | .debug-modal dt { 227 | font-size: 1.2em; 228 | } 229 | 230 | .debug-modal dd { 231 | margin-bottom: 1em; 232 | } 233 | /** DEBUG STYLES END */ 234 | -------------------------------------------------------------------------------- /ui/public/img/glyphicons-halflings-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/psema4/pine/a037a28933ecb307cb11ef60596b6ee9519b1879/ui/public/img/glyphicons-halflings-white.png -------------------------------------------------------------------------------- /ui/public/img/glyphicons-halflings.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/psema4/pine/a037a28933ecb307cb11ef60596b6ee9519b1879/ui/public/img/glyphicons-halflings.png -------------------------------------------------------------------------------- /ui/public/js/app.js: -------------------------------------------------------------------------------- 1 | /*jslint nomen: true, plusplus: true, undef: true, todo: true, white: true, 2 | browser: true, indent: 2, maxlen: 80 */ 3 | /*global Backbone: false, _: false, $: false, KeyRouter: false, publish: false, 4 | subscribe: false */ 5 | 6 | // Pine app map module 7 | define(['../js/constants'], function (constants) { 8 | 9 | 'use strict'; 10 | 11 | // Serves as a map of initialized app components 12 | var app = { 13 | 'constants': constants 14 | ,'view': { 15 | 'mainMenuPager': null 16 | ,'gameInit': null 17 | } 18 | ,'util': {} 19 | }; 20 | 21 | return app; 22 | 23 | }); 24 | -------------------------------------------------------------------------------- /ui/public/js/constants.js: -------------------------------------------------------------------------------- 1 | /*jslint nomen: true, plusplus: true, undef: true, todo: true, white: true, 2 | browser: true, indent: 2, maxlen: 80 */ 3 | /*global Backbone: false, _: false, $: false, KeyRouter: false, publish: false, 4 | subscribe: false */ 5 | 6 | // Pine constants module 7 | define(['exports'], function (constants) { 8 | 9 | 'use strict'; 10 | 11 | constants.message = { 12 | 'MENU_SELECTED': 'menu-selected' 13 | }; 14 | 15 | constants.key = { 16 | 'LEFT': 37 17 | ,'UP': 38 18 | ,'RIGHT': 39 19 | ,'DOWN': 40 20 | ,'ESC': 27 21 | ,'TAB': 9 22 | ,'ENTER': 13 23 | ,'SPACE': 32 24 | ,'Q': 81 25 | ,'W': 87 26 | ,'E': 69 27 | ,'H': 72 28 | ,'J': 74 29 | ,'K': 75 30 | ,'L': 76 31 | } 32 | 33 | }); 34 | -------------------------------------------------------------------------------- /ui/public/js/init.js: -------------------------------------------------------------------------------- 1 | /*jslint nomen: true, plusplus: true, undef: true, todo: true, white: true, 2 | browser: true, indent: 2, maxlen: 80 */ 3 | /*global Backbone: false, _: false, $: false, KeyRouter: false, publish: false, 4 | subscribe: false */ 5 | 6 | require([ 7 | 8 | 'public/js/app' 9 | 10 | // Views 11 | 12 | ,'public/js/view/view.menu' 13 | ,'public/js/view/view.menu-pager' 14 | ,'public/js/view/view.game-init' 15 | 16 | ], function ( 17 | 18 | app 19 | 20 | ,menu 21 | ,menuPager 22 | ,gameInit) { 23 | 24 | 'use strict'; 25 | 26 | app.util.keyRouter = new KeyRouter(document.documentElement); 27 | var $menu = $('.menu'); 28 | 29 | var menuViews = []; 30 | $menu.each(function (i, el) { 31 | menuViews.push(new menu.view({ 32 | 'el': $(el) 33 | ,'app': app 34 | })); 35 | }); 36 | 37 | var $mainMenus = $('#main-menus'); 38 | app.view.mainMenuPager = new menuPager.view({ 39 | 'app': app 40 | ,'$el': $mainMenus 41 | ,'menuViews': menuViews 42 | }); 43 | 44 | var $pineContainer = $('#pine-container'); 45 | var $gameContainer = $('#game-container'); 46 | app.view.gameInit = new gameInit.view({ 47 | 'app': app 48 | ,'$el': $pineContainer 49 | ,'$gameContainer': $gameContainer 50 | }); 51 | 52 | console.log(app); 53 | 54 | $(function () { 55 | $('body').addClass('loaded'); 56 | }); 57 | 58 | }); 59 | -------------------------------------------------------------------------------- /ui/public/js/lib/bootstrap.min.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Bootstrap.js by @fat & @mdo 3 | * plugins: bootstrap-transition.js, bootstrap-modal.js, bootstrap-dropdown.js, bootstrap-scrollspy.js, bootstrap-tab.js, bootstrap-tooltip.js, bootstrap-popover.js, bootstrap-alert.js, bootstrap-button.js, bootstrap-collapse.js, bootstrap-carousel.js, bootstrap-typeahead.js 4 | * Copyright 2012 Twitter, Inc. 5 | * http://www.apache.org/licenses/LICENSE-2.0.txt 6 | */ 7 | !function(a){a(function(){a.support.transition=function(){var a=function(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd",msTransition:"MSTransitionEnd",transition:"transitionend"},c;for(c in b)if(a.style[c]!==undefined)return b[c]}();return a&&{end:a}}()})}(window.jQuery),!function(a){function c(){var b=this,c=setTimeout(function(){b.$element.off(a.support.transition.end),d.call(b)},500);this.$element.one(a.support.transition.end,function(){clearTimeout(c),d.call(b)})}function d(a){this.$element.hide().trigger("hidden"),e.call(this)}function e(b){var c=this,d=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var e=a.support.transition&&d;this.$backdrop=a('
').appendTo(document.body),this.options.backdrop!="static"&&this.$backdrop.click(a.proxy(this.hide,this)),e&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),e?this.$backdrop.one(a.support.transition.end,b):b()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),a.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(a.support.transition.end,a.proxy(f,this)):f.call(this)):b&&b()}function f(){this.$backdrop.remove(),this.$backdrop=null}function g(){var b=this;this.isShown&&this.options.keyboard?a(document).on("keyup.dismiss.modal",function(a){a.which==27&&b.hide()}):this.isShown||a(document).off("keyup.dismiss.modal")}var b=function(b,c){this.options=c,this.$element=a(b).delegate('[data-dismiss="modal"]',"click.dismiss.modal",a.proxy(this.hide,this))};b.prototype={constructor:b,toggle:function(){return this[this.isShown?"hide":"show"]()},show:function(){var b=this,c=a.Event("show");this.$element.trigger(c);if(this.isShown||c.isDefaultPrevented())return;a("body").addClass("modal-open"),this.isShown=!0,g.call(this),e.call(this,function(){var c=a.support.transition&&b.$element.hasClass("fade");b.$element.parent().length||b.$element.appendTo(document.body),b.$element.show(),c&&b.$element[0].offsetWidth,b.$element.addClass("in"),c?b.$element.one(a.support.transition.end,function(){b.$element.trigger("shown")}):b.$element.trigger("shown")})},hide:function(b){b&&b.preventDefault();var e=this;b=a.Event("hide"),this.$element.trigger(b);if(!this.isShown||b.isDefaultPrevented())return;this.isShown=!1,a("body").removeClass("modal-open"),g.call(this),this.$element.removeClass("in"),a.support.transition&&this.$element.hasClass("fade")?c.call(this):d.call(this)}},a.fn.modal=function(c){return this.each(function(){var d=a(this),e=d.data("modal"),f=a.extend({},a.fn.modal.defaults,d.data(),typeof c=="object"&&c);e||d.data("modal",e=new b(this,f)),typeof c=="string"?e[c]():f.show&&e.show()})},a.fn.modal.defaults={backdrop:!0,keyboard:!0,show:!0},a.fn.modal.Constructor=b,a(function(){a("body").on("click.modal.data-api",'[data-toggle="modal"]',function(b){var c=a(this),d,e=a(c.attr("data-target")||(d=c.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,"")),f=e.data("modal")?"toggle":a.extend({},e.data(),c.data());b.preventDefault(),e.modal(f)})})}(window.jQuery),!function(a){function d(){a(b).parent().removeClass("open")}var b='[data-toggle="dropdown"]',c=function(b){var c=a(b).on("click.dropdown.data-api",this.toggle);a("html").on("click.dropdown.data-api",function(){c.parent().removeClass("open")})};c.prototype={constructor:c,toggle:function(b){var c=a(this),e,f,g;if(c.is(".disabled, :disabled"))return;return f=c.attr("data-target"),f||(f=c.attr("href"),f=f&&f.replace(/.*(?=#[^\s]*$)/,"")),e=a(f),e.length||(e=c.parent()),g=e.hasClass("open"),d(),g||e.toggleClass("open"),!1}},a.fn.dropdown=function(b){return this.each(function(){var d=a(this),e=d.data("dropdown");e||d.data("dropdown",e=new c(this)),typeof b=="string"&&e[b].call(d)})},a.fn.dropdown.Constructor=c,a(function(){a("html").on("click.dropdown.data-api",d),a("body").on("click.dropdown",".dropdown form",function(a){a.stopPropagation()}).on("click.dropdown.data-api",b,c.prototype.toggle)})}(window.jQuery),!function(a){function b(b,c){var d=a.proxy(this.process,this),e=a(b).is("body")?a(window):a(b),f;this.options=a.extend({},a.fn.scrollspy.defaults,c),this.$scrollElement=e.on("scroll.scroll.data-api",d),this.selector=(this.options.target||(f=a(b).attr("href"))&&f.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.$body=a("body"),this.refresh(),this.process()}b.prototype={constructor:b,refresh:function(){var b=this,c;this.offsets=a([]),this.targets=a([]),c=this.$body.find(this.selector).map(function(){var b=a(this),c=b.data("target")||b.attr("href"),d=/^#\w/.test(c)&&a(c);return d&&c.length&&[[d.position().top,c]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){b.offsets.push(this[0]),b.targets.push(this[1])})},process:function(){var a=this.$scrollElement.scrollTop()+this.options.offset,b=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,c=b-this.$scrollElement.height(),d=this.offsets,e=this.targets,f=this.activeTarget,g;if(a>=c)return f!=(g=e.last()[0])&&this.activate(g);for(g=d.length;g--;)f!=e[g]&&a>=d[g]&&(!d[g+1]||a<=d[g+1])&&this.activate(e[g])},activate:function(b){var c,d;this.activeTarget=b,a(this.selector).parent(".active").removeClass("active"),d=this.selector+'[data-target="'+b+'"],'+this.selector+'[href="'+b+'"]',c=a(d).parent("li").addClass("active"),c.parent(".dropdown-menu")&&(c=c.closest("li.dropdown").addClass("active")),c.trigger("activate")}},a.fn.scrollspy=function(c){return this.each(function(){var d=a(this),e=d.data("scrollspy"),f=typeof c=="object"&&c;e||d.data("scrollspy",e=new b(this,f)),typeof c=="string"&&e[c]()})},a.fn.scrollspy.Constructor=b,a.fn.scrollspy.defaults={offset:10},a(function(){a('[data-spy="scroll"]').each(function(){var b=a(this);b.scrollspy(b.data())})})}(window.jQuery),!function(a){var b=function(b){this.element=a(b)};b.prototype={constructor:b,show:function(){var b=this.element,c=b.closest("ul:not(.dropdown-menu)"),d=b.attr("data-target"),e,f,g;d||(d=b.attr("href"),d=d&&d.replace(/.*(?=#[^\s]*$)/,""));if(b.parent("li").hasClass("active"))return;e=c.find(".active a").last()[0],g=a.Event("show",{relatedTarget:e}),b.trigger(g);if(g.isDefaultPrevented())return;f=a(d),this.activate(b.parent("li"),c),this.activate(f,f.parent(),function(){b.trigger({type:"shown",relatedTarget:e})})},activate:function(b,c,d){function g(){e.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),b.addClass("active"),f?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu")&&b.closest("li.dropdown").addClass("active"),d&&d()}var e=c.find("> .active"),f=d&&a.support.transition&&e.hasClass("fade");f?e.one(a.support.transition.end,g):g(),e.removeClass("in")}},a.fn.tab=function(c){return this.each(function(){var d=a(this),e=d.data("tab");e||d.data("tab",e=new b(this)),typeof c=="string"&&e[c]()})},a.fn.tab.Constructor=b,a(function(){a("body").on("click.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(b){b.preventDefault(),a(this).tab("show")})})}(window.jQuery),!function(a){var b=function(a,b){this.init("tooltip",a,b)};b.prototype={constructor:b,init:function(b,c,d){var e,f;this.type=b,this.$element=a(c),this.options=this.getOptions(d),this.enabled=!0,this.options.trigger!="manual"&&(e=this.options.trigger=="hover"?"mouseenter":"focus",f=this.options.trigger=="hover"?"mouseleave":"blur",this.$element.on(e,this.options.selector,a.proxy(this.enter,this)),this.$element.on(f,this.options.selector,a.proxy(this.leave,this))),this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},getOptions:function(b){return b=a.extend({},a.fn[this.type].defaults,b,this.$element.data()),b.delay&&typeof b.delay=="number"&&(b.delay={show:b.delay,hide:b.delay}),b},enter:function(b){var c=a(b.currentTarget)[this.type](this._options).data(this.type);if(!c.options.delay||!c.options.delay.show)return c.show();clearTimeout(this.timeout),c.hoverState="in",this.timeout=setTimeout(function(){c.hoverState=="in"&&c.show()},c.options.delay.show)},leave:function(b){var c=a(b.currentTarget)[this.type](this._options).data(this.type);this.timeout&&clearTimeout(this.timeout);if(!c.options.delay||!c.options.delay.hide)return c.hide();c.hoverState="out",this.timeout=setTimeout(function(){c.hoverState=="out"&&c.hide()},c.options.delay.hide)},show:function(){var a,b,c,d,e,f,g;if(this.hasContent()&&this.enabled){a=this.tip(),this.setContent(),this.options.animation&&a.addClass("fade"),f=typeof this.options.placement=="function"?this.options.placement.call(this,a[0],this.$element[0]):this.options.placement,b=/in/.test(f),a.remove().css({top:0,left:0,display:"block"}).appendTo(b?this.$element:document.body),c=this.getPosition(b),d=a[0].offsetWidth,e=a[0].offsetHeight;switch(b?f.split(" ")[1]:f){case"bottom":g={top:c.top+c.height,left:c.left+c.width/2-d/2};break;case"top":g={top:c.top-e,left:c.left+c.width/2-d/2};break;case"left":g={top:c.top+c.height/2-e/2,left:c.left-d};break;case"right":g={top:c.top+c.height/2-e/2,left:c.left+c.width}}a.css(g).addClass(f).addClass("in")}},isHTML:function(a){return typeof a!="string"||a.charAt(0)==="<"&&a.charAt(a.length-1)===">"&&a.length>=3||/^(?:[^<]*<[\w\W]+>[^>]*$)/.exec(a)},setContent:function(){var a=this.tip(),b=this.getTitle();a.find(".tooltip-inner")[this.isHTML(b)?"html":"text"](b),a.removeClass("fade in top bottom left right")},hide:function(){function d(){var b=setTimeout(function(){c.off(a.support.transition.end).remove()},500);c.one(a.support.transition.end,function(){clearTimeout(b),c.remove()})}var b=this,c=this.tip();c.removeClass("in"),a.support.transition&&this.$tip.hasClass("fade")?d():c.remove()},fixTitle:function(){var a=this.$element;(a.attr("title")||typeof a.attr("data-original-title")!="string")&&a.attr("data-original-title",a.attr("title")||"").removeAttr("title")},hasContent:function(){return this.getTitle()},getPosition:function(b){return a.extend({},b?{top:0,left:0}:this.$element.offset(),{width:this.$element[0].offsetWidth,height:this.$element[0].offsetHeight})},getTitle:function(){var a,b=this.$element,c=this.options;return a=b.attr("data-original-title")||(typeof c.title=="function"?c.title.call(b[0]):c.title),a},tip:function(){return this.$tip=this.$tip||a(this.options.template)},validate:function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},enable:function(){this.enabled=!0},disable:function(){this.enabled=!1},toggleEnabled:function(){this.enabled=!this.enabled},toggle:function(){this[this.tip().hasClass("in")?"hide":"show"]()}},a.fn.tooltip=function(c){return this.each(function(){var d=a(this),e=d.data("tooltip"),f=typeof c=="object"&&c;e||d.data("tooltip",e=new b(this,f)),typeof c=="string"&&e[c]()})},a.fn.tooltip.Constructor=b,a.fn.tooltip.defaults={animation:!0,placement:"top",selector:!1,template:'
',trigger:"hover",title:"",delay:0}}(window.jQuery),!function(a){var b=function(a,b){this.init("popover",a,b)};b.prototype=a.extend({},a.fn.tooltip.Constructor.prototype,{constructor:b,setContent:function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.isHTML(b)?"html":"text"](b),a.find(".popover-content > *")[this.isHTML(c)?"html":"text"](c),a.removeClass("fade top bottom left right in")},hasContent:function(){return this.getTitle()||this.getContent()},getContent:function(){var a,b=this.$element,c=this.options;return a=b.attr("data-content")||(typeof c.content=="function"?c.content.call(b[0]):c.content),a},tip:function(){return this.$tip||(this.$tip=a(this.options.template)),this.$tip}}),a.fn.popover=function(c){return this.each(function(){var d=a(this),e=d.data("popover"),f=typeof c=="object"&&c;e||d.data("popover",e=new b(this,f)),typeof c=="string"&&e[c]()})},a.fn.popover.Constructor=b,a.fn.popover.defaults=a.extend({},a.fn.tooltip.defaults,{placement:"right",content:"",template:'

'})}(window.jQuery),!function(a){var b='[data-dismiss="alert"]',c=function(c){a(c).on("click",b,this.close)};c.prototype.close=function(b){function f(){e.trigger("closed").remove()}var c=a(this),d=c.attr("data-target"),e;d||(d=c.attr("href"),d=d&&d.replace(/.*(?=#[^\s]*$)/,"")),e=a(d),b&&b.preventDefault(),e.length||(e=c.hasClass("alert")?c:c.parent()),e.trigger(b=a.Event("close"));if(b.isDefaultPrevented())return;e.removeClass("in"),a.support.transition&&e.hasClass("fade")?e.on(a.support.transition.end,f):f()},a.fn.alert=function(b){return this.each(function(){var d=a(this),e=d.data("alert");e||d.data("alert",e=new c(this)),typeof b=="string"&&e[b].call(d)})},a.fn.alert.Constructor=c,a(function(){a("body").on("click.alert.data-api",b,c.prototype.close)})}(window.jQuery),!function(a){var b=function(b,c){this.$element=a(b),this.options=a.extend({},a.fn.button.defaults,c)};b.prototype.setState=function(a){var b="disabled",c=this.$element,d=c.data(),e=c.is("input")?"val":"html";a+="Text",d.resetText||c.data("resetText",c[e]()),c[e](d[a]||this.options[a]),setTimeout(function(){a=="loadingText"?c.addClass(b).attr(b,b):c.removeClass(b).removeAttr(b)},0)},b.prototype.toggle=function(){var a=this.$element.parent('[data-toggle="buttons-radio"]');a&&a.find(".active").removeClass("active"),this.$element.toggleClass("active")},a.fn.button=function(c){return this.each(function(){var d=a(this),e=d.data("button"),f=typeof c=="object"&&c;e||d.data("button",e=new b(this,f)),c=="toggle"?e.toggle():c&&e.setState(c)})},a.fn.button.defaults={loadingText:"loading..."},a.fn.button.Constructor=b,a(function(){a("body").on("click.button.data-api","[data-toggle^=button]",function(b){var c=a(b.target);c.hasClass("btn")||(c=c.closest(".btn")),c.button("toggle")})})}(window.jQuery),!function(a){var b=function(b,c){this.$element=a(b),this.options=a.extend({},a.fn.collapse.defaults,c),this.options.parent&&(this.$parent=a(this.options.parent)),this.options.toggle&&this.toggle()};b.prototype={constructor:b,dimension:function(){var a=this.$element.hasClass("width");return a?"width":"height"},show:function(){var b,c,d,e;if(this.transitioning)return;b=this.dimension(),c=a.camelCase(["scroll",b].join("-")),d=this.$parent&&this.$parent.find("> .accordion-group > .in");if(d&&d.length){e=d.data("collapse");if(e&&e.transitioning)return;d.collapse("hide"),e||d.data("collapse",null)}this.$element[b](0),this.transition("addClass",a.Event("show"),"shown"),this.$element[b](this.$element[0][c])},hide:function(){var b;if(this.transitioning)return;b=this.dimension(),this.reset(this.$element[b]()),this.transition("removeClass",a.Event("hide"),"hidden"),this.$element[b](0)},reset:function(a){var b=this.dimension();return this.$element.removeClass("collapse")[b](a||"auto")[0].offsetWidth,this.$element[a!==null?"addClass":"removeClass"]("collapse"),this},transition:function(b,c,d){var e=this,f=function(){c.type=="show"&&e.reset(),e.transitioning=0,e.$element.trigger(d)};this.$element.trigger(c);if(c.isDefaultPrevented())return;this.transitioning=1,this.$element[b]("in"),a.support.transition&&this.$element.hasClass("collapse")?this.$element.one(a.support.transition.end,f):f()},toggle:function(){this[this.$element.hasClass("in")?"hide":"show"]()}},a.fn.collapse=function(c){return this.each(function(){var d=a(this),e=d.data("collapse"),f=typeof c=="object"&&c;e||d.data("collapse",e=new b(this,f)),typeof c=="string"&&e[c]()})},a.fn.collapse.defaults={toggle:!0},a.fn.collapse.Constructor=b,a(function(){a("body").on("click.collapse.data-api","[data-toggle=collapse]",function(b){var c=a(this),d,e=c.attr("data-target")||b.preventDefault()||(d=c.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,""),f=a(e).data("collapse")?"toggle":c.data();a(e).collapse(f)})})}(window.jQuery),!function(a){var b=function(b,c){this.$element=a(b),this.options=c,this.options.slide&&this.slide(this.options.slide),this.options.pause=="hover"&&this.$element.on("mouseenter",a.proxy(this.pause,this)).on("mouseleave",a.proxy(this.cycle,this))};b.prototype={cycle:function(b){return b||(this.paused=!1),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},to:function(b){var c=this.$element.find(".active"),d=c.parent().children(),e=d.index(c),f=this;if(b>d.length-1||b<0)return;return this.sliding?this.$element.one("slid",function(){f.to(b)}):e==b?this.pause().cycle():this.slide(b>e?"next":"prev",a(d[b]))},pause:function(a){return a||(this.paused=!0),clearInterval(this.interval),this.interval=null,this},next:function(){if(this.sliding)return;return this.slide("next")},prev:function(){if(this.sliding)return;return this.slide("prev")},slide:function(b,c){var d=this.$element.find(".active"),e=c||d[b](),f=this.interval,g=b=="next"?"left":"right",h=b=="next"?"first":"last",i=this,j=a.Event("slide");this.sliding=!0,f&&this.pause(),e=e.length?e:this.$element.find(".item")[h]();if(e.hasClass("active"))return;if(a.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(j);if(j.isDefaultPrevented())return;e.addClass(b),e[0].offsetWidth,d.addClass(g),e.addClass(g),this.$element.one(a.support.transition.end,function(){e.removeClass([b,g].join(" ")).addClass("active"),d.removeClass(["active",g].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger("slid")},0)})}else{this.$element.trigger(j);if(j.isDefaultPrevented())return;d.removeClass("active"),e.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return f&&this.cycle(),this}},a.fn.carousel=function(c){return this.each(function(){var d=a(this),e=d.data("carousel"),f=a.extend({},a.fn.carousel.defaults,typeof c=="object"&&c);e||d.data("carousel",e=new b(this,f)),typeof c=="number"?e.to(c):typeof c=="string"||(c=f.slide)?e[c]():f.interval&&e.cycle()})},a.fn.carousel.defaults={interval:5e3,pause:"hover"},a.fn.carousel.Constructor=b,a(function(){a("body").on("click.carousel.data-api","[data-slide]",function(b){var c=a(this),d,e=a(c.attr("data-target")||(d=c.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,"")),f=!e.data("modal")&&a.extend({},e.data(),c.data());e.carousel(f),b.preventDefault()})})}(window.jQuery),!function(a){var b=function(b,c){this.$element=a(b),this.options=a.extend({},a.fn.typeahead.defaults,c),this.matcher=this.options.matcher||this.matcher,this.sorter=this.options.sorter||this.sorter,this.highlighter=this.options.highlighter||this.highlighter,this.updater=this.options.updater||this.updater,this.$menu=a(this.options.menu).appendTo("body"),this.source=this.options.source,this.shown=!1,this.listen()};b.prototype={constructor:b,select:function(){var a=this.$menu.find(".active").attr("data-value");return this.$element.val(this.updater(a)).change(),this.hide()},updater:function(a){return a},show:function(){var b=a.extend({},this.$element.offset(),{height:this.$element[0].offsetHeight});return this.$menu.css({top:b.top+b.height,left:b.left}),this.$menu.show(),this.shown=!0,this},hide:function(){return this.$menu.hide(),this.shown=!1,this},lookup:function(b){var c=this,d,e;return this.query=this.$element.val(),this.query?(d=a.grep(this.source,function(a){return c.matcher(a)}),d=this.sorter(d),d.length?this.render(d.slice(0,this.options.items)).show():this.shown?this.hide():this):this.shown?this.hide():this},matcher:function(a){return~a.toLowerCase().indexOf(this.query.toLowerCase())},sorter:function(a){var b=[],c=[],d=[],e;while(e=a.shift())e.toLowerCase().indexOf(this.query.toLowerCase())?~e.indexOf(this.query)?c.push(e):d.push(e):b.push(e);return b.concat(c,d)},highlighter:function(a){var b=this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&");return a.replace(new RegExp("("+b+")","ig"),function(a,b){return""+b+""})},render:function(b){var c=this;return b=a(b).map(function(b,d){return b=a(c.options.item).attr("data-value",d),b.find("a").html(c.highlighter(d)),b[0]}),b.first().addClass("active"),this.$menu.html(b),this},next:function(b){var c=this.$menu.find(".active").removeClass("active"),d=c.next();d.length||(d=a(this.$menu.find("li")[0])),d.addClass("active")},prev:function(a){var b=this.$menu.find(".active").removeClass("active"),c=b.prev();c.length||(c=this.$menu.find("li").last()),c.addClass("active")},listen:function(){this.$element.on("blur",a.proxy(this.blur,this)).on("keypress",a.proxy(this.keypress,this)).on("keyup",a.proxy(this.keyup,this)),(a.browser.webkit||a.browser.msie)&&this.$element.on("keydown",a.proxy(this.keypress,this)),this.$menu.on("click",a.proxy(this.click,this)).on("mouseenter","li",a.proxy(this.mouseenter,this))},keyup:function(a){switch(a.keyCode){case 40:case 38:break;case 9:case 13:if(!this.shown)return;this.select();break;case 27:if(!this.shown)return;this.hide();break;default:this.lookup()}a.stopPropagation(),a.preventDefault()},keypress:function(a){if(!this.shown)return;switch(a.keyCode){case 9:case 13:case 27:a.preventDefault();break;case 38:if(a.type!="keydown")break;a.preventDefault(),this.prev();break;case 40:if(a.type!="keydown")break;a.preventDefault(),this.next()}a.stopPropagation()},blur:function(a){var b=this;setTimeout(function(){b.hide()},150)},click:function(a){a.stopPropagation(),a.preventDefault(),this.select()},mouseenter:function(b){this.$menu.find(".active").removeClass("active"),a(b.currentTarget).addClass("active")}},a.fn.typeahead=function(c){return this.each(function(){var d=a(this),e=d.data("typeahead"),f=typeof c=="object"&&c;e||d.data("typeahead",e=new b(this,f)),typeof c=="string"&&e[c]()})},a.fn.typeahead.defaults={source:[],items:8,menu:'
    ',item:'
    • '},a.fn.typeahead.Constructor=b,a(function(){a("body").on("focus.typeahead.data-api",'[data-provide="typeahead"]',function(b){var c=a(this);if(c.data("typeahead"))return;b.preventDefault(),c.typeahead(c.data())})})}(window.jQuery) -------------------------------------------------------------------------------- /ui/public/js/lib/minpubsub.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * MinPubSub 3 | * Copyright(c) 2011 Daniel Lamb 4 | * MIT Licensed 5 | */ 6 | 7 | (function(d){ 8 | 9 | // the topic/subscription hash 10 | var cache = d.c_ || {}; //check for "c_" cache for unit testing 11 | 12 | d.publish = function(/* String */ topic, /* Array? */ args){ 13 | // summary: 14 | // Publish some data on a named topic. 15 | // topic: String 16 | // The channel to publish on 17 | // args: Array? 18 | // The data to publish. Each array item is converted into an ordered 19 | // arguments on the subscribed functions. 20 | // 21 | // example: 22 | // Publish stuff on '/some/topic'. Anything subscribed will be called 23 | // with a function signature like: function(a,b,c){ ... } 24 | // 25 | // publish("/some/topic", ["a","b","c"]); 26 | 27 | var subs = cache[topic], 28 | len = subs ? subs.length : 0; 29 | 30 | //can change loop or reverse array if the order matters 31 | while(len--){ 32 | subs[len].apply(d, args || []); 33 | } 34 | }; 35 | 36 | d.subscribe = function(/* String */ topic, /* Function */ callback){ 37 | // summary: 38 | // Register a callback on a named topic. 39 | // topic: String 40 | // The channel to subscribe to 41 | // callback: Function 42 | // The handler event. Anytime something is publish'ed on a 43 | // subscribed channel, the callback will be called with the 44 | // published array as ordered arguments. 45 | // 46 | // returns: Array 47 | // A handle which can be used to unsubscribe this particular subscription. 48 | // 49 | // example: 50 | // subscribe("/some/topic", function(a, b, c){ /* handle data */ }); 51 | 52 | if(!cache[topic]){ 53 | cache[topic] = []; 54 | } 55 | cache[topic].push(callback); 56 | return [topic, callback]; // Array 57 | }; 58 | 59 | d.unsubscribe = function(/* Array */ handle, /* Function? */ callback){ 60 | // summary: 61 | // Disconnect a subscribed function for a topic. 62 | // handle: Array 63 | // The return value from a subscribe call. 64 | // example: 65 | // var handle = subscribe("/some/topic", function(){}); 66 | // unsubscribe(handle); 67 | 68 | var subs = cache[callback ? handle : handle[0]], 69 | callback = callback || handle[1], 70 | len = subs ? subs.length : 0; 71 | 72 | while(len--){ 73 | if(subs[len] === callback){ 74 | subs.splice(len, 1); 75 | } 76 | } 77 | }; 78 | 79 | })(this); -------------------------------------------------------------------------------- /ui/public/js/lib/pine.keyrouter.js: -------------------------------------------------------------------------------- 1 | // Library for routing DOM element key events to handlers. 2 | // Optimized for HTML 5 browsers. 3 | ;(function (global) { 4 | 5 | 'use strict'; 6 | 7 | function noop () {} 8 | 9 | var INTERNAL_HANDLER_NAME_MAP = { 10 | 'keyup': '_keyUpHandler' 11 | ,'keydown': '_keyDownHandler' 12 | ,'keypress': '_keyPressHandler' 13 | }; 14 | 15 | // API: 16 | // var keyRouter = new KeyRouter(document.documentElement); 17 | // 18 | // keyRouter.route(KeyRouter.KEYDOWN, function (evt) { 19 | // 20 | // }); 21 | 22 | /** 23 | * @param {HTMLElement} root The root element to listen to. 24 | * @constructor 25 | */ 26 | var KeyRouter = global.KeyRouter = function (root) { 27 | this._root = root; 28 | this[INTERNAL_HANDLER_NAME_MAP.keyup] = noop; 29 | this[INTERNAL_HANDLER_NAME_MAP.keydown] = noop; 30 | this[INTERNAL_HANDLER_NAME_MAP.keypress] = noop; 31 | 32 | this._root.addEventListener(KeyRouter.KEYUP, 33 | this[INTERNAL_HANDLER_NAME_MAP.keyup], false); 34 | this._root.addEventListener(KeyRouter.KEYDOWN, 35 | this[INTERNAL_HANDLER_NAME_MAP.keydown], false); 36 | this._root.addEventListener(KeyRouter.KEYPRESS, 37 | this[INTERNAL_HANDLER_NAME_MAP.keypress], false); 38 | }; 39 | 40 | 41 | KeyRouter.KEYUP = 'keyup'; 42 | KeyRouter.KEYDOWN = 'keydown'; 43 | KeyRouter.KEYPRESS = 'keypress'; 44 | 45 | 46 | KeyRouter.prototype.resetHandlers = function () { 47 | var self = this; 48 | [KeyRouter.KEYUP, KeyRouter.KEYDOWN, KeyRouter.KEYPRESS].forEach( 49 | function (eventName) { 50 | self.route(eventName, noop); 51 | }); 52 | }; 53 | 54 | 55 | /** 56 | * @param {string} eventName The name of the event to route. 57 | * @param {Function} handler The handler to receive the event. 58 | */ 59 | KeyRouter.prototype.route = function (eventName, handler) { 60 | var oldHandler = this._getHandlerForEventName(eventName); 61 | this._root.removeEventListener(eventName, oldHandler, false); 62 | this[INTERNAL_HANDLER_NAME_MAP[eventName]] = handler; 63 | this._root.addEventListener(eventName, handler, false); 64 | }; 65 | 66 | 67 | /** 68 | * @param {string} eventName 69 | * @return {?Function} 70 | */ 71 | KeyRouter.prototype._getHandlerForEventName = function (eventName) { 72 | var handler = this[INTERNAL_HANDLER_NAME_MAP[eventName]]; 73 | 74 | if (!handler) { 75 | throw 'KeyRouter: Invalid eventName'; 76 | } 77 | 78 | return handler; 79 | }; 80 | 81 | } (this)); 82 | -------------------------------------------------------------------------------- /ui/public/js/lib/qunit/qunit.css: -------------------------------------------------------------------------------- 1 | /** 2 | * QUnit - A JavaScript Unit Testing Framework 3 | * 4 | * http://docs.jquery.com/QUnit 5 | * 6 | * Copyright (c) 2011 John Resig, Jörn Zaefferer 7 | * Dual licensed under the MIT (MIT-LICENSE.txt) 8 | * or GPL (GPL-LICENSE.txt) licenses. 9 | */ 10 | 11 | /** Font Family and Sizes */ 12 | 13 | #qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult { 14 | font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif; 15 | } 16 | 17 | #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; } 18 | #qunit-tests { font-size: smaller; } 19 | 20 | 21 | /** Resets */ 22 | 23 | #qunit-tests, #qunit-tests ol, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult { 24 | margin: 0; 25 | padding: 0; 26 | } 27 | 28 | 29 | /** Header */ 30 | 31 | #qunit-header { 32 | padding: 0.5em 0 0.5em 1em; 33 | 34 | color: #8699a4; 35 | background-color: #0d3349; 36 | 37 | font-size: 1.5em; 38 | line-height: 1em; 39 | font-weight: normal; 40 | 41 | border-radius: 15px 15px 0 0; 42 | -moz-border-radius: 15px 15px 0 0; 43 | -webkit-border-top-right-radius: 15px; 44 | -webkit-border-top-left-radius: 15px; 45 | } 46 | 47 | #qunit-header a { 48 | text-decoration: none; 49 | color: #c2ccd1; 50 | } 51 | 52 | #qunit-header a:hover, 53 | #qunit-header a:focus { 54 | color: #fff; 55 | } 56 | 57 | #qunit-banner { 58 | height: 5px; 59 | } 60 | 61 | #qunit-testrunner-toolbar { 62 | padding: 0.5em 0 0.5em 2em; 63 | color: #5E740B; 64 | background-color: #eee; 65 | } 66 | 67 | #qunit-userAgent { 68 | padding: 0.5em 0 0.5em 2.5em; 69 | background-color: #2b81af; 70 | color: #fff; 71 | text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px; 72 | } 73 | 74 | 75 | /** Tests: Pass/Fail */ 76 | 77 | #qunit-tests { 78 | list-style-position: inside; 79 | } 80 | 81 | #qunit-tests li { 82 | padding: 0.4em 0.5em 0.4em 2.5em; 83 | border-bottom: 1px solid #fff; 84 | list-style-position: inside; 85 | } 86 | 87 | #qunit-tests.hidepass li.pass, #qunit-tests.hidepass li.running { 88 | display: none; 89 | } 90 | 91 | #qunit-tests li strong { 92 | cursor: pointer; 93 | } 94 | 95 | #qunit-tests li a { 96 | padding: 0.5em; 97 | color: #c2ccd1; 98 | text-decoration: none; 99 | } 100 | #qunit-tests li a:hover, 101 | #qunit-tests li a:focus { 102 | color: #000; 103 | } 104 | 105 | #qunit-tests ol { 106 | margin-top: 0.5em; 107 | padding: 0.5em; 108 | 109 | background-color: #fff; 110 | 111 | border-radius: 15px; 112 | -moz-border-radius: 15px; 113 | -webkit-border-radius: 15px; 114 | 115 | box-shadow: inset 0px 2px 13px #999; 116 | -moz-box-shadow: inset 0px 2px 13px #999; 117 | -webkit-box-shadow: inset 0px 2px 13px #999; 118 | } 119 | 120 | #qunit-tests table { 121 | border-collapse: collapse; 122 | margin-top: .2em; 123 | } 124 | 125 | #qunit-tests th { 126 | text-align: right; 127 | vertical-align: top; 128 | padding: 0 .5em 0 0; 129 | } 130 | 131 | #qunit-tests td { 132 | vertical-align: top; 133 | } 134 | 135 | #qunit-tests pre { 136 | margin: 0; 137 | white-space: pre-wrap; 138 | word-wrap: break-word; 139 | } 140 | 141 | #qunit-tests del { 142 | background-color: #e0f2be; 143 | color: #374e0c; 144 | text-decoration: none; 145 | } 146 | 147 | #qunit-tests ins { 148 | background-color: #ffcaca; 149 | color: #500; 150 | text-decoration: none; 151 | } 152 | 153 | /*** Test Counts */ 154 | 155 | #qunit-tests b.counts { color: black; } 156 | #qunit-tests b.passed { color: #5E740B; } 157 | #qunit-tests b.failed { color: #710909; } 158 | 159 | #qunit-tests li li { 160 | margin: 0.5em; 161 | padding: 0.4em 0.5em 0.4em 0.5em; 162 | background-color: #fff; 163 | border-bottom: none; 164 | list-style-position: inside; 165 | } 166 | 167 | /*** Passing Styles */ 168 | 169 | #qunit-tests li li.pass { 170 | color: #5E740B; 171 | background-color: #fff; 172 | border-left: 26px solid #C6E746; 173 | } 174 | 175 | #qunit-tests .pass { color: #528CE0; background-color: #D2E0E6; } 176 | #qunit-tests .pass .test-name { color: #366097; } 177 | 178 | #qunit-tests .pass .test-actual, 179 | #qunit-tests .pass .test-expected { color: #999999; } 180 | 181 | #qunit-banner.qunit-pass { background-color: #C6E746; } 182 | 183 | /*** Failing Styles */ 184 | 185 | #qunit-tests li li.fail { 186 | color: #710909; 187 | background-color: #fff; 188 | border-left: 26px solid #EE5757; 189 | white-space: pre; 190 | } 191 | 192 | #qunit-tests > li:last-child { 193 | border-radius: 0 0 15px 15px; 194 | -moz-border-radius: 0 0 15px 15px; 195 | -webkit-border-bottom-right-radius: 15px; 196 | -webkit-border-bottom-left-radius: 15px; 197 | } 198 | 199 | #qunit-tests .fail { color: #000000; background-color: #EE5757; } 200 | #qunit-tests .fail .test-name, 201 | #qunit-tests .fail .module-name { color: #000000; } 202 | 203 | #qunit-tests .fail .test-actual { color: #EE5757; } 204 | #qunit-tests .fail .test-expected { color: green; } 205 | 206 | #qunit-banner.qunit-fail { background-color: #EE5757; } 207 | 208 | 209 | /** Result */ 210 | 211 | #qunit-testresult { 212 | padding: 0.5em 0.5em 0.5em 2.5em; 213 | 214 | color: #2b81af; 215 | background-color: #D2E0E6; 216 | 217 | border-bottom: 1px solid white; 218 | } 219 | 220 | /** Fixture */ 221 | 222 | #qunit-fixture { 223 | position: absolute; 224 | top: -10000px; 225 | left: -10000px; 226 | } 227 | -------------------------------------------------------------------------------- /ui/public/js/lib/require.js: -------------------------------------------------------------------------------- 1 | /* 2 | RequireJS 2.0.4 Copyright (c) 2010-2012, The Dojo Foundation All Rights Reserved. 3 | Available via the MIT or new BSD license. 4 | see: http://github.com/jrburke/requirejs for details 5 | */ 6 | var requirejs,require,define; 7 | (function(Y){function x(b){return J.call(b)==="[object Function]"}function G(b){return J.call(b)==="[object Array]"}function q(b,c){if(b){var e;for(e=0;e-1;e-=1)if(b[e]&&c(b[e],e,b))break}}function y(b,c){for(var e in b)if(b.hasOwnProperty(e)&&c(b[e],e))break}function K(b,c,e,i){c&&y(c,function(c,j){if(e||!b.hasOwnProperty(j))i&&typeof c!=="string"?(b[j]||(b[j]={}),K(b[j],c,e,i)):b[j]=c});return b}function s(b, 8 | c){return function(){return c.apply(b,arguments)}}function Z(b){if(!b)return b;var c=Y;q(b.split("."),function(b){c=c[b]});return c}function $(b,c,e){return function(){var i=fa.call(arguments,0),g;if(e&&x(g=i[i.length-1]))g.__requireJsBuild=!0;i.push(c);return b.apply(null,i)}}function aa(b,c,e){q([["toUrl"],["undef"],["defined","requireDefined"],["specified","requireSpecified"]],function(i){var g=i[1]||i[0];b[i[0]]=c?$(c[g],e):function(){var b=z[O];return b[g].apply(b,arguments)}})}function H(b, 9 | c,e,i){c=Error(c+"\nhttp://requirejs.org/docs/errors.html#"+b);c.requireType=b;c.requireModules=i;if(e)c.originalError=e;return c}function ga(){if(I&&I.readyState==="interactive")return I;N(document.getElementsByTagName("script"),function(b){if(b.readyState==="interactive")return I=b});return I}var ha=/(\/\*([\s\S]*?)\*\/|([^:]|^)\/\/(.*)$)/mg,ia=/[^.]\s*require\s*\(\s*["']([^'"\s]+)["']\s*\)/g,ba=/\.js$/,ja=/^\.\//,J=Object.prototype.toString,A=Array.prototype,fa=A.slice,ka=A.splice,w=!!(typeof window!== 10 | "undefined"&&navigator&&document),ca=!w&&typeof importScripts!=="undefined",la=w&&navigator.platform==="PLAYSTATION 3"?/^complete$/:/^(complete|loaded)$/,O="_",S=typeof opera!=="undefined"&&opera.toString()==="[object Opera]",z={},p={},P=[],L=!1,j,t,C,u,D,I,E,da,ea;if(typeof define==="undefined"){if(typeof requirejs!=="undefined"){if(x(requirejs))return;p=requirejs;requirejs=void 0}typeof require!=="undefined"&&!x(require)&&(p=require,require=void 0);j=requirejs=function(b,c,e,i){var g=O,r;!G(b)&& 11 | typeof b!=="string"&&(r=b,G(c)?(b=c,c=e,e=i):b=[]);if(r&&r.context)g=r.context;(i=z[g])||(i=z[g]=j.s.newContext(g));r&&i.configure(r);return i.require(b,c,e)};j.config=function(b){return j(b)};require||(require=j);j.version="2.0.4";j.jsExtRegExp=/^\/|:|\?|\.js$/;j.isBrowser=w;A=j.s={contexts:z,newContext:function(b){function c(a,d,o){var l=d&&d.split("/"),f=l,b=k.map,c=b&&b["*"],e,g,h;if(a&&a.charAt(0)===".")if(d){f=k.pkgs[d]?l=[d]:l.slice(0,l.length-1);d=a=f.concat(a.split("/"));for(f=0;d[f];f+= 12 | 1)if(e=d[f],e===".")d.splice(f,1),f-=1;else if(e==="..")if(f===1&&(d[2]===".."||d[0]===".."))break;else f>0&&(d.splice(f-1,2),f-=2);f=k.pkgs[d=a[0]];a=a.join("/");f&&a===d+"/"+f.main&&(a=d)}else a.indexOf("./")===0&&(a=a.substring(2));if(o&&(l||c)&&b){d=a.split("/");for(f=d.length;f>0;f-=1){g=d.slice(0,f).join("/");if(l)for(e=l.length;e>0;e-=1)if(o=b[l.slice(0,e).join("/")])if(o=o[g]){h=o;break}!h&&c&&c[g]&&(h=c[g]);if(h){d.splice(0,f,h);a=d.join("/");break}}}return a}function e(a){w&&q(document.getElementsByTagName("script"), 13 | function(d){if(d.getAttribute("data-requiremodule")===a&&d.getAttribute("data-requirecontext")===h.contextName)return d.parentNode.removeChild(d),!0})}function i(a){var d=k.paths[a];if(d&&G(d)&&d.length>1)return e(a),d.shift(),h.undef(a),h.require([a]),!0}function g(a,d,o,b){var f=a?a.indexOf("!"):-1,v=null,e=d?d.name:null,g=a,i=!0,j="",k,m;a||(i=!1,a="_@r"+(N+=1));f!==-1&&(v=a.substring(0,f),a=a.substring(f+1,a.length));v&&(v=c(v,e,b),m=n[v]);a&&(v?j=m&&m.normalize?m.normalize(a,function(a){return c(a, 14 | e,b)}):c(a,e,b):(j=c(a,e,b),k=h.nameToUrl(j)));a=v&&!m&&!o?"_unnormalized"+(O+=1):"";return{prefix:v,name:j,parentMap:d,unnormalized:!!a,url:k,originalName:g,isDefine:i,id:(v?v+"!"+j:j)+a}}function r(a){var d=a.id,o=m[d];o||(o=m[d]=new h.Module(a));return o}function p(a,d,o){var b=a.id,f=m[b];if(n.hasOwnProperty(b)&&(!f||f.defineEmitComplete))d==="defined"&&o(n[b]);else r(a).on(d,o)}function B(a,d){var b=a.requireModules,l=!1;if(d)d(a);else if(q(b,function(d){if(d=m[d])d.error=a,d.events.error&&(l= 15 | !0,d.emit("error",a))}),!l)j.onError(a)}function u(){P.length&&(ka.apply(F,[F.length-1,0].concat(P)),P=[])}function t(a,d,b){a=a&&a.map;d=$(b||h.require,a,d);aa(d,h,a);d.isBrowser=w;return d}function z(a){delete m[a];q(M,function(d,b){if(d.map.id===a)return M.splice(b,1),d.defined||(h.waitCount-=1),!0})}function A(a,d){var b=a.map.id,l=a.depMaps,f;if(a.inited){if(d[b])return a;d[b]=!0;q(l,function(a){if(a=m[a.id])return!a.inited||!a.enabled?(f=null,delete d[b],!0):f=A(a,K({},d))});return f}}function C(a, 16 | d,b){var l=a.map.id,f=a.depMaps;if(a.inited&&a.map.isDefine){if(d[l])return n[l];d[l]=a;q(f,function(f){var f=f.id,c=m[f];!Q[f]&&c&&(!c.inited||!c.enabled?b[l]=!0:(c=C(c,d,b),b[f]||a.defineDepById(f,c)))});a.check(!0);return n[l]}}function D(a){a.check()}function E(){var a=k.waitSeconds*1E3,d=a&&h.startTime+a<(new Date).getTime(),b=[],l=!1,f=!0,c,g,j;if(!T){T=!0;y(m,function(a){c=a.map;g=c.id;if(a.enabled&&!a.error)if(!a.inited&&d)i(g)?l=j=!0:(b.push(g),e(g));else if(!a.inited&&a.fetched&&c.isDefine&& 17 | (l=!0,!c.prefix))return f=!1});if(d&&b.length)return a=H("timeout","Load timeout for modules: "+b,null,b),a.contextName=h.contextName,B(a);f&&(q(M,function(a){if(!a.defined){var a=A(a,{}),d={};a&&(C(a,d,{}),y(d,D))}}),y(m,D));if((!d||j)&&l)if((w||ca)&&!U)U=setTimeout(function(){U=0;E()},50);T=!1}}function V(a){r(g(a[0],null,!0)).init(a[1],a[2])}function J(a){var a=a.currentTarget||a.srcElement,d=h.onScriptLoad;a.detachEvent&&!S?a.detachEvent("onreadystatechange",d):a.removeEventListener("load",d, 18 | !1);d=h.onScriptError;a.detachEvent&&!S||a.removeEventListener("error",d,!1);return{node:a,id:a&&a.getAttribute("data-requiremodule")}}var k={waitSeconds:7,baseUrl:"./",paths:{},pkgs:{},shim:{}},m={},W={},F=[],n={},R={},N=1,O=1,M=[],T,X,h,Q,U;Q={require:function(a){return t(a)},exports:function(a){a.usingExports=!0;if(a.map.isDefine)return a.exports=n[a.map.id]={}},module:function(a){return a.module={id:a.map.id,uri:a.map.url,config:function(){return k.config&&k.config[a.map.id]||{}},exports:n[a.map.id]}}}; 19 | X=function(a){this.events=W[a.id]||{};this.map=a;this.shim=k.shim[a.id];this.depExports=[];this.depMaps=[];this.depMatched=[];this.pluginMaps={};this.depCount=0};X.prototype={init:function(a,d,b,l){l=l||{};if(!this.inited){this.factory=d;if(b)this.on("error",b);else this.events.error&&(b=s(this,function(a){this.emit("error",a)}));this.depMaps=a&&a.slice(0);this.depMaps.rjsSkipMap=a.rjsSkipMap;this.errback=b;this.inited=!0;this.ignore=l.ignore;l.enabled||this.enabled?this.enable():this.check()}},defineDepById:function(a, 20 | d){var b;q(this.depMaps,function(d,f){if(d.id===a)return b=f,!0});return this.defineDep(b,d)},defineDep:function(a,d){this.depMatched[a]||(this.depMatched[a]=!0,this.depCount-=1,this.depExports[a]=d)},fetch:function(){if(!this.fetched){this.fetched=!0;h.startTime=(new Date).getTime();var a=this.map;if(this.shim)t(this,!0)(this.shim.deps||[],s(this,function(){return a.prefix?this.callPlugin():this.load()}));else return a.prefix?this.callPlugin():this.load()}},load:function(){var a=this.map.url;R[a]|| 21 | (R[a]=!0,h.load(this.map.id,a))},check:function(a){if(this.enabled&&!this.enabling){var d=this.map.id,b=this.depExports,c=this.exports,f=this.factory,e;if(this.inited)if(this.error)this.emit("error",this.error);else{if(!this.defining){this.defining=!0;if(this.depCount<1&&!this.defined){if(x(f)){if(this.events.error)try{c=h.execCb(d,f,b,c)}catch(g){e=g}else c=h.execCb(d,f,b,c);if(this.map.isDefine)if((b=this.module)&&b.exports!==void 0&&b.exports!==this.exports)c=b.exports;else if(c===void 0&&this.usingExports)c= 22 | this.exports;if(e)return e.requireMap=this.map,e.requireModules=[this.map.id],e.requireType="define",B(this.error=e)}else c=f;this.exports=c;if(this.map.isDefine&&!this.ignore&&(n[d]=c,j.onResourceLoad))j.onResourceLoad(h,this.map,this.depMaps);delete m[d];this.defined=!0;h.waitCount-=1;h.waitCount===0&&(M=[])}this.defining=!1;if(!a&&this.defined&&!this.defineEmitted)this.defineEmitted=!0,this.emit("defined",this.exports),this.defineEmitComplete=!0}}else this.fetch()}},callPlugin:function(){var a= 23 | this.map,d=a.id,b=g(a.prefix,null,!1,!0);p(b,"defined",s(this,function(b){var f=this.map.name,e=this.map.parentMap?this.map.parentMap.name:null;if(this.map.unnormalized){if(b.normalize&&(f=b.normalize(f,function(a){return c(a,e,!0)})||""),b=g(a.prefix+"!"+f,this.map.parentMap,!1,!0),p(b,"defined",s(this,function(a){this.init([],function(){return a},null,{enabled:!0,ignore:!0})})),b=m[b.id]){if(this.events.error)b.on("error",s(this,function(a){this.emit("error",a)}));b.enable()}}else f=s(this,function(a){this.init([], 24 | function(){return a},null,{enabled:!0})}),f.error=s(this,function(a){this.inited=!0;this.error=a;a.requireModules=[d];y(m,function(a){a.map.id.indexOf(d+"_unnormalized")===0&&z(a.map.id)});B(a)}),f.fromText=function(a,d){var b=L;b&&(L=!1);r(g(a));j.exec(d);b&&(L=!0);h.completeLoad(a)},b.load(a.name,t(a.parentMap,!0,function(a,d){a.rjsSkipMap=!0;return h.require(a,d)}),f,k)}));h.enable(b,this);this.pluginMaps[b.id]=b},enable:function(){this.enabled=!0;if(!this.waitPushed)M.push(this),h.waitCount+= 25 | 1,this.waitPushed=!0;this.enabling=!0;q(this.depMaps,s(this,function(a,d){var b,c;if(typeof a==="string"){a=g(a,this.map.isDefine?this.map:this.map.parentMap,!1,!this.depMaps.rjsSkipMap);this.depMaps[d]=a;if(b=Q[a.id]){this.depExports[d]=b(this);return}this.depCount+=1;p(a,"defined",s(this,function(a){this.defineDep(d,a);this.check()}));this.errback&&p(a,"error",this.errback)}b=a.id;c=m[b];!Q[b]&&c&&!c.enabled&&h.enable(a,this)}));y(this.pluginMaps,s(this,function(a){var b=m[a.id];b&&!b.enabled&& 26 | h.enable(a,this)}));this.enabling=!1;this.check()},on:function(a,b){var c=this.events[a];c||(c=this.events[a]=[]);c.push(b)},emit:function(a,b){q(this.events[a],function(a){a(b)});a==="error"&&delete this.events[a]}};return h={config:k,contextName:b,registry:m,defined:n,urlFetched:R,waitCount:0,defQueue:F,Module:X,makeModuleMap:g,configure:function(a){a.baseUrl&&a.baseUrl.charAt(a.baseUrl.length-1)!=="/"&&(a.baseUrl+="/");var b=k.pkgs,c=k.shim,e=k.paths,f=k.map;K(k,a,!0);k.paths=K(e,a.paths,!0);if(a.map)k.map= 27 | K(f||{},a.map,!0,!0);if(a.shim)y(a.shim,function(a,b){G(a)&&(a={deps:a});if(a.exports&&!a.exports.__buildReady)a.exports=h.makeShimExports(a.exports);c[b]=a}),k.shim=c;if(a.packages)q(a.packages,function(a){a=typeof a==="string"?{name:a}:a;b[a.name]={name:a.name,location:a.location||a.name,main:(a.main||"main").replace(ja,"").replace(ba,"")}}),k.pkgs=b;y(m,function(a,b){a.map=g(b)});if(a.deps||a.callback)h.require(a.deps||[],a.callback)},makeShimExports:function(a){var b;return typeof a==="string"? 28 | (b=function(){return Z(a)},b.exports=a,b):function(){return a.apply(Y,arguments)}},requireDefined:function(a,b){var c=g(a,b,!1,!0).id;return n.hasOwnProperty(c)},requireSpecified:function(a,b){a=g(a,b,!1,!0).id;return n.hasOwnProperty(a)||m.hasOwnProperty(a)},require:function(a,d,c,e){var f;if(typeof a==="string"){if(x(d))return B(H("requireargs","Invalid require call"),c);if(j.get)return j.get(h,a,d);a=g(a,d,!1,!0);a=a.id;return!n.hasOwnProperty(a)?B(H("notloaded",'Module name "'+a+'" has not been loaded yet for context: '+ 29 | b)):n[a]}c&&!x(c)&&(e=c,c=void 0);d&&!x(d)&&(e=d,d=void 0);for(u();F.length;)if(f=F.shift(),f[0]===null)return B(H("mismatch","Mismatched anonymous define() module: "+f[f.length-1]));else V(f);r(g(null,e)).init(a,d,c,{enabled:!0});E();return h.require},undef:function(a){var b=g(a,null,!0),c=m[a];delete n[a];delete R[b.url];delete W[a];if(c){if(c.events.defined)W[a]=c.events;z(a)}},enable:function(a){m[a.id]&&r(a).enable()},completeLoad:function(a){var b=k.shim[a]||{},c=b.exports&&b.exports.exports, 30 | e,f;for(u();F.length;){f=F.shift();if(f[0]===null){f[0]=a;if(e)break;e=!0}else f[0]===a&&(e=!0);V(f)}f=m[a];if(!e&&!n[a]&&f&&!f.inited)if(k.enforceDefine&&(!c||!Z(c)))if(i(a))return;else return B(H("nodefine","No define call for "+a,null,[a]));else V([a,b.deps||[],b.exports]);E()},toUrl:function(a,b){var e=a.lastIndexOf("."),g=null;e!==-1&&(g=a.substring(e,a.length),a=a.substring(0,e));return h.nameToUrl(c(a,b&&b.id,!0),g)},nameToUrl:function(a,b){var c,e,f,g,h,i;if(j.jsExtRegExp.test(a))g=a+(b|| 31 | "");else{c=k.paths;e=k.pkgs;g=a.split("/");for(h=g.length;h>0;h-=1)if(i=g.slice(0,h).join("/"),f=e[i],i=c[i]){G(i)&&(i=i[0]);g.splice(0,h,i);break}else if(f){c=a===f.name?f.location+"/"+f.main:f.location;g.splice(0,h,c);break}g=g.join("/")+(b||".js");g=(g.charAt(0)==="/"||g.match(/^[\w\+\.\-]+:/)?"":k.baseUrl)+g}return k.urlArgs?g+((g.indexOf("?")===-1?"?":"&")+k.urlArgs):g},load:function(a,b){j.load(h,a,b)},execCb:function(a,b,c,e){return b.apply(e,c)},onScriptLoad:function(a){if(a.type==="load"|| 32 | la.test((a.currentTarget||a.srcElement).readyState))I=null,a=J(a),h.completeLoad(a.id)},onScriptError:function(a){var b=J(a);if(!i(b.id))return B(H("scripterror","Script error",a,[b.id]))}}}};j({});aa(j);if(w&&(t=A.head=document.getElementsByTagName("head")[0],C=document.getElementsByTagName("base")[0]))t=A.head=C.parentNode;j.onError=function(b){throw b;};j.load=function(b,c,e){var i=b&&b.config||{},g;if(w)return g=i.xhtml?document.createElementNS("http://www.w3.org/1999/xhtml","html:script"):document.createElement("script"), 33 | g.type=i.scriptType||"text/javascript",g.charset="utf-8",g.async=!0,g.setAttribute("data-requirecontext",b.contextName),g.setAttribute("data-requiremodule",c),g.attachEvent&&!(g.attachEvent.toString&&g.attachEvent.toString().indexOf("[native code")<0)&&!S?(L=!0,g.attachEvent("onreadystatechange",b.onScriptLoad)):(g.addEventListener("load",b.onScriptLoad,!1),g.addEventListener("error",b.onScriptError,!1)),g.src=e,E=g,C?t.insertBefore(g,C):t.appendChild(g),E=null,g;else ca&&(importScripts(e),b.completeLoad(c))}; 34 | w&&N(document.getElementsByTagName("script"),function(b){if(!t)t=b.parentNode;if(u=b.getAttribute("data-main")){if(!p.baseUrl)D=u.split("/"),da=D.pop(),ea=D.length?D.join("/")+"/":"./",p.baseUrl=ea,u=da;u=u.replace(ba,"");p.deps=p.deps?p.deps.concat(u):[u];return!0}});define=function(b,c,e){var i,g;typeof b!=="string"&&(e=c,c=b,b=null);G(c)||(e=c,c=[]);!c.length&&x(e)&&e.length&&(e.toString().replace(ha,"").replace(ia,function(b,e){c.push(e)}),c=(e.length===1?["require"]:["require","exports","module"]).concat(c)); 35 | if(L&&(i=E||ga()))b||(b=i.getAttribute("data-requiremodule")),g=z[i.getAttribute("data-requirecontext")];(g?g.defQueue:P).push([b,c,e])};define.amd={jQuery:!0};j.exec=function(b){return eval(b)};j(p)}})(this); 36 | -------------------------------------------------------------------------------- /ui/public/js/lib/test/test.keyboard.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /ui/public/js/lib/test/test.pine.input.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 77 | 78 | 79 |

    pine.input.js

    80 |

    81 |
    82 |

    83 |
      84 |
      85 | 86 | 87 | -------------------------------------------------------------------------------- /ui/public/js/lib/test/test.pine.keyrouter.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Pine 6 | 12 | 13 | 14 |

      Keyrouter test

      15 |

      Click a button and mash on the keyboard.

      16 |
        17 |
      • 18 | 19 |
        20 |
        • 21 |
      • 22 | 23 |
        24 |
        • 25 |
      • 26 | 27 |
        28 |
        • 29 |
      30 | 31 | 50 | 51 | 52 | -------------------------------------------------------------------------------- /ui/public/js/lib/underscore.js: -------------------------------------------------------------------------------- 1 | // Underscore.js 1.3.3 2 | // (c) 2009-2012 Jeremy Ashkenas, DocumentCloud Inc. 3 | // Underscore is freely distributable under the MIT license. 4 | // Portions of Underscore are inspired or borrowed from Prototype, 5 | // Oliver Steele's Functional, and John Resig's Micro-Templating. 6 | // For all details and documentation: 7 | // http://documentcloud.github.com/underscore 8 | 9 | (function() { 10 | 11 | // Baseline setup 12 | // -------------- 13 | 14 | // Establish the root object, `window` in the browser, or `global` on the server. 15 | var root = this; 16 | 17 | // Save the previous value of the `_` variable. 18 | var previousUnderscore = root._; 19 | 20 | // Establish the object that gets returned to break out of a loop iteration. 21 | var breaker = {}; 22 | 23 | // Save bytes in the minified (but not gzipped) version: 24 | var ArrayProto = Array.prototype, ObjProto = Object.prototype, FuncProto = Function.prototype; 25 | 26 | // Create quick reference variables for speed access to core prototypes. 27 | var slice = ArrayProto.slice, 28 | unshift = ArrayProto.unshift, 29 | toString = ObjProto.toString, 30 | hasOwnProperty = ObjProto.hasOwnProperty; 31 | 32 | // All **ECMAScript 5** native function implementations that we hope to use 33 | // are declared here. 34 | var 35 | nativeForEach = ArrayProto.forEach, 36 | nativeMap = ArrayProto.map, 37 | nativeReduce = ArrayProto.reduce, 38 | nativeReduceRight = ArrayProto.reduceRight, 39 | nativeFilter = ArrayProto.filter, 40 | nativeEvery = ArrayProto.every, 41 | nativeSome = ArrayProto.some, 42 | nativeIndexOf = ArrayProto.indexOf, 43 | nativeLastIndexOf = ArrayProto.lastIndexOf, 44 | nativeIsArray = Array.isArray, 45 | nativeKeys = Object.keys, 46 | nativeBind = FuncProto.bind; 47 | 48 | // Create a safe reference to the Underscore object for use below. 49 | var _ = function(obj) { return new wrapper(obj); }; 50 | 51 | // Export the Underscore object for **Node.js**, with 52 | // backwards-compatibility for the old `require()` API. If we're in 53 | // the browser, add `_` as a global object via a string identifier, 54 | // for Closure Compiler "advanced" mode. 55 | if (typeof exports !== 'undefined') { 56 | if (typeof module !== 'undefined' && module.exports) { 57 | exports = module.exports = _; 58 | } 59 | exports._ = _; 60 | } else { 61 | root['_'] = _; 62 | } 63 | 64 | // Current version. 65 | _.VERSION = '1.3.3'; 66 | 67 | // Collection Functions 68 | // -------------------- 69 | 70 | // The cornerstone, an `each` implementation, aka `forEach`. 71 | // Handles objects with the built-in `forEach`, arrays, and raw objects. 72 | // Delegates to **ECMAScript 5**'s native `forEach` if available. 73 | var each = _.each = _.forEach = function(obj, iterator, context) { 74 | if (obj == null) return; 75 | if (nativeForEach && obj.forEach === nativeForEach) { 76 | obj.forEach(iterator, context); 77 | } else if (obj.length === +obj.length) { 78 | for (var i = 0, l = obj.length; i < l; i++) { 79 | if (i in obj && iterator.call(context, obj[i], i, obj) === breaker) return; 80 | } 81 | } else { 82 | for (var key in obj) { 83 | if (_.has(obj, key)) { 84 | if (iterator.call(context, obj[key], key, obj) === breaker) return; 85 | } 86 | } 87 | } 88 | }; 89 | 90 | // Return the results of applying the iterator to each element. 91 | // Delegates to **ECMAScript 5**'s native `map` if available. 92 | _.map = _.collect = function(obj, iterator, context) { 93 | var results = []; 94 | if (obj == null) return results; 95 | if (nativeMap && obj.map === nativeMap) return obj.map(iterator, context); 96 | each(obj, function(value, index, list) { 97 | results[results.length] = iterator.call(context, value, index, list); 98 | }); 99 | if (obj.length === +obj.length) results.length = obj.length; 100 | return results; 101 | }; 102 | 103 | // **Reduce** builds up a single result from a list of values, aka `inject`, 104 | // or `foldl`. Delegates to **ECMAScript 5**'s native `reduce` if available. 105 | _.reduce = _.foldl = _.inject = function(obj, iterator, memo, context) { 106 | var initial = arguments.length > 2; 107 | if (obj == null) obj = []; 108 | if (nativeReduce && obj.reduce === nativeReduce) { 109 | if (context) iterator = _.bind(iterator, context); 110 | return initial ? obj.reduce(iterator, memo) : obj.reduce(iterator); 111 | } 112 | each(obj, function(value, index, list) { 113 | if (!initial) { 114 | memo = value; 115 | initial = true; 116 | } else { 117 | memo = iterator.call(context, memo, value, index, list); 118 | } 119 | }); 120 | if (!initial) throw new TypeError('Reduce of empty array with no initial value'); 121 | return memo; 122 | }; 123 | 124 | // The right-associative version of reduce, also known as `foldr`. 125 | // Delegates to **ECMAScript 5**'s native `reduceRight` if available. 126 | _.reduceRight = _.foldr = function(obj, iterator, memo, context) { 127 | var initial = arguments.length > 2; 128 | if (obj == null) obj = []; 129 | if (nativeReduceRight && obj.reduceRight === nativeReduceRight) { 130 | if (context) iterator = _.bind(iterator, context); 131 | return initial ? obj.reduceRight(iterator, memo) : obj.reduceRight(iterator); 132 | } 133 | var reversed = _.toArray(obj).reverse(); 134 | if (context && !initial) iterator = _.bind(iterator, context); 135 | return initial ? _.reduce(reversed, iterator, memo, context) : _.reduce(reversed, iterator); 136 | }; 137 | 138 | // Return the first value which passes a truth test. Aliased as `detect`. 139 | _.find = _.detect = function(obj, iterator, context) { 140 | var result; 141 | any(obj, function(value, index, list) { 142 | if (iterator.call(context, value, index, list)) { 143 | result = value; 144 | return true; 145 | } 146 | }); 147 | return result; 148 | }; 149 | 150 | // Return all the elements that pass a truth test. 151 | // Delegates to **ECMAScript 5**'s native `filter` if available. 152 | // Aliased as `select`. 153 | _.filter = _.select = function(obj, iterator, context) { 154 | var results = []; 155 | if (obj == null) return results; 156 | if (nativeFilter && obj.filter === nativeFilter) return obj.filter(iterator, context); 157 | each(obj, function(value, index, list) { 158 | if (iterator.call(context, value, index, list)) results[results.length] = value; 159 | }); 160 | return results; 161 | }; 162 | 163 | // Return all the elements for which a truth test fails. 164 | _.reject = function(obj, iterator, context) { 165 | var results = []; 166 | if (obj == null) return results; 167 | each(obj, function(value, index, list) { 168 | if (!iterator.call(context, value, index, list)) results[results.length] = value; 169 | }); 170 | return results; 171 | }; 172 | 173 | // Determine whether all of the elements match a truth test. 174 | // Delegates to **ECMAScript 5**'s native `every` if available. 175 | // Aliased as `all`. 176 | _.every = _.all = function(obj, iterator, context) { 177 | var result = true; 178 | if (obj == null) return result; 179 | if (nativeEvery && obj.every === nativeEvery) return obj.every(iterator, context); 180 | each(obj, function(value, index, list) { 181 | if (!(result = result && iterator.call(context, value, index, list))) return breaker; 182 | }); 183 | return !!result; 184 | }; 185 | 186 | // Determine if at least one element in the object matches a truth test. 187 | // Delegates to **ECMAScript 5**'s native `some` if available. 188 | // Aliased as `any`. 189 | var any = _.some = _.any = function(obj, iterator, context) { 190 | iterator || (iterator = _.identity); 191 | var result = false; 192 | if (obj == null) return result; 193 | if (nativeSome && obj.some === nativeSome) return obj.some(iterator, context); 194 | each(obj, function(value, index, list) { 195 | if (result || (result = iterator.call(context, value, index, list))) return breaker; 196 | }); 197 | return !!result; 198 | }; 199 | 200 | // Determine if a given value is included in the array or object using `===`. 201 | // Aliased as `contains`. 202 | _.include = _.contains = function(obj, target) { 203 | var found = false; 204 | if (obj == null) return found; 205 | if (nativeIndexOf && obj.indexOf === nativeIndexOf) return obj.indexOf(target) != -1; 206 | found = any(obj, function(value) { 207 | return value === target; 208 | }); 209 | return found; 210 | }; 211 | 212 | // Invoke a method (with arguments) on every item in a collection. 213 | _.invoke = function(obj, method) { 214 | var args = slice.call(arguments, 2); 215 | return _.map(obj, function(value) { 216 | return (_.isFunction(method) ? method || value : value[method]).apply(value, args); 217 | }); 218 | }; 219 | 220 | // Convenience version of a common use case of `map`: fetching a property. 221 | _.pluck = function(obj, key) { 222 | return _.map(obj, function(value){ return value[key]; }); 223 | }; 224 | 225 | // Return the maximum element or (element-based computation). 226 | _.max = function(obj, iterator, context) { 227 | if (!iterator && _.isArray(obj) && obj[0] === +obj[0]) return Math.max.apply(Math, obj); 228 | if (!iterator && _.isEmpty(obj)) return -Infinity; 229 | var result = {computed : -Infinity}; 230 | each(obj, function(value, index, list) { 231 | var computed = iterator ? iterator.call(context, value, index, list) : value; 232 | computed >= result.computed && (result = {value : value, computed : computed}); 233 | }); 234 | return result.value; 235 | }; 236 | 237 | // Return the minimum element (or element-based computation). 238 | _.min = function(obj, iterator, context) { 239 | if (!iterator && _.isArray(obj) && obj[0] === +obj[0]) return Math.min.apply(Math, obj); 240 | if (!iterator && _.isEmpty(obj)) return Infinity; 241 | var result = {computed : Infinity}; 242 | each(obj, function(value, index, list) { 243 | var computed = iterator ? iterator.call(context, value, index, list) : value; 244 | computed < result.computed && (result = {value : value, computed : computed}); 245 | }); 246 | return result.value; 247 | }; 248 | 249 | // Shuffle an array. 250 | _.shuffle = function(obj) { 251 | var shuffled = [], rand; 252 | each(obj, function(value, index, list) { 253 | rand = Math.floor(Math.random() * (index + 1)); 254 | shuffled[index] = shuffled[rand]; 255 | shuffled[rand] = value; 256 | }); 257 | return shuffled; 258 | }; 259 | 260 | // Sort the object's values by a criterion produced by an iterator. 261 | _.sortBy = function(obj, val, context) { 262 | var iterator = _.isFunction(val) ? val : function(obj) { return obj[val]; }; 263 | return _.pluck(_.map(obj, function(value, index, list) { 264 | return { 265 | value : value, 266 | criteria : iterator.call(context, value, index, list) 267 | }; 268 | }).sort(function(left, right) { 269 | var a = left.criteria, b = right.criteria; 270 | if (a === void 0) return 1; 271 | if (b === void 0) return -1; 272 | return a < b ? -1 : a > b ? 1 : 0; 273 | }), 'value'); 274 | }; 275 | 276 | // Groups the object's values by a criterion. Pass either a string attribute 277 | // to group by, or a function that returns the criterion. 278 | _.groupBy = function(obj, val) { 279 | var result = {}; 280 | var iterator = _.isFunction(val) ? val : function(obj) { return obj[val]; }; 281 | each(obj, function(value, index) { 282 | var key = iterator(value, index); 283 | (result[key] || (result[key] = [])).push(value); 284 | }); 285 | return result; 286 | }; 287 | 288 | // Use a comparator function to figure out at what index an object should 289 | // be inserted so as to maintain order. Uses binary search. 290 | _.sortedIndex = function(array, obj, iterator) { 291 | iterator || (iterator = _.identity); 292 | var low = 0, high = array.length; 293 | while (low < high) { 294 | var mid = (low + high) >> 1; 295 | iterator(array[mid]) < iterator(obj) ? low = mid + 1 : high = mid; 296 | } 297 | return low; 298 | }; 299 | 300 | // Safely convert anything iterable into a real, live array. 301 | _.toArray = function(obj) { 302 | if (!obj) return []; 303 | if (_.isArray(obj)) return slice.call(obj); 304 | if (_.isArguments(obj)) return slice.call(obj); 305 | if (obj.toArray && _.isFunction(obj.toArray)) return obj.toArray(); 306 | return _.values(obj); 307 | }; 308 | 309 | // Return the number of elements in an object. 310 | _.size = function(obj) { 311 | return _.isArray(obj) ? obj.length : _.keys(obj).length; 312 | }; 313 | 314 | // Array Functions 315 | // --------------- 316 | 317 | // Get the first element of an array. Passing **n** will return the first N 318 | // values in the array. Aliased as `head` and `take`. The **guard** check 319 | // allows it to work with `_.map`. 320 | _.first = _.head = _.take = function(array, n, guard) { 321 | return (n != null) && !guard ? slice.call(array, 0, n) : array[0]; 322 | }; 323 | 324 | // Returns everything but the last entry of the array. Especcialy useful on 325 | // the arguments object. Passing **n** will return all the values in 326 | // the array, excluding the last N. The **guard** check allows it to work with 327 | // `_.map`. 328 | _.initial = function(array, n, guard) { 329 | return slice.call(array, 0, array.length - ((n == null) || guard ? 1 : n)); 330 | }; 331 | 332 | // Get the last element of an array. Passing **n** will return the last N 333 | // values in the array. The **guard** check allows it to work with `_.map`. 334 | _.last = function(array, n, guard) { 335 | if ((n != null) && !guard) { 336 | return slice.call(array, Math.max(array.length - n, 0)); 337 | } else { 338 | return array[array.length - 1]; 339 | } 340 | }; 341 | 342 | // Returns everything but the first entry of the array. Aliased as `tail`. 343 | // Especially useful on the arguments object. Passing an **index** will return 344 | // the rest of the values in the array from that index onward. The **guard** 345 | // check allows it to work with `_.map`. 346 | _.rest = _.tail = function(array, index, guard) { 347 | return slice.call(array, (index == null) || guard ? 1 : index); 348 | }; 349 | 350 | // Trim out all falsy values from an array. 351 | _.compact = function(array) { 352 | return _.filter(array, function(value){ return !!value; }); 353 | }; 354 | 355 | // Return a completely flattened version of an array. 356 | _.flatten = function(array, shallow) { 357 | return _.reduce(array, function(memo, value) { 358 | if (_.isArray(value)) return memo.concat(shallow ? value : _.flatten(value)); 359 | memo[memo.length] = value; 360 | return memo; 361 | }, []); 362 | }; 363 | 364 | // Return a version of the array that does not contain the specified value(s). 365 | _.without = function(array) { 366 | return _.difference(array, slice.call(arguments, 1)); 367 | }; 368 | 369 | // Produce a duplicate-free version of the array. If the array has already 370 | // been sorted, you have the option of using a faster algorithm. 371 | // Aliased as `unique`. 372 | _.uniq = _.unique = function(array, isSorted, iterator) { 373 | var initial = iterator ? _.map(array, iterator) : array; 374 | var results = []; 375 | // The `isSorted` flag is irrelevant if the array only contains two elements. 376 | if (array.length < 3) isSorted = true; 377 | _.reduce(initial, function (memo, value, index) { 378 | if (isSorted ? _.last(memo) !== value || !memo.length : !_.include(memo, value)) { 379 | memo.push(value); 380 | results.push(array[index]); 381 | } 382 | return memo; 383 | }, []); 384 | return results; 385 | }; 386 | 387 | // Produce an array that contains the union: each distinct element from all of 388 | // the passed-in arrays. 389 | _.union = function() { 390 | return _.uniq(_.flatten(arguments, true)); 391 | }; 392 | 393 | // Produce an array that contains every item shared between all the 394 | // passed-in arrays. (Aliased as "intersect" for back-compat.) 395 | _.intersection = _.intersect = function(array) { 396 | var rest = slice.call(arguments, 1); 397 | return _.filter(_.uniq(array), function(item) { 398 | return _.every(rest, function(other) { 399 | return _.indexOf(other, item) >= 0; 400 | }); 401 | }); 402 | }; 403 | 404 | // Take the difference between one array and a number of other arrays. 405 | // Only the elements present in just the first array will remain. 406 | _.difference = function(array) { 407 | var rest = _.flatten(slice.call(arguments, 1), true); 408 | return _.filter(array, function(value){ return !_.include(rest, value); }); 409 | }; 410 | 411 | // Zip together multiple lists into a single array -- elements that share 412 | // an index go together. 413 | _.zip = function() { 414 | var args = slice.call(arguments); 415 | var length = _.max(_.pluck(args, 'length')); 416 | var results = new Array(length); 417 | for (var i = 0; i < length; i++) results[i] = _.pluck(args, "" + i); 418 | return results; 419 | }; 420 | 421 | // If the browser doesn't supply us with indexOf (I'm looking at you, **MSIE**), 422 | // we need this function. Return the position of the first occurrence of an 423 | // item in an array, or -1 if the item is not included in the array. 424 | // Delegates to **ECMAScript 5**'s native `indexOf` if available. 425 | // If the array is large and already in sort order, pass `true` 426 | // for **isSorted** to use binary search. 427 | _.indexOf = function(array, item, isSorted) { 428 | if (array == null) return -1; 429 | var i, l; 430 | if (isSorted) { 431 | i = _.sortedIndex(array, item); 432 | return array[i] === item ? i : -1; 433 | } 434 | if (nativeIndexOf && array.indexOf === nativeIndexOf) return array.indexOf(item); 435 | for (i = 0, l = array.length; i < l; i++) if (i in array && array[i] === item) return i; 436 | return -1; 437 | }; 438 | 439 | // Delegates to **ECMAScript 5**'s native `lastIndexOf` if available. 440 | _.lastIndexOf = function(array, item) { 441 | if (array == null) return -1; 442 | if (nativeLastIndexOf && array.lastIndexOf === nativeLastIndexOf) return array.lastIndexOf(item); 443 | var i = array.length; 444 | while (i--) if (i in array && array[i] === item) return i; 445 | return -1; 446 | }; 447 | 448 | // Generate an integer Array containing an arithmetic progression. A port of 449 | // the native Python `range()` function. See 450 | // [the Python documentation](http://docs.python.org/library/functions.html#range). 451 | _.range = function(start, stop, step) { 452 | if (arguments.length <= 1) { 453 | stop = start || 0; 454 | start = 0; 455 | } 456 | step = arguments[2] || 1; 457 | 458 | var len = Math.max(Math.ceil((stop - start) / step), 0); 459 | var idx = 0; 460 | var range = new Array(len); 461 | 462 | while(idx < len) { 463 | range[idx++] = start; 464 | start += step; 465 | } 466 | 467 | return range; 468 | }; 469 | 470 | // Function (ahem) Functions 471 | // ------------------ 472 | 473 | // Reusable constructor function for prototype setting. 474 | var ctor = function(){}; 475 | 476 | // Create a function bound to a given object (assigning `this`, and arguments, 477 | // optionally). Binding with arguments is also known as `curry`. 478 | // Delegates to **ECMAScript 5**'s native `Function.bind` if available. 479 | // We check for `func.bind` first, to fail fast when `func` is undefined. 480 | _.bind = function bind(func, context) { 481 | var bound, args; 482 | if (func.bind === nativeBind && nativeBind) return nativeBind.apply(func, slice.call(arguments, 1)); 483 | if (!_.isFunction(func)) throw new TypeError; 484 | args = slice.call(arguments, 2); 485 | return bound = function() { 486 | if (!(this instanceof bound)) return func.apply(context, args.concat(slice.call(arguments))); 487 | ctor.prototype = func.prototype; 488 | var self = new ctor; 489 | var result = func.apply(self, args.concat(slice.call(arguments))); 490 | if (Object(result) === result) return result; 491 | return self; 492 | }; 493 | }; 494 | 495 | // Bind all of an object's methods to that object. Useful for ensuring that 496 | // all callbacks defined on an object belong to it. 497 | _.bindAll = function(obj) { 498 | var funcs = slice.call(arguments, 1); 499 | if (funcs.length == 0) funcs = _.functions(obj); 500 | each(funcs, function(f) { obj[f] = _.bind(obj[f], obj); }); 501 | return obj; 502 | }; 503 | 504 | // Memoize an expensive function by storing its results. 505 | _.memoize = function(func, hasher) { 506 | var memo = {}; 507 | hasher || (hasher = _.identity); 508 | return function() { 509 | var key = hasher.apply(this, arguments); 510 | return _.has(memo, key) ? memo[key] : (memo[key] = func.apply(this, arguments)); 511 | }; 512 | }; 513 | 514 | // Delays a function for the given number of milliseconds, and then calls 515 | // it with the arguments supplied. 516 | _.delay = function(func, wait) { 517 | var args = slice.call(arguments, 2); 518 | return setTimeout(function(){ return func.apply(null, args); }, wait); 519 | }; 520 | 521 | // Defers a function, scheduling it to run after the current call stack has 522 | // cleared. 523 | _.defer = function(func) { 524 | return _.delay.apply(_, [func, 1].concat(slice.call(arguments, 1))); 525 | }; 526 | 527 | // Returns a function, that, when invoked, will only be triggered at most once 528 | // during a given window of time. 529 | _.throttle = function(func, wait) { 530 | var context, args, timeout, throttling, more, result; 531 | var whenDone = _.debounce(function(){ more = throttling = false; }, wait); 532 | return function() { 533 | context = this; args = arguments; 534 | var later = function() { 535 | timeout = null; 536 | if (more) func.apply(context, args); 537 | whenDone(); 538 | }; 539 | if (!timeout) timeout = setTimeout(later, wait); 540 | if (throttling) { 541 | more = true; 542 | } else { 543 | result = func.apply(context, args); 544 | } 545 | whenDone(); 546 | throttling = true; 547 | return result; 548 | }; 549 | }; 550 | 551 | // Returns a function, that, as long as it continues to be invoked, will not 552 | // be triggered. The function will be called after it stops being called for 553 | // N milliseconds. If `immediate` is passed, trigger the function on the 554 | // leading edge, instead of the trailing. 555 | _.debounce = function(func, wait, immediate) { 556 | var timeout; 557 | return function() { 558 | var context = this, args = arguments; 559 | var later = function() { 560 | timeout = null; 561 | if (!immediate) func.apply(context, args); 562 | }; 563 | if (immediate && !timeout) func.apply(context, args); 564 | clearTimeout(timeout); 565 | timeout = setTimeout(later, wait); 566 | }; 567 | }; 568 | 569 | // Returns a function that will be executed at most one time, no matter how 570 | // often you call it. Useful for lazy initialization. 571 | _.once = function(func) { 572 | var ran = false, memo; 573 | return function() { 574 | if (ran) return memo; 575 | ran = true; 576 | return memo = func.apply(this, arguments); 577 | }; 578 | }; 579 | 580 | // Returns the first function passed as an argument to the second, 581 | // allowing you to adjust arguments, run code before and after, and 582 | // conditionally execute the original function. 583 | _.wrap = function(func, wrapper) { 584 | return function() { 585 | var args = [func].concat(slice.call(arguments, 0)); 586 | return wrapper.apply(this, args); 587 | }; 588 | }; 589 | 590 | // Returns a function that is the composition of a list of functions, each 591 | // consuming the return value of the function that follows. 592 | _.compose = function() { 593 | var funcs = arguments; 594 | return function() { 595 | var args = arguments; 596 | for (var i = funcs.length - 1; i >= 0; i--) { 597 | args = [funcs[i].apply(this, args)]; 598 | } 599 | return args[0]; 600 | }; 601 | }; 602 | 603 | // Returns a function that will only be executed after being called N times. 604 | _.after = function(times, func) { 605 | if (times <= 0) return func(); 606 | return function() { 607 | if (--times < 1) { return func.apply(this, arguments); } 608 | }; 609 | }; 610 | 611 | // Object Functions 612 | // ---------------- 613 | 614 | // Retrieve the names of an object's properties. 615 | // Delegates to **ECMAScript 5**'s native `Object.keys` 616 | _.keys = nativeKeys || function(obj) { 617 | if (obj !== Object(obj)) throw new TypeError('Invalid object'); 618 | var keys = []; 619 | for (var key in obj) if (_.has(obj, key)) keys[keys.length] = key; 620 | return keys; 621 | }; 622 | 623 | // Retrieve the values of an object's properties. 624 | _.values = function(obj) { 625 | return _.map(obj, _.identity); 626 | }; 627 | 628 | // Return a sorted list of the function names available on the object. 629 | // Aliased as `methods` 630 | _.functions = _.methods = function(obj) { 631 | var names = []; 632 | for (var key in obj) { 633 | if (_.isFunction(obj[key])) names.push(key); 634 | } 635 | return names.sort(); 636 | }; 637 | 638 | // Extend a given object with all the properties in passed-in object(s). 639 | _.extend = function(obj) { 640 | each(slice.call(arguments, 1), function(source) { 641 | for (var prop in source) { 642 | obj[prop] = source[prop]; 643 | } 644 | }); 645 | return obj; 646 | }; 647 | 648 | // Return a copy of the object only containing the whitelisted properties. 649 | _.pick = function(obj) { 650 | var result = {}; 651 | each(_.flatten(slice.call(arguments, 1)), function(key) { 652 | if (key in obj) result[key] = obj[key]; 653 | }); 654 | return result; 655 | }; 656 | 657 | // Fill in a given object with default properties. 658 | _.defaults = function(obj) { 659 | each(slice.call(arguments, 1), function(source) { 660 | for (var prop in source) { 661 | if (obj[prop] == null) obj[prop] = source[prop]; 662 | } 663 | }); 664 | return obj; 665 | }; 666 | 667 | // Create a (shallow-cloned) duplicate of an object. 668 | _.clone = function(obj) { 669 | if (!_.isObject(obj)) return obj; 670 | return _.isArray(obj) ? obj.slice() : _.extend({}, obj); 671 | }; 672 | 673 | // Invokes interceptor with the obj, and then returns obj. 674 | // The primary purpose of this method is to "tap into" a method chain, in 675 | // order to perform operations on intermediate results within the chain. 676 | _.tap = function(obj, interceptor) { 677 | interceptor(obj); 678 | return obj; 679 | }; 680 | 681 | // Internal recursive comparison function. 682 | function eq(a, b, stack) { 683 | // Identical objects are equal. `0 === -0`, but they aren't identical. 684 | // See the Harmony `egal` proposal: http://wiki.ecmascript.org/doku.php?id=harmony:egal. 685 | if (a === b) return a !== 0 || 1 / a == 1 / b; 686 | // A strict comparison is necessary because `null == undefined`. 687 | if (a == null || b == null) return a === b; 688 | // Unwrap any wrapped objects. 689 | if (a._chain) a = a._wrapped; 690 | if (b._chain) b = b._wrapped; 691 | // Invoke a custom `isEqual` method if one is provided. 692 | if (a.isEqual && _.isFunction(a.isEqual)) return a.isEqual(b); 693 | if (b.isEqual && _.isFunction(b.isEqual)) return b.isEqual(a); 694 | // Compare `[[Class]]` names. 695 | var className = toString.call(a); 696 | if (className != toString.call(b)) return false; 697 | switch (className) { 698 | // Strings, numbers, dates, and booleans are compared by value. 699 | case '[object String]': 700 | // Primitives and their corresponding object wrappers are equivalent; thus, `"5"` is 701 | // equivalent to `new String("5")`. 702 | return a == String(b); 703 | case '[object Number]': 704 | // `NaN`s are equivalent, but non-reflexive. An `egal` comparison is performed for 705 | // other numeric values. 706 | return a != +a ? b != +b : (a == 0 ? 1 / a == 1 / b : a == +b); 707 | case '[object Date]': 708 | case '[object Boolean]': 709 | // Coerce dates and booleans to numeric primitive values. Dates are compared by their 710 | // millisecond representations. Note that invalid dates with millisecond representations 711 | // of `NaN` are not equivalent. 712 | return +a == +b; 713 | // RegExps are compared by their source patterns and flags. 714 | case '[object RegExp]': 715 | return a.source == b.source && 716 | a.global == b.global && 717 | a.multiline == b.multiline && 718 | a.ignoreCase == b.ignoreCase; 719 | } 720 | if (typeof a != 'object' || typeof b != 'object') return false; 721 | // Assume equality for cyclic structures. The algorithm for detecting cyclic 722 | // structures is adapted from ES 5.1 section 15.12.3, abstract operation `JO`. 723 | var length = stack.length; 724 | while (length--) { 725 | // Linear search. Performance is inversely proportional to the number of 726 | // unique nested structures. 727 | if (stack[length] == a) return true; 728 | } 729 | // Add the first object to the stack of traversed objects. 730 | stack.push(a); 731 | var size = 0, result = true; 732 | // Recursively compare objects and arrays. 733 | if (className == '[object Array]') { 734 | // Compare array lengths to determine if a deep comparison is necessary. 735 | size = a.length; 736 | result = size == b.length; 737 | if (result) { 738 | // Deep compare the contents, ignoring non-numeric properties. 739 | while (size--) { 740 | // Ensure commutative equality for sparse arrays. 741 | if (!(result = size in a == size in b && eq(a[size], b[size], stack))) break; 742 | } 743 | } 744 | } else { 745 | // Objects with different constructors are not equivalent. 746 | if ('constructor' in a != 'constructor' in b || a.constructor != b.constructor) return false; 747 | // Deep compare objects. 748 | for (var key in a) { 749 | if (_.has(a, key)) { 750 | // Count the expected number of properties. 751 | size++; 752 | // Deep compare each member. 753 | if (!(result = _.has(b, key) && eq(a[key], b[key], stack))) break; 754 | } 755 | } 756 | // Ensure that both objects contain the same number of properties. 757 | if (result) { 758 | for (key in b) { 759 | if (_.has(b, key) && !(size--)) break; 760 | } 761 | result = !size; 762 | } 763 | } 764 | // Remove the first object from the stack of traversed objects. 765 | stack.pop(); 766 | return result; 767 | } 768 | 769 | // Perform a deep comparison to check if two objects are equal. 770 | _.isEqual = function(a, b) { 771 | return eq(a, b, []); 772 | }; 773 | 774 | // Is a given array, string, or object empty? 775 | // An "empty" object has no enumerable own-properties. 776 | _.isEmpty = function(obj) { 777 | if (obj == null) return true; 778 | if (_.isArray(obj) || _.isString(obj)) return obj.length === 0; 779 | for (var key in obj) if (_.has(obj, key)) return false; 780 | return true; 781 | }; 782 | 783 | // Is a given value a DOM element? 784 | _.isElement = function(obj) { 785 | return !!(obj && obj.nodeType == 1); 786 | }; 787 | 788 | // Is a given value an array? 789 | // Delegates to ECMA5's native Array.isArray 790 | _.isArray = nativeIsArray || function(obj) { 791 | return toString.call(obj) == '[object Array]'; 792 | }; 793 | 794 | // Is a given variable an object? 795 | _.isObject = function(obj) { 796 | return obj === Object(obj); 797 | }; 798 | 799 | // Is a given variable an arguments object? 800 | _.isArguments = function(obj) { 801 | return toString.call(obj) == '[object Arguments]'; 802 | }; 803 | if (!_.isArguments(arguments)) { 804 | _.isArguments = function(obj) { 805 | return !!(obj && _.has(obj, 'callee')); 806 | }; 807 | } 808 | 809 | // Is a given value a function? 810 | _.isFunction = function(obj) { 811 | return toString.call(obj) == '[object Function]'; 812 | }; 813 | 814 | // Is a given value a string? 815 | _.isString = function(obj) { 816 | return toString.call(obj) == '[object String]'; 817 | }; 818 | 819 | // Is a given value a number? 820 | _.isNumber = function(obj) { 821 | return toString.call(obj) == '[object Number]'; 822 | }; 823 | 824 | // Is a given object a finite number? 825 | _.isFinite = function(obj) { 826 | return _.isNumber(obj) && isFinite(obj); 827 | }; 828 | 829 | // Is the given value `NaN`? 830 | _.isNaN = function(obj) { 831 | // `NaN` is the only value for which `===` is not reflexive. 832 | return obj !== obj; 833 | }; 834 | 835 | // Is a given value a boolean? 836 | _.isBoolean = function(obj) { 837 | return obj === true || obj === false || toString.call(obj) == '[object Boolean]'; 838 | }; 839 | 840 | // Is a given value a date? 841 | _.isDate = function(obj) { 842 | return toString.call(obj) == '[object Date]'; 843 | }; 844 | 845 | // Is the given value a regular expression? 846 | _.isRegExp = function(obj) { 847 | return toString.call(obj) == '[object RegExp]'; 848 | }; 849 | 850 | // Is a given value equal to null? 851 | _.isNull = function(obj) { 852 | return obj === null; 853 | }; 854 | 855 | // Is a given variable undefined? 856 | _.isUndefined = function(obj) { 857 | return obj === void 0; 858 | }; 859 | 860 | // Has own property? 861 | _.has = function(obj, key) { 862 | return hasOwnProperty.call(obj, key); 863 | }; 864 | 865 | // Utility Functions 866 | // ----------------- 867 | 868 | // Run Underscore.js in *noConflict* mode, returning the `_` variable to its 869 | // previous owner. Returns a reference to the Underscore object. 870 | _.noConflict = function() { 871 | root._ = previousUnderscore; 872 | return this; 873 | }; 874 | 875 | // Keep the identity function around for default iterators. 876 | _.identity = function(value) { 877 | return value; 878 | }; 879 | 880 | // Run a function **n** times. 881 | _.times = function (n, iterator, context) { 882 | for (var i = 0; i < n; i++) iterator.call(context, i); 883 | }; 884 | 885 | // Escape a string for HTML interpolation. 886 | _.escape = function(string) { 887 | return (''+string).replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"').replace(/'/g, ''').replace(/\//g,'/'); 888 | }; 889 | 890 | // If the value of the named property is a function then invoke it; 891 | // otherwise, return it. 892 | _.result = function(object, property) { 893 | if (object == null) return null; 894 | var value = object[property]; 895 | return _.isFunction(value) ? value.call(object) : value; 896 | }; 897 | 898 | // Add your own custom functions to the Underscore object, ensuring that 899 | // they're correctly added to the OOP wrapper as well. 900 | _.mixin = function(obj) { 901 | each(_.functions(obj), function(name){ 902 | addToWrapper(name, _[name] = obj[name]); 903 | }); 904 | }; 905 | 906 | // Generate a unique integer id (unique within the entire client session). 907 | // Useful for temporary DOM ids. 908 | var idCounter = 0; 909 | _.uniqueId = function(prefix) { 910 | var id = idCounter++; 911 | return prefix ? prefix + id : id; 912 | }; 913 | 914 | // By default, Underscore uses ERB-style template delimiters, change the 915 | // following template settings to use alternative delimiters. 916 | _.templateSettings = { 917 | evaluate : /<%([\s\S]+?)%>/g, 918 | interpolate : /<%=([\s\S]+?)%>/g, 919 | escape : /<%-([\s\S]+?)%>/g 920 | }; 921 | 922 | // When customizing `templateSettings`, if you don't want to define an 923 | // interpolation, evaluation or escaping regex, we need one that is 924 | // guaranteed not to match. 925 | var noMatch = /.^/; 926 | 927 | // Certain characters need to be escaped so that they can be put into a 928 | // string literal. 929 | var escapes = { 930 | '\\': '\\', 931 | "'": "'", 932 | 'r': '\r', 933 | 'n': '\n', 934 | 't': '\t', 935 | 'u2028': '\u2028', 936 | 'u2029': '\u2029' 937 | }; 938 | 939 | for (var p in escapes) escapes[escapes[p]] = p; 940 | var escaper = /\\|'|\r|\n|\t|\u2028|\u2029/g; 941 | var unescaper = /\\(\\|'|r|n|t|u2028|u2029)/g; 942 | 943 | // Within an interpolation, evaluation, or escaping, remove HTML escaping 944 | // that had been previously added. 945 | var unescape = function(code) { 946 | return code.replace(unescaper, function(match, escape) { 947 | return escapes[escape]; 948 | }); 949 | }; 950 | 951 | // JavaScript micro-templating, similar to John Resig's implementation. 952 | // Underscore templating handles arbitrary delimiters, preserves whitespace, 953 | // and correctly escapes quotes within interpolated code. 954 | _.template = function(text, data, settings) { 955 | settings = _.defaults(settings || {}, _.templateSettings); 956 | 957 | // Compile the template source, taking care to escape characters that 958 | // cannot be included in a string literal and then unescape them in code 959 | // blocks. 960 | var source = "__p+='" + text 961 | .replace(escaper, function(match) { 962 | return '\\' + escapes[match]; 963 | }) 964 | .replace(settings.escape || noMatch, function(match, code) { 965 | return "'+\n_.escape(" + unescape(code) + ")+\n'"; 966 | }) 967 | .replace(settings.interpolate || noMatch, function(match, code) { 968 | return "'+\n(" + unescape(code) + ")+\n'"; 969 | }) 970 | .replace(settings.evaluate || noMatch, function(match, code) { 971 | return "';\n" + unescape(code) + "\n;__p+='"; 972 | }) + "';\n"; 973 | 974 | // If a variable is not specified, place data values in local scope. 975 | if (!settings.variable) source = 'with(obj||{}){\n' + source + '}\n'; 976 | 977 | source = "var __p='';" + 978 | "var print=function(){__p+=Array.prototype.join.call(arguments, '')};\n" + 979 | source + "return __p;\n"; 980 | 981 | var render = new Function(settings.variable || 'obj', '_', source); 982 | if (data) return render(data, _); 983 | var template = function(data) { 984 | return render.call(this, data, _); 985 | }; 986 | 987 | // Provide the compiled function source as a convenience for build time 988 | // precompilation. 989 | template.source = 'function(' + (settings.variable || 'obj') + '){\n' + 990 | source + '}'; 991 | 992 | return template; 993 | }; 994 | 995 | // Add a "chain" function, which will delegate to the wrapper. 996 | _.chain = function(obj) { 997 | return _(obj).chain(); 998 | }; 999 | 1000 | // The OOP Wrapper 1001 | // --------------- 1002 | 1003 | // If Underscore is called as a function, it returns a wrapped object that 1004 | // can be used OO-style. This wrapper holds altered versions of all the 1005 | // underscore functions. Wrapped objects may be chained. 1006 | var wrapper = function(obj) { this._wrapped = obj; }; 1007 | 1008 | // Expose `wrapper.prototype` as `_.prototype` 1009 | _.prototype = wrapper.prototype; 1010 | 1011 | // Helper function to continue chaining intermediate results. 1012 | var result = function(obj, chain) { 1013 | return chain ? _(obj).chain() : obj; 1014 | }; 1015 | 1016 | // A method to easily add functions to the OOP wrapper. 1017 | var addToWrapper = function(name, func) { 1018 | wrapper.prototype[name] = function() { 1019 | var args = slice.call(arguments); 1020 | unshift.call(args, this._wrapped); 1021 | return result(func.apply(_, args), this._chain); 1022 | }; 1023 | }; 1024 | 1025 | // Add all of the Underscore functions to the wrapper object. 1026 | _.mixin(_); 1027 | 1028 | // Add all mutator Array functions to the wrapper. 1029 | each(['pop', 'push', 'reverse', 'shift', 'sort', 'splice', 'unshift'], function(name) { 1030 | var method = ArrayProto[name]; 1031 | wrapper.prototype[name] = function() { 1032 | var wrapped = this._wrapped; 1033 | method.apply(wrapped, arguments); 1034 | var length = wrapped.length; 1035 | if ((name == 'shift' || name == 'splice') && length === 0) delete wrapped[0]; 1036 | return result(wrapped, this._chain); 1037 | }; 1038 | }); 1039 | 1040 | // Add all accessor Array functions to the wrapper. 1041 | each(['concat', 'join', 'slice'], function(name) { 1042 | var method = ArrayProto[name]; 1043 | wrapper.prototype[name] = function() { 1044 | return result(method.apply(this._wrapped, arguments), this._chain); 1045 | }; 1046 | }); 1047 | 1048 | // Start chaining a wrapped Underscore object. 1049 | wrapper.prototype.chain = function() { 1050 | this._chain = true; 1051 | return this; 1052 | }; 1053 | 1054 | // Extracts the result from a wrapped and chained object. 1055 | wrapper.prototype.value = function() { 1056 | return this._wrapped; 1057 | }; 1058 | 1059 | }).call(this); 1060 | -------------------------------------------------------------------------------- /ui/public/js/plugin/jquery.v-keys.js: -------------------------------------------------------------------------------- 1 | /*jslint nomen: true, plusplus: true, undef: true, todo: true, white: true, 2 | browser: true, indent: 2, maxlen: 80 */ 3 | /*global Backbone: false, _: false, $: false, KeyRouter: false, publish: false, 4 | subscribe: false */ 5 | 6 | define(['./v-keys-helper', './../view/view.v-keys'] 7 | ,function (vKeysHelper, vKeysView) { 8 | 9 | 'use strict'; 10 | 11 | /** @type {jQuery} */ 12 | var $modal = $(vKeysHelper.modalTemplate); 13 | 14 | /** @type {ModalView} */ 15 | var modalView = new vKeysView.ModalView({'el': $modal[0]}); 16 | 17 | 18 | $.fn.vKeys = function () { 19 | this.on('focus', _.bind(modalView.onShow, modalView)); 20 | }; 21 | 22 | }); 23 | -------------------------------------------------------------------------------- /ui/public/js/plugin/v-keys-helper.js: -------------------------------------------------------------------------------- 1 | // This file is exempt from standard style guide rules. 2 | define(['exports'], function (vKeysHelper) { 3 | 4 | 'use strict'; 5 | 6 | // This function was unabashedly copy/pasted from: 7 | // http://stackoverflow.com/questions/499126/jquery-set-cursor-position-in-text-area 8 | $.fn.setCursorPosition = function(pos) { 9 | if ($(this).get(0).setSelectionRange) { 10 | $(this).get(0).setSelectionRange(pos, pos); 11 | } else if ($(this).get(0).createTextRange) { 12 | var range = $(this).get(0).createTextRange(); 13 | range.collapse(true); 14 | range.moveEnd('character', pos); 15 | range.moveStart('character', pos); 16 | range.select(); 17 | } 18 | 19 | return this; 20 | } 21 | 22 | 23 | /** @type {string} */ 24 | vKeysHelper.modalTemplate = [ 25 | '
      ' 26 | ,'
      ' 27 | ,'
      ' 28 | ,'' 29 | ,'
      ' 30 | ,'
      ' 31 | ,'
      ' 32 | ].join(''); 33 | 34 | 35 | /** @type {Array.} */ 36 | var standardLayoutPartial = [ 37 | '1234567890 ⇦⇨'.split('') 38 | ,'!@#$%^&*-_=+[]'.split('') 39 | ,'{}()<>`~\\/;:\'"'.split('') 40 | ,['Backspace', 'Enter'] 41 | ,['Cancel', 'Accept'] 42 | ,['Toggle layout'] 43 | ]; 44 | 45 | 46 | // Sorry about this nonsensical typedef... 47 | /** @type {{>>}} */ 48 | vKeysHelper.layouts = { 49 | 'uppercase': 50 | ['ABCDEFGHIJKLMN'.split('') 51 | ,'OPQRSTUVWXYZ '.split('')] 52 | 53 | ,'lowercase': 54 | ['abcdefghijklmn'.split('') 55 | ,'opqrstuvwxyz '.split('')] 56 | }; 57 | 58 | _.each(vKeysHelper.layouts, function (layout, layoutName) { 59 | vKeysHelper.layouts[layoutName] = 60 | vKeysHelper.layouts[layoutName].concat(standardLayoutPartial); 61 | }); 62 | 63 | 64 | /** @type {{Function(ModalView, string, ?number)}} */ 65 | vKeysHelper.specialKeyHandlers = { 66 | 67 | 'Enter': function (modalView, currentString, caretPosition) { 68 | modalView.insertTextareaContentAt('\n', caretPosition); 69 | } 70 | 71 | 72 | ,'Backspace': function (modalView, currentString, caretPosition) { 73 | var splitString = currentString.split(''); 74 | splitString.splice(caretPosition - 1, 1); 75 | modalView.updateTextarea(splitString.join('')); 76 | modalView._$textarea.setCursorPosition(caretPosition - 1); 77 | } 78 | 79 | 80 | ,'Toggle layout': function (modalView, currentString) { 81 | var newLayout = modalView.getCurrentLayout() === 'uppercase' 82 | ? 'lowercase' 83 | : 'uppercase'; 84 | modalView.switchLayout(newLayout); 85 | } 86 | 87 | 88 | ,'Cancel': function (modalView, currentString, caretPosition) { 89 | modalView.hide(); 90 | } 91 | 92 | 93 | ,'Accept': function (modalView, currentString, caretPosition) { 94 | modalView.hide(true); 95 | } 96 | 97 | 98 | ,'⇦': function (modalView, currentString, caretPosition) { 99 | modalView._$textarea.setCursorPosition(caretPosition - 1); 100 | } 101 | 102 | 103 | ,'⇨': function (modalView, currentString, caretPosition) { 104 | modalView._$textarea.setCursorPosition(caretPosition + 1); 105 | } 106 | 107 | }; 108 | 109 | 110 | /** 111 | * Note: This method assumes quite a bit about `layout`. It assumes that the 112 | * first row equals the length of the grid. It also assumes that rows that 113 | * are too short divide cleanly in the table length (no decimals). 114 | * @param {Array.>} layout 115 | * @return {jQuery} 116 | */ 117 | vKeysHelper.buildTableFromLayout = function (layout) { 118 | var htmlChunks = ['']; 119 | var tableLength; 120 | 121 | layout.forEach(function (row) { 122 | var rowLength = row.length; 123 | 124 | if (!tableLength) { 125 | tableLength = rowLength; 126 | } 127 | 128 | htmlChunks.push(''); 129 | row.forEach(function (column) { 130 | htmlChunks.push(buildTd(column, rowLength, tableLength)); 131 | }); 132 | htmlChunks.push(''); 133 | }); 134 | 135 | htmlChunks.push('
      '); 136 | return $(htmlChunks.join('')); 137 | }; 138 | 139 | 140 | /** 141 | * @param {string} content 142 | * @param {number} rowLength 143 | * @param {number} tableLength 144 | */ 145 | function buildTd (content, rowLength, tableLength) { 146 | var colspan; 147 | 148 | if (rowLength !== tableLength) { 149 | colspan = tableLength / rowLength; 150 | } 151 | 152 | var tdHtml; 153 | 154 | if (colspan) { 155 | tdHtml = '' + content + ''; 156 | } else { 157 | tdHtml = '' + content + ''; 158 | } 159 | 160 | return tdHtml; 161 | } 162 | 163 | 164 | /** 165 | * @return {Object.} 166 | */ 167 | vKeysHelper.buildAllLayoutTables = function () { 168 | var layoutTables = {}; 169 | _.each(vKeysHelper.layouts, function (layout, layoutName) { 170 | layoutTables[layoutName] = 171 | vKeysHelper.buildTableFromLayout(layout); 172 | }); 173 | 174 | return layoutTables; 175 | } 176 | 177 | /** @type {Object.} */ 178 | vKeysHelper.builtLayouts = vKeysHelper.buildAllLayoutTables(); 179 | 180 | }); 181 | -------------------------------------------------------------------------------- /ui/public/js/view/view.game-init.js: -------------------------------------------------------------------------------- 1 | /*jslint nomen: true, plusplus: true, undef: true, todo: true, white: true, 2 | browser: true, indent: 2, maxlen: 80 */ 3 | /*global Backbone: false, _: false, $: false, KeyRouter: false, publish: false, 4 | subscribe: false */ 5 | 6 | // Pine game initialization module 7 | define(['exports'], function (gameInit) { 8 | 9 | 'use strict'; 10 | 11 | 12 | gameInit.view = Backbone.View.extend({ 13 | 14 | 'events': { 15 | 'click .game-init': 'onClickGameInit' 16 | } 17 | 18 | 19 | /** 20 | * @param {Object} opts 21 | * @param {Object} app 22 | * @param {jQuery} $el 23 | */ 24 | ,'initialize': function (opts) { 25 | _.extend(this, opts); 26 | } 27 | 28 | 29 | /** 30 | * @param {jQuery.Event} evt 31 | */ 32 | ,'onClickGameInit': function (evt) { 33 | var $target = $(evt.target); 34 | var url = $target.data('game-url'); 35 | window.location = url; 36 | } 37 | 38 | }); 39 | 40 | }); 41 | -------------------------------------------------------------------------------- /ui/public/js/view/view.menu-pager.js: -------------------------------------------------------------------------------- 1 | /*jslint nomen: true, plusplus: true, undef: true, todo: true, white: true, 2 | browser: true, indent: 2, maxlen: 80 */ 3 | /*global Backbone: false, _: false, $: false, KeyRouter: false, publish: false, 4 | subscribe: false */ 5 | 6 | // Pine menu pager module 7 | define(['exports'], function (menuPager) { 8 | 9 | 'use strict'; 10 | 11 | var $win = $(window); 12 | 13 | 14 | /** 15 | * @param {Backbone.View} menuPager 16 | */ 17 | function recalulateHeight (menuPager) { 18 | var windowWidth = $win.width(); 19 | menuPager.$el.width(windowWidth); 20 | menuPager._$rail.width(windowWidth * menuPager.menuViews.length); 21 | 22 | var maxMenuHeight = 0; 23 | menuPager.menuViews.forEach(function (menuView) { 24 | maxMenuHeight = Math.max(menuView.getViewportHeight(), maxMenuHeight); 25 | }); 26 | 27 | menuPager.$el.height(maxMenuHeight); 28 | } 29 | 30 | 31 | /** 32 | * @param {Backbone.View} menuPager 33 | */ 34 | function gamepadTick (menuPager) { 35 | setTimeout(function () { 36 | gamepadTick(menuPager); 37 | }, 100); 38 | 39 | var menuView = menuPager.getCurrentMenu(); 40 | var key, downKeys = pine.gamepad.downKeys; 41 | for (key in downKeys) { 42 | if (downKeys.hasOwnProperty(key)) { 43 | switch (key) { 44 | case 'LEFT': 45 | menuView.focusPreviousButton(); 46 | break; 47 | case 'RIGHT': 48 | menuView.focusNextButton(); 49 | break; 50 | case 'UP': 51 | menuView.focusAboveButton(); 52 | break; 53 | case 'DOWN': 54 | menuView.focusBelowButton(); 55 | break; 56 | case 'L1': 57 | case 'L2': 58 | menuPager.activatePreviousMenu(); 59 | break; 60 | case 'R1': 61 | case 'R2': 62 | menuPager.activateNextMenu(); 63 | break; 64 | case 'B': 65 | menuView.clickCurrentButton(); 66 | break; 67 | } 68 | } 69 | } 70 | } 71 | 72 | menuPager.view = Backbone.View.extend({ 73 | 74 | 'events': { 75 | 'keydown': 'onKeydown' 76 | } 77 | 78 | 79 | /** 80 | * @param {Object} opts 81 | * @param {Object} app 82 | * @param {jQuery} $el 83 | * @param {Array.} menuViews Must have at least one menuView. 84 | */ 85 | ,'initialize': function (opts) { 86 | _.extend(this, opts); 87 | 88 | /** @type {number} */ 89 | this._currentMenuIndex = 0; 90 | 91 | /** @type {jQuery} */ 92 | this._$rail = this.$el.find('.menu-pager-rail'); 93 | 94 | recalulateHeight(this); 95 | $win.on('resize', _.bind(recalulateHeight, null, this)); 96 | this.activateMenu(0); 97 | 98 | gamepadTick(this); 99 | } 100 | 101 | 102 | /** 103 | * @param {jQuery.Event} evt 104 | */ 105 | ,'onKeydown': function (evt) { 106 | var which = evt.which; 107 | if (which === this.app.constants.key.E) { 108 | this.activateNextMenu(); 109 | } else if (which === this.app.constants.key.W) { 110 | this.activatePreviousMenu(); 111 | } 112 | } 113 | 114 | 115 | /** 116 | * @param {number} index 117 | */ 118 | ,'activateMenu': function (index) { 119 | index = Math.max(index, 0); 120 | index = Math.min(index, this.menuViews.length - 1); 121 | var targetMenu = this.menuViews[index]; 122 | targetMenu.resetPosition(); 123 | this._currentMenuIndex = index; 124 | 125 | // The logic gets a little tricky here because an animation may not be 126 | // occurring - meaning that the element is moving to the position that it 127 | // is already in. 128 | var targetLeft = -targetMenu.$el.position().left; 129 | if (targetLeft === parseInt(this._$rail.css('left'), 10)) { 130 | // No animation occurred, just execute the callback. 131 | targetMenu.activate(); 132 | } else { 133 | this._$rail 134 | .css('left', targetLeft) 135 | .off('webkitTransitionEnd') 136 | // Need to use $.fn.one here because multiple webkitTransitionEnd 137 | // events fire on the _$rail element. 138 | // TODO: Figure out why that happens... 139 | .one('webkitTransitionEnd', 140 | _.bind(targetMenu.activate, targetMenu)); 141 | } 142 | } 143 | 144 | 145 | ,'activatePreviousMenu': function () { 146 | this.activateMenu(this._currentMenuIndex - 1); 147 | } 148 | 149 | 150 | ,'activateNextMenu': function () { 151 | this.activateMenu(this._currentMenuIndex + 1); 152 | } 153 | 154 | 155 | ,'getCurrentMenu': function () { 156 | return this.menuViews[this._currentMenuIndex]; 157 | } 158 | 159 | 160 | ,'reactivateCurrentMenu': function () { 161 | this.activateMenu(this._currentMenuIndex); 162 | } 163 | 164 | }); 165 | 166 | }); 167 | -------------------------------------------------------------------------------- /ui/public/js/view/view.menu.js: -------------------------------------------------------------------------------- 1 | /*jslint nomen: true, plusplus: true, undef: true, todo: true, white: true, 2 | browser: true, indent: 2, maxlen: 80 */ 3 | /*global Backbone: false, _: false, $: false, KeyRouter: false, publish: false, 4 | subscribe: false */ 5 | 6 | // Pine menu module 7 | define(['exports'], function (menu) { 8 | 9 | 'use strict'; 10 | 11 | 12 | // PRIVATE UTILITIES 13 | 14 | var $win = $(window); 15 | 16 | /** 17 | * @param {Backbone.View} menuView 18 | * @returns {jQuery} 19 | */ 20 | function getCurrentButton (menuView) { 21 | return menuView.$el.find('button.selected'); 22 | } 23 | 24 | 25 | /** 26 | * @param {Backbone.View} menuView 27 | * @param {jQuery} targetBtn 28 | */ 29 | function focusTargetButton (menuView, targetBtn) { 30 | // This function is completely insane. I'm sorry. 31 | var targetBtnTop = targetBtn.offset().top; 32 | var targetBtnBottom = targetBtnTop + targetBtn.outerHeight(true); 33 | var menuViewTop = menuView._$containingRail.offset().top; 34 | var menuViewBottom = menuViewTop + 35 | menuView._$containingRail.outerHeight(true); 36 | var isBtnAbove = targetBtnTop < menuViewTop; 37 | var isBtnBelow = targetBtnBottom > menuViewBottom; 38 | var targetBtnNegativeTop = -targetBtn.position().top; 39 | 40 | if (isBtnAbove) { 41 | menuView._$btnArray.css('top', targetBtnNegativeTop); 42 | } else if (isBtnBelow) { 43 | menuView._$btnArray.css('top', targetBtnNegativeTop + 44 | menuView._$containingRail.height() - 45 | targetBtn.parent().outerHeight(true)); 46 | } 47 | 48 | targetBtn.focus(); 49 | } 50 | 51 | 52 | /** 53 | * @param {Backbone.View} menuView 54 | * @param {string} nextOrPrev Must be "next" or "prev" 55 | */ 56 | function focusNextOrPreviousButton (menuView, nextOrPrev) { 57 | var currentBtn = getCurrentButton(menuView); 58 | var parentLi = currentBtn.parent('li'); 59 | //TODO: Find a faster way to select the next or previous button. 60 | var nextOrPrevBtn = parentLi[nextOrPrev]().find('button'); 61 | var targetBtn; 62 | 63 | if (nextOrPrevBtn.length) { 64 | targetBtn = nextOrPrevBtn; 65 | } else { 66 | var parentUl = parentLi.parent(); 67 | 68 | if (nextOrPrev === 'next') { 69 | targetBtn = parentUl.find('button:first'); 70 | } else { 71 | targetBtn = parentUl.find('button:last'); 72 | } 73 | } 74 | 75 | focusTargetButton(menuView, targetBtn); 76 | } 77 | 78 | 79 | /** 80 | * @param {Backbone.View} menuView 81 | * @return {number} 82 | */ 83 | function getLengthOfButtonRows (menuView) { 84 | var menuWidth = menuView._$btnArray.outerWidth(); 85 | var buttonWidth = menuView.$el.find('.btn:first') 86 | .outerWidth(true); 87 | 88 | return Math.floor(menuWidth / buttonWidth); 89 | } 90 | 91 | 92 | /** 93 | * @param {Backbone.View} menuView 94 | * @return {jQuery} 95 | */ 96 | function getButtonList (menuView) { 97 | return menuView.$el.find('.menu-btn-array .btn'); 98 | } 99 | 100 | 101 | /** 102 | * @param {jQuery} menuViewBtn The button child of a MenuView. 103 | * @return {number} 104 | */ 105 | function getButtonIndex (menuViewBtn) { 106 | return menuViewBtn.parent('li').prevAll().length; 107 | } 108 | 109 | 110 | /** 111 | * @param {Backbone.View} menuView 112 | */ 113 | function getMaximumViewportSpace (menuView) { 114 | var top = menuView._$containingRail.offset().top; 115 | var bottom = $win.height(); 116 | return bottom - top; 117 | } 118 | 119 | 120 | /** 121 | * @param {Backbone.View} menuView 122 | */ 123 | function fitMenuToScreen (menuView) { 124 | menuView.$el.height(getMaximumViewportSpace(menuView)); 125 | } 126 | 127 | 128 | /** 129 | * @param {Backbone.View} menuView 130 | * @param {string} aboveOrBelow Must be "above" or "below" 131 | */ 132 | function jumpRow (menuView, aboveOrBelow) { 133 | var btnRowLength = getLengthOfButtonRows(menuView); 134 | var btnList = getButtonList(menuView); 135 | var currentBtnIndex = getButtonIndex(getCurrentButton(menuView)); 136 | var totalRows = Math.ceil(btnList.length / btnRowLength); 137 | var targetBtn, targetBtnIndex, cycledIndex; 138 | 139 | //TODO: This math works, but can probably be simplified quite a bit. 140 | if (aboveOrBelow === 'above') { 141 | targetBtnIndex = currentBtnIndex - btnRowLength; 142 | if (targetBtnIndex < 0) { 143 | cycledIndex = ((totalRows - 1) * btnRowLength) + currentBtnIndex; 144 | if (cycledIndex >= btnList.length) { 145 | cycledIndex -= btnRowLength; 146 | } 147 | targetBtnIndex = cycledIndex; 148 | } 149 | } else { 150 | targetBtnIndex = currentBtnIndex + btnRowLength; 151 | if (targetBtnIndex >= btnList.length) { 152 | targetBtnIndex = currentBtnIndex % btnRowLength; 153 | } 154 | } 155 | 156 | var targetBtn = btnList.eq(targetBtnIndex); 157 | focusTargetButton(menuView, targetBtn); 158 | } 159 | 160 | 161 | menu.view = Backbone.View.extend({ 162 | 163 | 'events': { 164 | 'focus button': 'onButtonFocus' 165 | ,'blur button': 'onButtonBlur' 166 | ,'keydown button': 'onButtonKeydown' 167 | } 168 | 169 | 170 | /** 171 | * @param {Object} opts 172 | * @param {Object} app 173 | * @param {jQuery} $el 174 | */ 175 | ,'initialize': function (opts) { 176 | _.extend(this, opts); 177 | 178 | /** @type {boolean} */ 179 | this._isSelected = false; 180 | 181 | /** @type {jQuery} */ 182 | this._$btnArray = this.$el.find('.menu-btn-array'); 183 | 184 | // TODO: This View should NOT be concerned with the .menu-pager element. 185 | // This is a huge architectural flaw and the relationship between DOM 186 | // elements needs to rethought. Get rid of this property and anything 187 | // that uses it. 188 | /** @type {jQuery} */ 189 | this._$containingRail = this.$el.parents('.menu-pager'); 190 | 191 | fitMenuToScreen(this); 192 | $win.on('resize', _.bind(fitMenuToScreen, null, this)); 193 | 194 | subscribe(this.app.constants.message.MENU_SELECTED 195 | ,_.bind(this.onMenuItemSelected, this)); 196 | } 197 | 198 | 199 | /** 200 | * @param {jQuery.Event} evt 201 | */ 202 | ,'onKeydown': function (evt) { 203 | var which = evt.which; 204 | if (which === this.app.constants.key.LEFT 205 | || which === this.app.constants.key.H) { 206 | this.focusPreviousButton(); 207 | } else if (which === this.app.constants.key.RIGHT 208 | || which === this.app.constants.key.L) { 209 | this.focusNextButton(); 210 | } else if (which === this.app.constants.key.UP 211 | || which === this.app.constants.key.K) { 212 | this.focusAboveButton(); 213 | } else if (which === this.app.constants.key.DOWN 214 | || which === this.app.constants.key.J) { 215 | this.focusBelowButton(); 216 | } 217 | } 218 | 219 | 220 | /** 221 | * @param {jQuery} menuItem 222 | */ 223 | ,'onMenuItemSelected': function (menuItem) { 224 | if (menuItem === this.$el && !this._isSelected) { 225 | this.activate(); 226 | } else { 227 | this._isSelected = false; 228 | } 229 | } 230 | 231 | 232 | /** 233 | * @param {jQuery.Event} evt 234 | */ 235 | ,'onButtonFocus': function (evt) { 236 | $(evt.target).addClass('selected'); 237 | } 238 | 239 | 240 | /** 241 | * @param {jQuery.Event} evt 242 | */ 243 | ,'onButtonBlur': function (evt) { 244 | $(evt.target).removeClass('selected'); 245 | } 246 | 247 | 248 | /** 249 | * @param {jQuery.Event} evt 250 | */ 251 | ,'onButtonKeydown': function (evt) { 252 | if (evt.which === this.app.constants.key.TAB) { 253 | evt.preventDefault(); 254 | } 255 | } 256 | 257 | 258 | ,'getViewportHeight': function () { 259 | var children = this._$btnArray.children(); 260 | var viewportSpace = getMaximumViewportSpace(this); 261 | 262 | var currentChild, childHeight, i = children.length - 1; 263 | for (i; i > 0; i--) { 264 | currentChild = children.eq(i); 265 | childHeight = currentChild.outerHeight(true); 266 | var childBottom = currentChild.position().top + childHeight; 267 | if (childBottom <= viewportSpace) { 268 | break; 269 | } 270 | } 271 | 272 | return Math.min(childBottom, viewportSpace); 273 | } 274 | 275 | 276 | ,'activate': function () { 277 | // TODO: This is an inefficient check, but _isSelected wasn't working. 278 | // Try to fix this. 279 | if (this.$el.find('button.selected').length === 0) { 280 | this._isSelected = true; 281 | this.$el.find('button:first').focus(); 282 | this.app.util.keyRouter.resetHandlers(); 283 | this.app.util.keyRouter.route( 284 | KeyRouter.KEYDOWN, _.bind(this.onKeydown, this)); 285 | 286 | publish(this.app.constants.message.MENU_SELECTED, [this.$el]); 287 | } 288 | } 289 | 290 | 291 | ,'resetPosition': function () { 292 | this._$btnArray.css('top', 0); 293 | } 294 | 295 | 296 | ,'focusNextButton': function () { 297 | focusNextOrPreviousButton(this, 'next'); 298 | } 299 | 300 | 301 | ,'focusPreviousButton': function () { 302 | focusNextOrPreviousButton(this, 'prev'); 303 | } 304 | 305 | 306 | ,'focusAboveButton': function () { 307 | jumpRow(this, 'above'); 308 | } 309 | 310 | 311 | ,'focusBelowButton': function () { 312 | jumpRow(this, 'below'); 313 | } 314 | 315 | 316 | ,'clickCurrentButton': function () { 317 | getCurrentButton(this).click(); 318 | } 319 | 320 | }); 321 | 322 | }); 323 | -------------------------------------------------------------------------------- /ui/public/js/view/view.v-keys.js: -------------------------------------------------------------------------------- 1 | /*jslint nomen: true, plusplus: true, undef: true, todo: true, white: true, 2 | browser: true, indent: 2, maxlen: 80 */ 3 | /*global Backbone: false, _: false, $: false, KeyRouter: false, publish: false, 4 | subscribe: false */ 5 | 6 | define(['exports', './../plugin/v-keys-helper', './../constants'] 7 | ,function (vKeysView, vKeysHelper, constants) { 8 | 9 | 'use strict'; 10 | 11 | /** @type {jQuery} */ 12 | var $docEl = $(document.documentElement); 13 | 14 | /** @type {jQuery} */ 15 | var $body = $('body'); 16 | 17 | /** 18 | * @type {{ 19 | * x: number, 20 | * y: number 21 | * }} 22 | */ 23 | var Coordinate; 24 | 25 | /** @type {string} */ 26 | var DEFAULT_LAYOUT = 'uppercase'; 27 | 28 | /** @type {string} */ 29 | var SELECTED_TD_CLASS = 'pine-keyboard-selected-key'; 30 | 31 | 32 | /** 33 | * @param {jQuery} $el 34 | * @return {number} 35 | */ 36 | function getElementIndex($el) { 37 | return $el.prevAll().length; 38 | } 39 | 40 | 41 | /** 42 | * @param {ModalView} modalView 43 | * @return {jQuery} 44 | */ 45 | function getSelectedTd (modalView) { 46 | return modalView._$gridContainer.find('.' + SELECTED_TD_CLASS); 47 | } 48 | 49 | 50 | /** 51 | * @param {ModalView} modalView 52 | * @return {Coordinate} 53 | */ 54 | function getSelectedElementCoords (modalView) { 55 | var $selectedTd = getSelectedTd(modalView); 56 | var $selectedTr = $selectedTd.parent(); 57 | var x = getElementIndex($selectedTd); 58 | var y = getElementIndex($selectedTr); 59 | 60 | return { 61 | 'x': x 62 | ,'y': y 63 | }; 64 | } 65 | 66 | 67 | /** 68 | * @param {ModalView} modalView 69 | * @param {Coordinate} coordinate 70 | */ 71 | function setSelectedElementCoords (modalView, coordinate) { 72 | var $selectedTd = getSelectedTd(modalView); 73 | $selectedTd.removeClass(SELECTED_TD_CLASS); 74 | var x = coordinate.x; 75 | var y = coordinate.y; 76 | var selector = 'tr:eq(' + y + ') td:eq(' + x + ')'; 77 | modalView._$gridContainer.find(selector).addClass(SELECTED_TD_CLASS); 78 | } 79 | 80 | 81 | /** 82 | * This method augments `coordinate`. 83 | * @param {ModalView} modalView 84 | * @param {Coordinate} coordinate 85 | */ 86 | function validateCoords (modalView, coordinate) { 87 | var x = coordinate.x; 88 | var y = coordinate.y; 89 | var referenceGrid = vKeysHelper.layouts[modalView._currentLayout]; 90 | 91 | // Note: The order of these operations is significant. 92 | if (x < 0) { 93 | x = referenceGrid[y].length - 1; 94 | } 95 | 96 | if (y < 0) { 97 | y = referenceGrid.length - 1; 98 | } 99 | 100 | if (y > referenceGrid.length - 1) { 101 | y = 0; 102 | } 103 | 104 | if (x > referenceGrid[y].length - 1) { 105 | x = 0; 106 | } 107 | 108 | coordinate.x = x; 109 | coordinate.y = y; 110 | } 111 | 112 | 113 | /** 114 | * @param {ModalView} modalView 115 | */ 116 | function goUp (modalView) { 117 | var currentCoords = getSelectedElementCoords(modalView); 118 | currentCoords.y--; 119 | validateCoords(modalView, currentCoords); 120 | setSelectedElementCoords(modalView, currentCoords); 121 | } 122 | 123 | 124 | /** 125 | * @param {ModalView} modalView 126 | */ 127 | function goDown (modalView) { 128 | var currentCoords = getSelectedElementCoords(modalView); 129 | currentCoords.y++; 130 | validateCoords(modalView, currentCoords); 131 | setSelectedElementCoords(modalView, currentCoords); 132 | } 133 | 134 | 135 | /** 136 | * @param {ModalView} modalView 137 | */ 138 | function goLeft (modalView) { 139 | var currentCoords = getSelectedElementCoords(modalView); 140 | currentCoords.x--; 141 | validateCoords(modalView, currentCoords); 142 | setSelectedElementCoords(modalView, currentCoords); 143 | } 144 | 145 | 146 | /** 147 | * @param {ModalView} modalView 148 | */ 149 | function goRight (modalView) { 150 | var currentCoords = getSelectedElementCoords(modalView); 151 | currentCoords.x++; 152 | validateCoords(modalView, currentCoords); 153 | setSelectedElementCoords(modalView, currentCoords); 154 | } 155 | 156 | 157 | /** 158 | * @param {ModalView} modalView 159 | */ 160 | function invokeCurrentlySelectedKeyHandler (modalView) { 161 | var $selectedTd = getSelectedTd(modalView); 162 | var tDtext = $selectedTd.text() 163 | var currentTextareaContents = modalView._$textarea.text(); 164 | var caretPosition = modalView._$textarea[0].selectionStart; 165 | var specialKeyHandler = vKeysHelper.specialKeyHandlers[tDtext]; 166 | 167 | if (specialKeyHandler) { 168 | specialKeyHandler(modalView, currentTextareaContents, caretPosition); 169 | } else { 170 | modalView.insertTextareaContentAt(tDtext, caretPosition); 171 | } 172 | } 173 | 174 | 175 | /** 176 | * @param {jQuery.} $textarea 177 | */ 178 | function updateTextareaState($textarea) { 179 | $textarea.text($textarea.val()); 180 | } 181 | 182 | 183 | /** 184 | * @extends {Backbone.View} 185 | * @constructor 186 | */ 187 | vKeysView.ModalView = Backbone.View.extend({ 188 | 189 | 'events': { 190 | 'keydown': 'onKeydown' 191 | ,'keyup': 'onKeyup' 192 | } 193 | 194 | ,'initialize': function (opts) { 195 | /** @type {string} */ 196 | this._currentLayout = ''; 197 | 198 | /** @type {string} */ 199 | this._proxiedElText = null; 200 | 201 | /** @type {jQuery} */ 202 | this._$proxiedEl = null; 203 | 204 | /** @type {jQuery} */ 205 | this._$textarea = this.$el.find('textarea'); 206 | 207 | /** @type {jQuery} */ 208 | this._$gridContainer = this.$el.find('.pine-keyboard-layout-grid'); 209 | 210 | this.switchLayout(DEFAULT_LAYOUT); 211 | this.hide(); 212 | $body.append(this.$el); 213 | } 214 | 215 | 216 | /** 217 | * @return {string} 218 | */ 219 | ,'getCurrentLayout': function getCurrentLayout () { 220 | return this._currentLayout; 221 | } 222 | 223 | 224 | /** 225 | * @param {jQuery.Event} evt 226 | */ 227 | ,'onKeydown': function (evt) { 228 | var which = evt.which; 229 | 230 | if (which === constants.key.UP) { 231 | goUp(this); 232 | evt.preventDefault(); 233 | } else if (which === constants.key.DOWN) { 234 | goDown(this); 235 | evt.preventDefault(); 236 | } else if (which === constants.key.LEFT) { 237 | goLeft(this); 238 | evt.preventDefault(); 239 | } else if (which === constants.key.RIGHT) { 240 | goRight(this); 241 | evt.preventDefault(); 242 | } else if (which === constants.key.ENTER) { 243 | invokeCurrentlySelectedKeyHandler(this); 244 | evt.preventDefault(); 245 | } 246 | } 247 | 248 | 249 | /** 250 | * @param {jQuery.Event} evt 251 | */ 252 | ,'onKeyup': function (evt) { 253 | updateTextareaState(this._$textarea); 254 | } 255 | 256 | 257 | /** 258 | * This is wired up by the accompanying vKeys jQuery plugin. 259 | * @param {jQuery.Event} evt 260 | */ 261 | ,'onShow': function (evt) { 262 | this._$proxiedEl = $(evt.target); 263 | this.show(); 264 | } 265 | 266 | 267 | ,'show': function () { 268 | if (this._$proxiedEl) { 269 | this._proxiedElText = this._$proxiedEl.val(); 270 | this._$textarea.val(this._proxiedElText); 271 | updateTextareaState(this._$textarea); 272 | } 273 | 274 | this.$el.css('display', 'block'); 275 | this._$textarea.focus(); 276 | } 277 | 278 | 279 | /** 280 | * @param {boolean} updateProxiedEl 281 | */ 282 | ,'hide': function (updateProxiedEl) { 283 | if (updateProxiedEl && this._$proxiedEl) { 284 | this._$proxiedEl.val(this._$textarea.text()); 285 | } 286 | 287 | this.$el.css('display', 'none'); 288 | 289 | // This is a heavy-handed way of ensuring that this View loses focus. 290 | var $focusDiverter = $(document.createElement('input')); 291 | $body.append($focusDiverter); 292 | $focusDiverter 293 | .focus() 294 | .remove(); 295 | } 296 | 297 | 298 | /** 299 | * @param {string} toLayout 300 | */ 301 | ,'switchLayout': function (toLayout) { 302 | this._currentLayout = toLayout; 303 | this._$gridContainer 304 | .empty() 305 | .append(vKeysHelper.builtLayouts[toLayout]); 306 | 307 | setSelectedElementCoords(this, { 308 | 'x': 0 309 | ,'y': 0 310 | }); 311 | } 312 | 313 | 314 | /** 315 | * @param {string} newText 316 | */ 317 | ,'updateTextarea': function (newText) { 318 | this._$textarea.text(newText); 319 | } 320 | 321 | 322 | /** 323 | * @param {string} char 324 | * @param {number} position 325 | */ 326 | ,'insertTextareaContentAt': function (char, position) { 327 | var currentContents = this._$textarea.text(); 328 | var currentContentsArr = currentContents.split(''); 329 | currentContentsArr.splice(position, 0, char); 330 | this._$textarea 331 | .val(currentContentsArr.join('')) 332 | .setCursorPosition(position + 1); 333 | } 334 | 335 | }); 336 | 337 | }); 338 | -------------------------------------------------------------------------------- /util/build_kernel.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | 3 | # RUN THIS FROM THE PINE ROOT. 4 | # ASSUMES YOU ALREADY HAVE ALL PINE SUBMODULES CHECKED OUT. 5 | 6 | # For Ubuntu. 7 | # Cobbled together from: 8 | # http://elinux.org/RPi_Kernel_Compilation 9 | # http://mitchtech.net/raspberry-pi-kernel-compile/ 10 | 11 | cd dep/linux 12 | 13 | # Get some packages 14 | sudo apt-get install gcc-arm-linux-gnueabi make ncurses-dev 15 | 16 | # Configure the kernel 17 | make ARCH=arm CROSS_COMPILE=/usr/bin/arm-linux-gnueabi- bcmrpi_cutdown_defconfig 18 | 19 | # Then build the kernel. 20 | make ARCH=arm CROSS_COMPILE=/usr/bin/arm-linux-gnueabi- -k 21 | -------------------------------------------------------------------------------- /util/install_chromium.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | 3 | # From http://hexxeh.net/?p=328117859 4 | sudo apt-get install -y --force-yes libnss3 libxrender1 libxss1 libgtk2.0-0 libgconf2-4 5 | sudo mkdir -p /opt/google/ 6 | cd /opt/google 7 | sudo wget http://distribution-us.hexxeh.net/chromium-rpi/chromium-rpi-r22.tar.gz -O chromium-rpi.tar.gz 8 | sudo tar xvf chromium-rpi.tar.gz 9 | sudo chown root:root chrome/chrome-sandbox 10 | sudo chmod 4755 chrome/chrome-sandbox 11 | sudo rm -rf /usr/bin/chrome 12 | sudo ln -s /opt/google/chrome/chrome /usr/bin/chrome 13 | -------------------------------------------------------------------------------- /util/prep_raspbian_for_pine.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | 3 | # Run in Raspbian. 4 | # RUN THIS AS ROOT. 5 | # 6 | # Sets up Raspbian environment and gets packages for Pine. 7 | 8 | if [[ $UID -ne 0 ]]; then 9 | echo "$0 must be run as root" 10 | exit 1 11 | fi 12 | 13 | 14 | ####### SET UP SOURCES 15 | echo \ 16 | "deb http://archive.raspbian.org/raspbian wheezy main contrib non-free rpi 17 | deb-src http://archive.raspbian.org/raspbian wheezy main contrib non-free rpi 18 | deb http://archive.raspbian.org/mate wheezy main" \ 19 | | cat > /etc/apt/sources.list 20 | 21 | # Add GPG key 22 | wget http://archive.raspbian.org/raspbian.public.key -O - | sudo apt-key add - 23 | 24 | apt-get update 25 | 26 | 27 | ####### GET DEPENDENCIES 28 | 29 | apt-get install curl xorg nodejs openssh-server 30 | 31 | # Install rpi-update (https://github.com/Hexxeh/rpi-update/) 32 | wget http://goo.gl/1BOfJ -O /usr/bin/rpi-update && chmod +x /usr/bin/rpi-update 33 | 34 | 35 | ####### INSTALL CHROMIUM 36 | 37 | # Install Hexxeh's Chromium. (http://hexxeh.net/?p=328117859) 38 | bash <(curl -sL http://goo.gl/go5yx) 39 | 40 | 41 | ####### SSH 42 | 43 | # Make a safe backup. 44 | cp /etc/ssh/sshd_config /etc/ssh/sshd_config.original 45 | chmod a-w /etc/ssh/sshd_config.original 46 | 47 | 48 | ####### PERFORMANCE HACKS 49 | 50 | # Tweak the RPi memory allocation. Reboot for this to take effect. 51 | rpi-update 224 52 | 53 | 54 | ####### PINE USER CREATION 55 | 56 | # Create the user "pine-user" 57 | useradd -m -s /bin/bash pine-user 58 | 59 | # Set up pine-user's .bashrc file. 60 | 61 | echo \ 62 | "node pine.js & 63 | while true; do startx /opt/google/chrome/chrome --kiosk --disable-ipv6 --window-size=640,480 http://127.0.0.1:4444/; sleep 5s; done" \ 64 | | cat > /home/pine-user/.bashrc 65 | 66 | 67 | ######## NODE APP BOOTSTRAP 68 | 69 | echo \ 70 | "var http = require('http'); 71 | http.createServer(function (req, res) { 72 | res.writeHead(200, {'Content-Type': 'text/plain'}); 73 | res.end('Welcome to Pine.\n'); 74 | }).listen(4444, '127.0.0.1');" \ 75 | | cat > /home/pine-user/pine.js 76 | 77 | 78 | ####### BOOTUP 79 | 80 | # At bootup, login as pine-user without a password prompt. 81 | # http://www.debianadmin.com/how-to-auto-login-and-startx-without-a-display-manager-in-debian.html 82 | # It looks fancy. It's just a find-and-replace. 83 | cp /etc/inittab /etc/inittab.original 84 | sed -i 's/1:2345:respawn:\/sbin\/getty 38400 tty1/#1:2345:respawn:\/sbin\/getty 38400 tty1\n1:2345:respawn:\/bin\/login -f pine-user tty1 <\/dev\/tty1 >\/dev\/tty1 2>\&1/' /etc/inittab 85 | -------------------------------------------------------------------------------- /util/set_up_raspbian_rootfs.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | 3 | # CREATES A DIRECTORY AT ~/rpi/chroot-raspbian-armhf 4 | 5 | # This _gets_ the Raspbian rootfs and prepares it for development. This is to 6 | # be run from a development environment, NOT the Raspberry Pi itself. 7 | 8 | # For Ubuntu. Probably works elsewhere too. 9 | # 10 | # This script downloads the Raspbian file system into: 11 | # ~/rpi/chroot-raspbian-armhf 12 | # 13 | # It also chroots you into the directory, so you can act as a Raspbian user. 14 | # 15 | # This was all taken from here: 16 | # http://superpiadventures.com/2012/07/development-environment/ 17 | 18 | mkdir -p ~/rpi 19 | cd ~/rpi 20 | 21 | # Get some packages. 22 | sudo apt-get install qemu-user-static debootstrap 23 | 24 | # This step takes a little while. Don't do it on a low battery. 25 | sudo qemu-debootstrap --arch armhf wheezy chroot-raspbian-armhf http://archive.raspbian.org/raspbian 26 | 27 | # Mount some filesystems. These calls to "mount" need to be done again after 28 | # rebooting, so CONSIDER MAKING A BASH ALIAS. 29 | sudo mount -t proc proc ~/rpi/chroot-raspbian-armhf/proc 30 | sudo mount -t sysfs sysfs ~/rpi/chroot-raspbian-armhf/sys 31 | sudo mount -o bind /dev ~/rpi/chroot-raspbian-armhf/dev 32 | 33 | # chroot into the Raspbian filesystem 34 | # Do this each time you need to work with the Raspbian files. 35 | # Again, CONSIDER MAKING A BASH ALIAS. 36 | sudo LC_ALL=C chroot ~/rpi/chroot-raspbian-armhf 37 | -------------------------------------------------------------------------------- /util/start_chrome.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | 3 | # To be run inside of Raspbian. Assumes prep_raspbian_for_pine.sh has been 4 | # run. Exit with alt + F4. 5 | 6 | while true; do startx /opt/google/chrome/chrome --kiosk --disable-ipv6 --window-size=640,480 http://127.0.0.1:1337/; sleep 5s; done 7 | --------------------------------------------------------------------------------