Merge pull request #69 from zehua/tinyurl-shorterning

replace deprecated google url shortener with tinyurl

Author: CrossEye

README.md

@@ -215,7 +215,13 @@ This will start serving the _repl_ at [localhost:8080/example](http://localhost:
 To build the JavaScript bundle:
 
 ```
-npm run build
+npm run build-js
+```
+
+To build the CSS bundle:
+
+```
+npm run build-css
 ```
 
 #### Watch modes

dist/bundle.js

@@ -96,7 +96,7 @@
 
           ramdaRepl(e.target, {
 
-            apiUrl: 'https://www.googleapis.com/urlshortener/v1/url?key=AIzaSyDhbAvT5JqkxFPkoeezJp19-S_mAJudxyk',
+            apiUrl: 'https://tinyurl.com/api-create.php',
             returnUrl: 'http://ramdajs.com/repl/',
 
             // If unset, initialValue will use the value or textcontent of the

example/index.html

@@ -4,7 +4,7 @@ import reporter from './logger';
 import bindClearButton from './clear';
 import bindResetButton from './reset';
 import bindPrettyBtn from './pretty';
-import bindShortUrlButton from './googl';
+import bindShortUrlButton from './tinyurl';
 import bindInputPanel from './input-panel';
 import bindOutputPanel from './output-panel';
 import replDOM from './dom/replDOM';

lib/js/repl.js

@@ -1,5 +1,4 @@
 import R from 'ramda';
-import S from 'sanctuary';
 import {Future} from 'ramda-fantasy';
 
 const setValue = R.curry(function(options, data) {
@@ -13,21 +12,18 @@ const xhr = function(options) {
   return new Future(function(reject, resolve) {
     const oReq = new XMLHttpRequest();
 
-    const requestData = { longUrl: `${options.returnUrl}${location.hash}` };
+    const apiUrl = options.apiUrl + '?url='
+                   + encodeURIComponent(`${options.returnUrl}${location.hash}`);
 
     oReq.addEventListener('load', resolve, false);
     oReq.addEventListener('error', reject, false);
     oReq.addEventListener('abort', reject, false);
-    oReq.open('POST', options.apiUrl, true);
-    oReq.setRequestHeader('Content-Type', 'application/json; charset=utf-8');
-    oReq.send(JSON.stringify(requestData));
+    oReq.open('GET', apiUrl, true);
+    oReq.send(null);
   });
 };
 
-const getResponse = R.compose(R.map(S.parseJson(Object)),
-                            R.map(R.path(['target', 'responseText'])), xhr);
-
-const getShortUrl = options => R.map(R.compose(setValue(options), R.prop('id')));
+const getResponse = R.compose(R.map(R.path(['target', 'responseText'])), xhr);
 
 const futureXhr = options => getResponse(options);
 
@@ -41,7 +37,7 @@ export default function bindShortUrlButton(options) {
   }
 
   options.btnMakeShortUrl.addEventListener('click', function() {
-    futureXhr(options).fork(error, getShortUrl(options));
+    futureXhr(options).fork(error, setValue(options));
   });
 
 }