2f:T4cf,format_tweet = (tweet) => { let photos = [] let full_text = tweet.full_text let simple_text = tweet.full_text tweet.entities.urls.forEach(u => { full_text = full_text.replace(u.url, `${u.display_url}`) simple_text = simple_text.replace(u.url, '') }) tweet.entities.user_mentions.forEach(u => { full_text = full_text.replace(`@${u.screen_name}`, `@ ${u.name}`) }) if ('media' in tweet.entities) { tweet.entities.media.forEach(m => { full_text = full_text.replace(`${m.url}`, `🖼️`) simple_text = simple_text.replace(m.url, '') if (m.type == 'photo') { photos.push(html`

`) } }) } return ({ created_at: timeparser(tweet.created_at), full_text: full_text, simple_text: simple_text, id: tweet.id_str, favorite_count: tweet.favorite_count, retweet_count: tweet.retweet_count, photos: photos, is_reply: tweet.in_reply_to_status_id_str ? true : false }) }30:[{"id":"2cc3e02cb5ec23b16f2b05eb9207f01782b1d7379e71ec34a33880830da025983f722a2cbe83248641f6e14bf549bda837c5e1c23d14da868b224820b9dde1c1","href":"https://static.observableusercontent.com/files/2cc3e02cb5ec23b16f2b05eb9207f01782b1d7379e71ec34a33880830da025983f722a2cbe83248641f6e14bf549bda837c5e1c23d14da868b224820b9dde1c1","name":"tweets.js","type":"application/javascript","lastModified":1695857735876.111,"size":5027168},{"id":"3702c0785423184ab4889a92545cc0dc7c5ea253e40c6ce0b6f6d736b8001b1ee1850316ccf5d8515d18d3e3839c89395242873fdeb40ad4997065eb03722861","href":"https://static.observableusercontent.com/files/3702c0785423184ab4889a92545cc0dc7c5ea253e40c6ce0b6f6d736b8001b1ee1850316ccf5d8515d18d3e3839c89395242873fdeb40ad4997065eb03722861","name":"tweets@1.js","type":"application/javascript","lastModified":1695946070032.217,"size":5289021}] 2d:{"title":"🐦","cells":[{"id":0,"value":"# 🐦\n## los pollitos dicen pío pío cuando tienen hambre cuando tienen frío ","pinned":false,"hidden":false,"mode":"md"},{"id":728,"value":"viewof query = Inputs.text({\n submit: true,\n placeholder: 'Busca',\n required: false\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":808,"value":"grid = html`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":243,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":3,"value":"import {aq, op} from \"@uwdata/arquero\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":687,"value":"Masonry = require(\"https://bundle.run/masonry-layout@4.2.2\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":688,"value":"imagesLoaded = import(\"https://cdn.skypack.dev/imagesloaded@5.0.0?min\").then(\n (d) => d.default\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":787,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":230,"value":"rawfile = FileAttachment(\"tweets@1.js\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":776,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":572,"value":"async function parse_tweets(tweetsjs) {\n \n const text = await tweetsjs.text()\n const raw = JSON.parse(text.replace(/^.{0,100}.part0 = /, \"\")).map((d) => d.tweet)\n const formatted = raw.map(tweet => format_tweet(tweet))\n return aq.from(formatted).orderby(aq.desc('created_at'))\n\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":621,"value":"tweets_df = parse_tweets(rawfile)","pinned":false,"hidden":false,"mode":"ojs"},{"id":670,"value":"tweets_with_pictures = tweets_df.filter(d => d.photos.length > 0)","pinned":false,"hidden":false,"mode":"ojs"},{"id":789,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":811,"value":"msnry = new Masonry(grid, {\n itemSelector: \".grid-item\",\n columnWidth: itemWidth\n});","pinned":false,"hidden":false,"mode":"ojs"},{"id":813,"value":"grid.addEventListener( 'click', function( event ) {\n window.open(event.target.dataset.url, '_blank').focus()\n});","pinned":false,"hidden":false,"mode":"ojs"},{"id":815,"value":"appendImage = function (image, id, text) {\n const elem = html` $\"${text}\"$ `;\n grid.append(elem);\n msnry.addItems([elem]);\n imagesLoaded(grid).on(\"progress\", function () {\n // layout Masonry after each image loads\n msnry.layout();\n })\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":737,"value":"results = {\n // grid.querySelectorAll('img').forEach(i => i.remove());\n msnry.remove(grid.querySelectorAll('img'));\n msnry.layout();\n return tweets_with_pictures.\n filter(\n aq.escape(d => op.lower(d.full_text).includes(op.lower(query)))\n ).objects()\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":247,"value":"stream = results.slice(0,20).map((tweet) => {return display_tweet(tweet)})","pinned":false,"hidden":false,"mode":"ojs"},{"id":74,"value":"display_tweet = (tweet) => {\n tweet.photos.forEach(p => {\n appendImage(p.src, tweet.id, tweet.simple_text);\n })\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":693,"value":"itemWidth = width > 900 ? width / 4 : width / 2","pinned":false,"hidden":false,"mode":"ojs"},{"id":797,"value":"timeparser = d3.utcParse('%a %b %d %H:%M:%S %Z %Y')","pinned":false,"hidden":false,"mode":"ojs"},{"id":700,"value":"style = html`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":855,"value":"---\n_vanidad_","pinned":false,"hidden":false,"mode":"md"}],"files":"$W30","stdlib":"1","titling":"auto"}