obs-ss-plugin-webui/app/api/teams/route.ts
Decobus 78f4d325d8 Implement team name text overlays with refactored group structure
- Add createTextSource function with automatic OBS text input detection
- Implement createStreamGroup to create groups within team scenes instead of separate scenes
- Add team name text overlays positioned at top-left of each stream
- Refactor stream switching to use stream group names for cleaner organization
- Update setActive API to write stream group names to files
- Fix getActive API to return correct screen position data
- Improve team UUID assignment when adding streams
- Remove manage streams section from home page for cleaner UI
- Add vertical spacing to streams list to match teams page
- Support dynamic text input kinds (text_ft2_source_v2, text_gdiplus, etc.)

This creates a much cleaner OBS structure with 10 team scenes containing grouped
stream sources rather than 200+ individual stream scenes, while adding team
name text overlays for better stream identification.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-07-20 16:59:50 -04:00

122 lines
No EOL
3.7 KiB
TypeScript

import { getDatabase } from '../../../lib/database';
import { Team } from '@/types';
import { TABLE_NAMES } from '@/lib/constants';
import {
withErrorHandling,
createSuccessResponse,
createValidationError,
createDatabaseError,
parseRequestBody
} from '@/lib/apiHelpers';
import { createGroupIfNotExists, createTextSource } from '@/lib/obsClient';
// Validation for team creation
function validateTeamInput(data: unknown): {
valid: boolean;
data?: { team_name: string; create_obs_group?: boolean };
errors?: Record<string, string>
} {
const errors: Record<string, string> = {};
if (!data || typeof data !== 'object') {
errors.general = 'Request body must be an object';
return { valid: false, errors };
}
const { team_name, create_obs_group } = data as { team_name?: unknown; create_obs_group?: unknown };
if (!team_name || typeof team_name !== 'string') {
errors.team_name = 'Team name is required and must be a string';
} else if (team_name.trim().length < 2) {
errors.team_name = 'Team name must be at least 2 characters long';
} else if (team_name.trim().length > 50) {
errors.team_name = 'Team name must be less than 50 characters long';
}
if (Object.keys(errors).length > 0) {
return { valid: false, errors };
}
return {
valid: true,
data: {
team_name: (team_name as string).trim(),
create_obs_group: create_obs_group === true
}
};
}
export const GET = withErrorHandling(async () => {
try {
const db = await getDatabase();
const teams: Team[] = await db.all(`SELECT team_id, team_name, group_name, group_uuid FROM ${TABLE_NAMES.TEAMS} ORDER BY team_name ASC`);
return createSuccessResponse(teams);
} catch (error) {
return createDatabaseError('fetch teams', error);
}
});
export const POST = withErrorHandling(async (request: Request) => {
const bodyResult = await parseRequestBody(request, validateTeamInput);
if (!bodyResult.success) {
return bodyResult.response;
}
const { team_name, create_obs_group } = bodyResult.data;
try {
const db = await getDatabase();
// Check if team name already exists
const existingTeam = await db.get(
`SELECT team_id FROM ${TABLE_NAMES.TEAMS} WHERE LOWER(team_name) = LOWER(?)`,
[team_name]
);
if (existingTeam) {
return createValidationError(
'Team name already exists',
{ team_name: 'A team with this name already exists' }
);
}
let groupName: string | null = null;
let groupUuid: string | null = null;
// Create OBS group and text source if requested
if (create_obs_group) {
try {
const obsResult = await createGroupIfNotExists(team_name);
groupName = team_name;
groupUuid = obsResult.sceneUuid;
// Create text source for the team
const textSourceName = team_name.toLowerCase().replace(/\s+/g, '_') + '_text';
await createTextSource(team_name, textSourceName, team_name);
console.log(`OBS group and text source created for team "${team_name}"`);
} catch (obsError) {
console.error('Error creating OBS group:', obsError);
// Continue with team creation even if OBS fails
}
}
const result = await db.run(
`INSERT INTO ${TABLE_NAMES.TEAMS} (team_name, group_name, group_uuid) VALUES (?, ?, ?)`,
[team_name, groupName, groupUuid]
);
const newTeam: Team = {
team_id: result.lastID!,
team_name: team_name,
group_name: groupName,
group_uuid: groupUuid
};
return createSuccessResponse(newTeam, 201);
} catch (error) {
return createDatabaseError('create team', error);
}
});