c0ntroller/frontpage
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects 1 Activity

Color preview in one line and bug fixing

Browse Source
This commit is contained in:
Daniel Kluge 2022-06-12 19:57:34 +02:00
parent df2cf98b22
commit f33b15bfa0
2 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/REPL/REPLHistory.tsx
View File

@ -36,7 +36,7 @@ const REPLHistory: NextPage<REPLHistoryParams> = ({history, inputRef}) => {
while (idxStart !== -1 && idxSep !== -1 && idxEnd !== -1) {
const linkText = line.substring(idxStart+2, idxSep);
const linkHref = line.substring(idxSep+1, idxEnd);
const isLocal = linkHref.startsWith("https://c0ntroller.de") || linkHref.startsWith("/");
const isLocal = linkHref.startsWith("https://c0ntroller.de") || linkHref.startsWith("/") || linkHref.startsWith("#");
result.push(line.substring(0, idxStart));
result.push(<Link href={linkHref}><a className={styles.link} target={isLocal ? "_self" : "_blank"} rel={isLocal ? "" : "noreferrer"}>{linkText}</a></Link>);
@ -46,7 +46,9 @@ const REPLHistory: NextPage<REPLHistoryParams> = ({history, inputRef}) => {
idxSep = line.indexOf("|", idxStart);
idxEnd = line.indexOf("}", idxSep);
}
result.push(line.substring(idxEnd+1));
// Its already cut off
result.push(line);
return result;
};
@ -70,7 +72,9 @@ const REPLHistory: NextPage<REPLHistoryParams> = ({history, inputRef}) => {
idxStart = line.indexOf("%{");
idxEnd = line.indexOf("}", idxStart);
}
result.push(line.substring(idxEnd+1));
// Its already cut off
result.push(line);
return result;
};

11
lib/commands/definitions.ts
View File

@ -225,15 +225,16 @@ const color: Command = {
window.document.documentElement.style.removeProperty("--repl-color-hint");
return ["Color reset."];
} else {
let color: Color;
try {
const color = Color(args.join().trim());
window?.document.documentElement.style.setProperty("--repl-color", color.string());
window?.document.documentElement.style.setProperty("--repl-color-link", color.lighten(0.3).rgb().string());
window?.document.documentElement.style.setProperty("--repl-color-hint", color.fade(0.7).string());
color = Color(args.join().trim());
} catch {
return ["Invalid color!"];
}
return ["Color set.", "#{Link|https://google.de}.", "%{command}"];
window?.document.documentElement.style.setProperty("--repl-color", color.string());
window?.document.documentElement.style.setProperty("--repl-color-link", color.lighten(0.3).rgb().string());
window?.document.documentElement.style.setProperty("--repl-color-hint", color.fade(0.7).string());
return ["Color set | #{Link|#} | %{help}"];
}
}
};