-
-
Save hubgit/d9cf2c23b9c31ab50c6c3510e7b3825e to your computer and use it in GitHub Desktop.
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <title>Twitter Archive Viewer</title> | |
| <script>window.YTD = { tweet: {} }</script> | |
| <script src="tweet.js"></script><!-- this is loading a file from the archive --> | |
| <style> | |
| .tweet { border: 1px solid #eee; margin: 8px } | |
| .full_text { padding: 8px } | |
| .created_at { padding: 8px; color: #777 } | |
| </style> | |
| <body> | |
| <div id="root"></div> | |
| <script> | |
| const tweets = [] | |
| for (const part of Object.values(window.YTD.tweet)) { | |
| tweets.push(...part) | |
| } | |
| const newestFirst = (a, b) => new Date(b.created_at) - new Date(a.created_at) | |
| const renderTweet = tweet => ` | |
| <div class="tweet"> | |
| <div class="full_text">${tweet.full_text}</div> | |
| <div class="created_at">${tweet.created_at}</div> | |
| </div>` | |
| document.getElementById('root').innerHTML = tweets.sort(newestFirst).map(renderTweet).join('\n') | |
| </script> |
Hi
how to use this to view twitter archive?
im new to github but need this badly. how do i do this
Thank you @hubgit for making this. I copied this into the root folder of my unzipped Twitter archive (same place as tweet.js), but when I run it in my browser, I get "undefined" listed down the page.
I have no script blocking active. What could cause this?
@hugbit Seems to be loading tweets as 'undefined' currently.
EDIT: Here's an alternate version that works for me – https://gist.github.com/tiffany352/9ee7e0d4fd7e08ede9d0314df9eab672
And a script to convert the JSON to CSV, if it's helpful to anyone – https://gist.github.com/jessefogarty/b0f2d4ea6bdd770e5e9e94d54154c751
EDIT: Here's an alternate version that works for me – https://gist.github.com/tiffany352/9ee7e0d4fd7e08ede9d0314df9eab672
Thanks @frozenpandaman, that one worked for me too.
@7mr_himari