rc3-html-infobeamer/public/main.92ebdf5660681a66f540837f65fda601f0c32c541bb3b060756cc5e4674a9558.js

"use strict";
(() => {
  // ns-hugo:/home/raoul-web/rc3_2021/html-infobeamer-content/assets/js/services.js
  var delay = 3 * 5 * 60 * 1e3;
  var hereRoom = "Chaos-West TV";
  var postsLimit = 20;
  var postMaxAge = 32 * 24 * 60 * 60 * 1e3;
  var defaultUrlSet = [
    "https://abs.twimg.com/sticky/default_profile_images/default_profile_normal.png",
    "https://chaos.social/avatars/original/missing.png"
  ];
  var socialFilters = [
    RegExp("http.://bit.ly/.*\\w+")
  ];
  var socialReplacement = "\u2588\u2588\u2588\u2588\u2588";
  var default_profile_image_url = () => "./nounicorn.png";
  var social_limiter = (tweets, toots) => {
    let posts = tweets.concat(toots);
    console.log("Number tweets (unfiltered): " + tweets.length);
    console.log("Number toots (unfiltered): " + toots.length);
    let maxAge = (p) => Date.parse(p.time) >= Date.now() - postMaxAge;
    let recentPosts = posts.filter(maxAge);
    let byDate = (fst, snd) => Date.parse(fst.time) - Date.parse(snd.time);
    let postsSorted = recentPosts.sort(byDate);
    console.log("Number distinct social posts in loop: " + postsSorted.length);
    if (postsSorted.length > 0) {
      while (postsSorted.length < postsLimit) {
        postsSorted = postsSorted.concat(postsSorted);
      }
    }
    let postsLimited = postsSorted.reverse().slice(0, postsLimit);
    return postsLimited;
  };
  var replace_default_image_url = (url) => defaultUrlSet.includes(url) === true ? default_profile_image_url() : url;
  var censorship = (text) => {
    socialFilters.forEach((f) => {
      text = text.replace(f, socialReplacement);
    });
    return text;
  };
  var html_plainify = (html2) => {
    let span = document.createElement("span");
    span.innerHTML = html2;
    let children = span.querySelectorAll("*");
    children.forEach((child) => {
      child.textContent += " ";
    });
    return span.textContent.toString().replace(/ +/g, " ");
  };
  var tweet_author = (data, tweet) => {
    let authorId = tweet.author_id;
    let users = data.includes.users;
    let author = users.find((item) => item.id === authorId);
    let userName = author !== void 0 ? author.username : "NoOne";
    return userName;
  };
  var tweet_profile_image = (data, tweet) => {
    let authorId = tweet.author_id;
    let users = data.includes.users;
    let author = users.find((item) => item.id === authorId);
    let profileImageUrl = replace_default_image_url(author.profile_image_url);
    return profileImageUrl;
  };
  var tweet_text = (tweet) => tweet.text;
  var tweet_time = (tweet) => tweet.created_at;
  var twitter_filter = (inputData) => {
    let tweets;
    inputData.forEach((d) => tweets = d.data.map((t) => {
      return {
        author: tweet_author(d, t),
        image: tweet_profile_image(d, t),
        text: censorship(html_plainify(tweet_text(t))),
        time: tweet_time(t),
        source: "twitter"
      };
    }));
    return tweets;
  };
  var toot_author = (toot) => toot.account.username;
  var toot_profile_image = (toot) => replace_default_image_url(toot.account.avatar_static);
  var toot_text = (toot) => toot.content;
  var toot_time = (toot) => toot.created_at;
  var mastodon_filter = (idata) => {
    let toots;
    idata.forEach((d) => {
      toots = d.map((t) => {
        return {
          author: toot_author(t),
          image: toot_profile_image(t),
          text: censorship(html_plainify(toot_text(t))),
          time: toot_time(t),
          source: "mastodon"
        };
      });
    });
    return toots;
  };
  var schedule_filter = (data) => {
    let dataDays = data.schedule.conference.days;
    let talksData = dataDays.map((d) => {
      let rooms = Object.values(d.rooms);
      rooms.flat().forEach((t) => {
        t.day = d.index;
      });
      return rooms;
    }).flat(2);
    let byDate = (fst, snd) => Date.parse(fst.date) - Date.parse(snd.date);
    let talksDataSorted = talksData.sort(byDate);
    return talksDataSorted;
  };
  var is_own_event = (event) => event.room === hereRoom;
  var future_events = (schedule, now) => schedule.filter((e) => Date.parse(e.date) >= now - delay);
  var running_event = (schedule, now) => {
    const preDelay = 5 * 60 * 1e3;
    const postDelay = 3 * 5 * 60 * 1e3;
    let talk_duration = (durationString) => {
      const timeFormat = "hh:mm";
      let dt = moment(durationString, timeFormat);
      let minutes = 60 * dt.hours() + dt.minutes();
      return minutes * 60 * 1e3;
    };
    let is_running = (e) => {
      let start = Date.parse(e.date);
      let end = start + talk_duration(e.duration);
      return start - preDelay <= now && now <= end + postDelay === true;
    };
    return schedule.filter(is_own_event).filter(is_running).slice(0, 1);
  };
  var same_music_track = (track1, track2) => track1.artist === track2.artist && track1.title === track2.title;
  var is_new_music = (musicA, musicB) => {
    let isNewMusic;
    if (musicA.length !== 0 && musicB.length !== 0) {
      isNewMusic = same_music_track(musicA[0], musicB[0]);
    } else if (musicA.length === 0 && musicB.length === 0) {
      isNewMusic = true;
    } else {
      isNewMusic = false;
    }
    return !isNewMusic;
  };
  var music_update = (musicA, musicB) => {
    if (is_new_music(musicA, musicB) === true) {
      musicB.forEach((mb) => mb.since = Date.now());
    } else {
      musicA.forEach((ma) => {
        musicB.forEach((mb) => mb.since = ma.since);
      });
    }
    return musicB;
  };
  var cms_filter = (data) => {
    return data.assets.filter((a) => a.filetype === "image");
  };

  // ns-hugo:/home/raoul-web/rc3_2021/html-infobeamer-content/assets/js/dom.js
  var html = htm.bind(preact.h);
  var hereRoom2 = "Chaos-West TV";
  var number_events_all = 8;
  var musicAge = 5 * 1e3;
  var urgent = 5 * 60 * 1e3;
  var stale = 3 * 5 * 60 * 1e3;
  var lapse = 5 * 1e3;
  var maxImageAge = 15 * 1e3;
  var freshImage = 4 * 1e3;
  var staleImage = 4 * 1e3;
  var cmsBaseUrl = "https://infobeamer-cms.c3voc.de/";
  var talk_day = (talk) => {
    const lut = {
      1: "I",
      2: "II",
      3: "III",
      4: "IV"
    };
    return lut[talk.day];
  };
  var is_own_talk = (talk) => talk.room === hereRoom2;
  var talk_start_time = (talk) => Date.parse(talk.date);
  var is_urgent = (talk, time) => {
    let timeDelta = talk_start_time(talk) - time;
    return timeDelta >= 0 && timeDelta <= urgent;
  };
  var is_stale = (talk, time) => {
    let timeDelta = talk_start_time(talk) - time;
    return timeDelta < 0;
  };
  var is_lapse = (talk, time) => {
    let timeDelta = talk_start_time(talk) - time;
    return timeDelta <= -(stale - lapse);
  };
  var urgent_class = (talk, time) => is_urgent(talk, time) ? "urgent" : "";
  var stale_class = (talk, time) => is_stale(talk, time) ? "stale" : "";
  var lapse_class = (talk, time) => is_lapse(talk, time) ? "lapse" : "";
  var speaker_names = (talk) => talk.persons.map((p) => p.public_name);
  var speaker_dom = (talk) => {
    const separator = ", ";
    let names = speaker_names(talk);
    let inner;
    if (names.length > 0) {
      let string = names.join(separator);
      inner = html`<div class="speaker">${string}:</div>`;
    } else {
      inner = html``;
    }
    return inner;
  };
  var starting_dom = (talk, time) => {
    const hrs3 = 3 * 60 * 60 * 1e3;
    const min15 = 3 * 5 * 60 * 1e3;
    const min2 = 2 * 60 * 1e3;
    const min1 = 60 * 1e3;
    let timeDelta = talk_start_time(talk) - time;
    let minutes = Math.ceil(Math.abs(timeDelta / 1e3 / 60));
    let inner;
    if (timeDelta > hrs3) {
      inner = html`<span class="start">Day ${talk_day(talk)} at ${talk.start}</span>`;
    } else if (timeDelta > min15) {
      inner = html`<span class="start">Starting at ${talk.start}</span>`;
    } else if (timeDelta <= min15 && timeDelta > min1) {
      inner = html`<span class="start">Starting in ${minutes} minutes</span>`;
    } else if (timeDelta <= min1 && timeDelta >= 0) {
      inner = html`<span class="start">Starting now!</span>`;
    } else if (timeDelta < 0 && timeDelta >= -min1) {
      inner = html`<span class="start">Just started!</span>`;
    } else if (timeDelta < -min1 && timeDelta >= -min15) {
      inner = html`<span class="start">Started ${minutes} minutes ago</span>`;
    } else if (timeDelta < -min15) {
      inner = html`<span class="start">Seriously missed</span>`;
    }
    return inner;
  };
  var to_minutes = (duration) => {
    const timeFormat = "hh:mm";
    let dt = moment(duration, timeFormat);
    let minutes = 60 * dt.hours() + dt.minutes();
    return minutes;
  };
  var duration_dom = (talk) => {
    return html`<span class="duration">${to_minutes(talk.duration)} minutes</span>`;
  };
  var meta_here_dom = (schedule, time) => {
    let inner = html`${schedule.map((talk) => html`
        <div class="talk-here-meta-box ${urgent_class(talk, time)} ${stale_class(talk, time)}">
          <div class="speaker">${speaker_dom(talk)}</div>
          <div class="title"><span class="titletext">${talk.title}</span></div>
          <div class="start-duration">
            ${starting_dom(talk, time)}
            ${duration_dom(talk)}
          </div>
        </div>
        `)}`;
    return inner;
  };
  var abstract_text_dom = (talk) => {
    const placeHolder = "\xAF_(\u30C4)_/\xAF";
    let inner;
    if (talk.abstract !== null) {
      let lang = talk.language !== void 0 ? talk.language : "en";
      inner = html`<div class="text" lang="${lang}">${talk.abstract}</div>`;
    } else {
      inner = html``;
    }
    return inner;
  };
  var track_dom = (talk) => {
    let inner;
    if (talk.track !== null) {
      inner = html`<div class="track">Track: ${talk.track}</div>`;
    } else {
      inner = html``;
    }
    return inner;
  };
  var abstract_here_dom = (schedule) => {
    let inner = html``;
    schedule.forEach((talk) => {
      inner = html`
          ${abstract_text_dom(talk)}
          ${track_dom(talk)}`;
    });
    return inner;
  };
  var talk_day_dom = (talk) => html`<span class="day">Day ${talk_day(talk)}</span>`;
  var highlight_class = (talk) => is_own_talk(talk) === true ? "highlight" : "";
  var do_not_record_dom = (talk) => {
    let icon = "fa-microphone-slash";
    let inner;
    if (talk.do_not_record === true) {
      inner = html`<span class="do-not-record"><span class="fa ${icon}"></span></span>`;
    } else {
      inner = html``;
    }
    return inner;
  };
  var list_all_dom = (schedule, time) => {
    let inner = html`
        ${schedule.map((talk) => html`
        <div class="item ${highlight_class(talk)} ${urgent_class(talk, time)} ${stale_class(talk, time)} ${lapse_class(talk, time)}">
          <div>
            <div class="title">${talk.title}</div>
          </div>
          <div class="details">
            <span class="start">${talk.start}</span>
            ${talk_day_dom(talk)}
            ${do_not_record_dom(talk)}
            <span class="stage">${talk.room}</span>
          </div>
        </div>`)}`;
    return inner;
  };
  var next_up_here_dom = (talks, time) => {
    let inner;
    if (talks.length > 0) {
      inner = html`
          <div class="panel meta">
            <div class="header">Next Up Here</div>
            <div class="content">${meta_here_dom(talks, time)}</div>
          </div>`;
    } else {
      inner = html`
          <div class="panel meta">
            <div class="header">Next Up Here</div>
          </div>`;
    }
    return inner;
  };
  var next_up_abstract_dom = (talks, time) => {
    let inner;
    if (talks.length > 0) {
      inner = html`
          <div class="panel abstract">
            <div class="header">Abstract</div>
            <div class="content">${abstract_here_dom(talks)}</div>
          </div>`;
    } else {
      inner = html``;
    }
    return inner;
  };
  var next_up_list_all_dom = (talks, time) => {
    let inner;
    if (talks.length > 0) {
      inner = html`
          <div class="panel list">
            <div class="header">Next Up at rC3</div>
            <div class="content">${list_all_dom(talks, time)}</div>
          </div>`;
    } else {
      inner = html`
          <div class="panel list">
            <div class="header">Next Up at rC3</div>
          </div>`;
    }
    return inner;
  };
  var schedule_dom = (schedule, time) => {
    let allTalks = schedule.slice(0, number_events_all);
    let nextTalkHere = schedule.filter(is_own_talk).slice(0, 1);
    return html`
    <div class="slide">
      <div class="schedule">
        <div class="left">
          ${next_up_here_dom(nextTalkHere, time)}
          ${next_up_abstract_dom(nextTalkHere, time)}
        </div>
        <div class="right">
          ${next_up_list_all_dom(allTalks, time)}
        </div>
      </div>
    </div>`;
  };
  var music_changed = (current, time) => time - current.since <= musicAge;
  var changed_music_class = (current, time) => music_changed(current, time) ? "changed" : "";
  var music_license_dom = (current) => current.license !== void 0 ? html`<span class="license">(${current.license})</span>` : html``;
  var music_title_dom = (current) => current.license !== void 0 ? html`<span class="title">«${current.title}»</span>` : html``;
  var music_artist_dom = (current) => current.license !== void 0 ? html`<span class="by">by</span><span class="artist">${current.artist}</span>` : html``;
  var music_playing_now_dom = (music, time) => {
    return html`
        <div class="music-box">
          ${music.map((current) => html`
            <div class="music ${changed_music_class(current, time)}">
              <div class="line1">
                <span>
                  <span class="note">
                    <span class="fa fa-music glyph"></span>
                  </span>
                  <span class="header">Now playing:</span>
                </span>
                ${music_license_dom(current)}
              </div>
              <div class="line2">
                ${music_title_dom(current)}
                ${music_artist_dom(current)}
              </div>
            </div>`)}
        </div>`;
  };
  var post_time = (date) => moment(date).format("H:mm, D. MMMM YYYY");
  var social_network_dom = (post) => {
    let icon = "";
    if (post.source === "twitter") {
      icon = "fa-twitter";
    } else if (post.source === "mastodon") {
      icon = "fa-mastodon";
    }
    return html`<span class="source fa ${icon}"></span>`;
  };
  var single_post_dom = (post) => {
    let inner = html`
      <div class="post slider">
        <div class="container">
          <img class="profile-image" src="${post.image}"/>
          <div class="content">
            <div class="meta">
              ${social_network_dom(post)}
              <span class="username">@${post.author}</span>
              <span class="time">${post_time(post.time)}</span>
            </div>
            <div class="text">${post.text}</div>
          </div>
        </div>
      </div>`;
    return inner;
  };
  var social_container_dom = (posts) => {
    let inner = html`
        <div id="bottom-bar" class="visible bottom-bar">
          <div id="ticker-wrap" class="ticker-wrap">
            <div class="ticker switcher">
              ${posts.map((p) => single_post_dom(p))}
            </div>
          </div>
        </div>`;
    return inner;
  };
  var hastag_talk_title_dom = (talk) => {
    let inner = html`:`;
    talk.forEach((t) => {
      inner = html`<span><span class="text"> regarding the talk </span><span class="title">«${t.title}»</span>:</span>`;
    });
    return inner;
  };
  var hashtag_dom = (talk) => {
    let inner = html`
        <div class="hashtags short">
          <div class="box">
            <div class="header">For Questions:</div>
            <div class="text">Please use the Hashtag <span class="hashtag">#rc3cwtv</span> or join our IRC Channel <span class="irc">#rc3-cwtv</span></div>
          </div>
        </div>
        <div class="hashtags extended from-obs">
          <div class="box">
            <div class="header">For Questions${hastag_talk_title_dom(talk)}</div>
            <div class="text">Please use the Hashtag <span class="hashtag">#rc3cwtv</span> on Twitter or Mastodon, or join our IRC channel <span class="irc">#rc3-cwtv</span>:irc.hackint.org</div>
          </div>
        </div>`;
    return inner;
  };
  var random_integer = (n) => Math.floor(Math.random() * n);
  var image_dom_element = () => document.getElementById("imageItem");
  var image_index = () => {
    const el = image_dom_element();
    return el !== null ? Number.parseInt(el.dataset.index) : -1;
  };
  var image_birth_time = () => {
    const el = image_dom_element();
    return el !== null ? el.dataset.birth : 0;
  };
  var image_age = (time) => time - image_birth_time();
  var cms_age_class = (index, age) => {
    const direction = index % 2 === 0 ? "left" : "right";
    let oldness;
    if (age <= freshImage) {
      oldness = "fresh";
    } else if (age >= maxImageAge - staleImage) {
      oldness = "stale";
    } else {
      oldness = "";
    }
    return oldness + " " + direction;
  };
  var cms_item_url = (item) => cmsBaseUrl + item.url;
  var cms_item_author = (item) => item.user;
  var cms_meta_dom = (item, index, age) => {
    let inner = html`
      <div class="cms">
        <div class="meta-box">
          <div class="meta ${cms_age_class(index, age)}">
            <div class="line1">
              <span>
                <span class="icon">
                  <span class="fa fa-file-image-o"></span>
                </span>
                <span class="header">Community Advertisement</span>
                <span> by </span><span class="author">${cms_item_author(item)}</span>
              </span>
            </div>
            <div class="line2">
              <span>Upload own content at: </span>
              <span>https://infobeamer-cms.c3voc.de/</span>
            </div>
          </div>
        </div>
      </div>`;
    return inner;
  };
  var cms_image_dom = (item) => html`<img class="cms-image" src=${cms_item_url(item)} />`;
  var cms_item_dom = (item, index, birth, age) => {
    return html`
        <div class="item ${cms_age_class(index, age)}" data-index=${index} data-birth=${birth} id="imageItem">
          ${cms_image_dom(item)}
        </div>`;
  };
  var cms_content_dom = (item, index, birth, age) => {
    return html`
      <div class="cms">
        <div class="content">
          <div class="items">
            ${cms_item_dom(item, index, birth, age)}
          </div>
        </div>
      </div>`;
  };
  var cms_dom = (items, time) => {
    let inner;
    if (items.length > 0) {
      let age = image_age(time);
      let item;
      let index;
      let birth;
      if (age > maxImageAge) {
        index = random_integer(items.length);
        item = items[index];
        birth = time;
        age = 0;
      } else {
        index = image_index();
        item = items[index];
        birth = image_birth_time();
      }
      inner = html`
          ${cms_content_dom(item, index, birth, age)}
          ${cms_meta_dom(item, index, age)}
        `;
    } else {
      inner = html``;
    }
    return inner;
  };
  function update_main_slide(data, time) {
    let schedule = data.futureSchedule;
    let runningEvent = data.runningEvent;
    let music = data.music;
    let postings = data.posts;
    let cms = data.cms;
    let inner = html`
      ${schedule_dom(schedule, time)}
      ${hashtag_dom(runningEvent)}
      ${music_playing_now_dom(music, time)}
      ${social_container_dom(postings)}
      ${cms_dom(cms, time)}
    `;
    const anchorElId = "main";
    const el = document.getElementById(anchorElId);
    preact.render(inner, el);
  }

  // <stdin>
  var scheduleData = [];
  var musicData = [];
  var twitterData = [];
  var mastodonData = [];
  var cmsData = [];
  if (window.Worker) {
    const workerBaseURL = window.infoBeamerConfig.get("workerBaseURL");
    const fetchWorkerCode = workerBaseURL + "js/generic_fetch_worker.js";
    const scheduleWorker = new Worker(fetchWorkerCode);
    const scheduleType = "Schedule";
    const scheduleURL = window.infoBeamerConfig.get("scheduleURL");
    const scheduleFetchInterval = window.infoBeamerConfig.get("scheduleFetchInterval");
    scheduleWorker.postMessage({
      fetchType: scheduleType,
      fetchURL: scheduleURL,
      fetchInterval: scheduleFetchInterval
    });
    scheduleWorker.onmessage = function(e) {
      if (e.data.msgType === scheduleType) {
        scheduleData = schedule_filter(e.data.json);
        update_screen();
      }
    };
    const musicWorker = new Worker(fetchWorkerCode);
    const musicType = "Music";
    const musicURL = window.infoBeamerConfig.get("musicURL");
    const musicFetchInterval = window.infoBeamerConfig.get("musicFetchInterval");
    musicWorker.postMessage({
      fetchType: musicType,
      fetchURL: musicURL,
      fetchInterval: musicFetchInterval
    });
    musicWorker.onmessage = function(e) {
      if (e.data.msgType === musicType) {
        let musicDataUpdate = [e.data.json];
        musicData = music_update(musicData, musicDataUpdate);
        update_screen();
      }
    };
    const twitterWorker = new Worker(fetchWorkerCode);
    const twitterType = "Twitter";
    const twitterURL = window.infoBeamerConfig.get("twitterURL");
    const twitterFetchInterval = window.infoBeamerConfig.get("twitterFetchInterval");
    twitterWorker.postMessage({
      fetchType: twitterType,
      fetchURL: twitterURL,
      fetchInterval: twitterFetchInterval
    });
    twitterWorker.onmessage = function(e) {
      if (e.data.msgType === twitterType) {
        twitterData = [e.data.json];
        twitterData = twitter_filter(twitterData);
        update_screen();
      }
    };
    const mastodonWorker = new Worker(fetchWorkerCode);
    const mastodonType = "Mastodon";
    const mastodonURL = window.infoBeamerConfig.get("mastodonURL");
    const mastodonFetchInterval = window.infoBeamerConfig.get("mastodonFetchInterval");
    mastodonWorker.postMessage({
      fetchType: mastodonType,
      fetchURL: mastodonURL,
      fetchInterval: mastodonFetchInterval
    });
    mastodonWorker.onmessage = function(e) {
      if (e.data.msgType === mastodonType) {
        mastodonData = [e.data.json];
        mastodonData = mastodon_filter(mastodonData);
        update_screen();
      }
    };
    const cmsWorker = new Worker(fetchWorkerCode);
    const cmsType = "CMS";
    const cmsURL = window.infoBeamerConfig.get("cmsURL");
    const cmsFetchInterval = window.infoBeamerConfig.get("cmsFetchInterval");
    cmsWorker.postMessage({
      fetchType: cmsType,
      fetchURL: cmsURL,
      fetchInterval: cmsFetchInterval
    });
    cmsWorker.onmessage = function(e) {
      if (e.data.msgType === cmsType) {
        cmsData = cms_filter(e.data.json);
        console.log(cmsData);
        update_screen();
      }
    };
  } else {
    console.log("Your browser doesn't support web workers.");
  }
  var fakeTimeDelta = 0;
  function update_screen() {
    let realTime = new Date();
    let now = Date.now() + fakeTimeDelta;
    update_main_slide({
      futureSchedule: future_events(scheduleData, now),
      runningEvent: running_event(scheduleData, now),
      music: musicData,
      posts: social_limiter(twitterData, mastodonData),
      cms: cmsData
    }, now);
  }
  function main_loop() {
    update_screen();
    setTimeout(main_loop, 1 * 1e3);
  }
  main_loop();
})();