andyburke/autonomous.contact
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: get channel creation and chat to sort of work

Browse source
This commit is contained in:
Andy Burke 2025-11-09 13:01:56 -08:00
parent afeb6f75e8
commit de77f0fbe9
3 changed files with 37 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

43
public/js/app.js
View file

@ -67,7 +67,7 @@ const APP = {
*/ */
if (!document.body.dataset.channel || document.body.dataset.channel !== channel_id) { if (!document.body.dataset.channel || document.body.dataset.channel !== channel_id) {
const previous = document.body.dataset.channel; const previous = typeof document.body.dataset.channel === 'string' ? document.body.dataset.channel : undefined;
/* /*
console.dir({ console.dir({
@ -80,24 +80,38 @@ const APP = {
}); });
*/ */
document.body.dataset.channel = channel_id; if ( channel_id ) {
document.body.dataset.channel = channel_id;
}
else {
delete document.body.dataset.channel;
}
this._emit( 'channel_changed', { const target_channel_id = channel_id ?? this.CHANNELS.CHANNEL_LIST[0]?.id;
previous,
channel_id
});
if (!channel_id) { // TODO: allow a different default than chat
const first_channel_id = this.CHANNELS.CHANNEL_LIST[0]?.id; const hash_target = '/chat' + ( target_channel_id ? `/channel/${ target_channel_id }` : '' );
if (first_channel_id) {
window.location.hash = `/chat/channel/${first_channel_id}`; // TODO: allow a different default than chat if ( window.location.hash?.slice( 1 ) !== hash_target ) {
if ( previous !== target_channel_id ) {
this._emit( 'channel_changed', {
previous,
channel_id: target_channel_id
});
} }
window.location.hash = hash_target;
} }
} }
if (!document.body.dataset.view || document.body.dataset.view !== view) { if (!document.body.dataset.view || document.body.dataset.view !== view) {
const previous = document.body.dataset.view; const previous = typeof document.body.dataset.view === 'string' ? document.body.dataset.view : undefined;
document.body.dataset.view = view; if ( view ) {
document.body.dataset.view = view;
}
else {
delete document.body.dataset.view;
}
/* /*
console.dir({ console.dir({
@ -236,10 +250,11 @@ const APP = {
_update_channels_timeout: undefined, _update_channels_timeout: undefined,
CHANNEL_LIST: [], CHANNEL_LIST: [],
update: async () => { update: async ( force = false ) => {
const now = new Date(); const now = new Date();
const time_since_last_update = now - (APP.CHANNELS._last_channel_update ?? 0); const time_since_last_update = now - (APP.CHANNELS._last_channel_update ?? 0);
if (time_since_last_update < UPDATE_CHANNELS_FREQUENCY / 2) { const sufficient_time_has_passed_since_last_update = time_since_last_update > UPDATE_CHANNELS_FREQUENCY / 2;
if ( !force && !sufficient_time_has_passed_since_last_update ) {
return; return;
} }

27
public/tabs/chat/channel_sidebar.html
View file

@ -165,6 +165,12 @@
overflow: hidden; overflow: hidden;
transition: all 0.5s; transition: all 0.5s;
" "
on_reply="(new_channel) => {
APP.CHANNELS.update(true);
document.getElementById('new-channel-name-input').value = '';
document.getElementById('channel-create').style['height'] = '0';
window.location.hash = `/chat/channel/${new_channel.id}`;
}"
> >
<input <input
id="new-channel-name-input" id="new-channel-name-input"
@ -175,27 +181,6 @@
/> />
<input type="submit" hidden /> <input type="submit" hidden />
<script>
{
const form = document.currentScript.closest("form");
const channel_create_form = document.getElementById("channel-create");
const new_channel_name_input =
document.getElementById("new-channel-name-input");
form.on_reply = (new_channel) => {
const channel_list = document.getElementById("channel-list");
channel_list.querySelectorAll( 'li' ).forEach( (li) => li.classList.remove( 'active' ) );
channel_list.insertAdjacentHTML(
"beforeend",
`<li id="channel-selector-${new_channel.id}" class="channel active"><a href="#/chat/channel/${new_channel.id}">${new_channel.name}</a></li>`,
);
new_channel_name_input.value = "";
window.location.hash = `/chat/channel/${new_channel.id}`;
channel_create_form.style["height"] = "0";
};
}
</script>
</form> </form>
</div> </div>
</div> </div>

4
public/tabs/chat/chat.html
View file

@ -21,8 +21,8 @@
<div <div
id="chat-content" id="chat-content"
data-feed data-feed
data-precheck="!!document.body.dataset.user && document.body.dataset.user.indexOf( 'events.read.chat' ) !== -1" data-precheck="!!document.body.dataset.user && document.body.dataset.user.indexOf( 'events.read.chat' ) !== -1 && document.body.dataset.channel"
data-source="/api/events?type=chat,reaction&channel=${ document.body.dataset.channel }&limit=100&sort=newest&wait=true&after_id=${ feed.__newest_id ?? 'able-able-able-able-able-able-able-able-able-able' }" data-source="/api/channels/${ document.body.dataset.channel }/events?type=chat,reaction&limit=100&sort=newest&wait=true&after_id=${ feed.__newest_id ?? 'able-able-able-able-able-able-able-able-able-able' }"
data-longpolling="true" data-longpolling="true"
data-reverse="true" data-reverse="true"
data-insert="append" data-insert="append"