Use absolute import in Explorer

Alenar · Alenar · commit bca4ba04dace · 2024-03-14T15:37:28.000+01:00
This is allowed by configuring them in the `jsconfig.json` file.
diff --git a/mithril-explorer/__tests__/AggregatorSetter.test.js b/mithril-explorer/__tests__/AggregatorSetter.test.js
@@ -1,10 +1,10 @@
 import { render, screen } from "@testing-library/react";
 import "@testing-library/jest-dom";
-import AggregatorSetter from "../src/components/AggregatorSetter";
 import { initStore } from "./helpers";
 import { Provider } from "react-redux";
-import default_available_aggregators from "../src/aggregators-list";
-import { settingsSlice } from "../src/store/settingsSlice";
+import AggregatorSetter from "#/AggregatorSetter";
+import default_available_aggregators from "@/aggregators-list";
+import { settingsSlice } from "@/store/settingsSlice";
 
 function renderAggregatorSetter(default_state = undefined) {
   const store = initStore(default_state);
diff --git a/mithril-explorer/__tests__/CardanoTransactionsFormInput.test.js b/mithril-explorer/__tests__/CardanoTransactionsFormInput.test.js
@@ -1,6 +1,6 @@
 import { fireEvent, render, screen } from "@testing-library/react";
 import "@testing-library/jest-dom";
-import CardanoTransactionsFormInput from "../src/components/CardanoTransactionsFormInput";
+import CardanoTransactionsFormInput from "#/CardanoTransactionsFormInput";
 
 function setup() {
   const utils = [render(<CardanoTransactionsFormInput />)];
diff --git a/mithril-explorer/__tests__/PoolTicker.test.js b/mithril-explorer/__tests__/PoolTicker.test.js
@@ -2,10 +2,10 @@ import { render, screen } from "@testing-library/react";
 import "@testing-library/jest-dom";
 import { initStore } from "./helpers";
 import { Provider } from "react-redux";
-import { poolsSlice } from "../src/store/poolsSlice";
-import PoolTicker from "../src/components/PoolTicker";
-import { getCExplorerUrl } from "../src/utils";
-import { settingsSlice } from "../src/store/settingsSlice";
+import PoolTicker from "#/PoolTicker";
+import { settingsSlice } from "@/store/settingsSlice";
+import { poolsSlice } from "@/store/poolsSlice";
+import { getCExplorerUrl } from "@/utils";
 
 function renderPoolTickerComponent(partyId, default_state = undefined) {
   const store = initStore(default_state);
diff --git a/mithril-explorer/__tests__/TransactionCertificationBreadcrumb.test.js b/mithril-explorer/__tests__/TransactionCertificationBreadcrumb.test.js
@@ -1,7 +1,7 @@
 import { render, screen } from "@testing-library/react";
 import "@testing-library/jest-dom";
-import TransactionCertificationBreadcrumb from "../src/components/CertifyCardanoTransactionsModal/TransactionCertificationBreadcrumb";
-import { validationSteps } from "../src/components/CertifyCardanoTransactionsModal";
+import TransactionCertificationBreadcrumb from "#/CertifyCardanoTransactionsModal/TransactionCertificationBreadcrumb";
+import { validationSteps } from "#/CertifyCardanoTransactionsModal";
 
 function setup(currentStep, isProofValid, isCertificateChainValid) {
   const utils = [
diff --git a/mithril-explorer/__tests__/helpers.js b/mithril-explorer/__tests__/helpers.js
@@ -1,4 +1,4 @@
-import { saveToLocalStorage, storeBuilder } from "../src/store/store";
+import { saveToLocalStorage, storeBuilder } from "@/store/store";
 import * as mockRouter from "next-router-mock";
 
 const baseLocation = "http://localhost";
diff --git a/mithril-explorer/__tests__/partyIdFormat.test.js b/mithril-explorer/__tests__/partyIdFormat.test.js
@@ -1,4 +1,4 @@
-import { formatPartyId } from "../src/utils";
+import { formatPartyId } from "@/utils";
 
 describe("Stake formatting", () => {
   it.each([
diff --git a/mithril-explorer/__tests__/stakeFormat.test.js b/mithril-explorer/__tests__/stakeFormat.test.js
@@ -1,4 +1,4 @@
-import { formatStake } from "../src/utils";
+import { formatStake } from "@/utils";
 
 const toLovelace = (ada) => ada * 1000000;
 
diff --git a/mithril-explorer/__tests__/store.test.js b/mithril-explorer/__tests__/store.test.js
@@ -1,14 +1,14 @@
-import default_available_aggregators from "../src/aggregators-list";
-import { signedEntityType } from "../src/constants";
-import { poolsSlice } from "../src/store/poolsSlice";
+import default_available_aggregators from "@/aggregators-list";
+import { signedEntityType } from "@/constants";
+import { poolsSlice } from "@/store/poolsSlice";
 import {
   removeSelectedAggregator,
   selectAggregator,
   settingsSlice,
   setUpdateInterval,
   toggleAutoUpdate,
-} from "../src/store/settingsSlice";
-import { saveToLocalStorage, storeBuilder } from "../src/store/store";
+} from "@/store/settingsSlice";
+import { saveToLocalStorage, storeBuilder } from "@/store/store";
 import { waitFor } from "@testing-library/react";
 import { initStore } from "./helpers";
 
diff --git a/mithril-explorer/jsconfig.json b/mithril-explorer/jsconfig.json
@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["./src/*"],
+      "#/*": ["./src/components/*"]
+    }
+  }
+}
diff --git a/mithril-explorer/src/app/layout.js b/mithril-explorer/src/app/layout.js
@@ -1,14 +1,15 @@
 import Image from "next/image";
-import { Providers } from "../store/provider";
+import Link from "next/link";
 import React, { Suspense } from "react";
-import styles from "./explorer.module.css";
+import { Providers } from "@/store/provider";
 
 // These styles apply to every route in the application
 import "bootstrap/dist/css/bootstrap.min.css";
 import "bootstrap-icons/font/bootstrap-icons.css";
 import "./global.css";
 import "./mithril-icons.css";
-import Link from "next/link";
+
+import styles from "./explorer.module.css";
 
 export const metadata = {
   title: "Mithril Explorer",
diff --git a/mithril-explorer/src/app/page.js b/mithril-explorer/src/app/page.js
@@ -16,25 +16,25 @@ import {
   Tooltip,
 } from "chart.js";
 import initMithrilClient from "@mithril-dev/mithril-client-wasm";
-import EpochSettings from "../components/EpochSettings";
-import PendingCertificate from "../components/PendingCertificate";
-import CardanoDbSnapshotsList from "../components/Artifacts/CardanoDbSnapshotsList";
-import CardanoTransactionsSnapshotsList from "../components/Artifacts/CardanoTransactionsSnapshotsList";
-import CertificatesList from "../components/Artifacts/CertificatesList";
-import MithrilStakeDistributionsList from "../components/Artifacts/MithrilStakeDistributionsList";
-import { aggregatorSearchParam, signedEntityType } from "../constants";
-import { setChartJsDefaults } from "../charts";
+import EpochSettings from "#/EpochSettings";
+import PendingCertificate from "#/PendingCertificate";
+import CardanoDbSnapshotsList from "#/Artifacts/CardanoDbSnapshotsList";
+import CardanoTransactionsSnapshotsList from "#/Artifacts/CardanoTransactionsSnapshotsList";
+import CertificatesList from "#/Artifacts/CertificatesList";
+import MithrilStakeDistributionsList from "#/Artifacts/MithrilStakeDistributionsList";
+import { aggregatorSearchParam, signedEntityType } from "@/constants";
+import { setChartJsDefaults } from "@/charts";
 import {
   selectAggregator,
   selectedAggregator as currentlySelectedAggregator,
   selectedAggregatorSignedEntities as currentAggregatorSignedEntities,
-} from "../store/settingsSlice";
-import { updatePoolsForAggregator } from "../store/poolsSlice";
+} from "@/store/settingsSlice";
+import { updatePoolsForAggregator } from "@/store/poolsSlice";
 
 // Disable SSR for the following components since they use data from the store that are not
 // available server sides (because those data can be read from the local storage).
-const AggregatorSetter = dynamic(() => import("../components/AggregatorSetter"), { ssr: false });
-const IntervalSetter = dynamic(() => import("../components/IntervalSetter"), {
+const AggregatorSetter = dynamic(() => import("#/AggregatorSetter"), { ssr: false });
+const IntervalSetter = dynamic(() => import("#/IntervalSetter"), {
   ssr: false,
 });
 
diff --git a/mithril-explorer/src/app/registrations/page.js b/mithril-explorer/src/app/registrations/page.js
@@ -7,8 +7,8 @@ import {
   computeSignersWeightDataset,
   computeStakeShapesDataset,
   setChartJsDefaults,
-} from "../../charts";
-import { checkUrl } from "../../utils";
+} from "@/charts";
+import { checkUrl } from "@/utils";
 import { Alert, ButtonGroup, Col, Row, Spinner, Stack, Table } from "react-bootstrap";
 import {
   ArcElement,
@@ -21,12 +21,12 @@ import {
   Tooltip,
 } from "chart.js";
 import { Bar, Pie } from "react-chartjs-2";
-import { aggregatorSearchParam } from "../../constants";
-import { updatePoolsForAggregator } from "../../store/poolsSlice";
-import LinkButton from "../../components/LinkButton";
-import Stake from "../../components/Stake";
-import RawJsonButton from "../../components/RawJsonButton";
-import SignerTable from "../../components/SignerTable";
+import { aggregatorSearchParam } from "@/constants";
+import { updatePoolsForAggregator } from "@/store/poolsSlice";
+import LinkButton from "#/LinkButton";
+import Stake from "#/Stake";
+import RawJsonButton from "#/RawJsonButton";
+import SignerTable from "#/SignerTable";
 
 Chart.register(ArcElement, CategoryScale, LinearScale, BarElement, Title, Tooltip, Legend);
 setChartJsDefaults(Chart);
diff --git a/mithril-explorer/src/components/AggregatorSetter/AddAggregatorModal.js b/mithril-explorer/src/components/AggregatorSetter/AddAggregatorModal.js
@@ -1,8 +1,8 @@
 import React, { useState } from "react";
-import { Button, Form, FormGroup, Modal } from "react-bootstrap";
 import { useDispatch } from "react-redux";
-import { selectAggregator } from "../../store/settingsSlice";
-import { checkUrl } from "../../utils";
+import { Button, Form, FormGroup, Modal } from "react-bootstrap";
+import { selectAggregator } from "@/store/settingsSlice";
+import { checkUrl } from "@/utils";
 
 export default function AddAggregatorModal(props) {
   const [value, setValue] = useState("");
diff --git a/mithril-explorer/src/components/AggregatorSetter/index.js b/mithril-explorer/src/components/AggregatorSetter/index.js
@@ -1,7 +1,7 @@
 import React, { useState } from "react";
-import { Button, Col, Form, InputGroup, OverlayTrigger, Tooltip } from "react-bootstrap";
 import { useDispatch, useSelector } from "react-redux";
-import { removeSelectedAggregator, selectAggregator } from "../../store/settingsSlice";
+import { Button, Col, Form, InputGroup, OverlayTrigger, Tooltip } from "react-bootstrap";
+import { removeSelectedAggregator, selectAggregator } from "@/store/settingsSlice";
 import AddAggregatorModal from "./AddAggregatorModal";
 
 export default function AggregatorSetter(props) {
diff --git a/mithril-explorer/src/components/Artifacts/CardanoDbSnapshotsList/index.js b/mithril-explorer/src/components/Artifacts/CardanoDbSnapshotsList/index.js
@@ -1,11 +1,11 @@
 import React, { useEffect, useState } from "react";
-import { Badge, Button, Card, Col, Container, ListGroup, Row, Stack } from "react-bootstrap";
-import CertificateModal from "../../CertificateModal";
-import RawJsonButton from "../../RawJsonButton";
 import { useSelector } from "react-redux";
-import { selectedAggregator } from "../../../store/settingsSlice";
-import LocalDateTime from "../../LocalDateTime";
-import { formatBytes } from "../../../utils";
+import { Badge, Button, Card, Col, Container, ListGroup, Row, Stack } from "react-bootstrap";
+import CertificateModal from "#/CertificateModal";
+import RawJsonButton from "#/RawJsonButton";
+import LocalDateTime from "#/LocalDateTime";
+import { selectedAggregator } from "@/store/settingsSlice";
+import { formatBytes } from "@/utils";
 
 export default function CardanoDbSnapshotsList(props) {
   const [cardanoDbSnapshots, setCardanoDbSnapshots] = useState([]);
diff --git a/mithril-explorer/src/components/Artifacts/CardanoTransactionsSnapshotsList/index.js b/mithril-explorer/src/components/Artifacts/CardanoTransactionsSnapshotsList/index.js
@@ -1,12 +1,12 @@
 import React, { useEffect, useState } from "react";
-import { Badge, Button, Card, Col, Container, Form, ListGroup, Row, Stack } from "react-bootstrap";
-import RawJsonButton from "../../RawJsonButton";
 import { useSelector } from "react-redux";
-import { selectedAggregator } from "../../../store/settingsSlice";
-import LocalDateTime from "../../LocalDateTime";
-import CardanoTransactionsFormInput from "../../CardanoTransactionsFormInput";
-import CertificateModal from "../../CertificateModal";
-import CertifyCardanoTransactionsModal from "../../CertifyCardanoTransactionsModal";
+import { Badge, Button, Card, Col, Container, Form, ListGroup, Row, Stack } from "react-bootstrap";
+import RawJsonButton from "#/RawJsonButton";
+import LocalDateTime from "#/LocalDateTime";
+import CardanoTransactionsFormInput from "#/CardanoTransactionsFormInput";
+import CertificateModal from "#/CertificateModal";
+import CertifyCardanoTransactionsModal from "#/CertifyCardanoTransactionsModal";
+import { selectedAggregator } from "@/store/settingsSlice";
 
 export default function CardanoTransactionsSnapshotsList(props) {
   const [cardanoTransactionsSnapshots, setCardanoTransactionsSnapshots] = useState([]);
diff --git a/mithril-explorer/src/components/Artifacts/CertificatesList/index.js b/mithril-explorer/src/components/Artifacts/CertificatesList/index.js
@@ -1,10 +1,10 @@
 import React, { useEffect, useState } from "react";
-import { Badge, Button, Card, Col, Container, ListGroup, Row, Stack } from "react-bootstrap";
-import CertificateModal from "../../CertificateModal";
-import RawJsonButton from "../../RawJsonButton";
 import { useSelector } from "react-redux";
-import { selectedAggregator } from "../../../store/settingsSlice";
-import LocalDateTime from "../../LocalDateTime";
+import { Badge, Button, Card, Col, Container, ListGroup, Row, Stack } from "react-bootstrap";
+import CertificateModal from "#/CertificateModal";
+import RawJsonButton from "#/RawJsonButton";
+import LocalDateTime from "#/LocalDateTime";
+import { selectedAggregator } from "@/store/settingsSlice";
 
 export default function CertificatesList(props) {
   const [certificates, setCertificates] = useState([]);
diff --git a/mithril-explorer/src/components/Artifacts/MithrilStakeDistributionsList/index.js b/mithril-explorer/src/components/Artifacts/MithrilStakeDistributionsList/index.js
@@ -1,10 +1,10 @@
 import React, { useEffect, useState } from "react";
-import { Badge, Button, Card, Col, Container, ListGroup, Row, Stack } from "react-bootstrap";
-import CertificateModal from "../../CertificateModal";
-import RawJsonButton from "../../RawJsonButton";
 import { useSelector } from "react-redux";
-import { selectedAggregator } from "../../../store/settingsSlice";
-import LocalDateTime from "../../LocalDateTime";
+import { Badge, Button, Card, Col, Container, ListGroup, Row, Stack } from "react-bootstrap";
+import CertificateModal from "#/CertificateModal";
+import RawJsonButton from "#/RawJsonButton";
+import LocalDateTime from "#/LocalDateTime";
+import { selectedAggregator } from "@/store/settingsSlice";
 
 export default function MithrilStakeDistributionsList(props) {
   const [mithrilStakeDistributions, setMithrilStakeDistributions] = useState([]);
diff --git a/mithril-explorer/src/components/CExplorerUrl.js b/mithril-explorer/src/components/CExplorerUrl.js
@@ -1,7 +1,7 @@
 import React from "react";
 import { OverlayTrigger, Tooltip } from "react-bootstrap";
 import Image from "next/image";
-import CopyButton from "./CopyButton";
+import CopyButton from "#/CopyButton";
 
 export function CExplorerUrl({ text, url, textClass, showCopyButton = false }) {
   return (
diff --git a/mithril-explorer/src/components/CertificateModal/index.js b/mithril-explorer/src/components/CertificateModal/index.js
@@ -2,13 +2,13 @@ import React, { useEffect, useState } from "react";
 import { Accordion, Badge, Button, Col, Container, Modal, Row, Table } from "react-bootstrap";
 import { Bar } from "react-chartjs-2";
 import { useSelector } from "react-redux";
-import { computeStakeShapesDataset } from "../../charts";
-import { selectedAggregator } from "../../store/settingsSlice";
-import RawJsonButton from "../RawJsonButton";
-import Stake from "../Stake";
-import ProtocolParameters from "../ProtocolParameters";
-import SignerTable from "../SignerTable";
-import VerifyCertificateModal from "../VerifyCertificate/VerifyCertificateModal";
+import { computeStakeShapesDataset } from "@/charts";
+import { selectedAggregator } from "@/store/settingsSlice";
+import RawJsonButton from "#/RawJsonButton";
+import Stake from "#/Stake";
+import ProtocolParameters from "#/ProtocolParameters";
+import SignerTable from "#/SignerTable";
+import VerifyCertificateModal from "#/VerifyCertificate/VerifyCertificateModal";
 
 export default function CertificateModal({
   hash,
diff --git a/mithril-explorer/src/components/CertifyCardanoTransactionsModal/FetchingProofPane.js b/mithril-explorer/src/components/CertifyCardanoTransactionsModal/FetchingProofPane.js
@@ -1,6 +1,6 @@
 import React from "react";
 import { Table } from "react-bootstrap";
-import CopyableHash from "../CopyableHash";
+import CopyableHash from "#/CopyableHash";
 
 export default function FetchingProofPane({ transactionHashes }) {
   return (
diff --git a/mithril-explorer/src/components/CertifyCardanoTransactionsModal/TransactionCertificationResult.js b/mithril-explorer/src/components/CertifyCardanoTransactionsModal/TransactionCertificationResult.js
@@ -1,8 +1,7 @@
 import React, { useEffect, useState } from "react";
 import { Alert, ListGroup, Table } from "react-bootstrap";
-import IconBadge from "../IconBadge";
-import CopyableHash from "../CopyableHash";
-import TransactionHash from "../TransactionHash";
+import IconBadge from "#/IconBadge";
+import TransactionHash from "#/TransactionHash";
 
 function CertifiedDataBeacon({ certificate }) {
   return (
diff --git a/mithril-explorer/src/components/CertifyCardanoTransactionsModal/ValidatingProofPane.js b/mithril-explorer/src/components/CertifyCardanoTransactionsModal/ValidatingProofPane.js
@@ -1,6 +1,6 @@
 import React from "react";
 import { Table } from "react-bootstrap";
-import IconBadge from "../IconBadge";
+import IconBadge from "#/IconBadge";
 
 export default function ValidatingProofPane({ isProofValid }) {
   return (
diff --git a/mithril-explorer/src/components/CopyableHash.js b/mithril-explorer/src/components/CopyableHash.js
@@ -1,5 +1,5 @@
 import React from "react";
-import CopyButton from "./CopyButton";
+import CopyButton from "#/CopyButton";
 
 export default function CopyableHash({ hash, className, ...props }) {
   return (
diff --git a/mithril-explorer/src/components/EpochSettings/index.js b/mithril-explorer/src/components/EpochSettings/index.js
@@ -1,11 +1,11 @@
 import React, { useEffect, useState } from "react";
-import { Card, ListGroup } from "react-bootstrap";
-import LinkButton from "../LinkButton";
-import RawJsonButton from "../RawJsonButton";
+import { Card } from "react-bootstrap";
 import { useSelector } from "react-redux";
-import ProtocolParameters from "../ProtocolParameters";
-import { selectedAggregator } from "../../store/settingsSlice";
-import { checkUrl } from "../../utils";
+import LinkButton from "#/LinkButton";
+import RawJsonButton from "#/RawJsonButton";
+import ProtocolParameters from "#/ProtocolParameters";
+import { selectedAggregator } from "@/store/settingsSlice";
+import { checkUrl } from "@/utils";
 
 export default function EpochSettings(props) {
   const [epochSettings, setEpochSettings] = useState({});
diff --git a/mithril-explorer/src/components/IntervalSetter/index.js b/mithril-explorer/src/components/IntervalSetter/index.js
@@ -1,6 +1,6 @@
 import { useDispatch, useSelector } from "react-redux";
 import { Button, Col, Form, InputGroup } from "react-bootstrap";
-import { setUpdateInterval, toggleAutoUpdate } from "../../store/settingsSlice";
+import { setUpdateInterval, toggleAutoUpdate } from "@/store/settingsSlice";
 
 export default function IntervalSetter(props) {
   const autoUpdate = useSelector((state) => state.settings.autoUpdate);
diff --git a/mithril-explorer/src/components/PendingCertificate/index.js b/mithril-explorer/src/components/PendingCertificate/index.js
@@ -1,12 +1,12 @@
 import React, { useEffect, useState } from "react";
 import { Accordion, Card, CardGroup, ListGroup } from "react-bootstrap";
 import { useSelector } from "react-redux";
-import CopyableHash from "../CopyableHash";
-import PoolTicker from "../PoolTicker";
-import RawJsonButton from "../RawJsonButton";
-import SignedEntityType from "../SignedEntityType";
-import VerifiedBadge from "../VerifiedBadge";
-import { selectedAggregator } from "../../store/settingsSlice";
+import CopyableHash from "#/CopyableHash";
+import PoolTicker from "#/PoolTicker";
+import RawJsonButton from "#/RawJsonButton";
+import SignedEntityType from "#/SignedEntityType";
+import VerifiedBadge from "#/VerifiedBadge";
+import { selectedAggregator } from "@/store/settingsSlice";
 
 export default function PendingCertificate(props) {
   const [pendingCertificate, setPendingCertificate] = useState({});
diff --git a/mithril-explorer/src/components/PoolTicker.js b/mithril-explorer/src/components/PoolTicker.js
@@ -1,8 +1,8 @@
 import React from "react";
 import { useSelector } from "react-redux";
-import { getPoolForSelectedAggregator } from "../store/poolsSlice";
-import { getCExplorerUrl } from "../utils";
-import { CExplorerUrl } from "./CExplorerUrl";
+import { getPoolForSelectedAggregator } from "@/store/poolsSlice";
+import { getCExplorerUrl } from "@/utils";
+import { CExplorerUrl } from "#/CExplorerUrl";
 
 export default function PoolTicker({ partyId }) {
   const pool = useSelector((state) => getPoolForSelectedAggregator(state, partyId));
diff --git a/mithril-explorer/src/components/SignerTable.js b/mithril-explorer/src/components/SignerTable.js
diff --git a/mithril-explorer/src/components/Stake.js b/mithril-explorer/src/components/Stake.js
diff --git a/mithril-explorer/src/components/TransactionHash.js b/mithril-explorer/src/components/TransactionHash.js
diff --git a/mithril-explorer/src/components/VerifyCertificate/CertificateVerifier.js b/mithril-explorer/src/components/VerifyCertificate/CertificateVerifier.js
diff --git a/mithril-explorer/src/components/VerifyCertificate/VerifyCertificateModal.js b/mithril-explorer/src/components/VerifyCertificate/VerifyCertificateModal.js

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { saveToLocalStorage, storeBuilder } from "../src/store/store";`
	`1`	`+import { saveToLocalStorage, storeBuilder } from "@/store/store";`
`2`	`2`	`import * as mockRouter from "next-router-mock";`
`3`	`3`
`4`	`4`	`const baseLocation = "http://localhost";`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { formatPartyId } from "../src/utils";`
	`1`	`+import { formatPartyId } from "@/utils";`
`2`	`2`
`3`	`3`	`describe("Stake formatting", () => {`
`4`	`4`	`it.each([`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { formatStake } from "../src/utils";`
	`1`	`+import { formatStake } from "@/utils";`
`2`	`2`
`3`	`3`	`const toLovelace = (ada) => ada * 1000000;`
`4`	`4`