- setUserId(el.target.value)} placeholder="Enter your Discord ID" /> - {userId ? ( - <> - -
- setUserId(el.target.value)} placeholder="Enter your Discord ID" /> - {userId ? ( - <> - -
+
+
+
+ {!isLoaded ? (
+
+ {userError}
+
+ ) : null}
+
+
+ 
setIsLoaded(true)}
+ onError={() =>
+ userId.length > 0 && isSnowflake(userId)
+ ? setUserError(
+ <>
+ User is not monitored by Lanyard, please join{" "}
+
+ the server
+ {" "}
+ and try again.
+ ,
+ )
+ : null
+ }
+ />
+
+
+
+ 🏷️ lanyard-profile-readme
++ Uses{" "} + + Lanyard + {" "} + to display your Discord Presence anywhere. +
+ +
+ onLoadDiscordId(e.target.value)}
+ value={userId || ""}
+ placeholder="Enter your Discord ID"
+ />
+
+
+
+
+
+ {PARAMETER_INFO.filter(item => item.type !== "boolean").map(item => {
+ return (
+
+
+ {/* Separated for easier styling/readability */}
+
+
+ );
+ })}
+
+
+
+
+
+ {item.description}
+
+
+
+
+ {item.type === "string" && (
+ {
+ const filteredValue = encodeURIComponent(
+ filterLetters(
+ e.target.value,
+ (PARAMETER_INFO.find(p => p.parameter === item.parameter) as any).options.omit,
+ ),
+ );
+
+ setOptions(prev => ({
+ ...prev,
+ [item.parameter]: filteredValue,
+ }));
+ }}
+ value={decodeURIComponent((options[item.parameter] as string) || "")}
+ />
+ )}
+
+ {item.type === "list" && (
+ {item.title}
+
+
+
+ )}
+
+ {PARAMETER_INFO.filter(item => item.type === "boolean").map(item => {
+ return (
+
+
+
+ setOptions(prev => ({
+ ...prev,
+ [item.parameter]: e.target.checked.toString(),
+ }))
+ }
+ />
+
+
+
+
+
+ {item.description}
+
+
+
+ );
+ })}
+ p.parameter === item.parameter)?.deprecated + ? "line-through" + : "none", + }} + > + {item.title} +
+ +
+ {(["markdown", "html", "url"] as const).map(type => (
+
+ ))}
+
+
+
+ {copyContent[outputType]}
+
+
+
+
+
+ {props.children}
+ );
+
+ const renderedSVG = (
+
+ );
+
+ return renderToStaticMarkup(renderedSVG);
+}
+
+export default renderCard;
diff --git a/src/snowflake.ts b/src/utils/snowflake.ts
similarity index 60%
rename from src/snowflake.ts
rename to src/utils/snowflake.ts
index 480fe0a..dc93f73 100644
--- a/src/snowflake.ts
+++ b/src/utils/snowflake.ts
@@ -4,6 +4,8 @@ const EPOCH = 1420070400000; // Discord's EPOCH
export function isSnowflake(snowflake: number | string): boolean {
snowflake = Number(snowflake);
return (
- Number.isInteger(+snowflake) && snowflake > 4194304 && !isNaN(new Date(snowflake / 4194304 + EPOCH).getTime())
+ Number.isInteger(+snowflake) &&
+ snowflake > 4194304 &&
+ !isNaN(new Date(snowflake / 4194304 + EPOCH).getTime())
);
}
diff --git a/src/utils/toBase64.ts b/src/utils/toBase64.ts
new file mode 100644
index 0000000..283bd3a
--- /dev/null
+++ b/src/utils/toBase64.ts
@@ -0,0 +1,18 @@
+export const encodeBase64 = async (url: string): Promise