Skip to content

Update the fork and merge workflow, and show storage info #157

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 8 commits into
base: master
Choose a base branch
from
Open

Update the fork and merge workflow, and show storage info #157

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
de02092
Remove AccountGrants component and related authorization functionalit…
faza Jun 3, 2025
c5c55be
Implement new fork workflow
faza Jun 5, 2025
1c8d5db
Remove authorizeGitServer function and its references from the mergeP…
faza Jun 6, 2025
57f657c
Enhance CloneRepoInfo component to support storage information retrieval
faza Jun 6, 2025
c026e4c
Add provider to release actions using environment variable
faza Jun 7, 2025
240d304
Add file upload handling with signature generation in RepositoryRelea…
faza Jun 13, 2025
698d654
Add authentication for file upload process in RepositoryReleaseView
faza Jun 19, 2025
27efea0
Implement auth in edit release view
faza Jun 19, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 0 additions & 17 deletions components/account/grants.js
View file
Open in desktop

This file was deleted.

8 changes: 0 additions & 8 deletions components/dashboard/dao.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@ import Link from "next/link";
import { connect, useDispatch } from "react-redux";
import DAOMembersList from "./DAOMembersList";
import { createGroupProposal } from "../../store/actions/dao";
import AccountGrants from "../account/grants";
import GreetDao from "../greetDao";
import { useApiClient } from "../../context/ApiClientContext";
import getGroupInfo from "../../helpers/getGroupInfo";
Expand Down Expand Up @@ -373,13 +372,6 @@ function DaoDashboard({ dao = {}, advanceUser, ...props }) {
onRefreshProposals={fetchProposals}
/>
);
case "authorizations":
return (
<div className="bg-base-200 p-4 rounded-lg">
<h3 className="text-xl font-semibold mb-4">Authorizations</h3>
<AccountGrants address={dao.address} />
</div>
);
default:
return null;
}
Expand Down
253 changes: 115 additions & 138 deletions components/repository/cloneRepoInfo.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,40 +1,51 @@
import { useEffect, useState } from "react";
import { connect } from "react-redux";
import { notify } from "reapop";
import { useApiClient } from "../../context/ApiClientContext";

function CloneRepoInfo({ remoteUrl, backups, ...props }) {
function CloneRepoInfo({ remoteUrl, repositoryId, ...props }) {
const [tab, setTab] = useState("gitopia");
const [cloneCmd, setCloneCmd] = useState("git clone " + remoteUrl);
const [isIpfsEnabled, setIsIpfsEnabled] = useState(false);
const [ipfsLatestCid, setIpfsLatestCid] = useState("");
const [isArweaveEnabled, setIsArweaveEnabled] = useState(false);
const [arweaveLatestCid, setArweaveLatestCid] = useState("");
const [storageInfo, setStorageInfo] = useState(null);
const { storageApiClient } = useApiClient();

useEffect(() => {
if (tab === "gitopia") {
setCloneCmd("git clone " + remoteUrl);
} else if (tab === "ipfs") {
setCloneCmd("ipfs_clone " + remoteUrl);
} else if (tab === "arweave") {
setCloneCmd("arweave_clone " + remoteUrl);
}
}, [tab, remoteUrl]);

useEffect(() => {
setIsIpfsEnabled(false);
setIsArweaveEnabled(false);
if (backups) {
backups.map((b) => {
if (b.store === "IPFS" && b.refs?.length) {
setIsIpfsEnabled(true);
setIpfsLatestCid(b.refs[b.refs.length - 1]);
} else if (b.store === "ARWEAVE" && b.refs?.length) {
setIsArweaveEnabled(true);
setArweaveLatestCid(b.refs[b.refs.length - 1]);
const fetchStorageInfo = async () => {
if (repositoryId && storageApiClient) {
try {
const response = await storageApiClient.queryRepositoryPackfile(repositoryId);
// log response
console.log(response);
setStorageInfo(response.data.packfile);
} catch (error) {
console.error("Error fetching storage info:", error);
}
});
}
};

if (tab === "storage") {
fetchStorageInfo();
}
}, [tab, repositoryId, storageApiClient]);

const formatSize = (bytes) => {
const units = ['B', 'KB', 'MB', 'GB'];
let size = bytes;
let unitIndex = 0;

while (size >= 1024 && unitIndex < units.length - 1) {
size /= 1024;
unitIndex++;
}
}, [backups]);

return `${size.toFixed(2)} ${units[unitIndex]}`;
};

return (
<div className="dropdown dropdown-end outline-none" tabIndex="0">
Expand Down Expand Up @@ -66,36 +77,17 @@ function CloneRepoInfo({ remoteUrl, backups, ...props }) {
>
Gitopia Server
</button>
{isIpfsEnabled ? (
<button
className={
"tab tab-sm tab-bordered" +
(tab === "ipfs" ? " tab-active" : "")
}
onClick={() => {
setTab("ipfs");
}}
>
IPFS
</button>
) : (
""
)}
{isArweaveEnabled ? (
<button
className={
"tab tab-sm tab-bordered" +
(tab === "arweave" ? " tab-active" : "")
}
onClick={() => {
setTab("arweave");
}}
>
Arweave
</button>
) : (
""
)}
<button
className={
"tab tab-sm tab-bordered" +
(tab === "storage" ? " tab-active" : "")
}
onClick={() => {
setTab("storage");
}}
>
Storage Info
</button>
</div>
{tab === "gitopia" ? (
<>
Expand Down Expand Up @@ -130,95 +122,80 @@ function CloneRepoInfo({ remoteUrl, backups, ...props }) {
Learn more
</a>
</div>
</>
) : (
""
)}
<div className="mt-6">
{tab === "ipfs" || tab === "arweave" ? (
<div className="relative w-full mt-4">
<div className="absolute left-0 top-0 btn btn-disabled btn-md">
{tab === "ipfs" ? (
<img src="/ipfs-logo.png" />
) : (
<img src="/arweave-logo.png" />
)}
</div>
<input
rows={2}
cols={120}
name="repository-url"
type="text"
value={tab === "ipfs" ? ipfsLatestCid : arweaveLatestCid}
readOnly={true}
className="w-full input input-ghost input-md input-bordered py-2 pl-14 pr-14"
/>
<button
className="absolute right-0 top-0 btn btn-ghost btn-md"
onClick={(e) => {
navigator.clipboard.writeText(
tab === "ipfs" ? ipfsLatestCid : arweaveLatestCid
);
props.notify("Copied to clipboard", "info");
}}
>
<svg
xmlns="http://www.w3.org/2000/svg"
className="h-5 w-5"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
/>
</svg>
</button>
</div>
) : (
""
)}
{tab === "gitopia" ? (
<div className="relative w-full mt-4">
<input
rows={2}
cols={120}
name="repository-url"
type="text"
value={cloneCmd}
readOnly={true}
className="w-full input input-ghost input-md input-bordered py-2 pr-14"
/>
<button
className="absolute right-0 top-0 btn btn-ghost btn-md"
onClick={(e) => {
navigator.clipboard.writeText(cloneCmd);
props.notify("Copied to clipboard", "info");
}}
>
<svg
xmlns="http://www.w3.org/2000/svg"
className="h-5 w-5"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
<div className="mt-6">
<div className="relative w-full mt-4">
<input
rows={2}
cols={120}
name="repository-url"
type="text"
value={cloneCmd}
readOnly={true}
className="w-full input input-ghost input-md input-bordered py-2 pr-14"
/>
<button
className="absolute right-0 top-0 btn btn-ghost btn-md"
onClick={(e) => {
navigator.clipboard.writeText(cloneCmd);
props.notify("Copied to clipboard", "info");
}}
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
/>
</svg>
</button>
<svg
xmlns="http://www.w3.org/2000/svg"
className="h-5 w-5"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
/>
</svg>
</button>
</div>
</div>
) : (
""
)}
</div>
</>
) : tab === "storage" ? (
<div className="mt-4">
{storageInfo ? (
<div className="bg-base-200 rounded-lg p-4 shadow space-y-4 border border-base-300">
<div className="flex items-center space-x-3 mb-2">
<img src="/ipfs-logo.png" alt="IPFS" className="w-7 h-7" />
<span className="text-lg font-semibold text-base-content">Storage Information</span>
</div>
<div className="divide-y divide-base-300">
<div className="py-2 flex justify-between items-center">
<span className="text-gray-500">Provider:</span>
<span className="font-mono text-base-content truncate max-w-[220px]" title={storageInfo.creator}>
{storageInfo.creator}
</span>
</div>
<div className="py-2 flex justify-between items-center">
<span className="text-gray-500">Size:</span>
<span className="font-mono text-base-content">{formatSize(parseInt(storageInfo.size))}</span>
</div>
<div className="py-2 flex justify-between items-center">
<span className="text-gray-500">IPFS CID:</span>
<span className="font-mono text-xs truncate max-w-[220px]" title={storageInfo.cid}>
{storageInfo.cid}
</span>
</div>
<div className="py-2 flex justify-between items-center">
<span className="text-gray-500">Root Hash:</span>
<span className="font-mono text-xs truncate max-w-[220px]" title={storageInfo.root_hash}>
{storageInfo.root_hash}
</span>
</div>
</div>
</div>
) : (
<div className="text-sm text-gray-500">Loading storage information...</div>
)}
</div>
) : null}
</div>
</div>
);
Expand Down
Loading