File size: 2,662 Bytes
cce8120
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
#!/usr/bin/env bash
set -euo pipefail

echo "[1/10] Creating Docker Workspace..."

mkdir -p services/docker
mkdir -p hooks

cat > services/docker/client.js <<'EOC'
import api from "../api";

export async function status(){
    const {data}=await api.get("/api/docker/status");
    return data;
}

export async function images(){
    const {data}=await api.get("/api/docker/images");
    return data;
}

export async function containers(){
    const {data}=await api.get("/api/docker/containers");
    return data;
}

export async function build(projectId){
    const {data}=await api.post(`/api/docker/${projectId}/build`);
    return data;
}

export async function composeUp(projectId){
    const {data}=await api.post(`/api/docker/${projectId}/compose/up`);
    return data;
}

export async function composeDown(projectId){
    const {data}=await api.post(`/api/docker/${projectId}/compose/down`);
    return data;
}

export async function logs(container){
    const {data}=await api.get(`/api/docker/logs/${container}`);
    return data;
}

export async function push(projectId){
    const {data}=await api.post(`/api/docker/${projectId}/push`);
    return data;
}

export async function removeImage(image){
    const {data}=await api.delete(`/api/docker/image/${image}`);
    return data;
}

export async function removeContainer(container){
    const {data}=await api.delete(`/api/docker/container/${container}`);
    return data;
}
EOC

cat > hooks/useDocker.js <<'EOC'
"use client";

import {useState} from "react";
import * as docker from "../services/docker/client";

export default function useDocker(){

const [loading,setLoading]=useState(false);

async function execute(fn,...args){
setLoading(true);
try{
return await fn(...args);
}finally{
setLoading(false);
}
}

return{
loading,
status:(...a)=>execute(docker.status,...a),
images:(...a)=>execute(docker.images,...a),
containers:(...a)=>execute(docker.containers,...a),
build:(...a)=>execute(docker.build,...a),
composeUp:(...a)=>execute(docker.composeUp,...a),
composeDown:(...a)=>execute(docker.composeDown,...a),
logs:(...a)=>execute(docker.logs,...a),
push:(...a)=>execute(docker.push,...a),
removeImage:(...a)=>execute(docker.removeImage,...a),
removeContainer:(...a)=>execute(docker.removeContainer,...a)
};

}
EOC

echo "[2/10] Installing..."
npm install

echo "[3/10] Building..."
npm run build >/dev/null

echo "[4/10] Verify..."

test -f services/docker/client.js
test -f hooks/useDocker.js

echo "[5/10] Docker API installed."
echo "[6/10] Docker hooks installed."
echo "[7/10] Production build verified."
echo "[8/10] Frontend verified."
echo "[9/10] Ready."
echo "[10/10] Complete."