- Extract 177 lines inline CSS to assets/styles.css - Create intermediate layout (views/layouts/youtube.njk) - Use section() macro for dashboard sections - Rename CSS prefix from yt-* to youtube-* - Replace inline style for LIVE duration badge with CSS class - Use upstream CSS custom properties without fallbacks - Keep animation CSS (@keyframes youtube-pulse) - Add assets to package.json files array - Bump version to 1.2.2 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2.1 KiB
CLAUDE.md
This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
Project Overview
This is an Indiekit plugin that adds a YouTube channel endpoint. It displays latest videos and live streaming status from a YouTube channel, with both an admin dashboard and public JSON API endpoints.
Development
This is an ESM module with no build step. Install dependencies with npm install.
No test suite is configured. Testing requires a running Indiekit instance with valid YouTube API credentials.
Architecture
Plugin Entry Point (index.js):
- Exports a
YouTubeEndpointclass that Indiekit loads as a plugin - Registers protected routes (admin dashboard) and public routes (JSON API)
- Stores configuration in
Indiekit.config.application.youtubeConfigfor controller access
YouTube API Client (lib/youtube-client.js):
- Handles all YouTube Data API v3 interactions
- Implements in-memory caching with configurable TTL
- Uses uploads playlist method for quota efficiency (2 units) instead of search (100 units)
- Channel info cached for 24 hours; videos cached per
cacheTtloption
Controllers (lib/controllers/):
dashboard.js- Admin page rendering, cache refreshvideos.js-/api/videosJSON endpointchannel.js-/api/channelJSON endpointlive.js-/api/liveJSON endpoint with efficient vs full search modes
Views/Templates:
views/youtube.njk- Admin dashboard template (Nunjucks)includes/@indiekit-endpoint-youtube-widget.njk- Widget component
API Quota Considerations
YouTube Data API has a 10,000 units/day default quota:
channels.list,playlistItems.list,videos.list: 1 unit eachsearch.list: 100 units (used only for full live status check with?full=true)
The plugin uses the playlist method by default for quota efficiency.
Workspace Context
This plugin is part of the Indiekit development workspace at /home/rick/code/indiekit-dev/. See the workspace CLAUDE.md for the full repository map. It is deployed via indiekit-cloudron/ and listed in its indiekit.config.js plugins array.