a0465391be
Moved the keymap upgrader to a top-level page like the power profiler to make it more discoverable. It upgrades more things than key codes now, so putting it in the codes category doesn't make much sense. Converted the upgrader code to TypeScript and split it up into smaller files to make it easier to add new upgrade functions. Added upgrade functions to remove/replace "label" properties and rename matrix-transform.h to matrix_transform.h.
49 lines
1.1 KiB
JavaScript
49 lines
1.1 KiB
JavaScript
/*
|
|
* Copyright (c) 2020 The ZMK Contributors
|
|
*
|
|
* SPDX-License-Identifier: CC-BY-NC-SA-4.0
|
|
*/
|
|
|
|
import React from "react";
|
|
import { useAsync } from "react-async";
|
|
|
|
import { initParser, upgradeKeymap } from "@site/src/keymap-upgrade";
|
|
import CodeBlock from "@theme/CodeBlock";
|
|
|
|
import styles from "./styles.module.css";
|
|
|
|
export default function KeymapUpgrader() {
|
|
const { error, isPending } = useAsync(initParser);
|
|
|
|
if (isPending) {
|
|
return <p>Loading...</p>;
|
|
}
|
|
|
|
if (error) {
|
|
return <p className="error">Error: {error.message}</p>;
|
|
}
|
|
|
|
return <Editor />;
|
|
}
|
|
|
|
function Editor() {
|
|
const [keymap, setKeymap] = React.useState("");
|
|
const upgraded = upgradeKeymap(keymap);
|
|
|
|
return (
|
|
<div>
|
|
<textarea
|
|
className={styles.editor}
|
|
placeholder="Paste keymap here"
|
|
spellCheck={false}
|
|
value={keymap}
|
|
onChange={(e) => setKeymap(e.target.value)}
|
|
></textarea>
|
|
<div className={styles.result}>
|
|
<CodeBlock language="dts" metastring={'title="Upgraded Keymap"'}>
|
|
{upgraded}
|
|
</CodeBlock>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|