MediaStream Features

// Series Controller endpoints
GET    /api/series              // List all series
POST   /api/series              // Create new series
GET    /api/series/{showId}     // Get single series
POST   /api/series/{showId}     // Update series
DELETE /api/series/{showId}     // Delete series

<Form v-bind="series.store.form()" 
      :reset-on-success="['series_name', 'series_type']"
      v-slot="{ errors, processing }">
  <Input 
    id="series_name" 
    name="series_name" 
    type="text" 
    placeholder="Nombre de la serie" 
    :disabled="processing" 
    required 
  />
  <Select name="series_type" :disabled="processing">
    <SelectItem value="tvshow">Serie</SelectItem>
  </Select>
  <Button type="submit" :disabled="processing">
    <Spinner v-if="processing" />
    Añadir serie
  </Button>
</Form>

GET    /api/series/{showId}/seasons                    // List seasons
POST   /api/series/{showId}/seasons                    // Create season
GET    /api/series/{showId}/seasons/{seasonId}         // Get season
POST   /api/series/{showId}/seasons/{seasonId}         // Update season
DELETE /api/series/{showId}/seasons/{seasonId}         // Delete season

// app/Http/Controllers/Api/SeasonController.php
public function store(Request $request)
{
    $showId = $request->route('showId');
    
    $response = MediastreamService::request(
        '/show/' . $showId . '/season/',
        'post',
        $request->all()
    );
    
    return $response->json();
}

GET    /api/series/{showId}/seasons/{seasonId}/chapters                  // List episodes
POST   /api/series/{showId}/seasons/{seasonId}/chapters                  // Create episode
GET    /api/series/{showId}/seasons/{seasonId}/chapters/{chapterId}      // Get episode
POST   /api/series/{showId}/seasons/{seasonId}/chapters/{chapterId}      // Update episode
DELETE /api/series/{showId}/seasons/{seasonId}/chapters/{chapterId}     // Delete episode

// ChapterView.vue - Episode detail and playback page
<template>
  <AppLayout :breadcrumbs="breadcrumbs">
    <!-- Episode player and metadata -->
  </AppLayout>
</template>

// upload-video.vue component
const handleFile = async (e: Event) => {
  const file = target.files?.[0]
  const chunkSize = 10 * 1024 * 1024 // 10MB
  const totalChunks = Math.ceil(file.size / chunkSize)
  
  // 1. Register upload with backend
  const response = await axios.get('/api/media/upload', {
    params: {
      size: file.size,
      file_name: file.name,
      type: 'remote',
    },
  })
  
  const { server, token } = response.data.data
  
  // 2. Upload chunks with progress tracking
  for (let i = 1; i <= totalChunks; i++) {
    const chunk = file.slice(start, end)
    const formData = new FormData()
    formData.append('file', chunk)
    formData.append('name', file.name)
    if (token) formData.append('token', token)
    
    await axios.post(`${server}/${i}`, formData, {
      onUploadProgress: (event) => {
        // Update progress bar
        progress.value = (uploaded / totalChunks) * 100
      }
    })
  }
}

// config/fortify.php
'features' => [
    Features::registration(),
    Features::resetPasswords(),
    Features::emailVerification(),
    Features::twoFactorAuthentication([
        'confirm' => true,
        'confirmPassword' => true,
    ]),
],

// TwoFactor.vue settings page
<Form v-bind="enable.form()" @success="showSetupModal = true">
  <Button type="submit" :disabled="processing">
    <ShieldCheck />Enable 2FA
  </Button>
</Form>

<TwoFactorSetupModal 
  v-model:isOpen="showSetupModal"
  :requiresConfirmation="requiresConfirmation"
/>

// User model includes TwoFactorAuthenticatable trait
use Laravel\Fortify\TwoFactorAuthenticatable;

class User extends Authenticatable
{
    use TwoFactorAuthenticatable;
    
    protected $hidden = [
        'two_factor_secret',
        'two_factor_recovery_codes',
    ];
}

// Profile.vue
<Form v-bind="ProfileController.update.form()" 
      v-slot="{ errors, processing, recentlySuccessful }">
  <Input 
    id="name" 
    name="name" 
    :default-value="user.name" 
    required 
  />
  <Input 
    id="email" 
    type="email" 
    name="email" 
    :default-value="user.email" 
    required 
  />
  <Button :disabled="processing">Save</Button>
  <Transition>
    <p v-show="recentlySuccessful">Saved.</p>
  </Transition>
</Form>

// Appearance.vue
<AppearanceTabs />
<!-- Theme switcher with light/dark/system options -->

// app/Http/Middleware/HandleAppearance.php
// Manages theme preferences via middleware

<script setup>
import { Button } from '@/components/ui/button'
import { Input } from '@/components/ui/input'
import { Card } from '@/components/ui/card'
</script>

<template>
  <Card>
    <Input placeholder="Enter text..." />
    <Button>Submit</Button>
  </Card>
</template>

// app/Http/Services/MediastreamService.php
class MediastreamService
{
    public static function request(
        string $endpoint, 
        string $method = 'get', 
        array $data = []
    ): Response {
        $baseUrl = rtrim(env('MEDIASTREAM_API_URL'), '/');
        $url = $baseUrl . '/' . ltrim($endpoint, '/');
        
        $client = Http::withHeaders([
            'X-API-Token' => env('MEDIASTREAM_API_KEY'),
            'Accept' => 'application/json',
        ]);
        
        return match(strtolower($method)) {
            'post' => $client->post($url, $data),
            'put' => $client->put($url, $data),
            'delete' => $client->delete($url, $data),
            default => $client->get($url, $data),
        };
    }
}

MEDIASTREAM_API_URL=https://api.mdstrm.com
MEDIASTREAM_API_KEY=your_api_key_here

// composer.json
"scripts": {
  "dev": "Runs server, queue, logs, and vite concurrently",
  "test": "Runs Pest test suite",
  "setup": "Complete project setup"
}

// package.json
"scripts": {
  "dev": "vite",
  "build": "vite build",
  "lint": "eslint . --fix",
  "format": "prettier --write resources/"
}

// Type definitions for props
interface Props {
  _id: string
  title: string
  description: string
  images: {
    _id: string
    path: string
    basePath: string
  }[]
}

defineProps<{ data: Props[] }>()

import { useForm } from 'vee-validate'
import { toTypedSchema } from '@vee-validate/zod'
import * as z from 'zod'

const schema = z.object({
  series_name: z.string().min(1),
  series_type: z.enum(['tvshow'])
})

const { errors, values } = useForm({
  validationSchema: toTypedSchema(schema)
})

// Queue configuration for async operations
QUEUE_CONNECTION=database

// Run queue worker
php artisan queue:listen --tries=1

# Production setup script
composer setup

# Build frontend assets
npm run build

# Run migrations
php artisan migrate --force