LogalDeveloper/owncast
0
Fork 0
Code Activity

Social features / ActivityPub federation (#1629)

Browse Source 
* Support webfinger requests for the live account. Closes https://github.com/owncast/owncast/issues/1193

* Support for actor requests. Returns response for live actor. Closes https://github.com/owncast/owncast/issues/1203

* Handle follow and unfollow requests. Closes
https://github.com/owncast/owncast/issues/1191 and https://github.com/owncast/owncast/issues/1205 and https://github.com/owncast/owncast/issues/1206 and https://github.com/owncast/owncast/issues/1194

* Add basic support for sending out text activities. For https://github.com/owncast/owncast/issues/1192

* Some error handling and passing of dynamic local account names.

* Add hardcoded example image attachment to test post

* Centralize the map of accounts and inboxes

* No longer disable the preview generator based on YP toggle

* Send a federated message to followers when stream starts. For https://github.com/owncast/owncast/issues/1192

* Placeholder for attaching tags

* Add image description

* Save and get to outbox persistence. Return using outbox endpoint for actor

* Pass payloads to be handled through the gochan

* Handle undo follow requests explitly, not all undo requests

* Add API for manually sending simple federated messages. Closes #1215

* Verify inbox requests. Closes #1321

* Add route to fetch a single AP object by ID. For #1329

* Add responses to fediverse nodeinfo requests

* Set and get federation config values for admin

* Handle host-meta requests

* Do not send out message if disabled. Use saved go live message.

* Require AP-compatible content types for AP-related requests

* Rename ap models to apmodels for clarity

* Change how content type matching takes place.

* io -> ioutil

* Add stub delete activity callback

* Handle likes and announces to surface engagement in chat. Part of #1229

* Append url to go live posts

* Do not require specific content types for nodeinfo requests

* Add follow engagement chat message via AP

* add owncast user-agent to requests

* Set note visibility to public (for now)

* Fix saving/fetching a single object

* Add support for x-nodeinfo2 responses

* Point to the dev admin branch for ap

* Bundle in dev admin for testing

* Add error logging

* Add AP middleware back

* Point to the new external compatible logo endpoint

* Clean up more AP logging to help testing

* Tweak go live text and link hashtags

* Fix bug in fetching init time

* Send update actor activities when server details/profile is updated

* Add federation config overview to web client config

* Add additional actor properties

* Make the AP middleware checking more flexible when looking at types

* First pass at remote fediverse follow flow. For #1371

* Added a basic AP actor followers endpoint

* WIP client followers API

* Add profile-page reference to webfinger response

* Add aliases to webfinger response

* Fix content-type returned to be expected activitypub+json

* First pass at followers api

* Point at local dev copy of go-fed/activity

* Add custom toot Hashtag objects to posts

* Store additional user details to followers table

* Fix AP followers endpoint. Closes #1204

* Add owncast hashtag as an invisible tag to go live posts

* Reject AP requests when it is disabled

* Add actor util for generating full account user from person object

* Verify inbox requests before performing any other work

* Accept actor update requests

* Fix linter errors in federation branch

* Migrate AP SQL to sqlc for type safe queries

* Use the @unclearParadigm REST parameter helper

* Fix verifying post ID on AP engagement

* WIP privacy/request approval

* Style the remote follow modal

* First pass at a followers list component w/ mock data. #1370

* Revert "Use the @unclearParadigm REST parameter helper"

This reverts commit c8af8a413f6f53e7d1a15a7d823ff28be2db3c23.

* Fix get followers API

* Add support for requiring approval. Closes https://github.com/owncast/owncast/issues/1208

* Handle Applications as Actors partly for PeerTube support

* add temp todo list

* check route on load, this might change later

* style followers

* account for just 1 tab case

* Remove mock data. Allow showing follow button even when there are no external actions defined

* Point to actual followers API

* Support fallback img for follower views

* Remove duplicate verification. Add some additional verbose logging

* Bundle dev admin

* Add type to host-meta webfinger template response

* Tweak remote follow modal content

* WIP federation followers refactor

* Do not send pointer to middleware

* Update admin

* Add setting for toggling displaying fediverse engagement. Closes #1404

* Add in-development admin

* Do not enable cors on admin followers api

* Add db migration for updating messages table

* Enable empty string go live messages to disable

* Remove debug messages

* Rework some ActivityPub handling.

Create new Actor->Person handling.
Create new Actor->Service handling.
Add engagement handlers to send chat events and store event objects.
Store inbound activities to new ap_inbound_activities table.

* Support federated engagement events.

Store them in the messages table and surface them via chat events.

* Support federated event engatement in the chat

* Tweak web UI followers handling

* Point go.mod at remote fork instead of local

* Update admin

* Merged in develop. Couple fixes

* Update dev admin

* Update fedi engagement posts.

- Fix incorrect action text.
- Add action icons.

* Set public as to instead of cc for ap msg

* Updated styling for federated actions in chat

* Add support for blocking federated domains. Closes #1209

* Force checking of https in verify step

* Update dev admin

* Return user scopes in chat history api. Closes #1586

* Update dev admin

* Add AP outbound request worker pool. Closes #1571

* Disable (temporarily?) owncast tag on AP posts

* Consolidate creating activity+notes in outbound AP messages

* Add inbox worker pool. Closes #1570

* Update dev admin bundle

* Clean up some logs

* Re-enable inbound verfication

* Save full IRI to outbox instead of path

* Reject if full IRI is not found in outbox

* Use full ActivityPub user account in chat event

* Fix and expand follower APIs

- Add missing IDs to AP follower endpoints
- Split AP follower endpoints into initial request and pages.
- Support pagination in AP requests.

* Include IRI in error message

* Hide chat toggle when chat is hidden. Closes #1606

* Updates to followers pagination

* Set default go live message

* Remove log

* indirect -> direct import

* Updates for inbound federated event handling.

- Keep track of existing events and reject duplicates.
- Change what is sent to chat for surfing federated engagement.
- Keep track if outbound events are automated "go live" events or not.

* Update chat federated engagement.

* Update dev admin.

* Move from being a person to a bot (service). Closes #1619

* Only set server init date if not already set

* Only save notes to outbox able

* Rework private-mode followers/approvals

* API for returning a list of federated actions for #1573

* Fix too-small follower cells and jumpy tabs. Closes #1616 and closes #1516

* Fix shortcuts getting fired on inputs. Fixes #1489 and #1201

* Add spinner, autoclose + other fixes to follow modal. Fixes #1593

* Fix fetching a single object by IRI

* SendFederationMessage -> SendFederatedMessage

* Autolink and create tag objects from manual posts. Closes #1620

* Update dev admin bundle

* Handle engagement from non-automated/live posts

* Reject federated engagement actions if they do not match a local post

* Update dev admin bundle

* A bunch of cleanup

* Fix unused assignments and logic

* Remove unused function

* Add content warning and sentive content flag if stream is NSFW. Closes #1624

* Disable fetching objects by IRI when in private mode. Closes #1623

* Update the error message of the remote follow dialog. closes #1622

* Update dev admin

* Fix NREs throwing in test content

* Fix query that wasn't properly filtering out hidden messages

* Test against user being disabled instead of message visibility

* Fix automated test NRE

* Update comment

* Adjust federated engagement chat views. Closes #1617

* Add additional index to users table

* Add support for removing followers/requests. Closes #1630

* Reject federated actions from blocked actors. #1631

* Use fallback avatar if it fails to load. Closes #1635

* Fix styling of follower list. Closes #1636

* Add basic blurb stating they should follow the server. Closes #1641

* Update dev admin

* Set default go live message in migration. Closes #1642

* Reset the messages table on 0.0.11 schema migration

* Fix js error with moderation actions. Closes #1621

* Add a bit more clarification on follow modal. Closes #1599

* Remove todos

* Split out actor and domain blocking checks

* Check for errors on default values being set

* Clean up actor rejection due to being blocked

* Update dev admin

* Add colon to error to make it easier to read

* Remove markdown rendering of go live message. Reorganize text. Remove content warning. Closes #1645

* Break out the sort+render messages logic so it can be fired on visibility change. Closes #1643

* Do not send profile updates if federation is disabled

* Save follow references to inbound activities table

* Update dev admin

* Add blocked actor test

* Remove the overloaded term of Follow from social links

* Fix test running in memory only

* Remove "just" in engagement messags

* Replace star with heart for like action.

* Update dev admin

* Explicitly set cc as public

* Remove overly using the stream name in fediverse engagement messages

* Some federated/follow UI tweaks

* Remove explicit cc and bcc as they are not required

* Explicitly set the audience

* Remove extra margin

* Add Join Fediverse button to follow modal. Closes #1651

* Do not allow multiple follows to send multiple events. Closes #1650

* Give events a min height

* Do not allow old posts to be liked/shared. Closes #1652

* Remove value from log message

* Alert followers on private mode toggle

* Ignore clicks to follow button if disabled

* Remove underline from action buttons

* Add moderator icon to join message

* Update admin

* Post-merge remove unused var

* Remove pointing at feature branch

Co-authored-by: Ginger Wong <omqmail@gmail.com>
This commit is contained in:
Gabe Kangas
2022-01-12 13:53:10 -08:00
committed by GitHub
parent c51d9cdbf4
commit 045a0a2afd
174 changed files with 7295 additions and 404 deletions
Download Patch File Download Diff File Expand all files Collapse all files

213
webroot/js/app.js
View File

@@ -6,6 +6,8 @@ import { OwncastPlayer } from './components/player.js';
import SocialIconsList from './components/platform-logos-list.js';
import UsernameForm from './components/chat/username.js';
import VideoPoster from './components/video-poster.js';
import Followers from './components/federation/followers.js';
import Chat from './components/chat/chat.js';
import Websocket, {
CALLBACKS,
@@ -17,10 +19,14 @@ import ExternalActionModal, {
ExternalActionButton,
} from './components/external-action-modal.js';
import FediverseFollowModal, {
FediverseFollowButton,
} from './components/fediverse-follow-modal.js';
import {
addNewlines,
checkUrlPathForDisplay,
classNames,
clearLocalStorage,
debounce,
getLocalStorage,
getOrientation,
@@ -28,6 +34,7 @@ import {
makeLastOnlineString,
parseSecondsToDurationString,
pluralize,
ROUTE_RECORDINGS,
setLocalStorage,
} from './utils/helpers.js';
import {
@@ -52,6 +59,7 @@ import {
WIDTH_SINGLE_COL,
} from './utils/constants.js';
import { checkIsModerator } from './utils/chat.js';
import TabBar from './components/tab-bar.js';
export default class App extends Component {
constructor(props, context) {
@@ -92,7 +100,13 @@ export default class App extends Component {
windowHeight: window.innerHeight,
orientation: getOrientation(this.hasTouchScreen),
externalAction: null,
// modals
externalActionModalData: null,
fediverseModalData: null,
// routing & tabbing
section: '',
sectionId: '',
};
// timers
@@ -119,6 +133,9 @@ export default class App extends Component {
this.handleKeyPressed = this.handleKeyPressed.bind(this);
this.displayExternalAction = this.displayExternalAction.bind(this);
this.closeExternalActionModal = this.closeExternalActionModal.bind(this);
this.displayFediverseFollowModal =
this.displayFediverseFollowModal.bind(this);
this.closeFediverseFollowModal = this.closeFediverseFollowModal.bind(this);
// player events
this.handlePlayerReady = this.handlePlayerReady.bind(this);
@@ -158,6 +175,9 @@ export default class App extends Component {
onError: this.handlePlayerError,
});
this.player.init();
// check routing
this.getRoute();
}
componentWillUnmount() {
@@ -176,6 +196,13 @@ export default class App extends Component {
}
}
getRoute() {
const routeInfo = checkUrlPathForDisplay();
this.setState({
...routeInfo,
});
}
// fetch /config data
getConfig() {
fetch(URL_CONFIG)
@@ -478,12 +505,13 @@ export default class App extends Component {
}
handleKeyPressed(e) {
if (
e.target !== document.getElementById('message-input') &&
e.target !== document.getElementById('username-change-input') &&
e.target !== document.getElementsByClassName('emoji-picker__search')[0] &&
this.state.streamOnline
) {
// Only handle shortcuts if the focus is on the general page body,
// not a specific input field.
if (e.target !== document.getElementById('app-body')) {
return;
}
if (this.state.streamOnline) {
switch (e.code) {
case 'MediaPlayPause':
case 'KeyP':
@@ -527,7 +555,7 @@ export default class App extends Component {
return;
}
this.setState({
externalAction: {
externalActionModalData: {
...action,
url: fullUrl,
},
@@ -535,10 +563,17 @@ export default class App extends Component {
}
closeExternalActionModal() {
this.setState({
externalAction: null,
externalActionModalData: null,
});
}
displayFediverseFollowModal(data) {
this.setState({ fediverseModalData: data });
}
closeFediverseFollowModal() {
this.setState({ fediverseModalData: null });
}
handleWebsocketMessage(e) {
if (e.type === SOCKET_MESSAGE_TYPES.ERROR_USER_DISABLED) {
// User has been actively disabled on the backend. Turn off chat for them.
@@ -645,9 +680,13 @@ export default class App extends Component {
websocket,
windowHeight,
windowWidth,
externalAction,
fediverseModalData,
externalActionModalData,
lastDisconnectTime,
section,
sectionId,
} = state;
const {
version: appVersion,
logo = TEMP_IMAGE,
@@ -660,6 +699,7 @@ export default class App extends Component {
externalActions,
customStyles,
maxSocketPayloadSize,
federation = {},
} = configData;
const bgUserLogo = { backgroundImage: `url(${logo})` };
@@ -680,11 +720,19 @@ export default class App extends Component {
const shortHeight = windowHeight <= HEIGHT_SHORT_WIDE && !isPortrait;
const singleColMode = windowWidth <= WIDTH_SINGLE_COL && !shortHeight;
const shouldDisplayChat = displayChatPanel && canChat && !chatDisabled;
const noVideoContent =
!playerActive || (section === ROUTE_RECORDINGS && sectionId !== '');
const shouldDisplayChat =
displayChatPanel && !chatDisabled && !noVideoContent;
const usernameStyle = chatDisabled ? 'none' : 'flex';
// const shouldDisplayChat = displayChatPanel && canChat && !chatDisabled;
const extraAppClasses = classNames({
'config-loading': configData.loading,
chat: shouldDisplayChat,
'no-chat': !shouldDisplayChat,
'no-video': noVideoContent,
'chat-hidden': !displayChatPanel && canChat && !chatDisabled, // hide panel
'chat-disabled': !canChat || chatDisabled,
'single-col': singleColMode,
@@ -699,31 +747,53 @@ export default class App extends Component {
: html` <${VideoPoster} offlineImage=${logo} active=${streamOnline} /> `;
// modal buttons
const externalActionButtons =
externalActions &&
externalActions.length > 0 &&
html`<div
id="external-actions-container"
class="flex flex-row align-center"
>
${externalActions.map(
function (action) {
return html`<${ExternalActionButton}
onClick=${this.displayExternalAction}
action=${action}
/>`;
}.bind(this)
)}
</div>`;
const externalActionButtons = html`<div
id="external-actions-container"
class="flex flex-row flex-wrap justify-end"
>
${externalActions &&
externalActions.map(
function (action) {
return html`<${ExternalActionButton}
onClick=${this.displayExternalAction}
action=${action}
/>`;
}.bind(this)
)}
<!-- fediverse follow button -->
${federation.enabled &&
html`<${FediverseFollowButton}
onClick=${this.displayFediverseFollowModal}
federationInfo=${federation}
serverName=${name}
/>`}
</div>`;
// modal component
const externalActionModal =
externalAction &&
externalActionModalData &&
html`<${ExternalActionModal}
action=${externalAction}
action=${externalActionModalData}
onClose=${this.closeExternalActionModal}
/>`;
const fediverseFollowModal =
fediverseModalData &&
html`
<${ExternalActionModal}
onClose=${this.closeFediverseFollowModal}
action=${fediverseModalData}
useIframe=${false}
customContent=${html`<${FediverseFollowModal}
name=${name}
logo=${logo}
federationInfo=${federation}
onClose=${this.closeFediverseFollowModal}
/>`}
/>
`;
const chat = this.state.websocket
? html`
<${Chat}
@@ -738,6 +808,36 @@ export default class App extends Component {
`
: null;
const TAB_CONTENT = [
{
label: 'About',
content: html`
<div>
<div
id="stream-summary"
class="stream-summary my-4"
dangerouslySetInnerHTML=${{ __html: summary }}
></div>
<div id="tag-list" class="tag-list text-gray-600 mb-3">
${tagList && `#${tagList}`}
</div>
<div
id="extra-user-content"
class="extra-user-content"
dangerouslySetInnerHTML=${{ __html: extraPageContent }}
></div>
</div>
`,
},
];
if (federation.enabled) {
TAB_CONTENT.push({
label: 'Followers',
content: html`<${Followers} />`,
});
}
return html`
<div
id="app-container"
@@ -784,7 +884,9 @@ export default class App extends Component {
id="chat-toggle"
onClick=${this.handleChatPanelToggle}
class="flex cursor-pointer text-center justify-center items-center min-w-12 h-full bg-gray-800 hover:bg-gray-700"
style=${{ display: chatDisabled ? 'none' : 'block' }}
style=${{
display: chatDisabled || noVideoContent ? 'none' : 'block',
}}
>
💬
</button>
@@ -819,41 +921,42 @@ export default class App extends Component {
</section>
</main>
<section id="user-content" aria-label="User information" class="p-8">
<section
id="user-content"
aria-label="Owncast server information"
class="p-2"
>
${externalActionButtons && html`${externalActionButtons}`}
<div class="user-content flex flex-row p-8">
<div
class="user-image rounded-full bg-white p-4 mr-8 bg-no-repeat bg-center"
style=${bgUserLogo}
class="user-logo-icons flex flex-col items-center justify-start mr-8"
>
<img class="logo visually-hidden" alt="" src=${logo} />
<div
class="user-image rounded-full bg-white p-4 bg-no-repeat bg-center"
style=${bgUserLogo}
>
<img class="logo visually-hidden" alt="" src=${logo} />
</div>
<div class="social-actions">
<${SocialIconsList} handles=${socialHandles} />
</div>
</div>
<div
class="user-content-header border-b border-gray-500 border-solid"
>
<h2 class="font-semibold text-5xl">
<div class="user-content-header">
<h2 class="server-name font-semibold text-5xl">
<span class="streamer-name text-indigo-600">${name}</span>
</h2>
${externalActionButtons &&
html`<div>${externalActionButtons}</div>`}
<h3 class="font-semibold text-3xl">
${streamOnline && streamTitle}
</h3>
<${SocialIconsList} handles=${socialHandles} />
<div
id="stream-summary"
class="stream-summary my-4"
dangerouslySetInnerHTML=${{ __html: summary }}
></div>
<div id="tag-list" class="tag-list text-gray-600 mb-3">
${tagList && `#${tagList}`}
<!-- tab bar -->
<div class="${TAB_CONTENT.length > 1 ? 'my-8' : 'my-3'}">
<${TabBar} tabs=${TAB_CONTENT} ariaLabel="User Content" />
</div>
</div>
</div>
<div
id="extra-user-content"
class="extra-user-content px-8"
dangerouslySetInnerHTML=${{ __html: extraPageContent }}
></div>
</section>
<footer class="flex flex-row justify-start p-8 opacity-50 text-xs">
@@ -864,7 +967,7 @@ export default class App extends Component {
</span>
</footer>
${chat} ${externalActionModal}
${chat} ${externalActionModal} ${fediverseFollowModal}
</div>
`;
}