xevion/rdap
1
0
Fork 0
mirror of https://github.com/Xevion/rdap.git synced 2025-12-06 09:16:05 -06:00
Code Issues Packages Projects Releases Wiki Activity

Move current RDAP implementation into old.tsx page

Browse Source
This commit is contained in:
Xevion
2023-02-20 00:06:59 -06:00
parent a535c43bf8
commit ffc690edce
1 changed files with 18 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/pages/index.tsx → src/pages/old.tsx
View File

@@ -1,6 +1,6 @@
import {type NextPage} from "next"; import {type NextPage} from "next";
import Head from "next/head"; import Head from "next/head";
import type {ObjectType, Register} from "@/types"; import type {Register, TargetType} from "@/types";
import {placeholders, registryURLs} from "@/constants"; import {placeholders, registryURLs} from "@/constants";
import {domainMatch, getBestURL, getType} from "@/rdap"; import {domainMatch, getBestURL, getType} from "@/rdap";
import type {FormEvent} from "react"; import type {FormEvent} from "react";
@@ -12,7 +12,7 @@ import Generic from "@/components/Generic";
import type {ZodSchema} from "zod"; import type {ZodSchema} from "zod";
import {DomainSchema, RegisterSchema} from "@/schema"; import {DomainSchema, RegisterSchema} from "@/schema";
const Index: NextPage = () => { const Old: NextPage = () => {
const [requestJSContact, setRequestJSContact] = useState(false); const [requestJSContact, setRequestJSContact] = useState(false);
const [followReferral, setFollowReferral] = useState(false); const [followReferral, setFollowReferral] = useState(false);
const [object, setObject] = useState<string>(""); const [object, setObject] = useState<string>("");
@@ -22,27 +22,24 @@ const Index: NextPage = () => {
const [registryData, setRegistryData] = useState<Record<string, Register> | null>(null); const [registryData, setRegistryData] = useState<Record<string, Register> | null>(null);
// Change the selected type automatically // Change the selected type automatically
const uriType = useMemo<ObjectType>(function () { const uriType = useMemo<TargetType>(function () {
return getType(object) ?? 'domain'; return getType(object) ?? 'domain';
}, [object]); }, [object]);
async function loadRegistryData() { async function loadRegistryData() {
setLoading(true); setLoading(true);
console.log('Retrieving registry ..')
let registersLoaded = 0; let registersLoaded = 0;
const totalRegisters = Object.keys(registryURLs).length; const totalRegisters = Object.keys(registryURLs).length;
const responses = await Promise.all(Object.entries(registryURLs).map(async ([url, registryType]) => { const responses = await Promise.all(Object.entries(registryURLs).map(async ([registryType, url]) => {
const response = await axios.get(url); const response = await axios.get(url);
registersLoaded++; registersLoaded++;
console.log(`Registered loaded ${registersLoaded}/${totalRegisters}`)
return { return {
registryType, registryType,
response: RegisterSchema.parse(response.data) response: RegisterSchema.parse(response.data)
}; };
})) }))
console.log('Registry data set.')
setRegistryData(() => { setRegistryData(() => {
return Object.fromEntries( return Object.fromEntries(
responses.map(({registryType, response}) => [registryType, response]) responses.map(({registryType, response}) => [registryType, response])
@@ -143,9 +140,7 @@ const Index: NextPage = () => {
data = schema.parse(JSON.parse(url.substring(7))) data = schema.parse(JSON.parse(url.substring(7)))
} else { } else {
try { try {
const response = await axios.get(url, {responseType: "json", headers: { const response = await axios.get(url, {responseType: "json"})
'Referrer-Policy': 'no-referrer'
}})
if (response.status == 404) if (response.status == 404)
setError('This object does not exist.'); setError('This object does not exist.');
else if (response.status != 200) else if (response.status != 200)
@@ -201,12 +196,11 @@ const Index: NextPage = () => {
if (params.has('follow-referral') && truthy(params.get('follow-referral'))) if (params.has('follow-referral') && truthy(params.get('follow-referral')))
setFollowReferral(true); setFollowReferral(true);
loadRegistryData().catch(console.error);
if (params.has('object') && (params.get('object')?.length ?? 0) > 0) { if (params.has('object') && (params.get('object')?.length ?? 0) > 0) {
setObject(params.get('object')!); setObject(params.get('object')!);
// submit(null); // submit().catch(console.error);
} }
loadRegistryData().catch(console.error);
}, []) }, [])
return ( return (
@@ -263,7 +257,8 @@ const Index: NextPage = () => {
<div className="input-group-prepend"> <div className="input-group-prepend">
<select onChange={() => { <select onChange={() => {
return false; return false;
}} className="custom-select bg-zinc-800 border-zinc-700 text-zinc-200" id="type" name="type" }} className="custom-select bg-zinc-800 border-zinc-700 text-zinc-200" id="type"
name="type"
value={uriType}> value={uriType}>
<option value="domain">Domain</option> <option value="domain">Domain</option>
<option value="tld">TLD</option> <option value="tld">TLD</option>
@@ -276,13 +271,14 @@ const Index: NextPage = () => {
</select> </select>
</div> </div>
<input className="form-control bg-zinc-800 focus:bg-zinc-700 focus:border-zinc-600 border-zinc-700 text-zinc-200" <input
type="text" className="form-control bg-zinc-800 focus:bg-zinc-700 focus:border-zinc-600 border-zinc-700 text-zinc-200"
placeholder={placeholders[uriType]} type="text"
disabled={loading} placeholder={placeholders[uriType]}
onChange={(e) => { disabled={loading}
setObject(e.target.value); onChange={(e) => {
}} required/> setObject(e.target.value);
}} required/>
<div className="input-group-append"> <div className="input-group-append">
<input id="button" type="button" value="Submit" onClick={(event) => { <input id="button" type="button" value="Submit" onClick={(event) => {
@@ -363,4 +359,4 @@ const Index: NextPage = () => {
); );
}; };
export default Index; export default Old;