文字起こしサービスwriteout.aiをDockerでセルフホストする

cd ~/project/
git clone https://github.com/shipwebdotjp/writeout.ai-docker.git writeout.ai
cd writeout.ai/
git clone https://github.com/beyondcode/writeout.ai backend

  web:
    ports:
      - ${WEB_PORT:-80}:80
      - 5173:5173 #追加

#修正前
FROM php:8.0-fpm-buster
...
docker-php-ext-install intl pdo_mysql zip bcmath && \
#修正後
FROM php:8.1-fpm-buster
...
docker-php-ext-install intl pdo_mysql zip bcmath pcntl && \

FROM node:14.18-alpine as node

server {
	client_max_body_size 25M;

OPENAI_API_KEY=sk-...
GITHUB_CLIENT_ID=xxxxx
GITHUB_CLIENT_SECRET=xxxxx

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

export default defineConfig({
    plugins: [
        laravel({
            input: ['resources/css/app.css', 'resources/js/app.js'],
            refresh: true,
        }),
    ],
    //この下の部分を追加
    server: {
        host: true,
        hmr: {
            host: 'localhost',
        },
    },
});

        'do' => [
            'driver' => 'local',
            'root' => storage_path('app/public'),
            'url' => env('APP_URL').'/storage',
            'visibility' => 'public',
            'throw' => false,
        ],

    'github' => [
        'client_id' => env('GITHUB_CLIENT_ID'),
        'client_secret' => env('GITHUB_CLIENT_SECRET'),
'redirect' => env('GITHUB_REDIRECT_URL', '/auth/callback'),
    ],

    @unless(empty(\App\Models\Transcript::firstWhere('public', true)))
    <div class="relative overflow-hidden bg-blue-600 py-32">
        <img src="/img/background-call-to-action.jpg"
             class="absolute top-1/2 left-1/2 max-w-none -translate-x-1/2 -translate-y-1/2"/>
        <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 relative grid md:grid-cols-2 gap-12">
...省略
            </div>
        </div>
    </div>
    @endunless

make init
make yarn
make web
yarn build

use App\Http\Controllers\ShowTranscriptsController;

Route::group(['middleware' => 'auth'], function () {
    Route::get('transcribe', NewTranscriptionController::class);
    Route::post('transcribe', TranscribeAudioController::class);
    Route::get('transcripts', ShowTranscriptsController::class); //追加
});

<?php

namespace App\Http\Controllers;

use App\SendStack;
use App\Models\Transcript;

class ShowTranscriptsController extends Controller
{
    //return all transcripts for user
    public function __invoke(SendStack $sendStack)
    {
        //return user's transcripts
        $transcripts = Transcript::where('user_id', auth()->user()->id)->get();

        return view('transcripts', [
            'transcripts' => $transcripts
        ]);
    }
}

@extends('layouts.app')

@section('content')
    <div class="max-w-7xl mx-auto my-24 w-full p-4">
        <ul class="list-disc">
            @foreach ($transcripts as $transcript)
                <li><a href="/transcript/{{$transcript->id}}">{{$transcript->hash}}</a> ({{$transcript->created_at}})</li>
            @endforeach
        </ul>
    </div>
@endsectionß

<a class="group inline-flex items-center justify-center rounded-full py-2 px-4 text-sm font-semibold focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 bg-slate-900 text-white hover:bg-slate-700 hover:text-slate-100 active:bg-slate-800 active:text-slate-300 focus-visible:outline-slate-900"
                href="/transcripts">Transcribed files</a>