Skip to content

Commit

Permalink
start to add a preonic
Browse files Browse the repository at this point in the history
  • Loading branch information
@obra
obra committed Jun 19, 2024
1 parent ce2efa7 commit a463479
Show file tree
Hide file tree
Showing 4 changed files with 245 additions and 0 deletions.
188 changes: 188 additions & 0 deletions src/api/hardware-keyboardio-preonic/components/Keymap.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,188 @@
// -*- mode: js-jsx -*-
/* chrysalis-hardware-keyboardio-preonic -- Chrysalis Preonic support
* Copyright (C) 2019-2022 Keyboardio, Inc.
*
* This program is free software: you can redistribute it and/or modify it under
* the terms of the GNU General Public License as published by the Free Software
* Foundation, version 3.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/

import KeymapDB from "@api/focus/keymap/db";
import React from "react";
import Preonic from "../data/preonic.png";

const db = new KeymapDB();

const Keymap = (props) => {
const keymap =
props.keymap ||
Array(60)
.fill()
.map(() => 0);
const KeySpacingY = 54;
const keySpacingX = 54;
const colOffsetY = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
const colOffsetX = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
const rowOffsetX = [0, 0, 0, 0];
const layer = props.index;
const onKeySelect = props.onKeySelect;

const getKey = (row, col) => {
if (!props.keymap) return null;
const keyIndex = parseInt(row) * 12 + parseInt(col),
key = keymap[keyIndex];
return key;
};

const isActive = (row, col) => {
const keyIndex = parseInt(row) * 12 + parseInt(col);
return props.selectedKey == keyIndex;
};

const getX = (row, col) => {
return rowOffsetX[row] + keySpacingX * col + colOffsetX[col];
};

const getY = (row, col) => {
return colOffsetY[col] + KeySpacingY * row;
};

const Key = (props) => {
const { row, col } = props;
const x = getX(row, col),
y = getY(row, col),
active = isActive(row, col),
key = getKey(row, col),
onClick = onKeySelect;
const keyIndex = parseInt(row) * 12 + parseInt(col);
const strokeColor = "transparent" || "#b3b3b3";
const stroke = active ? "#f3b3b3" : strokeColor;
const height = props.height || 44;
const width = props.width || 44;
const bottom = y + height - 5;
/*
const textColor = "#000000";
const buttonColor = "#ffffff";
*/

let textColor = "#ffffff";
const buttonColor = "transparent";
let legendClass = "";
let mainLegendClass = "";
const legend = key && db.format(key, { layerNames: props.layerNames });
if (key && (legend.main || "").length <= 1 && !legend.hint) legendClass = "short-legend";
if (key && (legend.main || "").length <= 1) mainLegendClass = "short-legend";
if (key && key.code == 0) textColor = "#888888";
return (
<g onClick={onClick} className="key" data-key-index={keyIndex} data-layer={layer}>
<rect x={x} y={y} rx={2} width={width} height={height} stroke={stroke} strokeWidth={1.55} fill={buttonColor} />
<text x={x + 5} y={y + 14} fill={textColor} className={legendClass}>
{legend?.hint}
</text>
<text x={x + 5} y={bottom} fill={textColor} className={mainLegendClass}>
{legend?.main}
</text>
</g>
);
};

const { classes, maxHeight } = props;
return (
<svg
viewBox="0 0 855 400"
xmlns="http://www.w3.org/2000/svg"
preserveAspectRatio=""
style={{
maxHeight: "150%",
background: `url(${Preonic})`,
backgroundRepeat: "no-repeat",
backgroundSize: "100%",
}}
className={props.className || "layer"}
>
<g transform="translate(93,88)">
<g transform="rotate(0)">
<Key layerNames={props.layerNames} row={0} col={0} />
<Key layerNames={props.layerNames} row={0} col={1} />
<Key layerNames={props.layerNames} row={0} col={2} />
<Key layerNames={props.layerNames} row={0} col={3} />
<Key layerNames={props.layerNames} row={0} col={4} />

<Key layerNames={props.layerNames} row={0} col={5} />

<Key layerNames={props.layerNames} row={0} col={6} />
<Key layerNames={props.layerNames} row={0} col={7} />
<Key layerNames={props.layerNames} row={0} col={8} />
<Key layerNames={props.layerNames} row={0} col={9} />
<Key layerNames={props.layerNames} row={0} col={10} />
<Key layerNames={props.layerNames} row={0} col={11} />

<Key layerNames={props.layerNames} row={1} col={0} />
<Key layerNames={props.layerNames} row={1} col={1} />
<Key layerNames={props.layerNames} row={1} col={2} />
<Key layerNames={props.layerNames} row={1} col={3} />
<Key layerNames={props.layerNames} row={1} col={4} />
<Key layerNames={props.layerNames} row={1} col={5} />
<Key layerNames={props.layerNames} row={1} col={6} />

<Key layerNames={props.layerNames} row={1} col={7} />
<Key layerNames={props.layerNames} row={1} col={8} />
<Key layerNames={props.layerNames} row={1} col={9} />
<Key layerNames={props.layerNames} row={1} col={10} />
<Key layerNames={props.layerNames} row={1} col={11} />

<Key layerNames={props.layerNames} row={2} col={0} />
<Key layerNames={props.layerNames} row={2} col={1} />
<Key layerNames={props.layerNames} row={2} col={2} />
<Key layerNames={props.layerNames} row={2} col={3} />
<Key layerNames={props.layerNames} row={2} col={4} />
<Key layerNames={props.layerNames} row={2} col={5} />
<Key layerNames={props.layerNames} row={2} col={6} />
<Key layerNames={props.layerNames} row={2} col={7} />
<Key layerNames={props.layerNames} row={2} col={8} />
<Key layerNames={props.layerNames} row={2} col={9} />
<Key layerNames={props.layerNames} row={2} col={10} />
<Key layerNames={props.layerNames} row={2} col={11} />

<Key layerNames={props.layerNames} row={3} col={0} />
<Key layerNames={props.layerNames} row={3} col={1} />
<Key layerNames={props.layerNames} row={3} col={2} />
<Key layerNames={props.layerNames} row={3} col={3} />
<Key layerNames={props.layerNames} row={3} col={4} />

<Key layerNames={props.layerNames} row={3} col={5} />
<Key layerNames={props.layerNames} row={3} col={6} />
<Key layerNames={props.layerNames} row={3} col={7} />
<Key layerNames={props.layerNames} row={3} col={8} />
<Key layerNames={props.layerNames} row={3} col={9} />
<Key layerNames={props.layerNames} row={3} col={10} />
<Key layerNames={props.layerNames} row={3} col={11} />

<Key layerNames={props.layerNames} row={4} col={0} />
<Key layerNames={props.layerNames} row={4} col={1} />
<Key layerNames={props.layerNames} row={4} col={2} />
<Key layerNames={props.layerNames} row={4} col={3} />
<Key layerNames={props.layerNames} row={4} col={4} />

<Key layerNames={props.layerNames} row={4} col={5} />
<Key layerNames={props.layerNames} row={4} col={6} />
<Key layerNames={props.layerNames} row={4} col={7} />
<Key layerNames={props.layerNames} row={4} col={8} />
<Key layerNames={props.layerNames} row={4} col={9} />
<Key layerNames={props.layerNames} row={4} col={10} />
<Key layerNames={props.layerNames} row={4} col={11} />
</g>
</g>
</svg>
);
};

export default Keymap;
Binary file added src/api/hardware-keyboardio-preonic/data/atreus.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/api/hardware-keyboardio-preonic/data/preonic.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
57 changes: 57 additions & 0 deletions src/api/hardware-keyboardio-preonic/index.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
/* chrysalis-hardware-keyboardio-atreus2 -- Chrysalis Preonic support
* Copyright (C) 2019-2022 Keyboardio, Inc.
*
* This program is free software: you can redistribute it and/or modify it under
* the terms of the GNU General Public License as published by the Free Software
* Foundation, version 3.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/

import Keymap from "./components/Keymap";

const Preonic = {
info: {
vendor: "Keyboardio",
product: "Preonic",
displayName: "Keyboardio Preonic",
urls: [
{
name: "Homepage",
url: "https://shop.keyboard.io/products/keyboardio-atreus",
},
{
name: "Forum",
url: "https://community.keyboard.io/",
},
{
name: "Chat",
url: "https://keyboard.io/discord-invite",
},
],
},
usb: {
vendorId: 0x1209,
productId: 0x2303,
bootloader: {
vendorId: 0x1209,
productId: 0x2302,
protocol: "avr109",
},
},
keyboard: {
rows: 4,
columns: 12,
},
components: {
keymap: Keymap,
},
};

export { Preonic };

0 comments on commit a463479

Please sign in to comment.