refactor: rooms => zones
This commit is contained in:
parent
525568d368
commit
20a5d1bc88
27 changed files with 2466 additions and 2044 deletions
|
|
@ -1,23 +0,0 @@
|
|||
# /api/rooms/:room_id
|
||||
|
||||
Interact with a specific room.
|
||||
|
||||
## GET /api/rooms/:room_id
|
||||
|
||||
Get the room specified by `:room_id`.
|
||||
|
||||
## PUT /api/rooms/:room_id
|
||||
|
||||
Update the rooms specified by `:room_id`.
|
||||
|
||||
Eg:
|
||||
|
||||
```
|
||||
{
|
||||
name?: string;
|
||||
}
|
||||
```
|
||||
|
||||
## DELETE /api/rooms/:room_id
|
||||
|
||||
Delete the room specified by `:room_id`.
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
# /api/rooms/:room_id/events
|
||||
|
||||
Interact with a events for a room.
|
||||
|
||||
## GET /api/rooms/:room_id/events
|
||||
|
||||
Get events for the given room.
|
||||
|
||||
## PUT /api/rooms/:room_id/events/:event_id
|
||||
|
||||
Update an event.
|
||||
|
||||
## DELETE /api/rooms/:room_id/events/:event_id
|
||||
|
||||
Delete an event.
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
# /api/rooms
|
||||
|
||||
Interact with rooms.
|
||||
|
||||
## POST /api/rooms
|
||||
|
||||
Create a new room.
|
||||
|
||||
```
|
||||
export type ROOM = {
|
||||
id: string; // unique id for this room
|
||||
name: string; // the name of the room (max 128 characters)
|
||||
icon_url?: string; // optional url for a room icon
|
||||
topic?: string; // optional room topic
|
||||
tags: string[]; // a list of tags for the room
|
||||
meta: Record<string, any>;
|
||||
limits: {
|
||||
users: number;
|
||||
user_messages_per_minute: number;
|
||||
};
|
||||
creator_id: string; // user_id of the room creator
|
||||
emojis: Record<string, string>; // either: string: emoji eg: { 'rofl: 🤣, ... } or { 'rofl': 🤣, 'blap': 'https://somewhere.someplace/image.jpg' }
|
||||
};
|
||||
```
|
||||
|
||||
## GET /api/rooms
|
||||
|
||||
Get rooms.
|
||||
|
|
@ -13,7 +13,7 @@ const DEFAULT_USER_PERMISSIONS: string[] = [
|
|||
'files.write.own',
|
||||
'self.read',
|
||||
'self.write',
|
||||
'rooms.read',
|
||||
'zones.read',
|
||||
'users.read'
|
||||
];
|
||||
|
||||
|
|
|
|||
23
public/api/zones/:zone_id/README.md
Normal file
23
public/api/zones/:zone_id/README.md
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
# /api/zones/:zone_id
|
||||
|
||||
Interact with a specific zone.
|
||||
|
||||
## GET /api/zones/:zone_id
|
||||
|
||||
Get the zone specified by `:zone_id`.
|
||||
|
||||
## PUT /api/zones/:zone_id
|
||||
|
||||
Update the zones specified by `:zone_id`.
|
||||
|
||||
Eg:
|
||||
|
||||
```
|
||||
{
|
||||
name?: string;
|
||||
}
|
||||
```
|
||||
|
||||
## DELETE /api/zones/:zone_id
|
||||
|
||||
Delete the zone specified by `:zone_id`.
|
||||
|
|
@ -1,36 +1,36 @@
|
|||
import { FSDB_COLLECTION } from '@andyburke/fsdb';
|
||||
import { EVENT, get_events_collection_for_room } from '../../../../../../models/event.ts';
|
||||
import { ROOM, ROOMS } from '../../../../../../models/room.ts';
|
||||
import { EVENT, get_events_collection_for_zone } from '../../../../../../models/event.ts';
|
||||
import { ZONE, ZONES } from '../../../../../../models/zone.ts';
|
||||
import parse_body from '../../../../../../utils/bodyparser.ts';
|
||||
import * as CANNED_RESPONSES from '../../../../../../utils/canned_responses.ts';
|
||||
import { get_session, get_user, PRECHECK_TABLE, require_user } from '../../../../../../utils/prechecks.ts';
|
||||
|
||||
export const PRECHECKS: PRECHECK_TABLE = {};
|
||||
|
||||
// GET /api/rooms/:room_id/events/:id - Get an event
|
||||
// GET /api/zones/:zone_id/events/:id - Get an event
|
||||
PRECHECKS.GET = [get_session, get_user, require_user, async (_req: Request, meta: Record<string, any>): Promise<Response | undefined> => {
|
||||
const room_id: string = meta.params?.room_id?.toLowerCase().trim() ?? '';
|
||||
const zone_id: string = meta.params?.zone_id?.toLowerCase().trim() ?? '';
|
||||
|
||||
// lurid is 49 chars as we use them, eg: "also-play-flow-want-form-wide-thus-work-burn-same"
|
||||
const room: ROOM | null = room_id.length === 49 ? await ROOMS.get(room_id) : null;
|
||||
const zone: ZONE | null = zone_id.length === 49 ? await ZONES.get(zone_id) : null;
|
||||
|
||||
if (!room) {
|
||||
if (!zone) {
|
||||
return CANNED_RESPONSES.not_found();
|
||||
}
|
||||
|
||||
meta.room = room;
|
||||
const room_is_public = room.permissions.read.length === 0;
|
||||
const user_has_read_for_room = room_is_public || room.permissions.read.includes(meta.user.id);
|
||||
const room_has_public_events = user_has_read_for_room && (room.permissions.read_events.length === 0);
|
||||
const user_has_read_events_for_room = user_has_read_for_room &&
|
||||
(room_has_public_events || room.permissions.read_events.includes(meta.user.id));
|
||||
meta.zone = zone;
|
||||
const zone_is_public = zone.permissions.read.length === 0;
|
||||
const user_has_read_for_zone = zone_is_public || zone.permissions.read.includes(meta.user.id);
|
||||
const zone_has_public_events = user_has_read_for_zone && (zone.permissions.read_events.length === 0);
|
||||
const user_has_read_events_for_zone = user_has_read_for_zone &&
|
||||
(zone_has_public_events || zone.permissions.read_events.includes(meta.user.id));
|
||||
|
||||
if (!user_has_read_events_for_room) {
|
||||
if (!user_has_read_events_for_zone) {
|
||||
return CANNED_RESPONSES.permission_denied();
|
||||
}
|
||||
}];
|
||||
export async function GET(_req: Request, meta: Record<string, any>): Promise<Response> {
|
||||
const events: FSDB_COLLECTION<EVENT> = get_events_collection_for_room(meta.room.id);
|
||||
const events: FSDB_COLLECTION<EVENT> = get_events_collection_for_zone(meta.zone.id);
|
||||
const event: EVENT | null = await events.get(meta.params.event_id);
|
||||
|
||||
if (!event) {
|
||||
|
|
@ -42,7 +42,7 @@ export async function GET(_req: Request, meta: Record<string, any>): Promise<Res
|
|||
});
|
||||
}
|
||||
|
||||
// PUT /api/rooms/:room_id/events/:event_id - Update event
|
||||
// PUT /api/zones/:zone_id/events/:event_id - Update event
|
||||
PRECHECKS.PUT = [
|
||||
get_session,
|
||||
get_user,
|
||||
|
|
@ -53,23 +53,23 @@ PRECHECKS.PUT = [
|
|||
}
|
||||
},
|
||||
async (_req: Request, meta: Record<string, any>): Promise<Response | undefined> => {
|
||||
const room_id: string = meta.params?.room_id?.toLowerCase().trim() ?? '';
|
||||
const zone_id: string = meta.params?.zone_id?.toLowerCase().trim() ?? '';
|
||||
|
||||
// lurid is 49 chars as we use them, eg: "also-play-flow-want-form-wide-thus-work-burn-same"
|
||||
const room: ROOM | null = room_id.length === 49 ? await ROOMS.get(room_id) : null;
|
||||
const zone: ZONE | null = zone_id.length === 49 ? await ZONES.get(zone_id) : null;
|
||||
|
||||
if (!room) {
|
||||
if (!zone) {
|
||||
return CANNED_RESPONSES.not_found();
|
||||
}
|
||||
|
||||
meta.room = room;
|
||||
const room_is_public: boolean = meta.room.permissions.read.length === 0;
|
||||
const user_has_read_for_room = room_is_public || meta.room.permissions.read.includes(meta.user.id);
|
||||
const room_events_are_publicly_writable = meta.room.permissions.write_events.length === 0;
|
||||
const user_has_write_events_for_room = user_has_read_for_room &&
|
||||
(room_events_are_publicly_writable || meta.room.permissions.write_events.includes(meta.user.id));
|
||||
meta.zone = zone;
|
||||
const zone_is_public: boolean = meta.zone.permissions.read.length === 0;
|
||||
const user_has_read_for_zone = zone_is_public || meta.zone.permissions.read.includes(meta.user.id);
|
||||
const zone_events_are_publicly_writable = meta.zone.permissions.write_events.length === 0;
|
||||
const user_has_write_events_for_zone = user_has_read_for_zone &&
|
||||
(zone_events_are_publicly_writable || meta.zone.permissions.write_events.includes(meta.user.id));
|
||||
|
||||
if (!user_has_write_events_for_room) {
|
||||
if (!user_has_write_events_for_zone) {
|
||||
return CANNED_RESPONSES.permission_denied();
|
||||
}
|
||||
}
|
||||
|
|
@ -78,7 +78,7 @@ export async function PUT(req: Request, meta: Record<string, any>): Promise<Resp
|
|||
const now = new Date().toISOString();
|
||||
|
||||
try {
|
||||
const events: FSDB_COLLECTION<EVENT> = get_events_collection_for_room(meta.room.id);
|
||||
const events: FSDB_COLLECTION<EVENT> = get_events_collection_for_zone(meta.zone.id);
|
||||
const event: EVENT | null = await events.get(meta.params.event_id);
|
||||
|
||||
if (!event) {
|
||||
|
|
@ -117,7 +117,7 @@ export async function PUT(req: Request, meta: Record<string, any>): Promise<Resp
|
|||
}
|
||||
}
|
||||
|
||||
// DELETE /api/rooms/:room_id/events/:event_id - Delete event
|
||||
// DELETE /api/zones/:zone_id/events/:event_id - Delete event
|
||||
PRECHECKS.DELETE = [
|
||||
get_session,
|
||||
get_user,
|
||||
|
|
@ -128,29 +128,29 @@ PRECHECKS.DELETE = [
|
|||
}
|
||||
},
|
||||
async (_req: Request, meta: Record<string, any>): Promise<Response | undefined> => {
|
||||
const room_id: string = meta.params?.room_id?.toLowerCase().trim() ?? '';
|
||||
const zone_id: string = meta.params?.zone_id?.toLowerCase().trim() ?? '';
|
||||
|
||||
// lurid is 49 chars as we use them, eg: "also-play-flow-want-form-wide-thus-work-burn-same"
|
||||
const room: ROOM | null = room_id.length === 49 ? await ROOMS.get(room_id) : null;
|
||||
const zone: ZONE | null = zone_id.length === 49 ? await ZONES.get(zone_id) : null;
|
||||
|
||||
if (!room) {
|
||||
if (!zone) {
|
||||
return CANNED_RESPONSES.not_found();
|
||||
}
|
||||
|
||||
meta.room = room;
|
||||
const room_is_public: boolean = meta.room.permissions.read.length === 0;
|
||||
const user_has_read_for_room = room_is_public || meta.room.permissions.read.includes(meta.user.id);
|
||||
const room_events_are_publicly_writable = meta.room.permissions.write_events.length === 0;
|
||||
const user_has_write_events_for_room = user_has_read_for_room &&
|
||||
(room_events_are_publicly_writable || meta.room.permissions.write_events.includes(meta.user.id));
|
||||
meta.zone = zone;
|
||||
const zone_is_public: boolean = meta.zone.permissions.read.length === 0;
|
||||
const user_has_read_for_zone = zone_is_public || meta.zone.permissions.read.includes(meta.user.id);
|
||||
const zone_events_are_publicly_writable = meta.zone.permissions.write_events.length === 0;
|
||||
const user_has_write_events_for_zone = user_has_read_for_zone &&
|
||||
(zone_events_are_publicly_writable || meta.zone.permissions.write_events.includes(meta.user.id));
|
||||
|
||||
if (!user_has_write_events_for_room) {
|
||||
if (!user_has_write_events_for_zone) {
|
||||
return CANNED_RESPONSES.permission_denied();
|
||||
}
|
||||
}
|
||||
];
|
||||
export async function DELETE(_req: Request, meta: Record<string, any>): Promise<Response> {
|
||||
const events: FSDB_COLLECTION<EVENT> = get_events_collection_for_room(meta.room.id);
|
||||
const events: FSDB_COLLECTION<EVENT> = get_events_collection_for_zone(meta.zone.id);
|
||||
const event: EVENT | null = await events.get(meta.params.event_id);
|
||||
if (!event) {
|
||||
return CANNED_RESPONSES.not_found();
|
||||
15
public/api/zones/:zone_id/events/README.md
Normal file
15
public/api/zones/:zone_id/events/README.md
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
# /api/zones/:zone_id/events
|
||||
|
||||
Interact with a events for a zone.
|
||||
|
||||
## GET /api/zones/:zone_id/events
|
||||
|
||||
Get events for the given zone.
|
||||
|
||||
## PUT /api/zones/:zone_id/events/:event_id
|
||||
|
||||
Update an event.
|
||||
|
||||
## DELETE /api/zones/:zone_id/events/:event_id
|
||||
|
||||
Delete an event.
|
||||
|
|
@ -1,40 +1,40 @@
|
|||
import lurid from '@andyburke/lurid';
|
||||
import { get_session, get_user, PRECHECK_TABLE, require_user } from '../../../../../utils/prechecks.ts';
|
||||
import { ROOM, ROOMS } from '../../../../../models/room.ts';
|
||||
import { ZONE, ZONES } from '../../../../../models/zone.ts';
|
||||
import * as CANNED_RESPONSES from '../../../../../utils/canned_responses.ts';
|
||||
import { EVENT, get_events_collection_for_room } from '../../../../../models/event.ts';
|
||||
import { EVENT, get_events_collection_for_zone } from '../../../../../models/event.ts';
|
||||
import parse_body from '../../../../../utils/bodyparser.ts';
|
||||
import { FSDB_COLLECTION, FSDB_SEARCH_OPTIONS, WALK_ENTRY } from '@andyburke/fsdb';
|
||||
import * as path from '@std/path';
|
||||
|
||||
export const PRECHECKS: PRECHECK_TABLE = {};
|
||||
|
||||
// GET /api/rooms/:room_id/events - get room events
|
||||
// GET /api/zones/:zone_id/events - get zone events
|
||||
// query parameters:
|
||||
// partial_id: the partial id subset you would like to match (remember, lurids are lexigraphically sorted)
|
||||
PRECHECKS.GET = [get_session, get_user, require_user, async (_req: Request, meta: Record<string, any>): Promise<Response | undefined> => {
|
||||
const room_id: string = meta.params?.room_id?.toLowerCase().trim() ?? '';
|
||||
const zone_id: string = meta.params?.zone_id?.toLowerCase().trim() ?? '';
|
||||
|
||||
// lurid is 49 chars as we use them, eg: "also-play-flow-want-form-wide-thus-work-burn-same"
|
||||
const room: ROOM | null = room_id.length === 49 ? await ROOMS.get(room_id) : null;
|
||||
const zone: ZONE | null = zone_id.length === 49 ? await ZONES.get(zone_id) : null;
|
||||
|
||||
if (!room) {
|
||||
if (!zone) {
|
||||
return CANNED_RESPONSES.not_found();
|
||||
}
|
||||
|
||||
meta.room = room;
|
||||
const room_is_public: boolean = meta.room.permissions.read.length === 0;
|
||||
const user_has_read_for_room = room_is_public || meta.room.permissions.read.includes(meta.user.id);
|
||||
const room_events_are_public = meta.room.permissions.read_events.length === 0;
|
||||
const user_has_read_events_for_room = user_has_read_for_room &&
|
||||
(room_events_are_public || meta.room.permissions.read_events.includes(meta.user.id));
|
||||
meta.zone = zone;
|
||||
const zone_is_public: boolean = meta.zone.permissions.read.length === 0;
|
||||
const user_has_read_for_zone = zone_is_public || meta.zone.permissions.read.includes(meta.user.id);
|
||||
const zone_events_are_public = meta.zone.permissions.read_events.length === 0;
|
||||
const user_has_read_events_for_zone = user_has_read_for_zone &&
|
||||
(zone_events_are_public || meta.zone.permissions.read_events.includes(meta.user.id));
|
||||
|
||||
if (!user_has_read_events_for_room) {
|
||||
if (!user_has_read_events_for_zone) {
|
||||
return CANNED_RESPONSES.permission_denied();
|
||||
}
|
||||
}];
|
||||
export async function GET(request: Request, meta: Record<string, any>): Promise<Response> {
|
||||
const events: FSDB_COLLECTION<EVENT> = get_events_collection_for_room(meta.room.id);
|
||||
const events: FSDB_COLLECTION<EVENT> = get_events_collection_for_zone(meta.zone.id);
|
||||
|
||||
const sorts = events.sorts;
|
||||
const sort_name: string = meta.query.sort ?? 'newest';
|
||||
|
|
@ -126,31 +126,31 @@ export async function GET(request: Request, meta: Record<string, any>): Promise<
|
|||
});
|
||||
}
|
||||
|
||||
// POST /api/rooms/:room_id/events - Create an event
|
||||
// POST /api/zones/:zone_id/events - Create an event
|
||||
PRECHECKS.POST = [get_session, get_user, require_user, async (_req: Request, meta: Record<string, any>): Promise<Response | undefined> => {
|
||||
const room_id: string = meta.params?.room_id?.toLowerCase().trim() ?? '';
|
||||
const zone_id: string = meta.params?.zone_id?.toLowerCase().trim() ?? '';
|
||||
|
||||
// lurid is 49 chars as we use them, eg: "also-play-flow-want-form-wide-thus-work-burn-same"
|
||||
const room: ROOM | null = room_id.length === 49 ? await ROOMS.get(room_id) : null;
|
||||
const zone: ZONE | null = zone_id.length === 49 ? await ZONES.get(zone_id) : null;
|
||||
|
||||
if (!room) {
|
||||
if (!zone) {
|
||||
return CANNED_RESPONSES.not_found();
|
||||
}
|
||||
|
||||
meta.room = room;
|
||||
const room_is_public: boolean = meta.room.permissions.read.length === 0;
|
||||
const user_has_read_for_room = room_is_public || meta.room.permissions.read.includes(meta.user.id);
|
||||
const room_events_are_publicly_writable = meta.room.permissions.write_events.length === 0;
|
||||
const user_has_write_events_for_room = user_has_read_for_room &&
|
||||
(room_events_are_publicly_writable || meta.room.permissions.write_events.includes(meta.user.id));
|
||||
meta.zone = zone;
|
||||
const zone_is_public: boolean = meta.zone.permissions.read.length === 0;
|
||||
const user_has_read_for_zone = zone_is_public || meta.zone.permissions.read.includes(meta.user.id);
|
||||
const zone_events_are_publicly_writable = meta.zone.permissions.write_events.length === 0;
|
||||
const user_has_write_events_for_zone = user_has_read_for_zone &&
|
||||
(zone_events_are_publicly_writable || meta.zone.permissions.write_events.includes(meta.user.id));
|
||||
|
||||
if (!user_has_write_events_for_room) {
|
||||
if (!user_has_write_events_for_zone) {
|
||||
return CANNED_RESPONSES.permission_denied();
|
||||
}
|
||||
}];
|
||||
export async function POST(req: Request, meta: Record<string, any>): Promise<Response> {
|
||||
try {
|
||||
const events: FSDB_COLLECTION<EVENT> = get_events_collection_for_room(meta.room.id);
|
||||
const events: FSDB_COLLECTION<EVENT> = get_events_collection_for_zone(meta.zone.id);
|
||||
|
||||
const now = new Date().toISOString();
|
||||
|
||||
|
|
@ -1,50 +1,50 @@
|
|||
import { get_session, get_user, PRECHECK_TABLE, require_user } from '../../../../utils/prechecks.ts';
|
||||
import parse_body from '../../../../utils/bodyparser.ts';
|
||||
import * as CANNED_RESPONSES from '../../../../utils/canned_responses.ts';
|
||||
import { ROOM, ROOMS } from '../../../../models/room.ts';
|
||||
import { ZONE, ZONES } from '../../../../models/zone.ts';
|
||||
|
||||
export const PRECHECKS: PRECHECK_TABLE = {};
|
||||
|
||||
// GET /api/rooms/:id - Get a room
|
||||
// GET /api/zones/:id - Get a zone
|
||||
PRECHECKS.GET = [get_session, get_user, require_user, async (_req: Request, meta: Record<string, any>): Promise<Response | undefined> => {
|
||||
const room_id: string = meta.params?.room_id?.toLowerCase().trim() ?? '';
|
||||
const zone_id: string = meta.params?.zone_id?.toLowerCase().trim() ?? '';
|
||||
|
||||
// lurid is 49 chars as we use them, eg: "also-play-flow-want-form-wide-thus-work-burn-same"
|
||||
const room: ROOM | null = room_id.length === 49 ? await ROOMS.get(room_id) : null;
|
||||
const zone: ZONE | null = zone_id.length === 49 ? await ZONES.get(zone_id) : null;
|
||||
|
||||
if (!room) {
|
||||
if (!zone) {
|
||||
return CANNED_RESPONSES.not_found();
|
||||
}
|
||||
|
||||
meta.room = room;
|
||||
const room_is_public = room.permissions.read.length === 0;
|
||||
const user_has_read_for_room = room_is_public || room.permissions.read.includes(meta.user.id);
|
||||
meta.zone = zone;
|
||||
const zone_is_public = zone.permissions.read.length === 0;
|
||||
const user_has_read_for_zone = zone_is_public || zone.permissions.read.includes(meta.user.id);
|
||||
|
||||
if (!user_has_read_for_room) {
|
||||
if (!user_has_read_for_zone) {
|
||||
return CANNED_RESPONSES.permission_denied();
|
||||
}
|
||||
}];
|
||||
export function GET(_req: Request, meta: Record<string, any>): Response {
|
||||
return Response.json(meta.room, {
|
||||
return Response.json(meta.zone, {
|
||||
status: 200
|
||||
});
|
||||
}
|
||||
|
||||
// PUT /api/rooms/:id - Update room
|
||||
// PUT /api/zones/:id - Update zone
|
||||
PRECHECKS.PUT = [get_session, get_user, require_user, async (_req: Request, meta: Record<string, any>): Promise<Response | undefined> => {
|
||||
const room_id: string = meta.params?.room_id?.toLowerCase().trim() ?? '';
|
||||
const zone_id: string = meta.params?.zone_id?.toLowerCase().trim() ?? '';
|
||||
|
||||
// lurid is 49 chars as we use them, eg: "also-play-flow-want-form-wide-thus-work-burn-same"
|
||||
const room: ROOM | null = room_id.length === 49 ? await ROOMS.get(room_id) : null;
|
||||
const zone: ZONE | null = zone_id.length === 49 ? await ZONES.get(zone_id) : null;
|
||||
|
||||
if (!room) {
|
||||
if (!zone) {
|
||||
return CANNED_RESPONSES.not_found();
|
||||
}
|
||||
|
||||
meta.room = room;
|
||||
const user_has_write_for_room = room.permissions.write.includes(meta.user.id);
|
||||
meta.zone = zone;
|
||||
const user_has_write_for_zone = zone.permissions.write.includes(meta.user.id);
|
||||
|
||||
if (!user_has_write_for_room) {
|
||||
if (!user_has_write_for_zone) {
|
||||
return CANNED_RESPONSES.permission_denied();
|
||||
}
|
||||
}];
|
||||
|
|
@ -54,16 +54,16 @@ export async function PUT(req: Request, meta: Record<string, any>): Promise<Resp
|
|||
try {
|
||||
const body = await parse_body(req);
|
||||
const updated = {
|
||||
...meta.room,
|
||||
...meta.zone,
|
||||
...body,
|
||||
id: meta.room.id,
|
||||
id: meta.zone.id,
|
||||
timestamps: {
|
||||
created: meta.room.timestamps.created,
|
||||
created: meta.zone.timestamps.created,
|
||||
updated: now
|
||||
}
|
||||
};
|
||||
|
||||
await ROOMS.update(updated);
|
||||
await ZONES.update(updated);
|
||||
return Response.json(updated, {
|
||||
status: 200
|
||||
});
|
||||
|
|
@ -79,31 +79,31 @@ export async function PUT(req: Request, meta: Record<string, any>): Promise<Resp
|
|||
}
|
||||
}
|
||||
|
||||
// DELETE /api/rooms/:id - Delete room
|
||||
// DELETE /api/zones/:id - Delete zone
|
||||
PRECHECKS.DELETE = [
|
||||
get_session,
|
||||
get_user,
|
||||
require_user,
|
||||
async (_req: Request, meta: Record<string, any>): Promise<Response | undefined> => {
|
||||
const room_id: string = meta.params?.room_id?.toLowerCase().trim() ?? '';
|
||||
const zone_id: string = meta.params?.zone_id?.toLowerCase().trim() ?? '';
|
||||
|
||||
// lurid is 49 chars as we use them, eg: "also-play-flow-want-form-wide-thus-work-burn-same"
|
||||
const room: ROOM | null = room_id.length === 49 ? await ROOMS.get(room_id) : null;
|
||||
const zone: ZONE | null = zone_id.length === 49 ? await ZONES.get(zone_id) : null;
|
||||
|
||||
if (!room) {
|
||||
if (!zone) {
|
||||
return CANNED_RESPONSES.not_found();
|
||||
}
|
||||
|
||||
meta.room = room;
|
||||
const user_has_write_for_room = room.permissions.write.includes(meta.user.id);
|
||||
meta.zone = zone;
|
||||
const user_has_write_for_zone = zone.permissions.write.includes(meta.user.id);
|
||||
|
||||
if (!user_has_write_for_room) {
|
||||
if (!user_has_write_for_zone) {
|
||||
return CANNED_RESPONSES.permission_denied();
|
||||
}
|
||||
}
|
||||
];
|
||||
export async function DELETE(_req: Request, meta: Record<string, any>): Promise<Response> {
|
||||
await ROOMS.delete(meta.room);
|
||||
await ZONES.delete(meta.zone);
|
||||
|
||||
return Response.json({
|
||||
deleted: true
|
||||
28
public/api/zones/README.md
Normal file
28
public/api/zones/README.md
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
# /api/zones
|
||||
|
||||
Interact with zones.
|
||||
|
||||
## POST /api/zones
|
||||
|
||||
Create a new zone.
|
||||
|
||||
```
|
||||
export type ZONE = {
|
||||
id: string; // unique id for this zone
|
||||
name: string; // the name of the zone (max 128 characters)
|
||||
icon_url?: string; // optional url for a zone icon
|
||||
topic?: string; // optional zone topic
|
||||
tags: string[]; // a list of tags for the zone
|
||||
meta: Record<string, any>;
|
||||
limits: {
|
||||
users: number;
|
||||
user_messages_per_minute: number;
|
||||
};
|
||||
creator_id: string; // user_id of the zone creator
|
||||
emojis: Record<string, string>; // either: string: emoji eg: { 'rofl: 🤣, ... } or { 'rofl': 🤣, 'blap': 'https://somewhere.someplace/image.jpg' }
|
||||
};
|
||||
```
|
||||
|
||||
## GET /api/zones
|
||||
|
||||
Get zones.
|
||||
|
|
@ -3,40 +3,40 @@ import parse_body from '../../../utils/bodyparser.ts';
|
|||
import { get_session, get_user, require_user } from '../../../utils/prechecks.ts';
|
||||
import * as CANNED_RESPONSES from '../../../utils/canned_responses.ts';
|
||||
import { PRECHECK_TABLE } from '../../../utils/prechecks.ts';
|
||||
import { ROOM, ROOMS } from '../../../models/room.ts';
|
||||
import { ZONE, ZONES } from '../../../models/zone.ts';
|
||||
import { WALK_ENTRY } from '@andyburke/fsdb';
|
||||
|
||||
export const PRECHECKS: PRECHECK_TABLE = {};
|
||||
|
||||
// GET /api/rooms - get rooms
|
||||
// GET /api/zones - get zones
|
||||
PRECHECKS.GET = [get_session, get_user, require_user, (_req: Request, meta: Record<string, any>): Response | undefined => {
|
||||
const can_read_rooms = meta.user.permissions.includes('rooms.read');
|
||||
const can_read_zones = meta.user.permissions.includes('zones.read');
|
||||
|
||||
if (!can_read_rooms) {
|
||||
if (!can_read_zones) {
|
||||
return CANNED_RESPONSES.permission_denied();
|
||||
}
|
||||
}];
|
||||
export async function GET(_req: Request, meta: Record<string, any>): Promise<Response> {
|
||||
const limit = Math.min(parseInt(meta.query.limit ?? '100'), 100);
|
||||
const rooms = (await ROOMS.all({
|
||||
const zones = (await ZONES.all({
|
||||
limit,
|
||||
filter: (entry: WALK_ENTRY<ROOM>) => {
|
||||
// we push our event collections into the rooms, and fsdb
|
||||
filter: (entry: WALK_ENTRY<ZONE>) => {
|
||||
// we push our event collections into the zones, and fsdb
|
||||
// doesn't yet filter that out in its all() logic
|
||||
return entry.path.indexOf('/events/') === -1;
|
||||
}
|
||||
})).map((room_entry) => room_entry.load());
|
||||
})).map((zone_entry) => zone_entry.load());
|
||||
|
||||
return Response.json(rooms, {
|
||||
return Response.json(zones, {
|
||||
status: 200
|
||||
});
|
||||
}
|
||||
|
||||
// POST /api/rooms - Create a room
|
||||
// POST /api/zones - Create a zone
|
||||
PRECHECKS.POST = [get_session, get_user, require_user, (_req: Request, meta: Record<string, any>): Response | undefined => {
|
||||
const can_create_rooms = meta.user.permissions.includes('rooms.create');
|
||||
const can_create_zones = meta.user.permissions.includes('zones.create');
|
||||
|
||||
if (!can_create_rooms) {
|
||||
if (!can_create_zones) {
|
||||
return CANNED_RESPONSES.permission_denied();
|
||||
}
|
||||
}];
|
||||
|
|
@ -49,8 +49,8 @@ export async function POST(req: Request, meta: Record<string, any>): Promise<Res
|
|||
if (typeof body.name !== 'string' || body.name.length === 0) {
|
||||
return Response.json({
|
||||
error: {
|
||||
cause: 'missing_room_name',
|
||||
message: 'You must specify a unique name for a room.'
|
||||
cause: 'missing_zone_name',
|
||||
message: 'You must specify a unique name for a zone.'
|
||||
}
|
||||
}, {
|
||||
status: 400
|
||||
|
|
@ -60,8 +60,8 @@ export async function POST(req: Request, meta: Record<string, any>): Promise<Res
|
|||
if (body.name.length > 64) {
|
||||
return Response.json({
|
||||
error: {
|
||||
cause: 'invalid_room_name',
|
||||
message: 'Room names must be 64 characters or fewer.'
|
||||
cause: 'invalid_zone_name',
|
||||
message: 'zone names must be 64 characters or fewer.'
|
||||
}
|
||||
}, {
|
||||
status: 400
|
||||
|
|
@ -70,21 +70,21 @@ export async function POST(req: Request, meta: Record<string, any>): Promise<Res
|
|||
|
||||
const normalized_name = body.name.toLowerCase();
|
||||
|
||||
const existing_room = (await ROOMS.find({
|
||||
const existing_zone = (await ZONES.find({
|
||||
name: normalized_name
|
||||
})).shift();
|
||||
if (existing_room) {
|
||||
if (existing_zone) {
|
||||
return Response.json({
|
||||
error: {
|
||||
cause: 'room_name_conflict',
|
||||
message: 'There is already a room with this name.'
|
||||
cause: 'zone_name_conflict',
|
||||
message: 'There is already a zone with this name.'
|
||||
}
|
||||
}, {
|
||||
status: 400
|
||||
});
|
||||
}
|
||||
|
||||
const room: ROOM = {
|
||||
const zone: ZONE = {
|
||||
...body,
|
||||
id: lurid(),
|
||||
creator_id: meta.user.id,
|
||||
|
|
@ -101,9 +101,9 @@ export async function POST(req: Request, meta: Record<string, any>): Promise<Res
|
|||
}
|
||||
};
|
||||
|
||||
await ROOMS.create(room);
|
||||
await ZONES.create(zone);
|
||||
|
||||
return Response.json(room, {
|
||||
return Response.json(zone, {
|
||||
status: 201
|
||||
});
|
||||
} catch (error) {
|
||||
103
public/base.css
103
public/base.css
|
|
@ -6,7 +6,7 @@
|
|||
--border-subtle: #555;
|
||||
--border-normal: #888;
|
||||
--border-highlight: #bbb;
|
||||
--icon-scale: 1.25;
|
||||
--icon-scale: 1;
|
||||
--border-radius: 4px;
|
||||
}
|
||||
|
||||
|
|
@ -200,7 +200,7 @@ button.primary {
|
|||
}
|
||||
|
||||
body[data-perms*="users.write"] [data-requires-permission="users.write"],
|
||||
body[data-perms*="rooms.create"] [data-requires-permission="rooms.create"] {
|
||||
body[data-perms*="zones.create"] [data-requires-permission="zones.create"] {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
height: unset;
|
||||
|
|
@ -548,12 +548,41 @@ body[data-perms*="rooms.create"] [data-requires-permission="rooms.create"] {
|
|||
top: 4px;
|
||||
}
|
||||
|
||||
/* ICON - CONTROLLER */
|
||||
.icon.controller {
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
display: block;
|
||||
transform: scale(var(--icon-scale, 1));
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border: 2px solid;
|
||||
border-radius: 100px;
|
||||
}
|
||||
.icon.controller::before {
|
||||
content: "";
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
box-shadow:
|
||||
-6px -6px 0 -4px,
|
||||
6px 6px 0 -4px,
|
||||
6px -6px 0 -4px,
|
||||
-6px 6px 0 -4px;
|
||||
left: -5px;
|
||||
top: -5px;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
|
||||
/* ICON - DOWNLOAD */
|
||||
.icon.download {
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
display: block;
|
||||
transform: scale(var(--ggs, 1));
|
||||
transform: scale(var(--icon-scale, 1));
|
||||
width: 16px;
|
||||
height: 6px;
|
||||
border: 2px solid;
|
||||
|
|
@ -735,6 +764,62 @@ body[data-perms*="rooms.create"] [data-requires-permission="rooms.create"] {
|
|||
5px 0 0;
|
||||
}
|
||||
|
||||
/* ICON - MOREBORDERLESS */
|
||||
.icon.more-borderless {
|
||||
transform: scale(var(--icon-scale, 1));
|
||||
}
|
||||
.icon.more-borderless,
|
||||
.icon.more-borderless::after,
|
||||
.icon.more-borderless::before {
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
background: currentColor;
|
||||
border-radius: 100%;
|
||||
}
|
||||
.icon.more-borderless::after,
|
||||
.icon.more-borderless::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
.icon.more-borderless::after {
|
||||
left: -6px;
|
||||
}
|
||||
.icon.more-borderless::before {
|
||||
right: -6px;
|
||||
}
|
||||
|
||||
/* ICON - MORECIRCLE */
|
||||
.icon.more-circle {
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
display: block;
|
||||
transform: scale(var(--icon-scale, 1));
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
border: 2px solid;
|
||||
border-radius: 24px;
|
||||
}
|
||||
.icon.more-circle::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
background-color: currentColor;
|
||||
border-radius: 20px;
|
||||
top: 8px;
|
||||
left: 8px;
|
||||
box-shadow:
|
||||
-5px 0 0,
|
||||
5px 0 0;
|
||||
}
|
||||
|
||||
|
||||
/* ICON - PLUS */
|
||||
.icon.plus,
|
||||
.icon.plus::after,
|
||||
|
|
@ -1062,7 +1147,7 @@ body[data-perms*="rooms.create"] [data-requires-permission="rooms.create"] {
|
|||
box-sizing: border-box;
|
||||
position: relative;
|
||||
display: block;
|
||||
transform: scale(var(--ggs, 1));
|
||||
transform: scale(var(--icon-scale, 1));
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
border: 2px solid;
|
||||
|
|
@ -1095,7 +1180,7 @@ body[data-perms*="rooms.create"] [data-requires-permission="rooms.create"] {
|
|||
box-sizing: border-box;
|
||||
position: relative;
|
||||
display: block;
|
||||
transform: scale(var(--ggs, 1));
|
||||
transform: scale(var(--icon-scale, 1));
|
||||
border: 2px solid;
|
||||
border-radius: 4px;
|
||||
width: 22px;
|
||||
|
|
@ -1124,7 +1209,7 @@ body[data-perms*="rooms.create"] [data-requires-permission="rooms.create"] {
|
|||
box-sizing: border-box;
|
||||
position: relative;
|
||||
display: block;
|
||||
transform: scale(var(--ggs, 1));
|
||||
transform: scale(var(--icon-scale, 1));
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
border: 2px solid;
|
||||
|
|
@ -1148,7 +1233,7 @@ body[data-perms*="rooms.create"] [data-requires-permission="rooms.create"] {
|
|||
box-sizing: border-box;
|
||||
position: relative;
|
||||
display: block;
|
||||
transform: scale(var(--ggs, 1));
|
||||
transform: scale(var(--icon-scale, 1));
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
border: 2px solid;
|
||||
|
|
@ -1171,7 +1256,7 @@ body[data-perms*="rooms.create"] [data-requires-permission="rooms.create"] {
|
|||
box-sizing: border-box;
|
||||
position: relative;
|
||||
display: block;
|
||||
transform: scale(var(--ggs, 1));
|
||||
transform: scale(var(--icon-scale, 1));
|
||||
border: 2px solid;
|
||||
border-radius: 4px;
|
||||
width: 22px;
|
||||
|
|
@ -1200,7 +1285,7 @@ body[data-perms*="rooms.create"] [data-requires-permission="rooms.create"] {
|
|||
box-sizing: border-box;
|
||||
position: relative;
|
||||
display: block;
|
||||
transform: scale(var(--ggs, 1));
|
||||
transform: scale(var(--icon-scale, 1));
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
border: 2px solid;
|
||||
|
|
|
|||
|
|
@ -3,12 +3,12 @@
|
|||
grid-template-columns: auto 1fr;
|
||||
}
|
||||
|
||||
.room-list {
|
||||
.zone-list {
|
||||
margin: 1rem 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.room-list > li.room a:before {
|
||||
.zone-list > li.zone a:before {
|
||||
position: absolute;
|
||||
left: -1.75rem;
|
||||
top: 0;
|
||||
|
|
@ -18,7 +18,7 @@
|
|||
color: var(--text);
|
||||
}
|
||||
|
||||
.room-list > li.room a {
|
||||
.zone-list > li.zone a {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 100%;
|
||||
|
|
@ -30,7 +30,7 @@
|
|||
text-decoration: none;
|
||||
}
|
||||
|
||||
.room-list > li.room.active a {
|
||||
.zone-list > li.zone.active a {
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
|
|
@ -56,11 +56,11 @@
|
|||
line-height: 2rem;
|
||||
}
|
||||
|
||||
#chat #room-chat-container {
|
||||
#chat #zone-chat-container {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#chat #room-chat-content {
|
||||
#chat #zone-chat-content {
|
||||
overflow-y: scroll;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
|
@ -70,7 +70,7 @@
|
|||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
#chat #room-chat-entry-container {
|
||||
#chat #zone-chat-entry-container {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
|
|
@ -79,7 +79,7 @@
|
|||
padding: 1rem;
|
||||
}
|
||||
|
||||
#chat #room-chat-entry-container form {
|
||||
#chat #zone-chat-entry-container form {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
|
@ -90,13 +90,13 @@
|
|||
padding: 0.75rem;
|
||||
}
|
||||
|
||||
#chat #room-chat-entry-container form input[type="file"] {
|
||||
#chat #zone-chat-entry-container form input[type="file"] {
|
||||
opacity: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#chat #room-chat-entry-container form button,
|
||||
#chat #room-chat-entry-container form label {
|
||||
#chat #zone-chat-entry-container form button,
|
||||
#chat #zone-chat-entry-container form label {
|
||||
position: relative;
|
||||
top: inherit;
|
||||
font-size: inherit;
|
||||
|
|
@ -110,7 +110,7 @@
|
|||
border: 1px solid var(--text);
|
||||
}
|
||||
|
||||
#chat #room-chat-entry-container form textarea {
|
||||
#chat #zone-chat-entry-container form textarea {
|
||||
width: 100%;
|
||||
flex-grow: 1;
|
||||
background: inherit;
|
||||
|
|
@ -163,27 +163,43 @@
|
|||
|
||||
#chat .message-container .message-actions-container {
|
||||
position: absolute;
|
||||
top: 0.5rem;
|
||||
right: 0.5rem;
|
||||
display: none; /* flex; */
|
||||
flex-direction: row;
|
||||
top: 0.1rem;
|
||||
right: 0.1rem;
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
border: 1px solid;
|
||||
border-color: rgba(0, 0, 0, 0);
|
||||
border-radius: var(--border-radius);
|
||||
color: rgb(from var(--text) r g b / 0.7);
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
#chat .message-container .message-actions-container:has(input[type="checkbox"]:checked) {
|
||||
background: rgb(from var(--bg) r g b / 0.9);
|
||||
border-color: var(--border-subtle);
|
||||
z-index: 11;
|
||||
}
|
||||
|
||||
#chat .message-container .message-actions-container .message-action {
|
||||
border: none;
|
||||
opacity: 0;
|
||||
transition: 0.2s ease-in-out;
|
||||
width: 0;
|
||||
height: 4rem;
|
||||
align-content: center;
|
||||
height: 3.5rem;
|
||||
overflow: hidden;
|
||||
order: -1;
|
||||
cursor: pointer;
|
||||
margin-right: 1.25rem;
|
||||
padding-top: 0.25rem;
|
||||
margin-right: 0;
|
||||
padding: 0.25rem 0 0 0;
|
||||
text-align: center;
|
||||
text-wrap: nowrap;
|
||||
}
|
||||
|
||||
#chat .message-container .message-actions-container label {
|
||||
cursor: pointer;
|
||||
width: 2rem;
|
||||
text-align: right;
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
|
||||
#chat .message-container .message-actions-container input[type="checkbox"] {
|
||||
|
|
@ -197,7 +213,8 @@
|
|||
input[type="checkbox"]:checked
|
||||
~ .message-action {
|
||||
opacity: 1;
|
||||
width: 4rem;
|
||||
width: 3.25rem;
|
||||
margin-right: 1.25rem;
|
||||
}
|
||||
|
||||
#chat .message-container .message-actions-container .message-action .action-name {
|
||||
|
|
@ -356,7 +373,7 @@
|
|||
rotate: 180deg;
|
||||
}
|
||||
|
||||
#chat #room-chat-container {
|
||||
#chat #zone-chat-container {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
|
@ -364,13 +381,13 @@
|
|||
bottom: 0;
|
||||
}
|
||||
|
||||
#chat #room-chat-container #room-chat-entry-container,
|
||||
#chat #room-chat-container #room-chat-entry-container form {
|
||||
#chat #zone-chat-container #zone-chat-entry-container,
|
||||
#chat #zone-chat-container #zone-chat-entry-container form {
|
||||
padding: 0.25rem;
|
||||
}
|
||||
|
||||
#chat #room-chat-container #room-chat-entry-container form button,
|
||||
#chat #room-chat-container #room-chat-entry-container form label {
|
||||
#chat #zone-chat-container #zone-chat-entry-container form button,
|
||||
#chat #zone-chat-container #zone-chat-entry-container form label {
|
||||
margin: 0 0.5rem;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -22,21 +22,21 @@
|
|||
<label id="sidebar-toggle-icon" for="sidebar-toggle">
|
||||
<div class="icon right"></div>
|
||||
</label>
|
||||
<div id="room-creation-container" data-requires-permission="rooms.create">
|
||||
<div id="zone-creation-container" data-requires-permission="zones.create">
|
||||
<button
|
||||
id="toggle-room-creation-form-button"
|
||||
id="toggle-zone-creation-form-button"
|
||||
onclick="((event) => {
|
||||
event.preventDefault();
|
||||
const room_create_form = document.getElementById( 'room-create' );
|
||||
room_create_form.style[ 'height' ] = room_create_form.style[ 'height' ] === '5rem' ? '0' : '5rem';
|
||||
const zone_create_form = document.getElementById( 'zone-create' );
|
||||
zone_create_form.style[ 'height' ] = zone_create_form.style[ 'height' ] === '5rem' ? '0' : '5rem';
|
||||
})(event)"
|
||||
>
|
||||
<div class="icon plus"></div>
|
||||
</button>
|
||||
<form
|
||||
id="room-create"
|
||||
id="zone-create"
|
||||
data-smart="true"
|
||||
action="/api/rooms"
|
||||
action="/api/zones"
|
||||
method="POST"
|
||||
style="
|
||||
margin-top: 1rem;
|
||||
|
|
@ -48,11 +48,11 @@
|
|||
"
|
||||
>
|
||||
<input
|
||||
id="new-room-name-input"
|
||||
id="new-zone-name-input"
|
||||
type="text"
|
||||
name="name"
|
||||
value=""
|
||||
placeholder="new room"
|
||||
placeholder="new zone"
|
||||
/>
|
||||
<!-- <button class="primary" type="submit">
|
||||
<div class="icon plus"></div>
|
||||
|
|
@ -61,34 +61,35 @@
|
|||
<script>
|
||||
{
|
||||
const form = document.currentScript.closest("form");
|
||||
const room_create_form = document.getElementById("room-create");
|
||||
const new_room_name_input =
|
||||
document.getElementById("new-room-name-input");
|
||||
const zone_create_form = document.getElementById("zone-create");
|
||||
const new_zone_name_input =
|
||||
document.getElementById("new-zone-name-input");
|
||||
|
||||
form.on_reply = (new_room) => {
|
||||
const room_list = document.getElementById("room-list");
|
||||
room_list.insertAdjacentHTML(
|
||||
form.on_reply = (new_zone) => {
|
||||
const zone_list = document.getElementById("zone-list");
|
||||
zone_list.insertAdjacentHTML(
|
||||
"beforeend",
|
||||
`<li id="room-selector-${new_room.id}" class="room"><a href="#/room/${new_room.id}">${new_room.name}</a></li>`,
|
||||
`<li id="zone-selector-${new_zone.id}" class="zone"><a href="#/zone/${new_zone.id}">${new_zone.name}</a></li>`,
|
||||
);
|
||||
|
||||
new_room_name_input.value = "";
|
||||
window.location.hash = `/chat/room/${new_room.id}`;
|
||||
room_create_form.style["height"] = "0";
|
||||
new_zone_name_input.value = "";
|
||||
window.location.hash = `/chat/zone/${new_zone.id}`;
|
||||
zone_create_form.style["height"] = "0";
|
||||
};
|
||||
}
|
||||
</script>
|
||||
</form>
|
||||
</div>
|
||||
<div>
|
||||
<span class="title">chat rooms</span>
|
||||
<span class="title">chat zones</span>
|
||||
</div>
|
||||
<ul id="room-list" class="room-list"></ul>
|
||||
<ul id="zone-list" class="zone-list"></ul>
|
||||
</div>
|
||||
<div id="room-chat-container">
|
||||
<div id="room-chat-content"></div>
|
||||
<div id="room-chat-entry-container">
|
||||
<form id="room-chat-entry" action="" data-smart="true" data-method="POST">
|
||||
<div id="zone-chat-container">
|
||||
<div id="zone-chat-content"></div>
|
||||
<div id="zone-chat-entry-container">
|
||||
<form id="zone-chat-entry" action="" data-smart="true" data-method="POST">
|
||||
<input id="parent-id" type="hidden" name="parent_id" value="" />
|
||||
<input
|
||||
id="file-upload-and-share-input"
|
||||
aria-label="Upload and share file"
|
||||
|
|
@ -100,12 +101,12 @@
|
|||
<div class="icon attachment"></div>
|
||||
</label>
|
||||
<textarea
|
||||
id="room-chat-input"
|
||||
class="room-chat-input"
|
||||
id="zone-chat-input"
|
||||
class="zone-chat-input"
|
||||
rows="1"
|
||||
name="data.message"
|
||||
></textarea>
|
||||
<button id="room-chat-send" class="primary" aria-label="Send a message">
|
||||
<button id="zone-chat-send" class="primary" aria-label="Send a message">
|
||||
<i class="icon send"></i>
|
||||
</button>
|
||||
<script>
|
||||
|
|
@ -114,10 +115,11 @@
|
|||
const file_input = document.querySelector(
|
||||
'input[name="file-upload-and-share"]',
|
||||
);
|
||||
const chat_input = document.getElementById("room-chat-input");
|
||||
const room_chat_container =
|
||||
document.getElementById("room-chat-container");
|
||||
const room_chat_content = document.getElementById("room-chat-content");
|
||||
const chat_input = document.getElementById("zone-chat-input");
|
||||
const parent_id_input = document.getElementById("parent-id");
|
||||
const zone_chat_container =
|
||||
document.getElementById("zone-chat-container");
|
||||
const zone_chat_content = document.getElementById("zone-chat-content");
|
||||
|
||||
let messages_in_flight = {};
|
||||
|
||||
|
|
@ -129,9 +131,9 @@
|
|||
|
||||
form.on_submit = async (event) => {
|
||||
const user = JSON.parse(document.body.dataset.user);
|
||||
const room_id = room_chat_container.dataset.room_id;
|
||||
if (!room_id) {
|
||||
alert("Failed to get room_id!");
|
||||
const zone_id = zone_chat_container.dataset.zone_id;
|
||||
if (!zone_id) {
|
||||
alert("Failed to get zone_id!");
|
||||
return false;
|
||||
}
|
||||
|
||||
|
|
@ -169,7 +171,7 @@
|
|||
return false;
|
||||
}
|
||||
|
||||
form.action = `/api/rooms/${room_id}/events`;
|
||||
form.action = `/api/zones/${zone_id}/events`;
|
||||
};
|
||||
|
||||
form.on_parsed = (json) => {
|
||||
|
|
@ -196,7 +198,7 @@
|
|||
}
|
||||
|
||||
const user = JSON.parse(document.body.dataset.user);
|
||||
render_text_event(room_chat_content, json, user);
|
||||
render_text_event(zone_chat_content, json, user);
|
||||
document
|
||||
.getElementById(`chat-${temp_id}`)
|
||||
?.classList.add("sending");
|
||||
|
|
@ -213,7 +215,8 @@
|
|||
.getElementById(`chat-${sent_message.meta?.temp_id ?? ""}`)
|
||||
?.classList.remove("sending");
|
||||
|
||||
append_room_events([sent_message]);
|
||||
append_zone_events([sent_message]);
|
||||
parent_id_input.value = "";
|
||||
chat_input.value = "";
|
||||
chat_input.focus();
|
||||
};
|
||||
|
|
|
|||
|
|
@ -257,7 +257,7 @@ let time_tick_tock_class = "time-tock";
|
|||
|
||||
let last_creator_id = null;
|
||||
let user_tick_tock_class = "user-tock";
|
||||
function render_text_event(room_chat_content, event, creator, existing_element) {
|
||||
function render_text_event(zone_chat_content, event, creator, existing_element) {
|
||||
const event_datetime = datetime_to_local(event.timestamps.created);
|
||||
|
||||
if (event_datetime.value - last_event_datetime_value > time_tick_tock_timeout) {
|
||||
|
|
@ -278,12 +278,14 @@ function render_text_event(room_chat_content, event, creator, existing_element)
|
|||
id="show_message_actions-${message_id}"
|
||||
class="message-actions-display-toggle"
|
||||
/>
|
||||
<label for="show_message_actions-${message_id}" class="message-actions-display-toggle-label"
|
||||
><div class="icon more"></div>
|
||||
<label class="message-actions-display-toggle-label" for="show_message_actions-${message_id}">
|
||||
<div class="icon more-borderless"></div>
|
||||
</label>
|
||||
<div class="message-action" data-action="reply"><i class="icon reply"></i><span class="action-name">Reply</span></div>
|
||||
<div class="message-action" data-action="forward_copy"><i class="icon forward-copy"></i><span class="action-name">Forward (Copy Link)</span></div>
|
||||
<div class="message-action" data-action="delete"><i class="icon trash"></i><span class="action-name">Delete</span></div>
|
||||
|
||||
<button class="message-action" data-action="react"><i class="icon more-circle"></i><span class="action-name">React</span></button>
|
||||
<button class="message-action" data-action="reply" onclick="document.getElementById( 'parent-id' ).value = '${message_id}';"><i class="icon reply"></i><span class="action-name">Reply</span></button>
|
||||
<button class="message-action" data-action="forward_copy"><i class="icon forward-copy"></i><span class="action-name">Copy Link</span></button>
|
||||
<button class="message-action" data-action="delete"><i class="icon trash"></i><span class="action-name">Delete</span></button>
|
||||
</div>
|
||||
<div class="info-container">
|
||||
<div class="avatar-container">
|
||||
|
|
@ -305,31 +307,31 @@ function render_text_event(room_chat_content, event, creator, existing_element)
|
|||
template.innerHTML = html_content;
|
||||
existing_element.replaceWith(template.content.firstChild);
|
||||
} else {
|
||||
room_chat_content.insertAdjacentHTML("beforeend", html_content);
|
||||
zone_chat_content.insertAdjacentHTML("beforeend", html_content);
|
||||
}
|
||||
}
|
||||
|
||||
async function get_new_room_element() {
|
||||
const existing_new_room_element = document.getElementById("new-room");
|
||||
if (existing_new_room_element) {
|
||||
return existing_new_room_element;
|
||||
async function get_new_zone_element() {
|
||||
const existing_new_zone_element = document.getElementById("new-zone");
|
||||
if (existing_new_zone_element) {
|
||||
return existing_new_zone_element;
|
||||
}
|
||||
|
||||
const room_list = document.getElementById("room-list");
|
||||
room_list.insertAdjacentHTML(
|
||||
const zone_list = document.getElementById("zone-list");
|
||||
zone_list.insertAdjacentHTML(
|
||||
"beforeend",
|
||||
`<li id="new-room" class="room"><a href="" contenteditable="true">new room</a></li>`,
|
||||
`<li id="new-zone" class="zone"><a href="" contenteditable="true">new zone</a></li>`,
|
||||
);
|
||||
await new Promise((resolve) => setTimeout(resolve, 1));
|
||||
|
||||
const new_room_element = document.getElementById("new-room");
|
||||
return new_room_element;
|
||||
const new_zone_element = document.getElementById("new-zone");
|
||||
return new_zone_element;
|
||||
}
|
||||
|
||||
const users = {};
|
||||
async function append_room_events(events) {
|
||||
const room_chat_content = document.getElementById("room-chat-content");
|
||||
let last_message_id = room_chat_content.dataset.last_message_id ?? "";
|
||||
async function append_zone_events(events) {
|
||||
const zone_chat_content = document.getElementById("zone-chat-content");
|
||||
let last_message_id = zone_chat_content.dataset.last_message_id ?? "";
|
||||
for (const event of events) {
|
||||
// if the last message is undefined, it becomes this event, otherwise, if this event's id is newer,
|
||||
// it becomes the latest message
|
||||
|
|
@ -339,8 +341,8 @@ async function append_room_events(events) {
|
|||
: last_message_id;
|
||||
|
||||
// if the last message has been updated, update the content's dataset to reflect that
|
||||
if (last_message_id !== room_chat_content.dataset.last_message_id) {
|
||||
room_chat_content.dataset.last_message_id = last_message_id;
|
||||
if (last_message_id !== zone_chat_content.dataset.last_message_id) {
|
||||
zone_chat_content.dataset.last_message_id = last_message_id;
|
||||
}
|
||||
|
||||
users[event.creator_id] =
|
||||
|
|
@ -352,37 +354,37 @@ async function append_room_events(events) {
|
|||
(event.meta?.temp_id
|
||||
? document.getElementById(`chat-${event.meta.temp_id}`)
|
||||
: undefined);
|
||||
render_text_event(room_chat_content, event, users[event.creator_id], existing_element);
|
||||
render_text_event(zone_chat_content, event, users[event.creator_id], existing_element);
|
||||
}
|
||||
|
||||
room_chat_content.scrollTop = room_chat_content.scrollHeight;
|
||||
zone_chat_content.scrollTop = zone_chat_content.scrollHeight;
|
||||
}
|
||||
|
||||
// TODO: we need some abortcontroller handling here or something
|
||||
// similar for when we change rooms, this is the most basic
|
||||
// similar for when we change zones, this is the most basic
|
||||
// first pass outline
|
||||
let room_polling_request_abort_controller = null;
|
||||
let zone_polling_request_abort_controller = null;
|
||||
async function poll_for_new_events() {
|
||||
const room_chat_content = document.getElementById("room-chat-content");
|
||||
const room_id = room_chat_content.dataset.room_id;
|
||||
const last_message_id = room_chat_content.dataset.last_message_id;
|
||||
const zone_chat_content = document.getElementById("zone-chat-content");
|
||||
const zone_id = zone_chat_content.dataset.zone_id;
|
||||
const last_message_id = zone_chat_content.dataset.last_message_id;
|
||||
|
||||
if (!room_id) {
|
||||
if (!zone_id) {
|
||||
return;
|
||||
}
|
||||
|
||||
const message_polling_url = `/api/rooms/${room_id}/events?type=chat&limit=100&sort=newest&wait=true${last_message_id ? `&after_id=${last_message_id}` : ""}`;
|
||||
const message_polling_url = `/api/zones/${zone_id}/events?type=chat&limit=100&sort=newest&wait=true${last_message_id ? `&after_id=${last_message_id}` : ""}`;
|
||||
|
||||
room_polling_request_abort_controller =
|
||||
room_polling_request_abort_controller || new AbortController();
|
||||
zone_polling_request_abort_controller =
|
||||
zone_polling_request_abort_controller || new AbortController();
|
||||
|
||||
api.fetch(message_polling_url, {
|
||||
signal: room_polling_request_abort_controller.signal,
|
||||
signal: zone_polling_request_abort_controller.signal,
|
||||
})
|
||||
.then(async (new_events_response) => {
|
||||
const new_events = ((await new_events_response.json()) ?? []).reverse();
|
||||
await append_room_events(new_events.toReversed());
|
||||
poll_for_new_events(room_id);
|
||||
await append_zone_events(new_events.toReversed());
|
||||
poll_for_new_events(zone_id);
|
||||
})
|
||||
.catch((error) => {
|
||||
// TODO: poll again? back off?
|
||||
|
|
@ -390,37 +392,37 @@ async function poll_for_new_events() {
|
|||
});
|
||||
}
|
||||
|
||||
async function load_room(room_id) {
|
||||
const room_chat_content = document.getElementById("room-chat-content");
|
||||
async function load_zone(zone_id) {
|
||||
const zone_chat_content = document.getElementById("zone-chat-content");
|
||||
|
||||
if (room_polling_request_abort_controller) {
|
||||
room_polling_request_abort_controller.abort();
|
||||
room_polling_request_abort_controller = null;
|
||||
delete room_chat_content.dataset.last_message_id;
|
||||
if (zone_polling_request_abort_controller) {
|
||||
zone_polling_request_abort_controller.abort();
|
||||
zone_polling_request_abort_controller = null;
|
||||
delete zone_chat_content.dataset.last_message_id;
|
||||
}
|
||||
|
||||
const room_response = await api.fetch(`/api/rooms/${room_id}`);
|
||||
if (!room_response.ok) {
|
||||
const error = await room_response.json();
|
||||
const zone_response = await api.fetch(`/api/zones/${zone_id}`);
|
||||
if (!zone_response.ok) {
|
||||
const error = await zone_response.json();
|
||||
alert(error.message ?? JSON.stringify(error));
|
||||
return;
|
||||
}
|
||||
|
||||
const room = await room_response.json();
|
||||
const zone = await zone_response.json();
|
||||
|
||||
room_chat_content.dataset.room_id = room.id;
|
||||
room_chat_content.innerHTML = "";
|
||||
zone_chat_content.dataset.zone_id = zone.id;
|
||||
zone_chat_content.innerHTML = "";
|
||||
|
||||
const room_selectors = document.querySelectorAll("li.room");
|
||||
for (const room_selector of room_selectors) {
|
||||
room_selector.classList.remove("active");
|
||||
if (room_selector.id === `room-selector-${room_id}`) {
|
||||
room_selector.classList.add("active");
|
||||
const zone_selectors = document.querySelectorAll("li.zone");
|
||||
for (const zone_selector of zone_selectors) {
|
||||
zone_selector.classList.remove("active");
|
||||
if (zone_selector.id === `zone-selector-${zone_id}`) {
|
||||
zone_selector.classList.add("active");
|
||||
}
|
||||
}
|
||||
|
||||
const events_response = await api.fetch(
|
||||
`/api/rooms/${room_id}/events?type=chat&limit=100&sort=newest`,
|
||||
`/api/zones/${zone_id}/events?type=chat&limit=100&sort=newest`,
|
||||
);
|
||||
if (!events_response.ok) {
|
||||
const error = await events_response.json();
|
||||
|
|
@ -430,36 +432,36 @@ async function load_room(room_id) {
|
|||
|
||||
const events = (await events_response.json()).reverse();
|
||||
|
||||
await append_room_events(events);
|
||||
poll_for_new_events(room_id);
|
||||
await append_zone_events(events);
|
||||
poll_for_new_events(zone_id);
|
||||
}
|
||||
|
||||
let last_room_update = undefined;
|
||||
async function update_chat_rooms() {
|
||||
let last_zone_update = undefined;
|
||||
async function update_chat_zones() {
|
||||
const now = new Date();
|
||||
const time_since_last_update = now - (last_room_update ?? 0);
|
||||
const time_since_last_update = now - (last_zone_update ?? 0);
|
||||
if (time_since_last_update < 5_000) {
|
||||
return;
|
||||
}
|
||||
|
||||
const rooms_response = await api.fetch("/api/rooms");
|
||||
if (rooms_response.ok) {
|
||||
const room_list = document.getElementById("room-list");
|
||||
room_list.innerHTML = "";
|
||||
const rooms = await rooms_response.json();
|
||||
for (const room of rooms) {
|
||||
room_list.insertAdjacentHTML(
|
||||
const zones_response = await api.fetch("/api/zones");
|
||||
if (zones_response.ok) {
|
||||
const zone_list = document.getElementById("zone-list");
|
||||
zone_list.innerHTML = "";
|
||||
const zones = await zones_response.json();
|
||||
for (const zone of zones) {
|
||||
zone_list.insertAdjacentHTML(
|
||||
"beforeend",
|
||||
`<li id="room-selector-${room.id}" class="room"><a href="#/chat/room/${room.id}">${room.name}</a></li>`,
|
||||
`<li id="zone-selector-${zone.id}" class="zone"><a href="#/chat/zone/${zone.id}">${zone.name}</a></li>`,
|
||||
);
|
||||
}
|
||||
|
||||
last_room_update = now;
|
||||
last_zone_update = now;
|
||||
}
|
||||
}
|
||||
window.addEventListener("locationchange", update_chat_rooms);
|
||||
window.addEventListener("locationchange", update_chat_zones);
|
||||
|
||||
function check_for_room_in_url() {
|
||||
function check_for_zone_in_url() {
|
||||
const user_json = document.body.dataset.user;
|
||||
if (!user_json) {
|
||||
return;
|
||||
|
|
@ -471,28 +473,28 @@ function check_for_room_in_url() {
|
|||
return;
|
||||
}
|
||||
|
||||
const first_room_id = document.querySelector("li.room")?.id.substring(14);
|
||||
const first_zone_id = document.querySelector("li.zone")?.id.substring(14);
|
||||
|
||||
// #/chat/room/{room_id}
|
||||
// #/chat/zone/{zone_id}
|
||||
// ^ 12
|
||||
const room_id = hash.substring(12) || first_room_id;
|
||||
const zone_id = hash.substring(12) || first_zone_id;
|
||||
|
||||
if (!room_id) {
|
||||
setTimeout(check_for_room_in_url, 100);
|
||||
if (!zone_id) {
|
||||
setTimeout(check_for_zone_in_url, 100);
|
||||
return;
|
||||
}
|
||||
|
||||
const room_chat_container = document.getElementById("room-chat-container");
|
||||
const zone_chat_container = document.getElementById("zone-chat-container");
|
||||
|
||||
if (room_chat_container.dataset.room_id !== room_id) {
|
||||
window.location.hash = `/chat/room/${room_id}`;
|
||||
room_chat_container.dataset.room_id = room_id;
|
||||
load_room(room_id);
|
||||
if (zone_chat_container.dataset.zone_id !== zone_id) {
|
||||
window.location.hash = `/chat/zone/${zone_id}`;
|
||||
zone_chat_container.dataset.zone_id = zone_id;
|
||||
load_zone(zone_id);
|
||||
}
|
||||
}
|
||||
window.addEventListener("locationchange", check_for_room_in_url);
|
||||
window.addEventListener("locationchange", check_for_zone_in_url);
|
||||
|
||||
document.addEventListener("DOMContentLoaded", async () => {
|
||||
await update_chat_rooms();
|
||||
check_for_room_in_url();
|
||||
await update_chat_zones();
|
||||
check_for_zone_in_url();
|
||||
});
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
Loading…
Add table
Add a link
Reference in a new issue