+
onModal()}
+ />
+
+ )}
+ {modal.current === 'loading' && (
+
+ {modal.current === 'success' ? 'Success' : 'Failed'}
+
+ onModal()}
+ >
+ 
+
+
+ {modal.params}
+ {typeof modal.btn === 'function' && ( + + )} + {modal.btn === 'about' && ( + + )} +
+
+
+
+ 
+
+ setMenuActive(!menuActive)}
+ />
+
+
+
+ setMenuActive(false)}
+ >
+ Download
+
+ setMenuActive(false)}
+ >
+ About
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/Home.tsx b/src/Home.tsx
new file mode 100644
index 0000000..92e6e19
--- /dev/null
+++ b/src/Home.tsx
@@ -0,0 +1,276 @@
+import React, { useState, useEffect } from 'react';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import {
+ Content,
+ Container,
+ Form,
+ Section,
+ Heading,
+ Tile,
+ Tag,
+ Notification,
+ Button,
+} from 'react-bulma-components';
+import api from './api.ts';
+
+const base58 = require('base-58');
+
+interface NetItem {
+ title: string
+ containerId: string
+}
+
+interface FormData {
+ spanStart: number | ''
+ spanEnd: number | ''
+ network: number
+}
+
+const Home = ({
+ onModal,
+ nets,
+ setNets,
+ setCurrentDownloadedBlock,
+ isLoading,
+ setLoading,
+}) => {
+ const [formData, setFormData] = useState({
+ spanStart: 0,
+ spanEnd: '',
+ network: 0,
+ });
+
+ let fileHandle: FileSystemFileHandle | null = null;
+
+ useEffect(() => {
+ if (nets[formData.network].maxBlock === 0) {
+ api('POST', nets[formData.network].rpc, {
+ "jsonrpc": "2.0",
+ "id": 1,
+ "method": "getblockcount",
+ "params": []
+ }).then((res: any) => {
+ const netsTemp = [...nets];
+ netsTemp[formData.network].maxBlock = Math.floor(res.result / 128000) * 128000;
+ setNets(netsTemp);
+
+ setFormData({ ...formData, spanEnd: nets[formData.network].maxBlock });
+ }).catch(() => {
+ onModal('failed', 'Failed to fetch the last available block');
+ });
+ } else {
+ if (formData.spanEnd > nets[formData.network].maxBlock) return setFormData({ ...formData, spanEnd: nets[formData.network].maxBlock });
+ }
+ },[formData.network]); // eslint-disable-line react-hooks/exhaustive-deps
+
+ const fetchBlocksInRange = async (retryIndex: number | null = null) => {
+ if (formData.spanStart === '' || formData.spanEnd === '' || formData.spanEnd < 0) return onModal('failed', 'Insert correct data');
+ if (formData.spanStart < 0 || formData.spanEnd < 0 || formData.spanStart > nets[formData.network].maxBlock || formData.spanEnd > nets[formData.network].maxBlock) return onModal('failed', 'Insert correct borders');
+
+
+ if (retryIndex === null) {
+ setLoading(true);
+ }
+ const currentNet: NetItem = nets[formData.network];
+
+ try {
+ if (retryIndex === null) {
+ fileHandle = await window.showSaveFilePicker({
+ suggestedName: `chain.${formData.spanStart}.acc`,
+ types: [{ accept: { 'application/octet-stream': ['.acc'] } }],
+ });
+ }
+ onModal('loading', formData);
+
+ const writableStream = await fileHandle?.createWritable(retryIndex === null ? {} : { keepExistingData: true });
+
+ const blockCount = formData.spanEnd - formData.spanStart + 1;
+ if (retryIndex === null) {
+ await writableStream?.write(new Int32Array([blockCount]).buffer);
+ } else {
+ const offset: any = (await fileHandle?.getFile())?.size;
+ writableStream?.seek(offset)
+ }
+
+ const indexFileStart = Math.floor(formData.spanStart / 128000);
+ const indexFileCount = Math.ceil((formData.spanEnd - formData.spanStart) / 128000) + indexFileStart;
+ for (let indexFile = indexFileStart; indexFile <= indexFileCount; indexFile += 1) {
+
+ const indexData: Uint8Array | string = await fetchIndexFile(currentNet, indexFile);
+ if (typeof indexData === 'string') {
+ await writableStream?.close();
+ onModal('failed', indexData, (retryIndexTemp: number) => fetchBlocksInRange(+formData.spanStart + retryIndexTemp));
+ return
+ }
+
+ const uint8Data = new Uint8Array(indexData);
+ const objectsData: string[] = [];
+ for (let i = 0; i < uint8Data.length; i += 32) {
+ const chunk = uint8Data.slice(i, i + 32);
+ const encoded = base58.encode(chunk);
+ objectsData.push(encoded);
+ }
+
+ const startBlock = retryIndex !== null ? retryIndex : formData.spanStart;
+ for (let i = startBlock - (128000 * indexFile); i <= objectsData.length; i += 1) {
+ if (blockCount <= (indexFile * 128000 + i - formData.spanStart)) {
+ await writableStream?.close();
+ return
+ }
+
+ const objectData: Uint8Array | string = await fetchBlock(currentNet, objectsData[i]);
+ if (typeof objectData === 'string') {
+ await writableStream?.close();
+ onModal('failed', objectData, (currentDownloadedBlockTemp: number) => fetchBlocksInRange(+formData.spanStart + currentDownloadedBlockTemp));
+ return
+ }
+
+ const blockSize = new Uint32Array([objectData.byteLength]);
+ await writableStream?.write(blockSize.buffer);
+ await writableStream?.write(new Uint8Array(objectData));
+ setCurrentDownloadedBlock((indexFile * 128000 + i) - formData.spanStart + 1);
+ }
+ }
+ } catch (error: any) {
+ if (error.message.indexOf('showSaveFilePicker is not a function') !== -1) {
+ onModal('failed', 'Your current browser does not support this site\'s functionality. For the best experience, please use Chrome 86+ (recommended).', 'about');
+ } else {
+ onModal('failed', error.message || 'Error occurred during block fetching.', (retryIndexTemp: number) => fetchBlocksInRange(+formData.spanStart + retryIndexTemp));
+ }
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ const fetchIndexFile = async (currentNet: NetItem, indexNumber: number): Promise => {
+ try {
+ const searchResponse: any = await api('POST', `/objects/${currentNet.containerId}/search?walletConnect=false&offset=0&limit=1`, {
+ filters: [{
+ "key": "Index",
+ "match": "MatchStringEqual",
+ "value": indexNumber.toString(),
+ }],
+ });
+
+ const objectId = searchResponse.objects[0]?.address.objectId;
+ if (!objectId) {
+ return `Error occurred during index fetching #${indexNumber}`;
+ }
+
+ const indexResponse = await api('GET', `/objects/${currentNet.containerId}/by_id/${objectId}?walletConnect=false`);
+ return indexResponse as Uint8Array;
+ } catch (err: any) {
+ return `Error occurred during index fetching #${indexNumber}: ${err.message}`;
+ }
+ };
+
+ const fetchBlock = async (currentNet: NetItem, objectId: string): Promise => {
+ try {
+ const blockResponse = await api('GET', `/objects/${currentNet.containerId}/by_id/${objectId}?walletConnect=false`);
+ return blockResponse as Uint8Array;
+ } catch (err: any) {
+ return `Error occurred during object fetching ${objectId}: ${err.message}`;
+ }
+ };
+
+ return (
+
+
+
+
+
+ Archive.NeoFS – Offline Synchronization Package
+
+
+
+
+
+
+
+
+ Prepare snapshot
+
+
+ {
+ if (e.target.value === '' || /^[0-9]*[.]?[0-9]*$/.test(e.target.value)) {
+ setFormData({ ...formData, spanStart: e.target.value !== '' && e.target.value >= 0 ? Number(e.target.value) : '' });
+ }
+ }}
+ disabled={isLoading}
+ />
+
+
+ {
+ if (e.target.value === '' || /^[0-9]*[.]?[0-9]*$/.test(e.target.value)) {
+ setFormData({ ...formData, spanEnd: e.target.value !== '' && e.target.value >= 0 ? Number(e.target.value) : '' });
+ }
+ }}
+ disabled={isLoading}
+ />
+
+
+
+
+ setFormData({ ...formData, network: Number(e.target.value) })}
+ value={formData.network}
+ disabled={isLoading}
+ >
+
+
+
+
+
+
+
+
+ {`the latest available block is ${nets[formData.network].maxBlock ? nets[formData.network].maxBlock : '-'}`}
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default Home;
diff --git a/src/NotFound.tsx b/src/NotFound.tsx
new file mode 100644
index 0000000..b1f393d
--- /dev/null
+++ b/src/NotFound.tsx
@@ -0,0 +1,35 @@
+import React from 'react';
+import {
+ Container,
+ Section,
+ Heading,
+ Tile,
+ Notification,
+ Button,
+} from 'react-bulma-components';
+
+const NotFound = () => {
+ return (
+
+
+
+
+
+ 404 Not Found
+ Page not found
+
+
+
+
+
+
+
+
+ );
+};
+
+export default NotFound;
diff --git a/src/api.ts b/src/api.ts
new file mode 100644
index 0000000..24577ef
--- /dev/null
+++ b/src/api.ts
@@ -0,0 +1,50 @@
+const server = 'https://rest.fs.neo.org/v1';
+
+type Methods = "GET" | "POST";
+
+async function serverRequest(method: Methods, url: string, params: object, headers: any) {
+ const json: any = {
+ method,
+ headers,
+ }
+
+ if (json['headers']['Content-Type']) {
+ json['body'] = params;
+ } else if (Object.keys(params).length > 0) {
+ json['body'] = JSON.stringify(params);
+ json['headers']['Content-Type'] = 'application/json';
+ }
+
+ let activeUrl: string = url;
+ if (url.indexOf('https') === -1) {
+ activeUrl = `${server}${url}`;
+ }
+
+ return fetch(activeUrl, json).catch((error: any) => error);
+}
+
+export default function api(method: Methods, url: string, params: object = {}, headers: object = {}) {
+ return new Promise((resolve, reject) => {
+ serverRequest(method, url, params, headers).then(async (response: any) => {
+ if (response && response.status === 204) {
+ resolve({ status: 'success' });
+ } else {
+ let res: any = response;
+ if (response?.status === 200 && url.indexOf('by_id') !== -1) {
+ res = await response.arrayBuffer();
+ resolve(res);
+ } else if (response?.status === 200) {
+ res = await response.json();
+ resolve(res);
+ } else {
+ try {
+ res = await response.json();
+ reject(res);
+ } catch (err) {
+ reject(response);
+ }
+ }
+ }
+ });
+ });
+}
diff --git a/src/index.tsx b/src/index.tsx
new file mode 100644
index 0000000..6302304
--- /dev/null
+++ b/src/index.tsx
@@ -0,0 +1,13 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { App } from './App.tsx';
+import { BrowserRouter } from "react-router-dom";
+
+ReactDOM.render(
+
+
+
+ ,
+ document.getElementById('root')
+);
{} : () => {
+ onModal();
+ setCurrentDownloadedBlock(0);
+ }}
+ />
+
+ )}
+
+ {`Snapshot`}
+ {`${modal.params.spanStart} - ${modal.params.spanEnd} (${nets[modal.params.network].title})`}
+ {currentDownloadedBlock / (modal.params.spanEnd - modal.params.spanStart + 1) === 1 ? 'Success!' : 'Writing'}
+
+ {`${currentDownloadedBlock} / ${modal.params.spanEnd - modal.params.spanStart + 1} (${roundNumber((currentDownloadedBlock / (modal.params.spanEnd - modal.params.spanStart + 1)) * 100)}%)`}
+
+
+ Easily download an offline package of blocks up to a specific block height.
+Manual steps:
+-
+
- Choose
startandendsnapshot option for the data range;
+ - Select the desired
network;
+ - Click the Download button; +
- Wait for
.accfile to download to your device. 🚀
+
For best use, use Chrome 86+.
+