{
  "name": "Timeline Live Jitsi",
  "description": "Live system inside timeline using Jitsi",
  "version": "1.0",
  "author": "Community",
  "enabled": true
}

<?php

/**
 * Timeline Live Plugin
 */

nuonat_plugin_log('live_external loaded');

add_hook('header', function () {
    echo '<script src="/content/plugins/live_external/assets/live_external.js?v=1"></script>';
});

CREATE TABLE posts_live_external (
  id INT AUTO_INCREMENT PRIMARY KEY,
  post_id INT NOT NULL,
  user_id INT NOT NULL,
  room VARCHAR(255) NOT NULL,
  status ENUM('live','ended') DEFAULT 'live',
  created_at DATETIME DEFAULT CURRENT_TIMESTAMP
);

<?php
require('../../../bootstrap.php');

is_ajax();
user_access(true);

global $db, $user;

$room = "live_" . $user->_data['user_id'] . "_" . time();

/* create post */
$post_id = $user->post("I'm live now");

/* insert live */
$db->query("
INSERT INTO posts_live_external (post_id, user_id, room)
VALUES ({$post_id}, {$user->_data['user_id']}, '{$room}')
");

return_json([
    'success' => true,
    'post_id' => $post_id
]);

<?php
require('../../../bootstrap.php');

is_ajax();
user_access(true);

global $db, $user;

$post_id = (int) $_POST['post_id'];

$db->query("
UPDATE posts_live_external
SET status = 'ended'
WHERE post_id = {$post_id}
AND user_id = {$user->_data['user_id']}
");

return_json(['success' => true]);

{assign var=live value=$post['live_external']}

<div class="live-post-box">

  {if $live.status == "live"}

    <div class="live-badge">🔴 LIVE</div>

    <div id="live-container-{$post['post_id']}" class="live-container"></div>

    <button class="btn btn-primary js_join_live"
      data-room="{$live.room}"
      data-id="{$post['post_id']}">
      Join Live
    </button>

    {if $post['author_id'] == $user->_data['user_id']}
      <button class="btn btn-danger js_end_live"
        data-id="{$post['post_id']}">
        End Live
      </button>
    {/if}

  {else}

    <div class="live-ended">
      Live ended
    </div>

  {/if}

</div>

document.addEventListener("click", function(e) {

  // JOIN LIVE
  if (e.target.classList.contains("js_join_live")) {

    let room = e.target.dataset.room;
    let post_id = e.target.dataset.id;

    let container = document.getElementById("live-container-" + post_id);

    if (!container) return;

    container.innerHTML = "";

    let domain = "meet.jit.si";

    new JitsiMeetExternalAPI(domain, {
      roomName: room,
      parentNode: container,
      width: "100%",
      height: 400,
      configOverwrite: {
        startWithAudioMuted: true,
        startWithVideoMuted: true
      }
    });
  }

  // END LIVE
  if (e.target.classList.contains("js_end_live")) {

    let post_id = e.target.dataset.id;

    fetch("/content/plugins/live_external/ajax/end_live.php", {
      method: "POST",
      headers: {"Content-Type": "application/x-www-form-urlencoded"},
      body: "post_id=" + post_id
    })
    .then(res => res.json())
    .then(() => location.reload());
  }

});

{if $post['post_type'] == "live_external"}
  {include file='custom_feeds_post_live_external.tpl'}
{/if}

document.getElementById("startLiveBtn").addEventListener("click", function() {
  fetch("/content/plugins/live_external/ajax/create_live.php")
  .then(res => res.json())
  .then(data => {
    if (data.success) location.reload();
  });
});