Skip to content
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

Jump to bottom

revert {network}/tablesheet/{name} page #52

Merged
merged 2 commits into from
Jul 3, 2024
Merged

revert {network}/tablesheet/{name} page #52

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
4d5036b
replace {network}/tablesheet/{name} to {network}/tablesheet/mimir/{name}
boscohyun Jul 3, 2024
136bf7f
revert 8bc989a8 partially
boscohyun Jul 3, 2024
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
178 changes: 110 additions & 68 deletions pages/[network]/tablesheet/[name].tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,76 +1,118 @@
import type { NextPage, GetServerSideProps } from "next";
import { getGraphQLSDK } from "../../../utils/mimirGraphQLClient";
import { getPlanetName, getNodeType } from "../../../utils/network";
import type { NextPage, GetServerSideProps } from "next"
import { networkToSDK } from "../../../utils/sdk";
import { Sdk } from "../../../generated/headless/graphql-request";

interface TableSheetPageProps {
tableSheet: string | null;
tableSheet: string | null,
}

const TableSheetPage: NextPage<TableSheetPageProps> = ({ tableSheet }) => {
if (tableSheet === null) {
return <h1>There is no such table sheet.</h1>;
}

const lines = tableSheet.split("\n");
const headerLine = lines[0];
const contentLines = lines.slice(1).filter((x) => x !== "");

return (
<div>
<button
className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
onClick={() => navigator.clipboard.writeText(tableSheet)}
>
Copy sheet to clipboard
</button>
<table>
<thead className="border-b">
<tr key="header">
{headerLine.split(",").map((h, index) => (
<th
className="text-sm mx-4 font-medium text-gray-900 px-6 py-4 text-left"
key={`header-${index}`}
>
{h}
</th>
))}
</tr>
</thead>
<tbody>
{contentLines.map((contentLine, contentLineIndex) => (
<tr key={`content-${contentLineIndex}`}>
{contentLine.split(",").map((v, index) => (
<td
className="text-sm mx-4 font-medium text-gray-900 px-6 py-4 text-left"
key={`content-${contentLineIndex}-${index}}`}
>
{v}
</td>
))}
</tr>
))}
</tbody>
</table>
</div>
);
};
if (tableSheet === null) {
return (
<h1>There is no such table sheet.</h1>
)
}

const lines = tableSheet.split("\n");
const headerLine = lines[0];
const contentLines = lines.slice(1).filter(x => x !== "");

return (
<div>
<button className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded" onClick={() => navigator.clipboard.writeText(tableSheet)}>Copy sheet to clipboard</button>
<table>
<thead className="border-b">
<tr key="header">
{headerLine.split(",").map((h, index) => (<th className="text-sm mx-4 font-medium text-gray-900 px-6 py-4 text-left" key={`header-${index}`}>{h}</th>))}
</tr>
</thead>
<tbody>
{contentLines.map((contentLine, contentLineIndex) => (
<tr key={`content-${contentLineIndex}`}>
{contentLine.split(",").map((v, index) => (<td className="text-sm mx-4 font-medium text-gray-900 px-6 py-4 text-left" key={`content-${contentLineIndex}-${index}}`}>{v}</td>))}
</tr>
))}
</tbody>
</table>
</div>
)
}

const getHash = async (hash: string | undefined, index: string | undefined, sdk: Sdk) => {
if (hash !== undefined && index !== undefined) {
throw new Error("Both hash and index parameters are defined.");
}

export const getServerSideProps: GetServerSideProps = async (context) => {
const network_info = context.query.network as string;
const sheetName = context.query.name as string;

try {
const sheet = (await getGraphQLSDK(
getNodeType(network_info),
).GetSheet({
planetName: getPlanetName(network_info),
sheetName: sheetName
})).sheet.csv;
return { props: { tableSheet: sheet } };
} catch (error) {
console.error("Error fetching sheet:", error);
return { props: { tableSheet: null } };
}
if (hash !== undefined) {
return hash;
}

if (index === undefined) {
return undefined;
}

const indexHash = (await sdk.GetBlockHashByBlockIndex({ index })).chainQuery.blockQuery?.block?.hash;
if (indexHash === undefined) {
throw new Error("Block hash is not found.");
}

return indexHash;
};

export default TableSheetPage;
export const getServerSideProps: GetServerSideProps<TableSheetPageProps> = async (context) => {
const network = context.query.network as string;
const name = context.query.name;
const hash = context.query.hash;
const index = context.query.index;

if (typeof name !== "string") {
throw new Error("Table sheet name parameter is not a string.");
}

if (hash !== undefined && typeof hash !== "string") {
throw new Error("Block hash parameter is not a string.");
}

if (index !== undefined && typeof index !== "string") {
throw new Error("Block index parameter is not a string.");
}

const sdk = networkToSDK(network);

const blockHash = await getHash(hash, index, sdk);

const address = require("node:crypto").createHmac("sha1", Buffer.from(name, "utf8"))
.update(Buffer.from("0000000000000000000000000000000000000003", "hex"))
.digest("hex");

try {
const state = Buffer.from((await sdk.RawState({ address, hash: blockHash })).state, "hex");
const tableSheet = require('bencodex').decode(state);

if (typeof tableSheet !== "string") {
throw new Error("Unexpected table sheet type");
}

if (tableSheet === null || tableSheet === undefined) {
return {
props: {
tableSheet: null,
}
}
}

return {
props: {
tableSheet,
}
}
} catch {
return {
props: {
tableSheet: null,
}
}
}
}

export default TableSheetPage
76 changes: 76 additions & 0 deletions pages/[network]/tablesheet/mimir/[name].tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,76 @@
import type { NextPage, GetServerSideProps } from "next";
import { getGraphQLSDK } from "../../../../utils/mimirGraphQLClient";
import { getPlanetName, getNodeType } from "../../../../utils/network";

interface TableSheetPageProps {
tableSheet: string | null;
}

const TableSheetPage: NextPage<TableSheetPageProps> = ({ tableSheet }) => {
if (tableSheet === null) {
return <h1>There is no such table sheet.</h1>;
}

const lines = tableSheet.split("\n");
const headerLine = lines[0];
const contentLines = lines.slice(1).filter((x) => x !== "");

return (
<div>
<button
className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
onClick={() => navigator.clipboard.writeText(tableSheet)}
>
Copy sheet to clipboard
</button>
<table>
<thead className="border-b">
<tr key="header">
{headerLine.split(",").map((h, index) => (
<th
className="text-sm mx-4 font-medium text-gray-900 px-6 py-4 text-left"
key={`header-${index}`}
>
{h}
</th>
))}
</tr>
</thead>
<tbody>
{contentLines.map((contentLine, contentLineIndex) => (
<tr key={`content-${contentLineIndex}`}>
{contentLine.split(",").map((v, index) => (
<td
className="text-sm mx-4 font-medium text-gray-900 px-6 py-4 text-left"
key={`content-${contentLineIndex}-${index}}`}
>
{v}
</td>
))}
</tr>
))}
</tbody>
</table>
</div>
);
};

export const getServerSideProps: GetServerSideProps = async (context) => {
const network_info = context.query.network as string;
const sheetName = context.query.name as string;

try {
const sheet = (await getGraphQLSDK(
getNodeType(network_info),
).GetSheet({
planetName: getPlanetName(network_info),
sheetName: sheetName
})).sheet.csv;
return { props: { tableSheet: sheet } };
} catch (error) {
console.error("Error fetching sheet:", error);
return { props: { tableSheet: null } };
}
};

export default TableSheetPage;