this repo has no description
Commit.
+41
-9
+1
-1
package.json
+1
-1
package.json
+1
src/assets/bluesky-brands-solid.svg
+1
src/assets/bluesky-brands-solid.svg
···
1
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z"/></svg>
+1
src/assets/file-solid.svg
+1
src/assets/file-solid.svg
···
1
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M0 64C0 28.7 28.7 0 64 0L224 0l0 128c0 17.7 14.3 32 32 32l128 0 0 288c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 64zm384 64l-128 0L256 0 384 128z"/></svg>
+1
src/assets/github-brands-solid.svg
+1
src/assets/github-brands-solid.svg
···
1
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>
+22
-4
src/components/layout.tsx
+22
-4
src/components/layout.tsx
···
1
1
import { ParentComponent } from "solid-js";
2
2
3
-
//relative z-10 mx-auto flex min-h-dvh max-w-xl flex-col-reverse
3
+
import blueskyBrandsSolid from "../assets/bluesky-brands-solid.svg";
4
+
import githubBrandsSolid from "../assets/github-brands-solid.svg";
4
5
5
6
const Layout: ParentComponent = (props) => {
6
7
return (
···
12
13
<main>{props.children}</main>
13
14
<footer>
14
15
<div class="credit flex">
15
-
<div class="text-left flex-grow">
16
-
💕{" "}
16
+
<div class="text-left flex-grow flex">
17
+
<img
18
+
src={blueskyBrandsSolid}
19
+
width="14"
20
+
height="14"
21
+
class="mr-1"
22
+
/>{" "}
17
23
<a target="_blank" href="https://bsky.app/profile/lukeacl.com">
18
24
@lukeacl.com
19
25
</a>{" "}
20
-
- v{__APP_VERSION__}
26
+
<img
27
+
src={githubBrandsSolid}
28
+
width="14"
29
+
height="14"
30
+
class="ml-1 mr-1"
31
+
/>{" "}
32
+
<a
33
+
target="_blank"
34
+
href="https://github.com/lukeacl/atproto-did-web"
35
+
>
36
+
lukeacl/atproto-did-web
37
+
</a>
21
38
</div>
39
+
<div class="text-right flex-grow">v{__APP_VERSION__}</div>
22
40
</div>
23
41
</footer>
24
42
</div>
+15
-4
src/pages/did-web.tsx
+15
-4
src/pages/did-web.tsx
···
4
4
import {} from "solid-js";
5
5
import * as ui8 from "uint8arrays";
6
6
7
+
import fileSolid from "../assets/file-solid.svg";
8
+
7
9
const DIDWeb = () => {
8
10
const [showDebug] = createSignal(false);
9
11
const [skipDIDFileChecks] = createSignal(false);
···
87
89
88
90
const validateDIDFile = async (event: Event) => {
89
91
event.preventDefault();
92
+
if (skipDIDFileChecks() === true) return setStep(step() + 1);
90
93
try {
91
94
const response = await fetch(didFileLocation());
92
95
const json = await response.json();
93
96
const didFileMatches =
94
97
JSON.stringify(json) == JSON.stringify(JSON.parse(didFile()));
95
-
if (didFileMatches === false && skipDIDFileChecks() === false)
98
+
if (didFileMatches === false)
96
99
return showError(
97
100
"DID file validation failed. Check its contents and try again.",
98
101
);
···
225
228
226
229
const validateUpdatedDIDFile = async (event: Event) => {
227
230
event.preventDefault();
231
+
if (skipDIDFileChecks() === true) return setStep(step() + 1);
228
232
try {
229
233
const response = await fetch(didFileLocation());
230
234
const json = await response.json();
231
235
const didFileMatches =
232
236
JSON.stringify(json) == JSON.stringify(JSON.parse(updatedDIDFile()));
233
-
if (didFileMatches === false && skipDIDFileChecks() === false)
237
+
if (didFileMatches === false)
234
238
return showError(
235
239
"Updated DID file validation failed. Check its contents and try again.",
236
240
);
···
446
450
</p>
447
451
<div class="form">
448
452
<div class="form-group">
449
-
<p class="font-xs text-sky-700 mb-1">
453
+
<p class="font-xs text-sky-700 mb-1 flex opacity-50">
454
+
<img src={fileSolid} width="10" height="10" class="mr-2" />
450
455
<a target="_blank" href={didFileLocation()}>
451
456
{didFileLocation()}
452
457
</a>
···
595
600
) : (
596
601
<>
597
602
<div class="form-group">
598
-
<p class="font-xs text-sky-700 mb-1">
603
+
<p class="font-xs text-sky-700 mb-1 flex opacity-50">
604
+
<img
605
+
src={fileSolid}
606
+
width="10"
607
+
height="10"
608
+
class="mr-2"
609
+
/>
599
610
<a target="_blank" href={didFileLocation()}>
600
611
{didFileLocation()}
601
612
</a>