| [ | |
| { | |
| "name": "Alberta", | |
| "abbreviation": "AB" | |
| }, | |
| { | |
| "name": "British Columbia", | |
| "abbreviation": "BC" | |
| }, | |
| { |
I found it while poking around the Google+ HTML. Jotting down some notes felt like a good idea, so here goes. If you know more about this API, let me know, please!
(Word of warning: I spent ~30 minutes on both my experimentation and this here write-up, so it might not be the most thought-provoking, brilliant thing you read today.)
In the default React Native app scaffolding you have to edit AppDelegate.m to change where it loads the code if you want to test on your device. I use the following snippet to detect if it's being compiled for Debug or Production and for the Simulator or a device. For Production it uses a copy of the code included in the bundle, for Debug on the simualtor it loads from a server on localhost and for Debug on a device it loads from a server on a given IP address.
NOTE: You need to edit YOUR-IP-HERE and change it to the IP to load the code from when in Debug mode on a device. You could use a service like ngrok to make this work from anywhere.
NSURL *jsCodeLocation;
// Loading JavaScript code
#if DEBUG
// For Debug build load from development server. Start the server from the repository root:
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="https://code.jquery.com/jquery.min.js"></script> | |
| <link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" type="text/css" /> | |
| <script src="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> | |
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> | |
| <style id="jsbin-css"> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> | |
| <style id="jsbin-css"> | |
| /* inspired by colors from http://scripteden.com/preview/?preview=274 */ | |
| h1, h2, p { | |
| padding: 0; |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta name="description" content="check mark success animation"> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> | |
| <style id="jsbin-css"> | |
| /* animations */ | |
| @-webkit-keyframes checkmark { |
| #!/usr/bin/env sh | |
| set -e | |
| # install charles proxy from deb sources. | |
| # http://www.charlesproxy.com | |
| sudo sh -c 'echo "deb http://www.charlesproxy.com/packages/apt/ charles-proxy main" > /etc/apt/sources.list.d/charles-proxy.list' | |
| wget -q http://www.charlesproxy.com/packages/apt/PublicKey -O - | sudo apt-key add - | |
| sudo apt-get update | |
| sudo apt-get upgrade | |
| sudo apt-get install -y charles-proxy |
| <!doctype html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
| <title>HTML5 camera test</title> | |
| <meta name="viewport" content="width=device-width,initial-scale=1"> | |
| </head> | |
| <body> | |
| <form> |
| define([ | |
| 'intern!object', | |
| 'intern/chai!assert', | |
| 'intern/chai!expect', | |
| 'intern/chai!should', | |
| 'require' | |
| ], function(registerSuite, assert, should, expect, require) { | |
| var url = 'http://localhost:3000/'; | |
| var dest_url = 'http://localhost:3000/users/sign_in'; |