fix api deploy
This commit is contained in:
Rizky
parent
467e76c6e7
commit
23f147ee39
|
|
@ -0,0 +1,191 @@
|
||||||
|
import { format, formatDistance } from "date-fns";
|
||||||
|
import { useGlobal } from "web-utils";
|
||||||
|
import { EDGlobal } from "../../../logic/ed-global";
|
||||||
|
import { apiRef, apiUrl, server } from "./api-utils";
|
||||||
|
|
||||||
|
export const EdApiDeploy = ({
|
||||||
|
deploy,
|
||||||
|
}: {
|
||||||
|
deploy: {
|
||||||
|
current: number;
|
||||||
|
now: number;
|
||||||
|
deploys: number[];
|
||||||
|
};
|
||||||
|
}) => {
|
||||||
|
const p = useGlobal(EDGlobal, "EDITOR");
|
||||||
|
const api = apiRef[apiUrl(p)];
|
||||||
|
const local = deploy;
|
||||||
|
const deploys = local.deploys;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="flex border-slate-200 boxed flex flex-col items-stretch">
|
||||||
|
<div className="flex justify-between py-2 px-2 ">
|
||||||
|
<div>History:</div>
|
||||||
|
<div
|
||||||
|
className={cx(
|
||||||
|
"px-1 border border-blue-500 text-blue-500 cursor-pointer hover:bg-blue-500 hover:text-white",
|
||||||
|
server.status === "deploying" && "opacity-50"
|
||||||
|
)}
|
||||||
|
onClick={async () => {
|
||||||
|
if (server.status !== "deploying") {
|
||||||
|
server.status = "deploying";
|
||||||
|
p.render();
|
||||||
|
|
||||||
|
const res = await api._deploy({
|
||||||
|
type: "deploy",
|
||||||
|
id_site: p.site.id,
|
||||||
|
dlurl: `${serverurl}/site-export/${p.site.id}`,
|
||||||
|
});
|
||||||
|
|
||||||
|
server.status = "ready";
|
||||||
|
p.render();
|
||||||
|
if (res && res.current && Array.isArray(res.deploys)) {
|
||||||
|
local.current = res.current;
|
||||||
|
local.deploys = res.deploys;
|
||||||
|
alert("DEPLOY: OK");
|
||||||
|
} else {
|
||||||
|
alert("DEPLOY: FAILED");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{server.status === "deploying" ? "Deploying..." : "Deploy"}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{deploys.length === 0 && (
|
||||||
|
<div className="flex items-center justify-center pb-4">
|
||||||
|
No Deployment
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
<div className="overflow-auto h-[200px] relative border-t">
|
||||||
|
<div className="absolute inset-0">
|
||||||
|
{deploys
|
||||||
|
.sort()
|
||||||
|
.reverse()
|
||||||
|
.map((e) => {
|
||||||
|
let ago = "";
|
||||||
|
let date = "";
|
||||||
|
try {
|
||||||
|
date = format(e, "yyyy-MM-dd HH:mm:ss");
|
||||||
|
ago = formatDistance(e, local.now, { addSuffix: true });
|
||||||
|
} catch (e) {}
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
key={e}
|
||||||
|
onClick={async () => {
|
||||||
|
if (local.current === e) return;
|
||||||
|
if (
|
||||||
|
server.status !== "deploying" &&
|
||||||
|
server.status !== "saving"
|
||||||
|
) {
|
||||||
|
server.status = "deploying";
|
||||||
|
p.render();
|
||||||
|
|
||||||
|
const res = await api._deploy({
|
||||||
|
type: "redeploy",
|
||||||
|
id_site: p.site.id,
|
||||||
|
ts: e,
|
||||||
|
});
|
||||||
|
|
||||||
|
server.status = "ready";
|
||||||
|
p.render();
|
||||||
|
if (res && res.current && Array.isArray(res.deploys)) {
|
||||||
|
local.current = res.current;
|
||||||
|
local.deploys = res.deploys;
|
||||||
|
} else {
|
||||||
|
alert("DEPLOY: FAILED");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
className={cx(
|
||||||
|
"pr-4 pl-1 py-1 hover:bg-blue-50 border-b flex justify-between items-center h-[30px] font-mono text-[10px]",
|
||||||
|
local.current === e
|
||||||
|
? "bg-green-50 border-l-4 border-l-green-700"
|
||||||
|
: "border-l-4 border-l-transparent",
|
||||||
|
server.status !== "deploying" &&
|
||||||
|
server.status !== "saving" &&
|
||||||
|
local.current !== e
|
||||||
|
? "cursor-pointer"
|
||||||
|
: "",
|
||||||
|
css`
|
||||||
|
&:hover {
|
||||||
|
.deploy {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
`
|
||||||
|
)}
|
||||||
|
>
|
||||||
|
<div className="">
|
||||||
|
{date} · {ago}
|
||||||
|
</div>
|
||||||
|
{local.current !== e && (
|
||||||
|
<div className="text-slate-400 hidden deploy">Redeploy</div>
|
||||||
|
)}
|
||||||
|
{local.current === e ? (
|
||||||
|
<div className="text-green-800">
|
||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="15"
|
||||||
|
height="15"
|
||||||
|
fill="none"
|
||||||
|
viewBox="0 0 15 15"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill="currentColor"
|
||||||
|
fillRule="evenodd"
|
||||||
|
d="M11.467 3.727c.289.189.37.576.181.865l-4.25 6.5a.625.625 0 01-.944.12l-2.75-2.5a.625.625 0 01.841-.925l2.208 2.007 3.849-5.886a.625.625 0 01.865-.181z"
|
||||||
|
clipRule="evenodd"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
<div
|
||||||
|
className="text-red-700 hidden deploy px-3 rounded-md hover:bg-red-100 -my-1 py-1 -mr-3 "
|
||||||
|
onClick={async (evt) => {
|
||||||
|
evt.stopPropagation();
|
||||||
|
evt.preventDefault();
|
||||||
|
if (!confirm("Delete this deploy ?")) return;
|
||||||
|
server.status = "deploying";
|
||||||
|
p.render();
|
||||||
|
|
||||||
|
const res = await api._deploy({
|
||||||
|
type: "deploy-del",
|
||||||
|
id_site: p.site.id,
|
||||||
|
ts: e,
|
||||||
|
});
|
||||||
|
|
||||||
|
server.status = "ready";
|
||||||
|
p.render();
|
||||||
|
if (res && res.current && Array.isArray(res.deploys)) {
|
||||||
|
local.current = res.current;
|
||||||
|
local.deploys = res.deploys;
|
||||||
|
} else {
|
||||||
|
alert("DELETE: FAILED");
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="13"
|
||||||
|
height="13"
|
||||||
|
fill="none"
|
||||||
|
viewBox="0 0 15 15"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill="currentColor"
|
||||||
|
fillRule="evenodd"
|
||||||
|
d="M5.5 1a.5.5 0 000 1h4a.5.5 0 000-1h-4zM3 3.5a.5.5 0 01.5-.5h8a.5.5 0 010 1H11v8a1 1 0 01-1 1H5a1 1 0 01-1-1V4h-.5a.5.5 0 01-.5-.5zM5 4h5v8H5V4z"
|
||||||
|
clipRule="evenodd"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
@ -4,6 +4,7 @@ import { EDGlobal } from "../../../logic/ed-global";
|
||||||
import { apiRef, apiUrl, checkAPI, dev, server } from "./api-utils";
|
import { apiRef, apiUrl, checkAPI, dev, server } from "./api-utils";
|
||||||
import { EdApiDB } from "./api-db";
|
import { EdApiDB } from "./api-db";
|
||||||
import { EdApiDomain } from "./api-domain";
|
import { EdApiDomain } from "./api-domain";
|
||||||
|
import { EdApiDeploy } from "./api-deploy";
|
||||||
|
|
||||||
export const EdApiServer = forwardRef<
|
export const EdApiServer = forwardRef<
|
||||||
HTMLDivElement,
|
HTMLDivElement,
|
||||||
|
|
@ -21,6 +22,11 @@ export const EdApiServer = forwardRef<
|
||||||
oldDB: { url: "" },
|
oldDB: { url: "" },
|
||||||
domains: [] as string[],
|
domains: [] as string[],
|
||||||
hasDB: false,
|
hasDB: false,
|
||||||
|
deploy: {
|
||||||
|
now: 0,
|
||||||
|
current: 0,
|
||||||
|
deploys: [] as number[],
|
||||||
|
},
|
||||||
},
|
},
|
||||||
() => {
|
() => {
|
||||||
try {
|
try {
|
||||||
|
|
@ -47,6 +53,9 @@ export const EdApiServer = forwardRef<
|
||||||
local.oldDB = structuredClone(res.db);
|
local.oldDB = structuredClone(res.db);
|
||||||
local.hasDB = res.hasDB;
|
local.hasDB = res.hasDB;
|
||||||
local.status = "online";
|
local.status = "online";
|
||||||
|
if (res.deploy) {
|
||||||
|
local.deploy = res.deploy;
|
||||||
|
}
|
||||||
local.deployable = res.deployable;
|
local.deployable = res.deployable;
|
||||||
local.render();
|
local.render();
|
||||||
} else {
|
} else {
|
||||||
|
|
@ -56,6 +65,11 @@ export const EdApiServer = forwardRef<
|
||||||
local.hasDB = false;
|
local.hasDB = false;
|
||||||
local.status = res;
|
local.status = res;
|
||||||
local.deployable = false;
|
local.deployable = false;
|
||||||
|
local.deploy = {
|
||||||
|
now: 0,
|
||||||
|
current: 0,
|
||||||
|
deploys: [],
|
||||||
|
};
|
||||||
local.render();
|
local.render();
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
@ -209,6 +223,7 @@ export const EdApiServer = forwardRef<
|
||||||
{local.deployable && (
|
{local.deployable && (
|
||||||
<>
|
<>
|
||||||
<EdApiDomain domains={local.domains} />
|
<EdApiDomain domains={local.domains} />
|
||||||
|
<EdApiDeploy deploy={local.deploy} />
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -68,6 +68,11 @@ export const checkAPI = async (p: PG) => {
|
||||||
db: res.db,
|
db: res.db,
|
||||||
hasDB: true,
|
hasDB: true,
|
||||||
domains: res.domains as string[],
|
domains: res.domains as string[],
|
||||||
|
deploy: {
|
||||||
|
now: res.now,
|
||||||
|
current: res.current,
|
||||||
|
deploys: res.deploys,
|
||||||
|
},
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue