-
- HexName
+ {#if auth.isAuthenticated || isMobile}
+
+ {/if}
+
-
-
-
+
{auth.userEmail}
+
+
+ - Delete account +
- Log out +
{auth.userEmail}
- -
- - 2-factor via email - --
-
- Delete account -
- Log out -
{#if auth.isAuthenticated}
-
+
diff --git a/src/lib/Phone.svelte b/src/lib/Phone.svelte
new file mode 100644
index 0000000..ed8c28c
--- /dev/null
+++ b/src/lib/Phone.svelte
@@ -0,0 +1,112 @@
+
+
+
-
-
+
{:else}
-
-
+
{/if}
+
-
+
+
+ -
+
-
-
+
\ No newline at end of file
diff --git a/src/lib/Record.svelte b/src/lib/Record.svelte
index 42449f9..607a768 100644
--- a/src/lib/Record.svelte
+++ b/src/lib/Record.svelte
@@ -8,8 +8,103 @@
let { records = $bindable(), record, i, fqdn, error }: { records: DnsRecord[], record: DnsRecord, i: number, fqdn: string, error: string } = $props();
let isEdit = $state(false);
- let recordDraft = $state($state.snapshot(record));
+ $effect(() => {
+ records.length;
+ isEdit = false;
+ })
let errorMessage = $state('');
+ // svelte-ignore state_referenced_locally
+ let recordDraft = $state($state.snapshot(record));
+ // svelte-ignore state_referenced_locally
+ let hasToken = $state(record.has_token);
+
+ let tokenScript = $derived.by(() => {
+ if (record.record_type === "A") {
+ return "#!/bin/bash\n" +
+ "IP=$(curl -s http://ipv4.icanhazip.com)\n" +
+ `curl -X PUT https://hexname.com/api/v1/ddns/ipv4/${token}/$IP`
+ } else if (record.record_type === "AAAA") {
+ return "#!/bin/bash\n" +
+ "IP=$(curl -s http://ipv6.icanhazip.com)\n" +
+ `curl -X PUT https://hexname.com/api/v1/ddns/ipv6/${token}/$IP`
+ } else {
+ return "A weird error happened. Please contact support with this screenshot.";
+ }
+ });
+
+ let copied = $state(false);
+ let resetTimer: NodeJS.Timeout | undefined;
+
+ function copyToken() {
+ if (copied) return;
+
+ navigator.clipboard.writeText(tokenScript);
+ copied = true;
+ let btn = document.getElementById("copy-btn")
+ btn?.classList.add("swap-active");
+
+ clearTimeout(resetTimer);
+ resetTimer = setTimeout(() => {
+ copied = false;
+ btn?.classList.remove("swap-active");
+ }, 1000);
+ }
+
+ let modal: HTMLDialogElement | null = $state(null);
+ let token = $state('');
+ async function generateToken() {
+ try {
+ let res = await fetch(`${PUBLIC_BACKEND_API_HOST}/api/v1/record/ddns-token`, {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({"id": record.id })});
+
+ if (!res.ok) {
+ errorMessage = (await res.json()).msg || "Something went wrong";
+ console.log(errorMessage);
+ return;
+ }
+
+ let data = await res.json();
+ if (!res.ok) {
+ errorMessage = data?.msg || "Something went wrong";
+ console.log(errorMessage);
+ return;
+ }
+
+ token = data.token;
+ modal?.showModal();
+ } catch (err: any) {
+ errorMessage = err?.msg || "Network error";
+ console.log(errorMessage);
+ }
+ }
+
+ async function revokeToken() {
+ try {
+ let res = await fetch(`${PUBLIC_BACKEND_API_HOST}/api/v1/record/ddns-token`, {
+ method: 'DELETE',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({"id": record.id })});
+
+ if (!res.ok) {
+ errorMessage = (await res.json()).msg || "Something went wrong";
+ console.log(errorMessage);
+ return;
+ }
+
+ if (!res.ok) {
+ errorMessage = "Something went wrong";
+ console.log(errorMessage);
+ return;
+ }
+
+ hasToken = false;
+ } catch (err: any) {
+ errorMessage = err?.msg || "Network error";
+ console.log(errorMessage);
+ }
+ }
function triggerMenu() {
if (isEdit) {
@@ -69,7 +164,6 @@
}
records = handleUiRecordUpdates(records, data);
- alert("Record successfully updated!")
} catch (err: any) {
errorMessage = err?.msg || "Network error";
console.log(errorMessage);
@@ -101,10 +195,11 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ $ dig example.hexname.com -t TXT +short+
"v=spf1 mx ra=spf-reports -all"+
$+
$+
$ dig example.hexname.com +short+
198.51.100.98+
$ curl icanhazip.com+
198.51.100.135+
$ ./update-ddns.sh+
$ dig example.hexname.com +short+
198.51.100.135+
$+█
+
+
+ ESC
+ /
+ -
+ HOME
+ ↑
+ END
+ PGUP
+
+
+
+ CTRL
+ ALT
+ ←
+ ↓
+ →
+ PGDN
+
+
+
+
+ q
+ w
+ e
+ r
+ t
+ y
+ u
+ i
+ o
+ p
+
+
+ a
+ s
+ d
+ f
+ g
+ h
+ j
+ k
+ l
+
+
+
+
+
+ z
+ x
+ c
+ v
+ b
+ n
+ m
+ /
+
+
+
+
+
+ 123
+ ,
+ < Space >
+ .
+
+
+
+
+
+ {#if isRotated}
+
+
+
+
+ {:else}
+
+ {/if}
+
+
-
+
-
+
-
+
{error}
+
+ {#if record.record_type === 'A' || record.record_type === "AAAA"}
+ {#if hasToken}
+
+
+ {:else}
+
+
+ {/if}
+ {/if}
+
@@ -252,7 +397,7 @@
-
{/if}
diff --git a/src/lib/SideMenu.svelte b/src/lib/SideMenu.svelte
index 2512d05..fbb4926 100644
--- a/src/lib/SideMenu.svelte
+++ b/src/lib/SideMenu.svelte
@@ -1,35 +1,60 @@
-
diff --git a/src/lib/records.svelte.ts b/src/lib/records.svelte.ts
index 178a35b..ffb32c2 100644
--- a/src/lib/records.svelte.ts
+++ b/src/lib/records.svelte.ts
@@ -11,6 +11,7 @@ export interface DnsRecord {
priority?: number;
weight?: number;
port?: number;
+ has_token?: boolean;
}
export interface RecordsResponse {
diff --git a/src/lib/slideIn.ts b/src/lib/slideIn.ts
new file mode 100644
index 0000000..f8f71ff
--- /dev/null
+++ b/src/lib/slideIn.ts
@@ -0,0 +1,23 @@
+export function slideIn(node: HTMLElement) {
+ const observer = new IntersectionObserver(
+ ([entry]) => {
+ if (entry.isIntersecting) {
+ node.classList.add("opacity-100");
+ node.classList.remove("opacity-0", "lg:translate-x-60", "lg:-translate-x-60", "translate-x-30", "-translate-x-30", "lg:-translate-x-60", "not-lg:translate-y-40");
+ observer.unobserve(node);
+ }
+ },
+ {
+ threshold: 0,
+ rootMargin: "0px 0px -20% 0px"
+ }
+ );
+
+ observer.observe(node);
+
+ return {
+ destroy() {
+ observer.disconnect();
+ }
+ };
+}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 7f793a6..16a97d7 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,12 +1,17 @@
+
+
+
+
+
+
{/if}
-
\ No newline at end of file
+ -->
\ No newline at end of file
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 9977a25..3a467f6 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,272 +1,296 @@
-
-
+
+
+
+
+
+
+ {@render children()}
+
+
+
+
-
{@render children()}