| <body> | |
| <input id="startSearch" type="text"> | |
| <button onClick="getEntries()">Search Wikipedia</button> | |
| <div> | |
| <button onClick="getRandom()">Get Random Entry</button> | |
| </div> | |
| <div id="showResults"> | |
| </div> | |
| </body> |
| // No Security | |
| { | |
| "rules": { | |
| ".read": true, | |
| ".write": true | |
| } | |
| } |
| var DEFAULT_CELL_HEIGHT = 250; | |
| var DEFAULT_CELL_SPACING = 10; | |
| function createFullWidthMasonry(props) { | |
| var cellSpacing = props.cellSpacing || DEFAULT_CELL_SPACING; | |
| var cellHeight = props.cellHeight || DEFAULT_CELL_HEIGHT; | |
| var keyMapper = props.keyMapper || _.identity(); |
| /* Client side, works in Chrome 55 and Firefox 52 without transpilation */ | |
| //https://blogs.msdn.microsoft.com/typescript/2016/11/08/typescript-2-1-rc-better-inference-async-functions-and-more/ | |
| async function fetchURLs() { | |
| try { | |
| // Promise.all() lets us coalesce multiple promises into a single super-promise | |
| var data = await Promise.all([ | |
| /* Alternatively store each in an array */ | |
| // var [x, y, z] = await Promise.all([ | |
| // parse results as json; fetch data response has several reader methods available: | |
| //.arrayBuffer() |
| function syncToFirebase () { | |
| var sheet = SpreadsheetApp.getActiveSheet(); | |
| var rows = sheet.getDataRange(); | |
| var numRows = rows.getNumRows(); | |
| var numCols = rows.getNumColumns(); | |
| var values = rows.getValues(); | |
| var output = []; | |
| var sheetName = sheet.getName(); |
Eric Bidelman has documented some of the common workflows possible with headless Chrome over in https://developers.google.com/web/updates/2017/04/headless-chrome.
If you're looking at this in 2016 and beyond, I strongly recommend investigating real headless Chrome: https://chromium.googlesource.com/chromium/src/+/lkgr/headless/README.md
Windows and Mac users might find using Justin Ribeiro's Docker setup useful here while full support for these platforms is being worked out.
