Keyboard

docs/learn/orthography.md

@@ -142,7 +142,7 @@ To summarise, there are several possibilities for writing the same word. The gen
 
 [1]: #representation-of-problematic-characters
 
-[2]: ../resources/keyboards.md
+[2]: ../resources/keyboards/index.md
 
 [3]: https://web.archive.org/web/20230201091637/http://grzegorz.jagodzinski.prv.pl/gram/en/ipa.html
 

docs/resources/index.md

@@ -154,7 +154,7 @@ Here are some websites dedicated to the Interslavic language and culture:
 
 [17]: https://www.patro.cz/interslavic-zonal-constructed-language/
 
-[18]: ./keyboards.md
+[18]: ./keyboards/index.md
 
 [19]: https://interslavic-dictionary.com/
 

docs/resources/keyboards.md → docs/resources/keyboards/index.md

@@ -1,3 +1,6 @@
+import { KeyboardPreview } from "@site/src/components";
+import layout from "@site/src/markdown/keyboards/art-Latn-x-interslv.json";
+
 # Keyboards
 
 ### Windows \{#windows}
@@ -32,6 +35,7 @@ For the **Interslavic Cyrillic** alphabet:
 
 - Serbian (exempted, without "Ы")
 
-[1]: http://tyflonet.com/siciliano/klaviatury
+<KeyboardPreview layout={layout} />
 
+[1]: http://tyflonet.com/siciliano/klaviatury
 [2]: http://usachov.eu/g

docs/resources/keyboards/kbdmslat.mdx

@@ -0,0 +1,49 @@
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
+import { translate } from "@docusaurus/Translate";
+import { KeyboardPreview, PlatformDownloads } from "@site/src/components";
+import layout from "@site/src/markdown/keyboards/art-Latn-x-interslv.json";
+
+# Interslavic Keyboard
+
+This is the recommended keyboard layout tailored for all Slavic languages and dialects using Latin script, recognized or obscure: from Polish and Czech to less familiar and endangered languages and dialects.
+
+<KeyboardPreview layout={layout} />
+
+## Key features
+
+- **Inclusivity**: Built upon the standard English keyboard, this layout integrates all the letters of the Latin alphabet and a variety of diacritical marks and typographical symbols, allowing seamless interaction in multiple languages.
+- **Accessibility**: All special characters are readily available using combinations with the AltGr key or dead keys at the top of the keyboard.
+- **Compatibility**: This keyboard layout is compatible with operating systems from Windows XP to the most recent ones.
+- **Customizability**: The archive comes with a source file for the Microsoft Keyboard Layout Creator, enabling modifications to suit personal preferences.
+
+## Downloads
+
+<PlatformDownloads
+  featured={[
+    {
+      type: "windows",
+      link: "https://tyflonet.com/siciliano/kbdmslat.zip",
+      fileName: "kbdmslat.zip",
+    },
+    {
+      type: "mac",
+      link: "https://github.com/medzuslovjansky/keyboards/tree/main/mac",
+      fileName: "interslavic-kbd.pkg",
+    },
+    { type: "deb", link: "#", fileName: "interslavic-kbd.deb" },
+    { type: "rpm", link: "#", fileName: "interslavic-kbd.rpm" },
+  ]}
+/>
+
+## Installation
+
+<Tabs>
+  <TabItem value="win32" label={translate({ id: 'com.os.Windows', message: 'Windows' })} default>
+
+The keyboard works on Windows XP, Vista, 7, 8, and newer operating systems. After unpacking the keyboard archive, click on the <code>KBDMSLAT.exe</code> file with the left mouse button. At the end of the installation, a dialogue appears with the "Close" button, which closes the installation. You can switch to the keyboard by pressing <kbd>Alt</kbd>+<kbd>Shift</kbd>, or if you are using the Slovenian keyboard as the base, by pressing <kbd>Ctrl</kbd>+<kbd>Shift</kbd>, because the keyboard installs under the Slovenian language (Slovenia, code SLO as the beginning of the word Slavic). To uninstall, click on the installation file and then on the "Finish" button.
+
+  </TabItem>
+</Tabs>
+
+In addition to the installation file, there is also a source file klc for the Microsoft Keyboard Layout Creator in the archive, with which you can modify the keyboard if you wish.

i18n/be/docusaurus-plugin-content-docs/current/learn/orthography.md

@@ -143,7 +143,7 @@ Interslavic выкарыстоўвае літару `ј` з сербскай і
 
 [1]: #representation-of-problematic-characters
 
-[2]: ../resources/keyboards.md
+[2]: ../resources/keyboards/index.md
 
 [3]: https://web.archive.org/web/20230201091637/http://grzegorz.jagodzinski.prv.pl/gram/en/ipa.html
 

i18n/be/docusaurus-plugin-content-docs/current/resources/index.md

@@ -158,7 +158,7 @@ custom_edit_url: /501
 
 [17]: https://www.patro.cz/interslavic-zonal-constructed-language/
 
-[18]: ./keyboards.md
+[18]: ./keyboards/index.md
 
 [19]: https://interslavic-dictionary.com/
 

i18n/bg/docusaurus-plugin-content-docs/current/learn/orthography.md

@@ -143,7 +143,7 @@ Interslavic използва буквата `ј` от сръбската и ма
 
 [1]: \#representation-of-problematic-characters
 
-[2]: ../resources/keyboards.md
+[2]: ../resources/keyboards/index.md
 
 [3]: https://web.archive.org/web/20230201091637/http://grzegorz.jagodzinski.prv.pl/gram/en/ipa.html
 

i18n/bg/docusaurus-plugin-content-docs/current/resources/index.md

@@ -158,7 +158,7 @@ custom_edit_url: /501
 
 [17]: https://www.patro.cz/interslavic-zonal-constructed-language/
 
-[18]: ./keyboards.md
+[18]: ./keyboards/index.md
 
 [19]: https://interslavic-dictionary.com/
 

i18n/bs/docusaurus-plugin-content-docs/current/learn/orthography.md

@@ -143,7 +143,7 @@ Ukratko, postoji nekoliko mogućnosti za pisanje iste riječi. Opšta smjernica
 
 [1]: \#representation-of-problematic-characters
 
-[2]: ../resources/keyboards.md
+[2]: ../resources/keyboards/index.md
 
 [3]: https://web.archive.org/web/20230201091637/http://grzegorz.jagodzinski.prv.pl/gram/en/ipa.html
 

i18n/bs/docusaurus-plugin-content-docs/current/resources/index.md

@@ -158,7 +158,7 @@ Evo nekoliko web stranica posvećenih međuslavenskom jeziku i kulturi:
 
 [17]: https://www.patro.cz/interslavic-zonal-constructed-language/
 
-[18]: ./keyboards.md
+[18]: ./keyboards/index.md
 
 [19]: https://interslavic-dictionary.com/
 

i18n/cs/docusaurus-plugin-content-docs/current/learn/orthography.md

@@ -143,7 +143,7 @@ Abych to shrnul, existuje několik možností, jak napsat stejné slovo. Obecná
 
 [1]: #representation-of-problematic-characters
 
-[2]: ../resources/keyboards.md
+[2]: ../resources/keyboards/index.md
 
 [3]: https://web.archive.org/web/20230201091637/http://grzegorz.jagodzinski.prv.pl/gram/en/ipa.html
 

i18n/cs/docusaurus-plugin-content-docs/current/resources/index.md

@@ -158,7 +158,7 @@ Zde jsou některé webové stránky věnované mezislovanskému jazyku a kultuř
 
 [17]: https://www.patro.cz/interslavic-zonal-constructed-language/
 
-[18]: ./keyboards.md
+[18]: ./keyboards/index.md
 
 [19]: https://interslavic-dictionary.com/
 

i18n/en/code.json

@@ -389,6 +389,22 @@
     "message": "IPA"
   },
   "com.markdown.Pronunciation": {
-    "message": "Pronunciation"
+    "message": "Pronun\u00ADciation"
+  },
+  "com.platform.windows": {
+    "message": "Windows",
+    "description": "Windows Platform"
+  },
+  "com.platform.mac": {
+    "message": "MacOS",
+    "description": "Mac Platform"
+  },
+  "com.platform.deb": {
+    "message": "Debian",
+    "description": "Debian Platform"
+  },
+  "com.platform.rpm": {
+    "message": "Fedora",
+    "description": "Fedora Platform"
   }
 }

i18n/hr/docusaurus-plugin-content-docs/current/learn/orthography.md

@@ -143,7 +143,7 @@ Ukratko, postoji nekoliko mogućnosti za pisanje iste riječi. Opća smjernica j
 
 [1]: #representation-of-problematic-characters
 
-[2]: ../resources/keyboards.md
+[2]: ../resources/keyboards/index.md
 
 [3]: https://web.archive.org/web/20230201091637/http://grzegorz.jagodzinski.prv.pl/gram/en/ipa.html
 

i18n/hr/docusaurus-plugin-content-docs/current/resources/index.md

@@ -158,7 +158,7 @@ Evo nekoliko web stranica posvećenih međuslavenskom jeziku i kulturi:
 
 [17]: https://www.patro.cz/interslavic-zonal-constructed-language/
 
-[18]: ./keyboards.md
+[18]: ./keyboards/index.md
 
 [19]: https://interslavic-dictionary.com/
 

i18n/mk/docusaurus-plugin-content-docs/current/learn/orthography.md

@@ -143,7 +143,7 @@ Interslavic ја користи буквата `ј` од српската и м
 
 [1]: \#representation-of-problematic-characters
 
-[2]: ../resources/keyboards.md
+[2]: ../resources/keyboards/index.md
 
 [3]: https://web.archive.org/web/20230201091637/http://grzegorz.jagodzinski.prv.pl/gram/en/ipa.html
 

i18n/mk/docusaurus-plugin-content-docs/current/resources/index.md

@@ -158,7 +158,7 @@ custom_edit_url: /501
 
 [17]: https://www.patro.cz/interslavic-zonal-constructed-language/
 
-[18]: ./keyboards.md
+[18]: ./keyboards/index.md
 
 [19]: https://interslavic-dictionary.com/
 

i18n/pl/docusaurus-plugin-content-docs/current/learn/orthography.md

@@ -143,7 +143,7 @@ Podsumowując, istnieje kilka możliwości napisania tego samego słowa. Ogólna
 
 [1]: #representation-of-problematic-characters
 
-[2]: ../resources/keyboards.md
+[2]: ../resources/keyboards/index.md
 
 [3]: https://web.archive.org/web/20230201091637/http://grzegorz.jagodzinski.prv.pl/gram/en/ipa.html
 

i18n/pl/docusaurus-plugin-content-docs/current/resources/index.md

@@ -158,7 +158,7 @@ Poniżej jest kilka stron poświęconych językowi i kulturze międzysłowiańsk
 
 [17]: https://www.patro.cz/interslavic-zonal-constructed-language/
 
-[18]: ./keyboards.md
+[18]: ./keyboards/index.md
 
 [19]: https://interslavic-dictionary.com/
 

i18n/ru/docusaurus-plugin-content-docs/current/learn/orthography.md

@@ -143,7 +143,7 @@ import DisappearedPhonemes from '@site/src/markdown/disappeared-phonemes.mdx';
 
 [1]: #representation-of-problematic-characters
 
-[2]: ../resources/keyboards.md
+[2]: ../resources/keyboards/index.md
 
 [3]: https://web.archive.org/web/20230201091637/http://grzegorz.jagodzinski.prv.pl/gram/en/ipa.html
 

i18n/ru/docusaurus-plugin-content-docs/current/resources/index.md

@@ -158,7 +158,7 @@ custom_edit_url: /501
 
 [17]: https://www.patro.cz/interslavic-zonal-constructed-language/
 
-[18]: ./keyboards.md
+[18]: ./keyboards/index.md
 
 [19]: https://interslavic-dictionary.com/
 

i18n/sk/docusaurus-plugin-content-docs/current/learn/orthography.md

@@ -143,7 +143,7 @@ Aby som to zhrnul, existuje niekoľko možností na napísanie toho istého slov
 
 [1]: #representation-of-problematic-characters
 
-[2]: ../resources/keyboards.md
+[2]: ../resources/keyboards/index.md
 
 [3]: https://web.archive.org/web/20230201091637/http://grzegorz.jagodzinski.prv.pl/gram/en/ipa.html
 

i18n/sk/docusaurus-plugin-content-docs/current/resources/index.md

@@ -158,7 +158,7 @@ Tu je niekoľko webových stránok venovaných medzislovanským jazykom a kultú
 
 [17]: https://www.patro.cz/interslavic-zonal-constructed-language/
 
-[18]: ./keyboards.md
+[18]: ./keyboards/index.md
 
 [19]: https://interslavic-dictionary.com/
 

i18n/sl/docusaurus-plugin-content-docs/current/learn/orthography.md

@@ -143,7 +143,7 @@ Naslednja tabela prikazuje ujemanja med zgoraj omenjenimi črkami (predlagana al
 
 [1]: \#representation-of-problematic-characters
 
-[2]: ../resources/keyboards.md
+[2]: ../resources/keyboards/index.md
 
 [3]: https://web.archive.org/web/20230201091637/http://grzegorz.jagodzinski.prv.pl/gram/en/ipa.html
 

i18n/sl/docusaurus-plugin-content-docs/current/resources/index.md

@@ -158,7 +158,7 @@ Tukaj je nekaj spletnih mest, posvečenih medslovanskemu jeziku in kulturi:
 
 [17]: https://www.patro.cz/interslavic-zonal-constructed-language/
 
-[18]: ./keyboards.md
+[18]: ./keyboards/index.md
 
 [19]: https://interslavic-dictionary.com/
 

i18n/sr-Cyrl/docusaurus-plugin-content-docs/current/learn/orthography.md

@@ -143,7 +143,7 @@ import DisappearedPhonemes from '@site/src/markdown/disappeared-phonemes.mdx';
 
 [1]: #representation-of-problematic-characters
 
-[2]: ../resources/keyboards.md
+[2]: ../resources/keyboards/index.md
 
 [3]: https://web.archive.org/web/20230201091637/http://grzegorz.jagodzinski.prv.pl/gram/en/ipa.html
 

i18n/sr-Cyrl/docusaurus-plugin-content-docs/current/resources/index.md

@@ -158,7 +158,7 @@ custom_edit_url: /501
 
 [17]: https://www.patro.cz/interslavic-zonal-constructed-language/
 
-[18]: ./keyboards.md
+[18]: ./keyboards/index.md
 
 [19]: https://interslavic-dictionary.com/
 

i18n/uk/docusaurus-plugin-content-docs/current/learn/orthography.md

@@ -144,7 +144,7 @@ Interslavic використовує літеру `ј` із сербської 
 
 [1]: #representation-of-problematic-characters
 
-[2]: ../resources/keyboards.md
+[2]: ../resources/keyboards/index.md
 
 [3]: https://web.archive.org/web/20230201091637/http://grzegorz.jagodzinski.prv.pl/gram/en/ipa.html
 

i18n/uk/docusaurus-plugin-content-docs/current/resources/index.md

@@ -158,7 +158,7 @@ custom_edit_url: /501
 
 [17]: https://www.patro.cz/interslavic-zonal-constructed-language/
 
-[18]: ./keyboards.md
+[18]: ./keyboards/index.md
 
 [19]: https://interslavic-dictionary.com/
 

src/components/KeyboardPreview/Compact.jsx

@@ -0,0 +1,68 @@
+import React, { useCallback } from 'react'
+import clsx from 'clsx'
+import styles from "./Compact.module.scss"
+import { useKey } from './keyboard-context.js';
+
+const SERVICE_KEYS = new Set(['ControlLeft', 'AltLeft', 'Space', 'AltRight', 'ControlRight', 'ArrowLeft', 'ArrowUp', 'ArrowDown', 'ArrowRight', 'ShiftLeft', 'ShiftRight', 'CapsLock', 'Enter', "Escape", "F1", "F2", "F3", "F4", "F5", "F6", "F7", "F8", "F9", "F10", "F11", "F12", "Delete", "Backspace", "Tab"]);
+
+const keys = [
+  ["Escape", "F1", "F2", "F3", "F4", "F5", "F6", "F7", "F8", "F9", "F10", "F11", "F12", "Delete"],
+  ["Backquote", "Digit1", "Digit2", "Digit3", "Digit4", "Digit5", "Digit6", "Digit7", "Digit8", "Digit9", "Digit0", "Minus", "Equal", "Backspace"], ,
+  ["Tab", "KeyQ", "KeyW", "KeyE", "KeyR", "KeyT", "KeyY", "KeyU", "KeyI", "KeyO", "KeyP", "BracketLeft", "BracketRight", "Backslash"],
+  ["CapsLock", "KeyA", "KeyS", "KeyD", "KeyF", "KeyG", "KeyH", "KeyJ", "KeyK", "KeyL", "Semicolon", "Quote", "Enter"],
+  ["ShiftLeft", "KeyZ", "KeyX", "KeyC", "KeyV", "KeyB", "KeyN", "KeyM", "Comma", "Period", "Slash", "ShiftRight"],
+  ['ControlLeft', 'AltLeft', 'Space', 'AltRight', 'ControlRight', 'ArrowLeft', 'ArrowUp', 'ArrowDown', 'ArrowRight'],
+];
+
+export default function Compact({ className }) {
+  return (
+    <div>
+      <figure className={styles.figure}>
+        <figcaption>Default</figcaption>
+        <CompactKeyboard className={className} />
+      </figure>
+      <figure className={styles.figure}>
+        <figcaption>Shift</figcaption>
+        <CompactKeyboard className={className} modifier={1} />
+      </figure>
+      <figure className={styles.figure}>
+        <figcaption>Alt</figcaption>
+        <CompactKeyboard className={className} modifier={6} />
+      </figure>
+      <figure className={styles.figure}>
+        <figcaption>Alt + Shift</figcaption>
+        <CompactKeyboard className={className} modifier={7} />
+      </figure>
+    </div>
+  );
+}
+
+function CompactKeyboard({ className, layout, modifier }) {
+  return (
+    <div className={clsx(styles.keyboard, className)}>
+      {keys.map((row, rowIndex) => (
+        <div key={rowIndex} className={styles.row}>
+          {row.map((code, columnIndex) => (
+            <CompactKey key={columnIndex} code={code} layout={layout} modifier={modifier} />
+          ))}
+        </div>
+      ))}
+    </div>
+  );
+}
+
+function CompactKey({ code, modifier: modifierOverride }) {
+  const context = useKey().keyboardState;
+  const { layout, state, modifier: modifierDynamic, pressed, onKeyDown, onKeyUp } = context;
+  const modifier = modifierOverride ?? modifierDynamic;
+  const content = layout.states[state][code]?.[modifier] ?? '\u00a0';
+
+  /* const onMouseDown = useCallback(() => onKeyDown(code), [code, onKeyDown]);
+  const onMouseUp = useCallback(() => onKeyUp(code), [code, onKeyUp]); */
+
+  return (
+    <span className={clsx(styles.key, { [styles.inactive]: SERVICE_KEYS.has(code), [styles.pressed]: pressed.has(code) })} /* onMouseDown={onMouseDown} onMouseUp={onMouseUp} */>
+      {content}
+    </span>
+  );
+}